fastlion-amis
Version:
一种MIS页面生成工具
39,079 lines • 1.2 MB
CSS
@charset "UTF-8";
.padding-1 {
padding: 1px;
}
.padding-2 {
padding: 2px;
}
.padding-3 {
padding: 3px;
}
.padding-4 {
padding: 4px;
}
.padding-5 {
padding: 5px;
}
.padding-6 {
padding: 6px;
}
.padding-7 {
padding: 7px;
}
.padding-8 {
padding: 8px;
}
.padding-9 {
padding: 9px;
}
.padding-10 {
padding: 10px;
}
.padding-11 {
padding: 11px;
}
.padding-12 {
padding: 12px;
}
.padding-13 {
padding: 13px;
}
.padding-14 {
padding: 14px;
}
.padding-15 {
padding: 15px;
}
.padding-16 {
padding: 16px;
}
.padding-17 {
padding: 17px;
}
.padding-18 {
padding: 18px;
}
.padding-19 {
padding: 19px;
}
.padding-20 {
padding: 20px;
}
:root {
--headerBarHeight: 44px;
--black: #141316;
--white: #fff;
--primary: #0983ff;
--primary-onHover: #0070e2;
--primary-onActive: #006ad5;
--secondary: #6c757d;
--secondary-onHover: #5a6268;
--secondary-onActive: #545b62;
--success: #32d74b;
--success-onHover: #25be3c;
--success-onActive: #23b339;
--info: #2296f3;
--info-onHover: #0c83e2;
--info-onActive: #0c7cd6;
--warning: #ff9f0b;
--warning-onHover: #e48a00;
--warning-onActive: #d78200;
--danger: #dc3545;
--danger-onHover: #c82333;
--danger-onActive: #bd2130;
--light: #3a3a3a;
--dark: #1e1f22;
--fontFamilyMonospace: SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace;
--fontFamilyBase: -apple-system, BlinkMacSystemFont, "SF Pro SC",
"SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", "Segoe UI",
Roboto, "Hiragino Sans GB", "Arial", "microsoft yahei ui", "Microsoft YaHei",
SimSun, sans-serif;
--fontSizeBase: 0.875rem;
--fontSizeMd: 0.875rem;
--fontSizeLg: 1rem;
--fontSizeXl: 1.25rem;
--fontSizeSm: 0.75rem;
--fontSizeXs: 0.6875rem;
--text-color: #f3f1f1;
--button-color: #fff;
--animation-duration: 0.2s;
--text--muted-color: white;
--text--loud-color: #dbd6d6;
--pre-color: var(--text-color);
--borderColor: #d1d5db;
--borderColorLight: #dfe2e6;
--borderColorDarken: #b4bbc5;
--borderRadius: 0.142rem;
--borderRadiusMd: 0.285rem;
--borderRadiusLg: 0.428rem;
--boxShadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--boxShadowSm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--lineHeightBase: 1.5;
--body-lineHeight: var(--lineHeightBase);
--borderWidth: 0.0625rem;
--fontWeightNormal: 400;
--fontWeightBase: var(--fontWeightNormal);
--fontWeightMd: 500;
--fontWeightBold: 700;
--background: var(--white);
--code-color: var(--danger);
--code-background: var(--background);
--pre-background: var(--background);
--link-color: var(--info);
--link-decoration: none;
--link-onHover-color: var(--info-onHover);
--link-onHover-decoration: underline;
--body-bg: var(--light);
--body-size: var(--fontSizeBase);
--body-color: var(--text-color);
--body-weight: var(--fontWeightBase);
--gap-xs: 0.375rem;
--gap-sm: 0.5rem;
--gap-base: 0.5rem;
--gap-md: 1rem;
--gap-lg: 1.25rem;
--gap-xl: 1.5rem;
--icon-color: #4b5563;
--icon-onHover-color: #111827;
--icon-onDisabled-color: #6b7280;
--label--default-bg: #374151;
--label--primary-bg: var(--primary);
--label--success-bg: var(--success);
--label--info-bg: var(--info);
--label--warning-bg: var(--warning);
--label--danger-bg: var(--danger);
--label-color: #fff;
--label-link--hover-color: #fff;
--scrollbar-width: 1.0625rem;
--Alert--danger-bg: #f2dede;
--Alert--danger-borderColor: #ebccd1;
--Alert--danger-color: #ff4d4f;
--Alert--info-bg: #d9edf7;
--Alert--info-borderColor: #0db0ef;
--Alert--info-color: #69b1ff;
--Alert--success-bg: #dff0d8;
--Alert--success-borderColor: #d6e9c6;
--Alert--success-color: #52c41a;
--Alert--warning-bg: #fcf8e3;
--Alert--warning-borderColor: #faebcc;
--Alert--warning-color: #faad14;
--Alert-borderColor: transparent;
--Alert-borderRadius: var(--borderRadiusMd);
--Alert-borderWidth: var(--borderWidth);
--Alert-boxShadow: none;
--Alert-fontSize: var(--fontSizeBase);
--Alert-marginBottom: var(--gap-md);
--Alert-paddingX: var(--gap-sm);
--Alert-paddingY: var(--gap-sm);
--Audio-border: 0.0625rem solid #dee2e6;
--Audio-height: 3.125rem;
--Audio-input-width: 5rem;
--Audio-item-margin: 0.625rem;
--Audio-lineHeight: 3.125rem;
--Audio-play-top: var(--gap-xs);
--Audio-play-width: var(--gap-md);
--Audio-process-minWidth: 5rem;
--Audio-rate-bg: #dee2e6;
--Audio-rate-height: 3.125rem;
--Audio-rate-lineHeight: 3.125rem;
--Audio-rate-width: 2.5rem;
--Audio-rateControlItem-bg: #dee2e6;
--Audio-rateControlItem-borderRight: 0.0625rem solid #d3dae0;
--Audio-svg-height: var(--gap-md);
--Audio-svg-top: 0.375rem;
--Audio-svg-width: var(--gap-md);
--Audio-thumb-bg: #606670;
--Audio-thumb-height: 0.875rem;
--Audio-thumb-marginTop: -0.3125rem;
--Audio-thumb-width: 0.875rem;
--Audio-times-margin: 0 var(--gap-xs);
--Audio-times-width: 4.6875rem;
--Audio-track-bg: #d7dbdd;
--Audio-track-border: 0.0625rem solid transparent;
--Audio-track-borderRadius: 0.1875rem;
--Audio-track-height: 0.375rem;
--Audio-volume-height: 3.125rem;
--Audio-volume-lineHeight: 3.125rem;
--Audio-volume-width: var(--gap-md);
--Audio-volumeControl-width: 6.875rem;
--Avatar-bg: #d1d5db;
--Avatar-width: 2.5rem;
--Avatar-size-large: 3rem;
--Avatar-size-default: var(--Avatar-width);
--Avatar-size-small: 2rem;
--Avatar-icon-size-large: 1.25rem;
--Avatar-icon-size-default: var(--fontSizeLg);
--Avatar-icon-size-small: 0.75rem;
--Badge-size: var(--gap-md);
--Badge-color: var(--white);
--Badge--success-bg: var(--success);
--Badge--info-bg: var(--info);
--Badge--warning-bg: var(--warning);
--Badge--danger-bg: var(--danger);
--Button--danger-bg: var(--danger);
--Button--danger-border: var(--Button--danger-bg);
--Button--danger-color: var(--button-color);
--Button--danger-onActive-bg: var(--danger-onActive);
--Button--danger-onActive-border: #b21f2d;
--Button--danger-onActive-color: var(--Button--danger-color);
--Button--danger-onHover-bg: var(--danger-onHover);
--Button--danger-onHover-border: var(--danger-onActive);
--Button--danger-onHover-color: var(--Button--danger-color);
--Button--dark-bg: var(--dark);
--Button--dark-border: var(--Button--dark-bg);
--Button--dark-color: var(--button-color);
--Button--dark-onActive-bg: #060607;
--Button--dark-onActive-border: black;
--Button--dark-onActive-color: var(--Button--dark-color);
--Button--dark-onHover-bg: #0c0c0e;
--Button--dark-onHover-border: #060607;
--Button--dark-onHover-color: var(--Button--dark-color);
--Button--default-bg: var(--white);
--Button--default-border: var(--borderColor);
--Button--default-color: var(--text-color);
--Button--default-onActive-bg: var(--white);
--Button--default-onActive-border: var(--primary-onActive);
--Button--default-onActive-color: var(--primary-onActive);
--Button--default-onHover-bg: var(--white);
--Button--default-onHover-border: var(--primary);
--Button--default-onHover-color: var(--primary);
--Button--iconOnly-minWidthRate: 4 / 3;
--Button--info-bg: var(--info);
--Button--info-border: var(--Button--info-bg);
--Button--info-color: var(--button-color);
--Button--info-onActive-bg: var(--info-onActive);
--Button--info-onActive-border: #0b75ca;
--Button--info-onActive-color: var(--Button--info-color);
--Button--info-onHover-bg: var(--info-onHover);
--Button--info-onHover-border: var(--info-onActive);
--Button--info-onHover-color: var(--Button--info-color);
--Button--lg-borderRadius: var(--borderRadius);
--Button--lg-fontSize: var(--fontSizeLg);
--Button--lg-height: 2.875rem;
--Button--lg-lineHeight: 24 / 20;
--Button--lg-paddingX: 1rem;
--Button--lg-paddingY: calc((var(--Button--lg-height) - var(--Button-borderWidth) * 2 - var(--Button--lg-lineHeight) * var(--Button--lg-fontSize)) / 2);
--Button--light-bg: var(--light);
--Button--light-border: var(--borderColor);
--Button--light-color: var(--text-color);
--Button--light-onActive-bg: #212121;
--Button--light-onActive-border: #1a1a1a;
--Button--light-onActive-color: var(--Button--light-color);
--Button--light-onHover-bg: #272727;
--Button--light-onHover-border: #212121;
--Button--light-onHover-color: var(--Button--light-color);
--Button--link-color: var(--primary);
--Button--link-onDisabled-color: #4b5563;
--Button--link-onHover-color: var(--primary-onHover);
--Button--link-onActive-color: var(--primary-onActive);
--Button--md-fontSize: var(--Button-fontSize);
--Button--md-height: var(--Button-height);
--Button--md-lineHeight: var(--Button-lineHeight);
--Button--md-paddingX: var(--Button-paddingX);
--Button--md-paddingY: calc((var(--Button--md-height) - var(--Button-borderWidth) * 2 - var(--Button--md-lineHeight) * var(--Button--md-fontSize)) / 2);
--Button--primary-bg: var(--primary);
--Button--primary-border: var(--Button--primary-bg);
--Button--primary-color: var(--button-color);
--Button--primary-onActive-bg: var(--primary-onActive);
--Button--primary-onActive-border: var(--primary-onActive);
--Button--primary-onActive-color: var(--Button--primary-color);
--Button--primary-onHover-bg: var(--primary-onHover);
--Button--primary-onHover-border: var(--primary-onHover);
--Button--primary-onHover-color: var(--Button--primary-color);
--Button--secondary-bg: var(--secondary);
--Button--secondary-border: var(--Button--secondary-bg);
--Button--secondary-color: var(--button-color);
--Button--secondary-onActive-bg: var(--secondary-onActive);
--Button--secondary-onActive-border: #4e555b;
--Button--secondary-onActive-color: var(--Button--secondary-color);
--Button--secondary-onHover-bg: var(--secondary-onHover);
--Button--secondary-onHover-border: var(--secondary-onActive);
--Button--secondary-onHover-color: var(--Button--secondary-color);
--Button--sm-borderRadius: var(--borderRadius);
--Button--sm-fontSize: var(--fontSizeSm);
--Button--sm-height: 1.875rem;
--Button--sm-lineHeight: 18 / 12;
--Button--sm-paddingX: 0.5rem;
--Button--sm-paddingY: calc((var(--Button--sm-height) - var(--Button-borderWidth) * 2 - var(--Button--sm-lineHeight) * var(--Button--sm-fontSize)) / 2);
--Button--success-bg: var(--success);
--Button--success-border: var(--Button--success-bg);
--Button--success-color: var(--button-color);
--Button--success-onActive-bg: var(--success-onActive);
--Button--success-onActive-border: #21a835;
--Button--success-onActive-color: var(--Button--success-color);
--Button--success-onHover-bg: var(--success-onHover);
--Button--success-onHover-border: var(--success-onActive);
--Button--success-onHover-color: var(--Button--success-color);
--Button--enhance-border: var(--primary);
--Button--enhance-color: var(--primary);
--Button--enhance-onActive-bg: var(--white);
--Button--enhance-onActive-border: var(--primary-onActive);
--Button--enhance-onActive-color: var(--primary-onActive);
--Button--enhance-onHover-bg: var(--white);
--Button--enhance-onHover-border: var(--primary-onHover);
--Button--enhance-onHover-color: var(--primary-onHover);
--Button--warning-bg: var(--warning);
--Button--warning-border: var(--Button--warning-bg);
--Button--warning-color: var(--button-color);
--Button--warning-onActive-bg: var(--warning-onActive);
--Button--warning-onActive-border: #ca7b00;
--Button--warning-onActive-color: var(--Button--warning-color);
--Button--warning-onHover-bg: var(--warning-onHover);
--Button--warning-onHover-border: var(--warning-onActive);
--Button--warning-onHover-color: var(--Button--warning-color);
--Button--xs-fontSize: var(--fontSizeXs);
--Button--xs-height: 1.375rem;
--Button--xs-lineHeight: 18 / 11;
--Button--xs-paddingX: var(--gap-xs);
--Button--xs-paddingY: calc((var(--Button--xs-height) - var(--Button-borderWidth) * 2 - var(--Button--xs-lineHeight) * var(--Button--xs-fontSize)) / 2);
--Button-borderRadius: var(--borderRadius);
--Button-borderWidth: var(--Form-input-borderWidth);
--Button-boxShadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
0 1px 1px rgba(0, 0, 0, 0.075);
--Button-textShadow: none;
--Button-fontSize: var(--Form-input-fontSize);
--Button-fontWeight: var(--fontWeightNormal);
--Button-height: var(--Form-input-height);
--Button-lineHeight: var(--Form-input-lineHeight);
--Button-mimWidth: auto;
--Button-onActive-boxShadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--Button-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
--Button-animation-spin: spin 1s infinite linear;
--Button-onActive-color: var(--primary);
--Button-onActive-border: var(--primary);
--Button-onDisabled-borderColor: #dee2e6;
--Button-onDisabled-opacity: 0.65;
--Button-onDisabled-bg: rgba(255, 255, 255, .25);
--Button-onFocus-boxShadow: none;
--Button-paddingX: 0.75rem;
--Button-paddingX-right: 0.625rem;
--Button-paddingY: calc((var(--Button-height) - var(--Button-borderWidth) * 2 - var(--Button-lineHeight) * var(--Button-fontSize)) / 2);
--Button-transition: color var(--animation-duration) ease-in-out,
background-color var(--animation-duration) ease-in-out,
border-color var(--animation-duration) ease-in-out,
box-shadow var(--animation-duration) ease-in-out;
--ButtonGroup--primary-isActive-color: var(--white);
--ButtonGroup--primary-isActive-bg: var(--primary);
--Calendar-btn-bg: var(--info);
--Calendar-btn-border: var(--Calendar-btn-bg);
--Calendar-btn-borderRadius: var(--Button-borderRadius);
--Calendar-btn-color: var(--white);
--Calendar-btn-fontSize: var(--fontSizeSm);
--Calendar-btn-height: 1.875rem;
--Calendar-btn-lineHeight: var(--lineHeightBase);
--Calendar-btn-onActive-bg: #0c7cd6;
--Calendar-btn-onActive-border: #0b75ca;
--Calendar-btn-onActive-color: var(--Calendar-btn-color);
--Calendar-btn-onHover-bg: #0c83e2;
--Calendar-btn-onHover-border: #0c7cd6;
--Calendar-btn-onHover-color: var(--Calendar-btn-color);
--Calendar-btn-paddingX: 0.625rem;
--Calendar-btn-paddingY: calc((var(--Calendar-btn-height) - var(--Calendar-btn-lineHeight) * var(--Calendar-btn-fontSize)) / 2);
--Calendar-btnCancel-bg: var(--light);
--Calendar-btnCancel-border: var(--Button--default-border);
--Calendar-btnCancel-borderRadius: var(--Button-borderRadius);
--Calendar-btnCancel-color: var(--text-color);
--Calendar-btnCancel-onActive-bg: var(--Button--default-onActive-bg);
--Calendar-btnCancel-onActive-border: var(--Button--default-onActive-border);
--Calendar-btnCancel-onActive-color: var(--Button--default-onActive-color);
--Calendar-btnCancel-onHover-bg: var(--Button--default-onHover-bg);
--Calendar-btnCancel-onHover-border: var(--Button--default-onHover-border);
--Calendar-btnCancel-onHover-color: var(--Button--default-onHover-color);
--Calendar-cell-bg: var(--white);
--Calendar-cell-onActive-bg: var(--info);
--Calendar-cell-onBetween-bg: rgba(34, 150, 243, 0.1);
--Calendar-cell-onDisabled-bg: var(--light);
--Calendar-cell-onHover-bg: #ededed;
--Calendar-color: var(--text-color);
--Calendar-fontSize: var(--fontSizeBase);
--Calendar-input-borderColor: var(--borderColor);
--Calendar-input-borderRadius: var(--borderRadius);
--Calendar-input-color: var(--info);
--Calendar-input-fontSize: var(--fontSizeBase);
--Calendar-input-height: 1.875rem;
--Calendar-input-lineHeight: var(--lineHeightBase);
--Calendar-input-onFocused-borderColor: var(--info);
--Calendar-input-paddingX: 0.625rem;
--Calendar-input-paddingY: calc((var(--Calendar-input-height) - var(--Calendar-input-lineHeight) * var(--Calendar-input-fontSize)) / 2);
--Calendar-shortcut-color: var(--info);
--Calendar-shortcut-decoration: none;
--Calendar-shortcut-onHover-color: #0a6ebe;
--Calendar-shortcut-onHover-decoration: none;
--Calendar-shortcuts-bg: transparent;
--Calendar-shortcuts-height: 1.875rem;
--Calendar-wLabel-color: #999;
--Calendar-icon-bottom: -0.25rem;
--Calendar-icon-width: 0.625rem;
--Calendar-icon-height: 0.625rem;
--Calendar-borderWidth: 0.0625rem;
--Calendar-rdt-day: 6.25rem;
--Calendar-schedule-content-padding: 0 0.25rem;
--Calendar-schedule-content-height: 1.25rem;
--Calendar-schedule-content-color: #fff;
--Card-actions-borderColor: #dfe2e6;
--Card-actions-fontSize: var(--fontSizeBase);
--Card-actions-onChecked-onHover-bg: #c2ecf9;
--Card-actions-onChecked-onHover-color: #1498c1;
--Card-actions-onHover-bg: #f2f2f2;
--Card-actions-onHover-color: #090d15;
--Card-bg: var(--white);
--Card-borderColor: var(--borderColor);
--Card-borderRadius: var(--borderRadius);
--Card-borderWidth: var(--borderWidth);
--Card-secondary-color: #83868c;
--Card-onChecked-bg: #d9f3fb;
--Card-onChecked-borderColor: #abe4f6;
--Card-onChecked-color: #20b9e8;
--Card-onChecked-fieldLabel-color: #7dd6f1;
--Card-onDragging-opacity: 0.1;
--Card-onModified-bg: #e8f0fe;
--Card-onModified-borderColor: #b7d0fc;
--Card-onModified-color: #4285f4;
--Card-onModified-fieldLabel-color: #a2c3fa;
--Card-onModified-onHover-bg: #d0e0fd;
--Card-onModified-onHover-color: #1266f1;
--Cards--unsaved-heading-bg: #e8f0fe;
--Cards--unsaved-heading-color: #4285f4;
--Cards-fixedTop-boxShadow: var(--boxShadow);
--Cards-placeholder-height: 6.25rem;
--Cards-toolbar-marginX: 0;
--Cards-toolbar-marginY: var(--gap-base);
--Carousel--dark-control: black;
--Carousel--light-control: white;
--Carousel-arrowControl-height: var(--gap-lg);
--Carousel-arrowControl-width: var(--gap-lg);
--Carousel-bg: #f6f8f8;
--Carousel-dot-borderRadius: 0.25rem;
--Carousel-dot-height: 0.5rem;
--Carousel-dot-margin: 0.4375rem var(--gap-xs);
--Carousel-dot-width: 0.5rem;
--Carousel-height: 12.5rem;
--Carousel-imageDescription-bottom: 1.5625rem;
--Carousel-imageTitle-bottom: 2.8125rem;
--Carousel-minWidth: 6.25rem;
--Carousel-svg-height: var(--gap-lg);
--Carousel-svg-width: var(--gap-lg);
--Carousel-transitionDuration: var(--animation-duration);
--Checkbox--full-inner-size: 0.75rem;
--Checkbox--sm--full-inner-size: 0.625rem;
--Checkbox--sm-inner-size: calc(var(--Checkbox--sm-size) / 2);
--Checkbox--sm-size: 1rem;
--Checkbox-borderRadius: var(--borderRadius);
--Checkbox-color: var(--Form-input-borderColor);
--Checkbox-gap: var(--gap-xs);
--Checkbox-gb: #fff;
--Checkbox-size: var(--Form-fontSize);
--Checkbox-inner-size: calc(var(--Checkbox-size) / 2);
--Checkbox-onHover-color: var(--info);
--Checkbox-onDisabled-bg: #e5e7eb;
--Checkbox-onDisabled-color: var(--text--muted-color);
--ColorPicker-bg: var(--white);
--ColorPicker-borderColor: var(--Form-input-borderColor);
--ColorPicker-borderRadius: var(--Form-input-borderRadius);
--ColorPicker-borderWidth: var(--Form-input-borderWidth);
--ColorPicker-color: var(--Form-input-color);
--ColorPicker-fontSize: var(--Form-input-fontSize);
--ColorPicker-height: var(--Form-input-height);
--ColorPicker-lineHeight: var(--Form-input-lineHeight);
--ColorPicker-onDisabled-bg: #e5e7eb;
--ColorPicker-onDisabled-color: var(--text--muted-color);
--ColorPicker-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
--ColorPicker-onHover-bg: #f2f2f2;
--ColorPicker-onHover-borderColor: var(--borderColor);
--ColorPicker-paddingX: 0.75rem;
--ColorPicker-paddingY: calc((var(--ColorPicker-height) - var(--ColorPicker-lineHeight) * var(--ColorPicker-fontSize)) / 2 - var(--ColorPicker-borderWidth));
--ColorPicker-placeholderColor: var(--Form-input-placeholderColor);
--ColorPicker-boxShadow: var(--boxShadow);
--Combo--horizontal-dragger-top: var(--Form-label-paddingTop);
--Combo--horizontal-item-gap: var(--gap-xs);
--Combo--vertical-item-borderColor: var(--borderColor);
--Combo--vertical-item-borderRadius: var(--borderRadius);
--Combo--vertical-item-borderWidth: var(--borderWidth);
--Combo--vertical-item-gap: var(--gap-xs);
--Combo--vertical-item-onHover-borderColor: var(--info);
--Combo--vertical-item-paddingX: 0.625rem;
--Combo--vertical-item-paddingY: 0.625rem;
--Combo-addBtn-bg: var(--Button--info-bg);
--Combo-addBtn-border: var(--Button--info-border);
--Combo-addBtn-borderRadius: var(--Button-borderRadius);
--Combo-addBtn-color: var(--Button--info-color);
--Combo-addBtn-fontSize: var(--Button--sm-fontSize);
--Combo-addBtn-height: 1.625rem;
--Combo-addBtn-lineHeight: var(--Button--sm-lineHeight);
--Combo-addBtn-onActive-bg: #0c7cd6;
--Combo-addBtn-onActive-border: #adb4bf;
--Combo-addBtn-onActive-color: var(--Combo-addBtn-color);
--Combo-addBtn-onHover-bg: #0c83e2;
--Combo-addBtn-onHover-border: #b4bbc5;
--Combo-addBtn-onHover-color: var(--Combo-addBtn-color);
--Combo-addBtn-paddingX: var(--Button--sm-paddingX);
--Combo-addBtn-paddingY: calc((var(--Combo-addBtn-height) - var(--Button-borderWidth) * 2 - var(--Combo-addBtn-lineHeight) * var(--Combo-addBtn-fontSize)) / 2);
--Combo-items-marginBottom: var(--gap-sm);
--Combo-toolbarBtn-color: var(--icon-color);
--Combo-toolbarBtn-height: var(--gap-md);
--Combo-toolbarBtn-lineHeight: 1;
--Combo-toolbarBtn-onHover-color: #353c46;
--Combo-toolbarBtn-paddingX: var(--gap-xs);
--Combo-toolbarBtn-paddingY: 0.125rem;
--Copyable-iconColor: var(--icon-color);
--Copyable-onHover-iconColor: var(--icon-onHover-color);
--Collapse-border: none;
--Collapse-border-color: var(--borderColorLight);
--Collapse-header-fontSize: var(--fontSizeMd);
--Collapse-header-fontWeight: var(--fontWeightNormal);
--Collapse-header-padding: 1.125rem 0 var(--gap-xs) 0;
--Collapse-header-bg: transparent;
--Collapse-header-onHover-bg: transparent;
--Collapse-header-collapsed-border: var(--borderWidth) solid var(--Collapse-border-color);
--Collapse-header-collapsed-borderTop: none;
--Collapse-header-collapsed-borderBottom: var(--Collapse-header-collapsed-border);
--Collapse-header-wrapper-direction: row;
--Collapse-content-padding: 1.125rem 0;
--Collapse-content-color: var(--body-color);
--Collapse-content-fontSize: var(--body-size);
--Collapse-content-fontWeight: var(--body-weight);
--Crud-toolbar-gap: var(--gap-xs);
--Crud-toolbar-height: 1.875rem;
--Crud-toolbar-lineHeight: var(--lineHeightBase);
--DatePicker-bg: var(--white);
--DatePicker-borderColor: var(--Form-input-borderColor);
--DatePicker-borderRadius: var(--Form-input-borderRadius);
--DatePicker-borderWidth: var(--Form-input-borderWidth);
--DatePicker-color: var(--Form-input-color);
--DatePicker-fontSize: var(--Form-input-fontSize);
--DatePicker-header-select-borderColor: #fff;
--DatePicker-height: var(--Form-input-height);
--DatePicker-iconColor: var(--icon-color);
--DatePicker-lineHeight: var(--Form-input-lineHeight);
--DatePicker-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
--DatePicker-onHover-bg: var(--DatePicker-bg);
--DatePicker-onHover-borderColor: var(--Form-input-onFocused-borderColor);
--DatePicker-onHover-iconColor: var(--icon-onHover-color);
--DatePicker-paddingX: 0.5rem;
--DatePicker-paddingY: calc((var(--DatePicker-height) - var(--DatePicker-lineHeight) * var(--DatePicker-fontSize)) / 2 - var(--DatePicker-borderWidth));
--DatePicker-placeholderColor: var(--Form-input-placeholderColor);
--LocationPicker-borderRadius: var(--Form-input-borderWidth);
--Divider-borderStyle: solid;
--Drawer-bg: var(--background);
--Drawer-body-padding: var(--gap-base);
--Drawer-close-color: rgba(255, 255, 255, 0.8);
--Drawer-close-onHover-color: rgba(255, 255, 255, 1);
--Drawer-content-borderColor: var(--borderColor);
--Drawer-content-borderRadius: 0;
--Drawer-content-borderWidth: var(--borderWidth);
--Drawer-footer-borderColor: #dfe2e6;
--Drawer-footer-padding: var(--gap-base);
--Drawer-header-bg: #f9f9f9;
--Drawer-header-borderColor: #dfe2e6;
--Drawer-header-padding: var(--gap-base);
--Drawer-overlay-bg: rgba(0, 0, 0, 0.6);
--Drawer-title-fontColor: var(--text--loud-color);
--Drawer-title-fontSize: var(--fontSizeMd);
--Drawer-widthBase: 80%;
--Drawer-widthLg: 50rem;
--Drawer-widthMd: 31.25rem;
--Drawer-widthSm: 18.75rem;
--Drawer-widthXl: 90%;
--Drawer-widthXs: 12.5rem;
--DropDown-caret-marginLeft: min(0.3rem, 5%);
--DropDown-menu-bg: var(--white);
--DropDown-menu-borderColor: var(--borderColor);
--DropDown-menu-borderRadius: var(--borderRadius);
--DropDown-menu-borderWidth: var(--borderWidth);
--DropDown-menu-boxShadow: var(--boxShadow);
--DropDown-menu-height: 2.125rem;
--DropDown-menu-minWidth: 10rem;
--DropDown-menu-paddingX: 0;
--DropDown-menu-paddingY: var(--gap-xs);
--DropDown-menuItem-onHover-bg: var(--ListMenu-item--onHover-bg);
--DropDown-group-color: #848b99;
--DropDown-menuItem-color: #151a26;
--DropDown-menuItem-onHover-color: var(--primary);
--DropDown-menuItem-onActive-color: var(--primary);
--DropDown-menuItem-onDisabled-color: #b4b6ba;
--DropDown-menuItem-paddingX: var(--gap-sm);
--DropDown-menuItem-paddingY: calc((var(--DropDown-menu-height) - var(--fontSizeBase) * var(--lineHeightBase)) / 2);
--Fieldset-legend-bgColor: var(--white);
--Form--horizontal-gutterWidth: var(--gap-md);
--Form--horizontal-label-align: right;
--Form--horizontal-label-whiteSpace: "normal";
--Form--horizontal-label-widthBase: 7.5rem;
--Form--horizontal-label-widthLg: 12.5rem;
--Form--horizontal-label-widthMd: 10rem;
--Form--horizontal-label-widthSm: 5.625rem;
--Form--horizontal-label-widthXs: 3.75rem;
--Form-control-widthBase: 12.5rem;
--Form-control-widthLg: 20rem;
--Form-control-widthMd: 15rem;
--Form-control-widthSm: 10rem;
--Form-control-widthXs: 5rem;
--Form-description-color: white;
--Form-description-fontSize: var(--fontSizeSm);
--Form-fontSize: var(--fontSizeBase);
--Form-item-fontSize: var(--Form-fontSize);
--Form-item-fontColor: #5e626a;
--Form-group--lg-gutterWidth: 2.5rem;
--Form-group--md-gutterWidth: 1.875rem;
--Form-group--sm-gutterWidth: var(--gap-md);
--Form-group--xs-gutterWidth: 0.625rem;
--Form-group-gutterWidth: var(--Form--horizontal-gutterWidth);
--Form-input-addOnBg: #edf1f2;
--Form-input-addOnColor: var(--text-color);
--Form-input-addOnDividerBorderWidth: var(--borderWidth);
--Form-input-bg: var(--white);
--Form-input-borderColor: var(--borderColor);
--Form-input-borderRadius: var(--borderRadius);
--Form-input-borderWidth: 0.0625rem;
--Form-input-boxShadow: none;
--Form-input-color: var(--text-color);
--Form-input-fontSize: var(--Form-fontSize);
--Form-input-height: 1.875rem;
--Form-input-iconColor: var(--icon-color);
--Form-input-lineHeight: 1.4285714286;
--Form-input-marginBottom: 0.375rem;
--Form-input-onActive-color: var(--info);
--Form-input-onDisabled-bg: #f8f8f8;
--Form-input-onDisabled-borderColor: var(--Form-input-borderColor);
--Form-input-onError-bg: var(--Form-input-bg);
--Form-input-onError-borderColor: var(--danger);
--Form-input-onFocus-addOnColor: var(--primary);
--Form-input-onFocused-bg: var(--Form-input-bg);
--Form-input-onFocused-borderColor: var(--info);
--Form-input-onHover-iconColor: #1f2329;
--Form-input-onHover-bg: rgba(255, 255, 255, 0.6);
--Form-input-onHover-borderColor: var(--Form-input-onFocused-borderColor);
--Form-input-paddingX: 0.5rem;
--Form-input-paddingY: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem) / 2);
--Form-input-placeholderColor: var(--text--muted-color);
--Form-input-onDisabled-color: var(--text--muted-color);
--Form-item-gap: var(--gap-base);
--Form-label-paddingTop: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2);
--Form-row-gutterWidth: 0.625rem;
--Form-select-bg: var(--white);
--Form-select-borderColor: var(--Form-input-borderColor);
--Form-select-borderRadius: var(--Form-input-borderRadius);
--Form-select-borderWidth: var(--Form-input-borderWidth);
--Form-select-caret-iconColor: var(--icon-color);
--Form-select-caret-onHover-iconColor: var(--icon-onHover-color);
--Form-select-checkall-bottomBorder: #eceff8;
--Form-select-color: var(--text-color);
--Form-select-input-fontSize: var(--fontSizeSm);
--Form-select-menu-bg: var(--white);
--Form-select-menu-color: var(--Form-select-color);
--Form-select-menu-height: var(--Form-input-height);
--Form-select-menu-onActive-bg: transparent;
--Form-select-menu-onActive-color: var(--info);
--Form-select-menu-onDisabled-bg: transparent;
--Form-select-menu-onDisabled-color: var(--text--muted-color);
--Form-select-menu-onHover-bg: rgba(0, 126, 255, 0.08);
--Form-select-menu-onHover-color: var(--info);
--Form-select-onError-borderColor: var(--Form-input-onError-borderColor);
--Form-select-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
--Form-select-onFocused-color: var(--Form-select-color);
--Form-select-onHover-bg: #f2f2f2;
--Form-select-onHover-borderColor: var(--Form-input-borderColor);
--Form-select-outer-borderWidth: 0.0625rem;
--Form-select-outer-boxShadow: none;
--Form-select-paddingX: var(--Form-input-paddingX);
--Form-select-placeholderColor: var(--Form-input-placeholderColor);
--Form-select-popoverGap: 0;
--Form-select-search-height: var(--Form-select-menu-height);
--Form-selectOption-height: var(--Form-input-height);
--Form-selectValue-bg: #e3f2fe;
--Form-selectValue-borderColor: #b2dbfc;
--Form-selectValue-color: var(--info);
--Form-selectValue-fontSize: var(--fontSizeSm);
--Form-selectValue-onDisable-bg: #fcfdff;
--Form-selectValue-onHover-bg: #cbe7fd;
--Form-down-input-placeholder: rgba(0, 0, 0, 0.2);
--Form-down-input-editable: rgba(0, 0, 0, 0.9);
--Form-down-input-noteditable: rgba(0, 0, 0, 0.9);
--Form-select-onFocus-boxShadow: none;
--Form-input-height-sm: 1.625rem;
--Form-input-paddingY-sm: 0.125rem;
--Form-input-lineHeight-sm: 1.2;
--Switch-height-sm: 1.125rem;
--Switch-width-sm: 2.375rem;
--Form-input-height-xs: 1.375rem;
--Form-input-paddingY-xs: 0.125rem;
--Form-input-lineHeight-xs: 1.1;
--Switch-height-xs: 1rem;
--Switch-width-xs: 2rem;
--IconPicker-content-maxHeight: 21.875rem;
--IconPicker-padding: var(--gap-xs);
--IconPicker-selectedIcon-marginRight: var(--gap-xs);
--IconPicker-sugItem-height: 1.75rem;
--IconPicker-sugItem-lineHeight: 1.75rem;
--IconPicker-sugItem-width: 1.75rem;
--IconPicker-tab-height: 1.875rem;
--IconPicker-tab-lineHeight: 1.875rem;
--IconPicker-tab-onActive-bg: var(--white);
--IconPicker-tab-padding: 0 0.625rem;
--IconPicker-tabs-bg: #f0f3f4;
--ImageControl-addBtn-bg: var(--Button--default-bg);
--ImageControl-addBtn-border: var(--Button--default-border);
--ImageControl-addBtn-borderRadius: 0;
--ImageControl-addBtn-color: var(--Button--default-color);
--ImageControl-addBtn-onActive-bg: #e6e6e6;
--ImageControl-addBtn-onActive-border: #adb4bf;
--ImageControl-addBtn-onActive-color: var(--ImageControl-addBtn-color);
--ImageControl-addBtn-onDisabled-bg: var(--Form-input-onDisabled-bg);
--ImageControl-addBtn-onDisabled-border: var(--Form-input-onDisabled-borderColor);
--ImageControl-addBtn-onDisabled-color: var(--text--muted-color);
--ImageControl-addBtn-onHover-bg: #ececec;
--ImageControl-addBtn-onHover-border: #b4bbc5;
--ImageControl-addBtn-onHover-color: var(--Button--default-color);
--ImageControl-progress-borderRadius: 0;
--FileControl-progress-borderRadius: 0;
--InputGroup-addOn-bg: var(--Form-input-addOnBg);
--InputGroup-addOn-borderColor: var(--Form-input-borderColor);
--InputGroup-addOn-borderRadius: var(--Form-input-borderRadius);
--InputGroup-addOn-borderWidth: var(--Form-input-borderWidth);
--InputGroup-addOn-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
--InputGroup-button-borderColor: var(--Form-input-borderColor);
--InputGroup-button-borderRadius: var(--borderRadius);
--InputGroup-button-borderWidth: var(--borderWidth);
--InputGroup-height: var(--Form-input-height);
--InputGroup-paddingX: 0.625rem;
--InputGroup-paddingY: calc((var(--InputGroup-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem) / 2);
--InputGroup-select-arrowColor: var(--icon-color);
--InputGroup-select-bg: var(--white);
--InputGroup-select-borderColor: var(--Form-select-borderColor);
--InputGroup-select-borderRadius: var(--Form-select-borderRadius);
--InputGroup-select-borderWidth: var(--Form-select-borderWidth);
--InputGroup-select-color: var(--Form-select-color);
--InputGroup-select-onFocused-arrowColor: var(--icon-onHover-color);
--InputGroup-select-onFocused-bg: var(--white);
--InputGroup-select-onFocused-color: var(--Form-select-onFocused-color);
--InputRange-label--value-display: block;
--InputRange-label--value-positionTop: -2.25rem;
--InputRange-label--value-positionLeft: -0.375rem;
--InputRange-label-color: var(--InputRange-neutralColor);
--InputRange-label-fontSize: 0.8rem;
--InputRange-label-positionBottom: -1.4rem;
--InputRange-neutralColor: #aaaaaa;
--InputRange-neutralLightColor: #eeeeee;
--InputRange-onDisabled-color: #cccccc;
--InputRange-primaryColor: var(--info);
--InputRange-slider-bg: var(--InputRange-primaryColor);
--InputRange-slider-border: 0.0625rem solid #e6e8eb;
--InputRange-slider-height: 1.5rem;
--InputRange-slider-onActive-transform: scale(1.3);
--InputRange-slider-onDisabled-bg: var(--InputRange-onDisabled-color);
--InputRange-slider-onDisabled-border: 0.0625rem solid var(--InputRange-onDisabled-color);
--InputRange-slider-onFocus-borderRadius: var(--borderRadiusMd);
--InputRange-slider-onFocus-boxShadow: 0 0 0 var(--InputRange-slider-onFocus-borderRadius) rgba(34, 150, 243, 0.2);
--InputRange-slider-transition: transform var(--animation-duration) ease-out,
box-shadow var(--animation-duration) ease-out;
--InputRange-slider-width: 1.125rem;
--InputRange-sliderContainer-transition: left var(--animation-duration) ease-out;
--InputRange-track-bg: var(--InputRange-neutralLightColor);
--InputRange-track-height: 0.75rem;
--InputRange-track-onActive-bg: var(--InputRange-primaryColor);
--InputRange-track-onDisabled-bg: var(--InputRange-neutralLightColor);
--InputRange-track-transition: left var(--animation-duration) ease-out,
width var(--animation-duration) ease-out;
--Layout--offscreen-width: 75%;
--Layout-aside--folded-width: 3.75rem;
--Layout-aside--lg-width: 18.75rem;
--Layout-aside--md-width: 15.625rem;
--Layout-aside--sm-width: 9.375rem;
--Layout-aside-bg: #1e1f22;
--Layout-aside-color: #868686;
--Layout-aside-onAcitve-bg: #121215;
--Layout-aside-onHover-bg: #16171a;
--Layout-aside-subList-bg: #060607;
--Layout-aside-onAcitve-onHover-bg: var(--Layout-aside-onAcitve-bg);
--Layout-aside-width: 12.5rem;
--Layout-asideDivider-bg: #2e3344;
--Layout-asideDivider-margin: var(--gap-sm) 0;
--Layout-asideLabel-color: #6d6d6d;
--Layout-asideLink-arrowColor: var(--Layout-asideLink-color);
--Layout-asideLink-color: #b4b6bd;
--Layout-asideLink-fontSize: var(--fontSizeBase);
--Layout-asideLink-fontSize: var(--fontSizeBase);
--Layout-asideLink-iconColor: inherit;
--Layout-asideLink-onActive-arrowColor: var(--Layout-asideLink-onActive-color);
--Layout-asideLink-onActive-color: #fff;
--Layout-asideLink-onHover-color: #fff;
--Layout-asideLink-onHover-iconColor: inherit;
--Layout-asideLink-onHover-iconSize: inherit;
--Layout-brand-bg: var(--dark);
--Layout-brand-color: #c6c6c6;
--Layout-brandBar-color: #868686;
--Layout-header-bg: var(--white);
--Layout-header-boxShadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.05),
0 1px 0 rgba(0, 0, 0, 0.05);
--Layout-header-height: 3.125rem;
--Layout-headerBar-borderBottom: none;
--Layout-footer-height: 3.125rem;
--Layout-nav--folded-height: 3.125rem;
--Layout-nav--folded-height: 3.125rem;
--Layout-nav-height: 2.5rem;
--Layout-nav-height: 2.5rem;
--Layout-nav-lgHeight: 3.125rem;
--Layout-nav-lgHeight: 3.125rem;
--Layout-body-bg: var(--body-bg);
--List--unsaved-heading-bg: #e8f0fe;
--List--unsaved-heading-color: #4285f4;
--List-bg: var(--white);
--List-borderColor: var(--borderColor);
--List-borderRadius: var(--borderRadius);
--List-borderWidth: var(--borderWidth);
--List-fixedTop-boxShadow: var(--boxShadow);
--List-placeholder-height: 1.875rem;
--List-toolbar-marginX: 0;
--List-toolbar-marginY: var(--gap-base);
--ListControl-fontSize: var(--Form-fontSize);
--ListControl-gutterWidth: 0.625rem;
--ListControl-item-bg: var(--white);
--ListControl-item-borderColor: var(--borderColor);
--ListControl-item-borderWidth: var(--borderWidth);
--ListControl-item-borderRadius: 0.1875rem;
--ListControl-item-color: var(--text-color);
--ListControl-item-onActive-after-borderColor: var(--primary);
--ListControl-item-onActive-before-bg: var(--white);
--ListControl-item-onActive-bg: var(--primary);
--ListControl-item-onActive-borderColor: #006ad5;
--ListControl-item-onActive-color: var(--white);
--ListControl-item-onActive-onHover-bg: var(--primary);
--ListControl-item-onDisabled-bg: var(--ListControl-item-bg);
--ListControl-item-onDisabled-borderColor: #dfe2e6;
--ListControl-item-onDisabled-color: var(--ListControl-item-color);
--ListControl-item-onDisabled-opacity: 0.6;
--ListControl-item-onHover-bg: #ececec;
--ListControl-item-onHover-borderColor: #b4bbc5;
--ListControl-item-onHover-color: var(--ListControl-item-color);
--ListControl-item-paddingX: 0.75rem;
--ListControl-item-paddingY: 0.375rem;
--ListControl-item-transition: none;
--ListItem--strip-bg: #f6f8f8;
--ListItem-borderColor: #dfe2e6;
--ListItem-borderWidth: var(--List-borderWidth);
--ListItem-onChecked-bg: #d9f3fb;
--ListItem-onChecked-borderColor: #abe4f6;
--ListItem-onChecked-color: #20b9e8;
--ListItem-onChecked-fieldLabel-color: #7dd6f1;
--ListItem-onDragging-opacity: 0.1;
--ListItem-onModified-bg: #e8f0fe;
--ListItem-onModified-borderColor: #b7d0fc;
--ListItem-onModified-color: #4285f4;
--ListItem-onModified-fieldLabel-color: #a2c3fa;
--ListItem-paddingX: var(--gap-base);
--ListItem-paddingY: var(--gap-sm);
--ListItem--onHover-bg: rgba(0, 126, 255, 0.08);
--ListItem--onHover-color: var(--info);
--listMenu--onActive-borderColor: var(--info);
--ListMenu-borderRadius: 0.125rem;
--ListMenu-borderWidth: 0.0625rem;
--ListMenu-bordrColor: var(--borderColor);
--ListMenu-divider-color: var(--borderColorLight);
--ListMenu-item--onActive-bg: transparent;
--ListMenu-item--onActive-color: var(--info);
--ListMenu-item--onDisabled-bg: transparent;
--ListMenu-item--onDisabled-color: var(--text--muted-color);
--ListMenu-item--onHover-bg: rgba(0, 126, 255, 0.08);
--ListMenu-item--onHover-color: var(--info);
--ListMenu-item-bg: var(--white);
--ListMenu-item-color: var(--text-color);
--ListMenu-item-height: 2.125rem;
--Log-bg: #222;
--Log-padding: var(--gap-xs) 0;
--Log-line-padding: 0 var(--gap-xs);
--Log-color: #f1f1f1;
--Log-line--onHover-bg: #444;
--Modal-bg: var(--background);
--Modal-body--noHeader-paddingTop: var(--gap-base);
--Modal-body-borderBottom: var(--Modal-content-borderWidth) var(--saas-border-color);
--Modal-body-borderTop: var(--Modal-content-borderWidth) solid var(--saas-border-color);
--Modal-body-paddingX: var(--gap-md);
--Modal-body-paddingY: var(--gap-md);
--Modal-close-color: var(--text--muted-color);
--Modal-close-width: 0.75rem;
--Modal-content-borderColor: var(--borderColor);
--Modal-content-borderRadius: var(--borderRadius);
--Modal-content-borderWidth: var(--borderWidth);
--Modal-content-minHeight: unset;
--Modal-content-startMarginTop: 3.75rem;
--Modal-content-stepMarginTop: 1.875rem;
--Modal-footer-marginX: 0;
--Modal-footer-marginY: 0;
--Modal-footer-padding: var(--gap-sm);
--Modal-header-bg: #f9f9f9;
--Modal-header-height: 2.5rem;
--Modal-header-paddingX: var(--gap-md);
--Modal-header-paddingY: calc((var(--Modal-header-height) - var(--Modal-title-lineHeight) * var(--Modal-title-fontSize)) / 2);
--Modal-overlay-bg: rgba(0, 0, 0, 0.6);
--Modal-title-color: var(--text--loud-color);
--Modal-title-fontSize: var(--fontSizeBase);
--Modal-title-fontWeight: normal;
--Modal-title-lineHeight: var(--lineHeightBase);
--Modal-widthBase: 31.25rem;
--Modal-widthLg: 68.75rem;
--Modal-widthMd: 50rem;
--Modal-widthSm: 37.5rem;
--Modal-widthXl: 90%;
--Model-close-onHover-color: var(--text-color);
--Nav-item-bg: transparent;
--Nav-item-borderRadius: 0;
--Nav-item-color: var(--text-color);
--Nav-item-fontSize: var(--fontSizeBase);
--Nav-item-onActive-bg: var(--info);
--Nav-item-onActive-borderLeft: 3px solid transparent;
--Nav-item-onActive-color: var(--white);
--Nav-item-onDisabled-color: var(--text--muted-color);
--Nav-item-onHover-bg: rgba(0, 0, 0, 0.05);
--Nav-item-onHover-color: var(--text--loud-color);
--Nav-subItem-fontSize: var(--fontSizeBase);
--Nav-subItem-onActiveBeforeBg: #e5eaeb;
--Number-bg: var(--Form-input-bg);
--Number-borderColor: var(--Form-input-borderColor);
--Number-borderRadius: var(--Form-input-borderRadius);
--Number-borderWidth: var(--Form-input-borderWidth);
--Number-handler--down-content: "-";
--Number-handler--up-content: "+";
--Number-handler--up-transform: none;
--Number-handler-bg: var(--white);
--Number-handler-borderBottom: 0.0625rem solid var(--Form-input-borderColor);
--Number-handler-color: var(--Form-input-color);
--Number-handler-fontFamily: inherit;
--Number-handler-fontSize: var(--fontSizeBase);
--Number-handler-onActive-bg: var(--Number-handler-onHover-bg);
--Number-handler-onDisabled-bg: var(--Form-input-onDisabled-bg);
--Number-handler-onDisabled-color: var(--text--muted-color);
--Number-handler-onHover-bg: #f2f2f2;
--Number-handler-onHover-color: var(--text-color);
--Number-handler-width: var(--gap-lg);
--Number-onDisabled-bg: #f8f8f8;
--Page-aside-bg: #323232;
--Page-aside-maxWidth: 18.75rem;
--Page-aside-width: 12.5rem;
--Page-body-padding: var(--gap-base);
--Page-content-paddingX: 0;
--Page-content-paddingY: 0;
--Page-header-paddingX: var(--gap-base);
--Page-header-paddingY: var(--gap-base);
--Page-header-bg: transparent;
--Page-main-bg: transparent;
--Page-title-color: var(--text--loud-color);
--Page-title-fontSize: 1.75rem;
--Page-title-fontWeight: var(--fontWeightNormal);
--Page-title-lineHeight: 1.5;
--Pagination-fontSize: var(--fontSizeBase);
--Pagination-height: 1.875rem;
--Pagination-minWidth: 1.875rem;
--Pagination-onActive-backgroundColor: var(--primary);
--Pagination-onActive-border: 0;
--Pagination-onActive-color: var(--white);
--Pagination-padding: 0 0.5rem;
--Panel--default-badgeBg: #333;
--Panel--default-badgeColor: #f5f5f5;
--Panel--default-bg: #f6f8f8;
--Panel--default-color: var(--text-color);
--Panel--default-headingBorderColor: var(--borderColor);
--Panel-bg: var(--white);
--Panel-bodyPadding: var(--gap-base);
--Panel-border: var(--borderWidth) solid transparent;
--Panel-borderRadius: var(--borderRadius);
--Panel-borderWidth: 0.0625rem;
--Panel-boxShadow: 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.05);
--Panel-btnToolbarTextAlign: right;
--Panel-fixedBottom-borderTop: none;
--Panel-fixedBottom-boxShadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15);
--Panel-footerBg: transparent;
--Panel-footerBorderColor: var(--borderColorLight);
--Panel-footerBorderRadius: 0 0 0.125rem 0.125rem;
--Panel-footerButtonMarginLeft: var(--gap-sm);
--Panel-footerPadding: var(--gap-sm) var(--gap-base);
--Panel-headingBorderBottom: var(--borderWidth) solid transparent;
--Panel-headingBorderRadius: var(--borderRadius) var(--borderRadius) 0 0;
--Panel-headingPadding: var(--gap-sm) var(--gap-base);
--Panel-marginBottom: var(--gap-lg);
--Panel-titleColor: inherit;
--Panel-titleFontSize: var(--fontSizeMd);
--Panel-titleMarginBottom: 0;
--Panel-titleMarginTop: 0;
--Picker-iconColor: var(--icon-color);
--Picker-onHover-iconColor: var(--icon-onHover-color);
--PickerColumns-bg: white;
--PickerColumns-toolbar-height: 3.125rem;
--PickerColumns-title-fontSize: var(--fontSizeLg);
--PickerColumns-title-color: #222;
--PickerColumns-title-lineHeight: 1.5;
--PickerColumns-action-padding: 0 var(--gap-md);
--PickerColumns-action-fontSize: var(--fontSizeLg);
--PickerColumns-confirmAction-color: #2468f2;
--PickerColumns-cancelAction-color: #666;
--PickerColumns-option-fontSize: var(--fontSizeLg);
--PickerColumns-optionText-color: var(--text-color);
--PickerColumns-optionDisabled-opacity: 0.3;
--PickerColumns-loadingIcon-color: var(--icon-color);
--PickerColumns-loadingMask-Color: rgba(255, 255, 255, 0.9);
--PopOver-bg: white;
--PopOverAble-iconColor: inherit;
--PopOverAble-onHover-iconColor: inherit;
--PopUp-cancelAction-color: #666;
--Property-title-bg: #f2f2f2;
--Property-label-bg: #f7f9fc;
--Portlet-borderColor: var(--borderColor);
--Portlet-borderStyle: solid;
--Portlet-borderWidth: var(--borderWidth);
--Portlet-borderRadius: var(--borderRadius);
--QuickEdit-iconColor: inherit;
--QuickEdit-onFocus-borderColor: var(--info);
--QuickEdit-onFocus-borderWidth: var(--borderWidth);
--QuickEdit-onHover-iconColor: inherit;
--Radio--sm-size: var(--Checkbox--sm-size);
--Radio-color: var(--Checkbox-color);
--Radio-inner-size: calc(var(--Radio-size) / 2);
--Radio-onHover-color: var(--Checkbox-onHover-color);
--Radio-size: var(--Checkbox-size);
--Radio-onDisabled-bg: #e5e7eb;
--Radio-onDisabled-color: var(--text--muted-color);
--Radio-onFocus-boxShadow: none;
--Remark-bg: #fff;
--Remark-borderColor: var(--borderColor);
--Remark-borderWidth: 0.0625rem;
--Remark-icon-fontSize: var(--fontSizeBase);
--Remark-iconColor: var(--icon-color);
--Remark-marginLeft: var(--gap-sm);
--Remark-onHover-bg: var(--primary);
--Remark-onHover-borderColor: var(--primary);
--Remark-onHover-iconColor: #fff;
--Remark-width: 1rem;
--ResultBox-icon--onDisabled-color: #ebebeb;
--ResultBox-icon--onHover-color: #666666;
--ResultBox-icon-color: #999;
--ResultBox-value--onDisabled-color: #cccccc;
--ResultBox-value--onHover-bg: rgba(0, 145, 255, 0.1);
--ResultBox-value-bg: #f5f5f5;
--ResultBox-value-color: #000;
--Rating-inactive-color: #e6e6e8;
--Rating-star-margin: 0.5rem;
--Rating-star-size: 1.5rem;
--Satus-icon-width: var(--gap-lg);
--Satus-icon-height: var(--Satus-icon-width);
--Sparkline-line-color: var(--info);
--Sparkline-area-color: rgba(34, 150, 243, 0.1);
--Spinner--lg-height: 2.5rem;
--Spinner--lg-width: 2.5rem;
--Spinner--sm-height: 1rem;
--Spinner--sm-width: 1rem;
--Spinner--md-height: 1.875rem;
--Spinner--md-width: 1.875rem;
--Spinner-bg: url("data:image/svg+xml,%0A%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23eee' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23999' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23666' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23eee' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
--Spinner-height: 1.625rem;
--Spinner-overlay-bg: rgba(255, 255, 255, 0.4);
--Spinner-width: 1.625rem;
--Switch-bgColor: #4b5563;
--Switch-borderColor: #353c46;
--Switch-gap: var(--gap-sm);
--Switch-height: 1.375rem;
--Switch-onActive-bgColor: var(--info);
--Switch-onDisabled-bgColor: #ccc;
--Switch-onDisabled-circle-BackgroundColor: var(--white);
--Switch-onDisabled-color: #fff;
--Switch-valueColor: var(--white);
--Switch-width: 3.125rem;
--Table--unsaved-heading-bg: #e8f0fe;
--Table--unsaved-heading-color: #4285f4;
--Table-bg: var(--background);
--Table-borderColor: var(--borderColor);
--Table-borderRadius: var(--borderRadius);
--Table-borderWidth: var(--borderWidth);
--Table-color: var(--text-color);
--Table-expandBtn-color: var(--info);
--Table-fixed-zIndex: 5;
--Table-fixedLeft-boxShadow: 0.42rem 0 0.42rem -0.28rem rgba(0, 0, 0, 0.15);
--Table-fixedRight-boxShadow: -0.42rem 0 0.42rem -0.28rem rgba(0, 0, 0, 0.15);
--Table-fixedTop-boxShadow: var(--boxShadow);
--Table-fontSize: var(--fontSizeBase);
--Table-heading-bg: var(--white);
--Table-heading-height: 2.5rem;
--Table-lineHeight: var(--lineHeightBase);
--Table-onChecked-bg: #d9f3fb;
--Table-onChecked-borderColor: #abe4f6;
--Table-onChecked-color: #20b9e8;
--Table-onDragging-opacity: 0.1;
--Table-onHover-bg-rgb: 243,
246,
246;
--Table-onHover-bg: #f3f6f6;
--Table-onHover-borderColor: #d6dfdf;
--Table-onHover-boxShadow: var(--boxShadow);
--Table-onModified-bg: #e8f0fe;
--Table-onModified-borderColor: #d0e0fd;
--Table-onModified-color: #4285f4;
--Table-placeholder-height: 6.25rem;
--Table-strip-bg: #f9fafa;
--Table-tbody-borderTopColor: #d8dce1;
--Table-thead-bg: #f6f8f8;
--Table-thead-borderColor: var(--Table-borderColor);
--Table-thead-borderWidth: var(--Table-borderWidth);
--Table-thead-color: var(--text--loud-color);
--Table-thead-fontSize: var(--fontSizeBase);
--Table-thead-iconColor: var(--icon-color);
--Table-toolbar-marginX: 0;
--Table-toolbar-marginY: var(--gap-base);
--Table-tree-borderColor: var(--Table-borderColor);
--Table-searchableForm-backgroundColor: #f6f7f8;
--Table-searchableForm-borderRadius: 0.25rem;
--TableCell--edge-paddingX: var(--gap-md);
--TableCell-filterBtn--onActive-color: var(--primary);
--TableCell-filterBtn-width: 1rem;
--TableCell-filterPopOver-dropDownItem-height: 2.125rem;
--TableCell-filterPopOver-dropDownItem-padding: 0 0.75rem;
--TableCell-height: 2.5rem;
--TableCell-paddingX: var(--gap-sm);
--TableCell-paddingY: var(--gap-xs);
--TableCell-searchBtn--onActive-color: var(--primary);
--TableCell-searchBtn-width: 1rem;
--TableCell-sortBtn--default-onActive-opacity: 1;
--TableCell-sortBtn--default-opacity: 0;
--TableCell-sortBtn--onActive-color: var(--primary);
--TableCell-sortBtn-width: 0.5rem;
--Tabs--card-bg: #f6f8f8;
--Tabs--card-borderTopColor: var(--borderColor);
--Tabs--card-linkMargin: 0 10px 0 0;
--Tabs--card-linkPadding: 0.625rem 0.625rem;
--Tabs--card-onActive-bg: var(--background);
--Tabs--card-onActive-borderColor: var(--borderColor);
--Tabs--card-padding: 0.375rem 0 0 0.625rem;
--Tabs--line-borderColor: var(--borderColor);
--Tabs--line-borderWidth: 0.125rem;
--Tabs--line-content-bg: transparent;
--Tabs--line-content-padding: var(--gap-base) 0 0;
--Tabs--line-linkMargin: 0 40px 0 0;
--Tabs--line-linkPadding: 0 0 8px;
--Tabs--line-onHover-borderColor: var(--primary);
--Tabs--line-onHover-color: var(--primary);
--Tabs--radio-bg: #eaf6fe;
--Tabs--vertical-onActive-borderColor: var(--primary);
--Tabs-borderColor: var(--borderColor);
--Tabs-borderRadius: var(--borderRadius);
--Tabs-borderWidth: var(--borderWidth);
--Tabs-color: var(--text-color);
--Tabs-content-bg: var(--background);
--Tabs-linkFontSize: var(--fontSizeBase);
--Tabs-linkMargin: 0 0.1875rem 0 0;
--Tabs-linkPadding: var(--gap-sm) var(--gap-base);
--Tabs-onActive-bg: var(--background);
--Tabs-onActive-borderColor: var(--borderColor);
--Tabs-onActive-color: #374151;
--Tabs-onDisabled-color: #4b5563;
--Tabs-onHover-borderColor: #e5e7eb;
--Tabs--vertical-bg: var(--Table-thead-bg);
--Tabs--vertical-width: 8.75rem;
--Tabs--vertical-onActive-color: var(--primary);
--Tabs--vertical-onActive-border: var(--primary);
--Tabs--vertical-onActive-bg: var(--Tabs--vertical-bg);
--Tabs--vertical-onActive-borderWidth: 0 0 0 0.25rem;
--Tabs--vertical-onActive-container-borderRight: none;
--Tabs--vertical-onActive-container-bg: var(--Tabs--vertical-bg);
--Tabs--chrome-onHover-bg: #f6f7f8;
--Tabs--chrome-bg: #e7eaed;
--Tabs--chrome-radius-size: 0.5rem;
--Tabs--chrome-right-boder-color: var(--borderColorDarken);
--TagControl-sugBtn-bg: var(--Button--default-bg);
--TagControl-sugBtn-border: var(--Button--default-border);
--TagControl-sugBtn-borderRadius: var(--Button-borderRadius);
--TagControl-sugBtn-borderWidth: var(--Button-borderWidth);
--TagControl-sugBtn-color: var(--Button--default-color);
--TagControl-sugBtn-fontSize: var(--Button--sm-fontSize);
--TagControl-sugBtn-height: var(--Button--sm-height);
--TagControl-sugBtn-lineHeight: var(--Button--sm-lineHeight);
--TagControl-sugBtn-onActive-bg: #e6e6e6;
--TagControl-sugBtn-onActive-border: #adb4bf;
--TagControl-sugBtn-onActive-color: var(--TagControl-sugBtn-color);
--TagControl-sugBtn-onHover-bg: #ececec;
--TagControl-sugBtn-onHover-border: #b4bbc5;
--TagControl-sugBtn-onHover-color: var(--Button--default-color);
--TagControl-sugBtn-paddingX: var(--Button--sm-paddingX);
--TagControl-sugBtn-paddingY: calc((var(--TagControl-sugBtn-height) - var(--Button-borderWidth) * 2 - var(--TagControl-sugBtn-lineHeight) * var(--TagControl-sugBtn-fontSize)) / 2);
--TagControl-sugTip-color: var(--info);
--Toast-color: var(--text-color);
--Toast--danger-bgColor: var(--background);
--Toast--danger-borderColor: transparent;
--Toast--danger-color: var(--Toast-color);
--Toast--info-bgColor: var(--background);
--Toast--info-borderColor: transparent;
--Toast--info-color: var(--Toast-color);
--Toast--success-bgColor: var(--background);
--Toast--success-borderColor: transparent;
--Toast--success-color: var(--Toast-color);
--Toast--warning-bgColor: var(--background);
--Toast--warning-borderColor: transparent;
--Toast--warning-color: var(--Toast-color);
--Toast-border-width: 0;
--Toast-borderRadius: 0.125rem;
--Toast-box-shadow: var(--boxShadow);
--Toast-close-color: var(--icon-color);
--Toast-close--onHover-color: var(--Toast-close-color);
--Toast-icon-width: 1rem;
--Toast-icon-height: var(--Toast-icon-width);
--Toast-opacity: 0.8;
--Toast-paddingL: 2.5rem;
--Toast-paddingX: var(--gap-md);
--Toast-paddingY: var(--gap-xs);
--Toast-title-display: block;
--Toast-width: 18.75rem;
--Tooltip--attr-bg: rgba(0, 0, 0, 0.7);
--Tooltip--attr-borderColor: var(--borderColor);
--Tooltip--attr-borderRadius: var(--borderRadius);
--Tooltip--attr-borderWidth: 0;
--Tooltip--attr-boxShadow: var(--boxShadow);
--Tooltip--attr-color: var(--background);
--Tooltip--attr-fontSize: var(--fontSizeSm);
--Tooltip--attr-gap: var(--gap-sm);
--Tooltip--attr-lineHeigt: var(--lineHeightBase);
--Tooltip--attr-paddingX: 0.625rem;
--Tooltip--attr-paddingY: 0.125rem;
--Tooltip--attr-transition: all var(--animation-duration) ease-in-out;
--Tooltip-arrow-color: var(--Tooltip-bg);
--Tooltip-arrow-color: var(--Tooltip-bg);
--Tooltip-arrow-height: 0.5rem;
--Tooltip-arrow-height: 0.5rem;
--Tooltip-arrow-outerColor: #d1d5db;
--Tooltip-arrow-width: 1rem;
--Tooltip-arrow-width: 1rem;
--Tooltip-bg: var(--background);
--Tooltip-body-color: var(--text-color);
--Tooltip-body-paddingX: var(--gap-sm);
--Tooltip-body-paddingY: var(--gap-sm);
--Tooltip-borderColor: var(--borderColor);
--Tooltip-borderRadius: var(--borderRadiusLg);
--Tooltip-borderWidth: var(--borderWidth);
--Tooltip-boxShadow: var(--boxShadow);
--Tooltip-fontSize: var(--fontSizeSm);
--Tooltip-maxWidth: 15rem;
--Tooltip-minWidth: auto;
--Tooltip-title-bg: #f7f7f7;
--Tooltip-title-borderBottom-color: #ebebeb;
--Tooltip-title-color: var(--text--loud-color);
--Tooltip-title-paddingX: var(--gap-sm);
--Tooltip-title-paddingY: var(--gap-xs);
--Transfer-title-bg: #f6f8f8;
--Tree-indent: var(--gap-md);
--Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
--Tree-item-onHover-bg: #edf7ff;
--Tree-itemArrowWidth: 0.75rem;
--Tree-itemHeight: 1.875rem;
--Tree-itemLabel--onChecked-color: var(--Form-selectValue-color);
--TreeSelect-popover-bg: #fff;
--Wizard-badge-bg: #9ca3af;
--Wizard-badge-border: 0;
--Wizard-badge-borderRadius: 0.625rem;
--Wizard-badge-color: var(--white);
--Wizard-badge-fontSize: var(--fontSizeSm);
--Wizard-badge-marginRight: 0.25rem;
--Wizard-badge-onActive-backgroundColor: var(--info);
--Wizard-badge-onComplete-backgroundColor: var(--info);
--Wizard-badge-size: var(--gap-md);
--Wizard-steps-bg--isComplete: #f1f5f9;
--Wizard-steps-bg: #f3f4f6;
--Wizard-steps-borderWidth: 0.0625rem;
--Wizard-steps-height: 2.5rem;
--Wizard-steps-li-onActive-arrow-bg: #fff;
--Wizard-steps-li-onActive-bg: #fff;
--Wizard-steps-li-onActive-color: var(--info);
--Wizard-steps-liAfterContent: "";
--Wizard-steps-liVender: "";
--Wizard-steps-padding: 0;
--Wizard-steps-textAlign: left;
--Wizard-steps-ulDisplay: block;
--Wizard-stepsContent-padding: var(--gap-base);
--AnchorNav-links-container-borderRight: 0.0625rem solid #d3dae0;
--AnchorNav-onActive-borderWidth: 0 0.125rem 0 0;
--Steps-bg: var(--borderColorDarken);
--Steps-status-success: var(--info);
--Steps-status-error: var(--danger);
--Steps-icon-fontsize: var(--fontSizeLg);
--Steps-title-fontsize: var(--fontSizeLg);
--Steps-title-color: var(--text--loud-color);
--Steps-sub-title-fontsize: var(--fontSizeBase);
--Steps-sub-title-color: var(--text-color);
--Steps-line-bg: var(--Steps-bg);
--Steps-line-success-bg: var(--Steps-status-success);
--Progress-borderRadius: var(--borderRadius);
--Progress-animate-backgroundColor: #fff;
--Progress-bar-backgroundColor: #d3d9e6;
--ColumnToggler-backgroundColor: var(--white);
--ColumnToggler-borderRadius: 0.25rem;
--ColumnToggler-lineHeight: 1.5rem;
--ColumnToggler-title-fontColor: #080e1a;
--ColumnToggler-fontColor: #151a26;
--ColumnToggler-item-backgroundColor: #f6f7f8;
--ColumnToggler-item-backgroundColor-onHover: rgba(36, 104, 242, 0.1);
--ChildView-back-color: rgba(100, 100, 100, 1);
--InputFormula-header-bgColor: #fafafa;
--InputFormula-icon-size: 1.5rem;
--InputFormula-icon-color-onActive: var(--primary);
--InputFormula-code-bgColor: #f2f2f4;
--them-bg-color: #f7f8fa;
--them-btn-color: #1190ff;
--saas-border-color: #f0f0f0;
--saas-crud-title-from-color: #f7f9fc;
--saas-crud-form-advanced-show: #eee;
--saas-crud-table-thead-color: #f7f8fa;
--saas-crud-table-body-color: #fff;
--saas-crud-table-body-is-Highlight-color: #ddd;
--saas-crud-table-body-is-checked-color: var(--Table-onChecked-bg);
--saas-data-hover-background-color: var(--Calendar-cell-onHover-bg);
--saas-font-size-light-black: rgba(0, 0, 0, 0.26);
--saas-font-size-deep-black: rgba(0, 0, 0, 0.4);
--saas-font-size-dark-black: rgba(0, 0, 0, 0.65);
--saas-font-size-black: rgba(0, 0, 0, 0.9);
--saas-transferPicker-icon-color: transparent;
--saas-font-size-color-reverse: rgba(255, 255, 255, 0.9);
--saasBodyMessageTablePaginationColor: #fff;
--frameworkSelectedBackGroundColor: #e0e1e5;
--frameworkBackGroundColorf5: #f5f5f5;
--saas-crud-advanced-modle-title-color: #f5f5f5;
--saas-crud-advanced-modle-body-color: #fff;
--saas-crud-advanced-modle-body-condition-color: rgb(240, 248, 255);
--saas-crud-advanced-modle-body-condition-Button: var(--Button--default-onHover-bg);
--saas-crud-hover-color: #e6f7ff;
--saas-grid-combination-color: var(--Property-label-bg);
--saas-form-property-title-color: var(--Property-label-bg);
--saas-form-table-cell-img-color: var(--them-bg-color);
--saas-tabs-title-color: var(--Property-label-bg);
--saas-Primary-Color: #3574ee;
--saas-Button-Disabled: #4c495f;
--saas-Link-Color: #0958d9;
--saas-Success-Color: #52c41a;
--saas-Warning-Color: #faad14;
--saas-Error-Color: #ff4d4f;
--saas-Info-Color: #69b1ff;
--saas-Dark-Color: #001d66;
--saas-Light-Color: #fff;
--display-bg-color-warning: rgba(250, 173, 20, 0.3);
--display-color-warning: #faad14;
--display-bg-color-info: rgba(53, 116, 238, 0.2);
--display-color-info: #3574ee;
--display-bg-color-success: rgba(56, 158, 13, 0.2);
--display-color-success: #52c41a;
--display-bg-color-error: rgba(245, 34, 45, 0.2);
--display-color-error: #f5222f;
--display-bg-color-default: rgba(221, 221, 221, 0.2);
--display-color-default: #ccc;
--component-radius: 4px;
}
:root {
--Alert-fontSize: 13px;
--Panel-bg: #302d2a;
--background-head: #191c22;
--background: #100c2a;
--body-bg: var(--background);
--borderColor: #656565;
--Button--default-bg: var(--black);
--Button--light-color: var(--black);
--Button--light-onHover-color: white;
--Calendar-btnCancel-bg: var(--background-head);
--Calendar-cell-bg: var(--Panel-bg);
--Card-actions-onHover-bg: var(--dark);
--Card-actions-onHover-color: var(--text-color);
--Card-bg: var(--Panel-bg);
--Card-onChecked-bg: var(--black);
--Card-onChecked-color: var(--text-color);
--Card-onModified-bg: var(--dark);
--Card-onModified-color: var(--text-color);
--Checkbox-gb: linear-gradient(#515151, #4b4b4b);
--Checkbox-onHover-color: #0983ff;
--ColorPicker-bg: var(--background);
--DatePicker-bg: var(--background);
--DatePicker-header-select-borderColor: var(--background);
--DropDown-menu-bg: var(--background);
--Drawer-header-bg: var(--background);
--Fieldset-legend-bgColor: var(--background);
--Form-item-fontSize: var(--fontSizeBase);
--Form-item-fontColor: var(--body-color);
--Form-input-addOnBg: var(--Form-input-bg);
--Form-input-bg: #3c3c3c;
--Form-input-color: var(--text-color);
--Form-input-onDisabled-bg: var(--Panel-bg);
--Form-select-bg: var(--background);
--Form-select-menu-bg: var(--background);
--Form-select-onHover-bg: var(--background-head);
--Form-selectValue-bg: var(--Panel-bg);
--Form-selectValue-color: var(--text-color);
--Form-select-placeholderColor: rgba(255,255,255, .45);
--Form-textarea-disabled: gray;
--IconPicker-tab-onActive-bg: var(--background);
--InputGroup-select-bg: var(--background);
--InputGroup-select-onFocused-bg: var(--Panel-bg);
--istItem-onModified-bg: var(--black);
--Layout-aside-bg: var(--background-head);
--Layout-aside-onAcitve-bg: var(--Panel-bg);
--Layout-aside-onHover-bg: #404040;
--Layout-aside-subList-bg: #131519;
--Layout-header-bg: var(--background-head);
--List-bg: var(--Panel-bg);
--ListControl-item-bg: var(--background);
--ListControl-item-onActive-before-bg: var(--background);
--ListItem--strip-bg: var(--background);
--ListItem-onChecked-bg: var(--black);
--ListItem-onChecked-color: var(--text-color);
--ListItem-onModified-color: var(--text-color);
--Number-handler-bg: var(--background);
--Panel--default-bg: linear-gradient(#524e48, #423e3a);
--Panel-footerBg: linear-gradient(#524e48, #423e3a);
--PopOver-bg: var(--background);
--Table-onChecked-bg: var(--black);
--Table-onChecked-color: var(--text-color);
--Table-onHover-bg-rgba: 30, 31, 34;
--Table-onModified-bg: var(--black);
--Table-onModified-color: var(--text-color);
--Table-strip-bg: transparent;
--Table-thead-bg: #2f2f2f;
--Tabs--card-bg: #323639;
--Tabs--card-borderTopColor: var(--background);
--Tabs--card-onActive-bg: var(--Panel-bg);
--Tabs--radio-bg: var(--Panel-bg);
--Tabs--radio-bg: var(--Panel-bg);
--Tabs-content-bg: var(--Panel-bg);
--Tabs-onActive-bg: var(--Panel-bg);
--Tabs-onActive-color: white;
--Tabs-onHover-borderColor: var(--Tabs-onActive-borderColor);
--Tabs--chrome-onHover-bg: #36383c;
--Tabs--chrome-bg: #100c2a;
--Tooltip--attr-color: var(--text-color);
--Transfer-title-bg: #2f2f2f;
--TransferSelect--table-heading-bg: var(--background);
--TreeSelect-popover-bg: var(--Panel-bg);
--Wizard-steps-bg: var(--background-head);
--Wizard-steps-li-onActive-arrow-bg: var(--Panel-bg);
--Wizard-steps-li-onActive-bg: var(--Panel-bg);
--Checkbox-onDisabled-color: #4e4e4e;
--Checkbox-onDisabled-bg: var(--Panel-bg);
--Radio-onDisabled-color: #4e4e4e;
--Radio-onDisabled-bg: var(--Panel-bg);
--saas-grid-combination-color: var(--Panel-bg);
--saas-border-color: #343434;
--saas-crud-title-from-color: #181818;
--saas-crud-form-advanced-show: #000;
--saas-crud-table-thead-color: #100c2a;
--saas-crud-table-body-color: #181818;
--saas-crud-table-body-is-Highlight-color: #3f495f;
--saas-font-size-light-black: rgba(255, 255, 255, 0.26);
--saas-font-size-deep-black: rgba(255, 255, 255, 0.4);
--saas-font-size-dark-black: rgba(255, 255, 255, 0.65);
--saas-font-size-black: rgba(255, 255, 255, 0.9);
--saas-transferPicker-icon-color: #5c5c5c;
--saas-font-size-color-reverse: rgba(0, 0, 0, 0.9);
--saas-data-hover-background-color: #000;
--saas-crud-advanced-modle-title-color: #5f5f5f;
--saas-crud-advanced-modle-body-color: #292d35;
--saasBodyMessageTablePaginationColor: #383838;
--frameworkSelectedBackGroundColor: #292d35;
--frameworkBackGroundColorf5: #000;
--saas-crud-advanced-modle-body-condition-color: #000;
--saas-crud-advanced-modle-body-condition-Button: #5f5f5f;
--saas-crud-hover-color: #000;
--Modal-header-bg: #5f5f5f;
--ColumnToggler-backgroundColor: var(--saas-border-color);
--saas-form-property-title-color: var(--saas-border-color);
--saas-form-table-cell-img-color: #000;
--saas-tabs-title-color: #000;
--Tree-item-onHover-bg: #3574ee;
--saas-main-bg: #100c2a;
--saas-Title-Text: rgba(255,255,255,.9);
--saas-Link-Text: #4f86f4;
--saas-Secondary-Text: rgba(255,255,255,.65);
--saas-Placeholder-Text: rgba(255,255,255,.45);
--saas-Disable-Text: rgba(255,255,255,.25);
--saas-Border-Dividers: #343434;
--saas-Background-Header: #181818;
--saas-SelectedBg: #383838;
--saas-SelectedBorder: #3574ee;
--saas-Button-Disabled: rgba(255, 255, 255, 0.08);
--saas-crud-filters-bg-color: #153987;
--saas-crud-filters-font-color: var(--saas-Placeholder-Text);
--saas-crud-filters-font-border-color: var(--saas-Placeholder-Text);
--saas-table-thead-border-color: #4b4b4b;
--saas-fold-text: rgba(255,255,255,.4);
--them-bg-color: var(--saas-main-bg);
--saasTabsBodyHoverBackgroundColor: #0c2662;
--ai-tool-bg-image: unset;
--ai-tool-bg-color: #383838;
--ai-tool-footer-bg: rgba(255, 255, 255, 0.1);
--ai-tool-title-bg: #383838;
--ai-tool-title-color: var(--saas-Title-Text);
--image-gallery-modal-bg: #383838;
--Table-onHover-bg: #172045;
--saas-crud-table-body-is-checked-color: #242236;
--saas-Table-Row-Success: #254522;
--saas-Table-Row-Primary: #1c2d62;
--saas-Table-Row-Warning: #583d23;
--saas-Table-Row-Danger: #551527;
--saas-Table-Row-Info: #043542;
--saas-Table-Row-Success-Hover: #31691f;
--saas-Table-Row-Primary-Hover: #23428a;
--saas-Table-Row-Warning-Hover: #875b22;
--saas-Table-Row-Danger-Hover: #831929;
--saas-Table-Row-Info-Hover: #00515c;
--schedule-datepicker-bg: #383838;
--schedule-datepicker-font-color: #fff;
--schedule-datepicker-other-font-color: #999;
--schedule-arrow-icon: #fff;
--schedule-split-border: rgba(255,255,255,0.04);
--w-e-textarea-bg-color: var(--Form-input-bg);
--w-e-textarea-color: var(--saas-Title-Text);
--w-e-textarea-border-color: var(--ai-tool-footer-bg);
--w-e-toolbar-color: var(--saas-Title-Text);
--w-e-toolbar-bg-color: var(--Form-input-bg);
--w-e-toolbar-active-color: var(--saas-Title-Text);
--w-e-toolbar-active-bg-color: var(--Form-input-bg);
--w-e-toolbar-border-color: var(--ai-tool-footer-bg);
--w-e-modal-button-bg-color: var(--Button--default-bg);
--w-e-modal-button-border-color: var(--ai-tool-footer-bg);
--TimelineItem--axle-flex: 0 0 1.625rem;
--TimelineItem--left-line-width: 0.125rem;
--TimelineItem--left-line-left: 0.8125rem;
--TimelineItem--left-line-top: 1.25rem;
--TimelineItem--round-width: 0.5rem;
--TimelineItem--round-height: 0.5rem;
--TimelineItem--round-left: 0.625rem;
--TimelineItem--round-top: 0.5rem;
--TimelineItem--icon-width: 1rem;
--TimelineItem--icon-height: 1rem;
--TimelineItem--icon-left: 0.375rem;
--TimelineItem--content-padding-bottom: 1rem;
--TimelineItem--content-margin-left: 0.5rem;
--TimelineItem--content-time-margin-bottom: 0.25rem;
--TimelineItem--content-title-margin-bottom: 0.25rem;
--TimelineItem--detail-button-margin-bottom: 0.5rem;
--TimelineItem-detail-arrow-width: 1rem;
--TimelineItem-detail-visible-padding: 0.625rem;
--TimelineItem-detail-visible-max-width: 9.375rem;
--Timeline-alternate-margin-left: 1.5rem;
--TimelineItem--icon-radius: 50%;
--TimelineItem--round-radius: 50%;
--TimelineItem--content-radius: 0.125rem;
--TimelineItem-detail-visible-shadow: 0 0.0625rem 0.625rem 0 #5e5e5e;
--TimelineItem-detail-visible-border: #5e5e5e;
--TimelineItem-detail-visible-text: rgba(255,255,255,.45);
--TimelineItem--font-size: 12px;
--TimelineItem--text-primary-color: rgba(255,255,255,.9);
--TimelineItem--text-secondary-color: rgba(255,255,255,.9);
--TimelineItem--detail-button-color: var(--primary);
--TimelineItem--line-bg: #383838;
--TimelineItem--content-bg: #f2f2f4;
--TimelineItem-round-bg: #5e5e5e;
--Timeline--success-bg: var(--success);
--Timeline--info-bg: var(--info);
--Timeline--warning-bg: var(--warning);
--Timeline--danger-bg: var(--danger);
}
/* Reset
=============== */
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
figure {
margin: 0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
margin: 0;
padding: 0;
border: 0;
}
ul {
list-style: none;
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
svg.icon {
width: 1em;
height: 1em;
fill: currentColor;
position: relative;
top: 0.125em;
}
svg.r90 {
transform: rotate(90deg);
}
svg.icon-success {
color: #32d74b;
}
svg.icon-fail {
color: #dc3545;
}
/**
* Basic typography style for copy text
*/
html {
font-size: 16px;
}
body {
color: var(--body-color);
background: var(--body-bg);
font-size: var(--body-size);
font-weight: var(--body-weight);
font-family: var(--fontFamilyBase);
line-height: var(--body-lineHeight);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
color: var(--link-color);
text-decoration: var(--link-decoration);
}
a:hover {
color: var(--link-onHover-color);
text-decoration: var(--link-onHover-decoration);
}
label {
font-weight: var(--fontWeightNormal);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: var(--fontWeightNormal);
color: var(--text--loud-color);
line-height: 1.1;
}
.is-matched {
color: var(--danger);
}
pre,
code,
kbd,
samp {
font-family: var(--fontFamilyMonospace);
}
.amis-routes-wrapper {
width: 100%;
height: 100%;
}
.has-popover {
position: relative;
}
html,
body {
width: 100%;
height: 100%;
}
body {
overflow-x: hidden;
}
.dark-Layout {
min-height: 100%;
width: 100%;
position: relative;
}
.dark-Layout:before {
content: "";
position: absolute;
width: inherit;
top: 0;
bottom: 0;
z-index: -1;
background: var(--body-bg);
border: inherit;
display: block;
}
.dark-Layout--boxed {
margin-right: auto;
margin-left: auto;
}
.dark-Layout .dark-Layout-header {
background: var(--Layout-header-bg);
box-shadow: var(--Layout-header-boxShadow);
height: var(--Layout-header-height);
}
.dark-Layout--headerFixed {
padding-top: var(--Layout-header-height);
}
.dark-Layout--headerFixed .dark-Layout-header {
position: fixed;
top: 0;
width: 100%;
z-index: 1;
}
.dark-Layout-brandBar {
background: var(--Layout-brand-bg);
color: var(--Layout-brandBar-color);
}
.dark-Layout-brandBar > button {
padding: 0.625rem 1.0625rem;
font-size: 1rem;
line-height: calc(var(--Layout-header-height) - var(--gap-md));
text-decoration: none;
background: transparent;
border: none;
}
.dark-Layout-brand {
color: var(--Layout-brand-color);
text-align: left;
font-size: var(--fontSizeMd);
font-weight: var(--fontWeightNormal);
max-width: 100%;
height: auto;
line-height: var(--Layout-header-height);
display: inline-block;
vertical-align: middle;
padding: 0 var(--gap-base);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dark-Layout-brand:hover {
text-decoration: none;
}
.dark-Layout-brand img {
max-height: calc(var(--Layout-header-height) / 2);
vertical-align: middle;
display: inline;
}
.dark-Layout-headerBar {
border-bottom: var(--Layout-headerBar-borderBottom);
min-height: var(--Layout-header-height);
padding: 0 var(--gap-sm);
display: flex;
flex-direction: row;
align-items: center;
}
.dark-Layout-offScreenBtn {
display: none;
float: right;
padding: 13px var(--gap-md);
}
.dark-Layout-aside {
position: relative;
background: var(--Layout-aside-bg);
color: var(--Layout-aside-color);
}
.dark-Layout-aside:before {
content: "";
position: absolute;
width: inherit;
top: 0;
bottom: 0;
z-index: -1;
background: inherit;
border: inherit;
}
.dark-Layout-asideFooter {
position: absolute;
bottom: 0;
width: 100%;
z-index: 1000;
max-width: var(--Layout-aside-width);
}
.dark-Layout-asideFooter ~ div {
padding-bottom: 3.125rem;
}
.dark-Layout-body {
padding-bottom: var(--Layout-footer-height);
width: 100%;
height: 100%;
}
.dark-Layout--noFooter .dark-Layout-body {
padding-bottom: 0;
}
.dark-Layout-footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
}
.dark-Layout--sm .dark-Layout-asideFooter {
max-width: var(--Layout-aside--sm-width);
}
.dark-Layout--sm .dark-AsideNav-item a {
font-size: var(--fontSizeSm);
}
.dark-Layout--md .dark-Layout-asideFooter {
max-width: var(--Layout-aside--md-width);
}
.dark-Layout--lg .dark-Layout-asideFooter {
max-width: var(--Layout-aside--lg-width);
}
@media (max-width: 767px) {
.dark-Layout-content {
transition: transform var(--animation-duration) ease;
}
.dark-Layout-aside {
display: none;
}
.dark-Layout--offScreen .dark-Layout-aside {
position: fixed;
top: 3.125rem;
bottom: 0;
width: var(--Layout--offscreen-width);
display: block !important;
visibility: visible;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
z-index: 1010;
}
.dark-Layout-headerBar {
display: none;
}
.dark-Layout--offScreen .dark-Layout-body,
.dark-Layout--offScreen .dark-Layout-footer {
background: var(--body-bg);
transition: transform var(--animation-duration) ease;
backface-visibility: hidden;
transform: translate3d(var(--Layout--offscreen-width), 0px, 0px);
overflow: hidden;
position: fixed;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1015;
padding-top: 3.125rem;
}
.dark-Layout-offScreenBtn {
display: block;
}
}
@media (min-width: 768px) {
.dark-Layout {
display: flex;
flex-direction: column;
}
.dark-Layout-header {
width: 100%;
}
.dark-Layout > .dark-Layout-body {
flex-grow: 1;
position: relative;
}
.dark-Layout--boxed {
width: 47.5rem;
}
.dark-Layout--boxed.dark-Layout--headerFixed .dark-Layout-header {
width: 47.5rem;
}
.dark-Layout-brand, .dark-Layout-brandBar, .dark-Layout-aside {
width: var(--Layout-aside-width);
transition: width var(--animation-duration) ease;
}
.dark-Layout-brandBar {
float: left;
}
.dark-Layout--withAside {
flex-direction: row;
flex-wrap: wrap;
justify-content: stretch;
}
.dark-Layout--withAside > .dark-Layout-content {
flex-grow: 1;
width: 0;
position: relative;
}
.dark-Layout--withAside .dark-Layout-headerBar,
.dark-Layout--withAside .dark-Layout-footer {
margin-left: var(--Layout-aside-width);
transition: margin var(--animation-duration) ease;
}
.dark-Layout .visible-folded {
display: none;
}
.dark-Layout--folded .visible-folded {
display: inherit;
}
.dark-Layout--folded .hidden-folded {
display: none !important;
}
.dark-Layout--folded .text-center-folded {
text-align: center;
}
.dark-Layout--folded .pull-none-folded {
float: none !important;
}
.dark-Layout--folded .w-auto-folded {
width: auto;
}
.dark-Layout--folded .dark-Layout-aside,
.dark-Layout--folded .dark-Layout-brandBar {
width: var(--Layout-aside--folded-width);
}
.dark-Layout--folded.dark-Layout--withAside .dark-Layout-headerBar,
.dark-Layout--folded.dark-Layout--withAside .dark-Layout-footer {
margin-left: var(--Layout-aside--folded-width);
}
.dark-Layout--folded .dark-Layout-brand {
display: block;
padding: 0;
font-size: var(--fontSizeLg);
text-align: center;
}
.dark-Layout--asideFixed .dark-Layout-aside {
height: 100%;
}
.dark-Layout--asideFixed .dark-Layout-aside:before {
position: fixed;
z-index: 15;
}
.dark-Layout--asideFixed .dark-Layout-brandBar {
position: fixed;
}
.dark-Layout--asideFixed .dark-Layout-asideWrap {
position: fixed;
overflow: hidden;
top: var(--Layout-header-height);
bottom: 0;
left: 0;
width: inherit;
z-index: 1000;
}
.dark-Layout--asideFixed .dark-Layout-asideInner {
width: calc(100% + 17px);
position: relative;
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.dark-Layout--asideFixed .dark-Layout-asideInner::-webkit-scrollbar {
-webkit-appearance: none;
}
.dark-Layout--asideFixed .dark-Layout-asideInner::-webkit-scrollbar:vertical {
width: 17px;
}
.dark-Layout--asideFixed.dark-Layout--folded .dark-Layout-aside {
position: static;
}
.dark-Layout--asideFixed.dark-Layout--folded .dark-Layout-brandBar {
position: static;
}
.dark-Layout--asideFixed.dark-Layout--folded .dark-Layout-asideWrap {
overflow: visible;
z-index: 15;
}
.dark-Layout--asideFixed.dark-Layout--folded .dark-Layout-asideInner {
overflow: visible;
padding-right: 17px;
}
.dark-Layout--sm:not(.dark-Layout--folded) .dark-Layout-brand,
.dark-Layout--sm:not(.dark-Layout--folded) .dark-Layout-brandBar,
.dark-Layout--sm:not(.dark-Layout--folded) .dark-Layout-aside {
width: var(--Layout-aside--sm-width);
}
.dark-Layout--md:not(.dark-Layout--folded) .dark-Layout-brand,
.dark-Layout--md:not(.dark-Layout--folded) .dark-Layout-brandBar,
.dark-Layout--md:not(.dark-Layout--folded) .dark-Layout-aside {
width: var(--Layout-aside--md-width);
}
.dark-Layout--lg:not(.dark-Layout--folded) .dark-Layout-brand,
.dark-Layout--lg:not(.dark-Layout--folded) .dark-Layout-brandBar,
.dark-Layout--lg:not(.dark-Layout--folded) .dark-Layout-aside {
width: var(--Layout-aside--lg-width);
}
}
@media (min-width: 992px) {
.dark-Layout--boxed {
width: 100%;
max-width: 75rem;
}
.dark-Layout--boxed.dark-Layout--headerFixed .dark-Layout-header {
width: 100%;
max-width: 75rem;
}
}
@media (min-width: 1200px) {
.dark-Layout--boxed {
width: 100%;
max-width: 87.5rem;
}
.dark-Layout--boxed.dark-Layout--headerFixed .dark-Layout-header {
width: 100%;
max-width: 87.5rem;
}
}
.dark-Grid-col--xs1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs1:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs1.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--xs1.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--xs1.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--xs1.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--xs1 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--xs2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs2:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs2.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--xs2.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--xs2.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--xs2.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--xs2 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--xs3 {
flex: 0 0 25%;
max-width: 25%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs3:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs3.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--xs3.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--xs3.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--xs3.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--xs3 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--xs4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs4:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs4.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--xs4.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--xs4.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--xs4.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--xs4 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--xs5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs5:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs5.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--xs5.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--xs5.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--xs5.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--xs5 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--xs6 {
flex: 0 0 50%;
max-width: 50%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs6:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs6.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--xs6.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--xs6.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--xs6.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--xs6 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--xs7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs7:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs7.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--xs7.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--xs7.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--xs7.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--xs7 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--xs8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs8:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs8.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--xs8.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--xs8.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--xs8.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--xs8 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--xs9 {
flex: 0 0 75%;
max-width: 75%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs9:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs9.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--xs9.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--xs9.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--xs9.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--xs9 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--xs10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs10:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs10.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--xs10.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--xs10.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--xs10.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--xs10 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--xs11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs11:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs11.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--xs11.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--xs11.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--xs11.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--xs11 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--xs12 {
flex: 0 0 100%;
max-width: 100%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs12:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--xs12.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--xs12.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--xs12.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--xs12.grid-item.combination-grid-box {
border-right: 0 !important;
margin-right: 0;
}
.dark-Form--quickEdit .dark-Grid-col--xs12 {
border-right: none;
border-bottom: none;
}
.mobile-grid-item {
margin: 0 auto;
}
.mobile-grid-item .dark-Grid--slider {
opacity: 0;
}
.mobile-grid-item .ant-empty-image svg {
width: 100%;
}
.mobile-grid-item .grid-relative-wrapper {
height: inherit;
}
.mobile-grid-item .grid-relative-wrapper .dark-Quick-launch {
border-right: none;
}
.mobile-grid-item .grid-relative-wrapper .dark-Quick-launch-body {
border-top: none;
}
.mobile-grid-item .grid-relative-wrapper .dark-Quick-launch-top {
border-top: none;
}
.mobile-grid-item.dark-Grid-col--md12 .grid-relative-wrapper {
height: 100%;
}
.grid-item-fixed {
position: sticky;
top: 0;
z-index: 5;
}
.manual-fix-grid {
position: sticky;
top: 0;
}
.manual-fix-grid .affix-wrapper {
position: absolute;
top: 0;
right: 0;
z-index: 4;
cursor: pointer;
font-size: 16px;
}
.manual-fix-grid .affix-wrapper.fixed {
color: #3574EE;
}
.manual-fix-grid .affix-wrapper:hover {
color: #777;
}
.dark-Grid.grid-flex-zero {
flex: 0 !important;
}
.dark-Grid-item-search .mobile-grid-item {
height: inherit;
}
.dark-Grid-item-search .mobile-grid-item.grid-item.combination-grid-box {
height: unset;
}
.dark-Grid-item-search .mobile-grid-item.grid-item-fixed {
height: auto !important;
}
.dark-Grid-col--md12.mobile-grid-item.dark-Panel-Combination-Filter {
height: auto;
}
.dark-Grid.grid-chart-item {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.dark-Grid.grid-chart-item .dark-Panel-Combination-Filter {
width: 100%;
}
.dark-Grid.grid-chart-item .dark-Panel-Combination-Filter,
.dark-Grid.grid-chart-item .grid-item-fixed {
flex: unset;
}
.dark-Grid.grid-chart-item .dark-Panel-Combination-Chart {
flex: 1;
min-width: 100%;
}
.dark-Grid.grid-chart-item .dark-Panel-Combination-Chart .dark-Panel {
height: inherit;
}
.dark-Grid-col--xs {
flex-basis: 0;
flex-grow: 1;
min-height: 1px;
max-width: 100%;
width: 100%;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.dark-Grid-col--xsAuto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.dark-Grid--slider {
position: absolute;
right: 0;
top: 25%;
transform: translate(0, -50%);
cursor: ew-resize;
font-size: 10px;
font-weight: 600;
width: 20px;
height: 55px;
border-radius: 2px;
border: 0px;
line-height: 1.4;
text-align: center;
user-select: none;
background-color: #fff;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
z-index: 3;
}
.dark-Grid--slider .dark-Grid--sliders {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.grid-relative-wrapper {
position: relative;
height: 100%;
}
.grid-relative-wrapper .dark-Quick-launch {
border-right: 1px solid var(--saas-border-color);
}
.grid-relative-wrapper .dark-Quick-launch-header-title {
font-size: 18px;
font-weight: 600;
}
@media (min-width: 576px) {
.dark-Grid {
display: flex;
flex-wrap: wrap;
flex: 1;
position: relative;
}
.dark-Grid--hRight {
justify-content: flex-end;
}
.dark-Grid--hCenter {
justify-content: center;
}
.dark-Grid--hBetween {
justify-content: space-between;
}
.dark-Grid--vMiddle > div {
display: flex;
flex-direction: column;
justify-content: center;
}
.dark-Grid--vBottom > div {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.dark-Grid--vBetween > div {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.dark-Grid > .dark-Grid-col--vTop {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.dark-Grid > .dark-Grid-col--vMiddle {
display: flex;
flex-direction: column;
justify-content: center;
}
.dark-Grid > .dark-Grid-col--vBottom {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.dark-Grid > .dark-Grid-col--vBetween {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.dark-Grid.scroll-grid-item {
height: inherit !important;
}
.dark-Grid.scroll-grid-item .scroll-grid-child-item {
height: inherit;
}
.dark-Distance {
height: 100%;
overflow: auto;
margin-right: 0;
}
.dark-Distance > .dark-Grid-col--md12 {
height: 50%;
min-width: 100%;
padding-right: 0rem;
}
.dark-Distance .dark-Grid-col--md12 :first {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Distance .dark-Grid-col--md12 .dark-Panel {
overflow: hidden;
}
.dark-Distance .dark-Grid-col--md12 .dark-Panel .dark-Panel-body {
height: 100%;
}
.dark-Distance .dark-Grid-col--md12 .dark-Panel .dark-Panel-body .dark-Combination {
margin: unset;
}
.dark-Distance .dark-Grid-col--md12 .dark-Crud {
height: 100%;
}
.dark-Distance .dark-Grid-col--md12 .dark-Crud .dark-Table {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.dark-Distance .dark-Grid-col--md12 .dark-Crud .dark-Table .dark-Table-contentWrap {
flex: 1;
background-color: transparent;
height: calc(100% - 88px);
overflow-y: auto;
}
.dark-Distance .dark-Grid-col--md12 .dark-Crud .dark-Table .dark-Table-contentWrap .dark-Table-content {
height: 100%;
}
.dark-Distance .dark-Grid-col--md12 .dark-Crud .dark-Table .dark-Table-contentWrap .dark-Table-content .dark-Table-table thead > tr > th .dark-TableCell--title .dark-Button--link {
line-height: initial;
}
.dark-Distance .dark-Grid--slider {
bottom: 0;
top: 100%;
left: 50%;
cursor: n-resize;
width: 55px;
height: 16px;
line-height: 1;
border-radius: 5px;
}
.dark-Distance .dark-Grid--slider svg {
color: #000;
font-size: 12px;
}
.dark-Distance .dark-Grid--slider.slider-closed {
cursor: default;
}
.grid-collpase {
position: absolute;
top: 200px;
right: 0;
width: 20px;
border-radius: 7px 0px 0px 7px;
background-color: #eee;
z-index: 5;
font-size: 12px;
color: #666;
text-align: center;
letter-spacing: 3px;
padding: 4px;
cursor: pointer;
box-shadow: -2px 3px 4px 0 #aaa;
white-space: normal;
}
.grid-collpase .anticon {
margin-bottom: 4px;
}
.grid-collpase.closed {
border-radius: 0 7px 7px 0;
left: 0;
box-shadow: 2px 3px 4px 0 #aaa;
}
.dark-Grid-line {
width: 1px;
position: relative;
background-color: white;
}
.dark-Grid-line .collpase {
position: absolute;
z-index: 8;
top: 0;
bottom: 0;
width: 10px;
height: 100%;
left: -5px;
display: flex;
justify-content: center;
align-items: center;
user-select: none;
cursor: ew-resize;
}
.dark-Grid-line .collpase .left {
cursor: pointer;
position: absolute;
top: 50%;
right: 4px;
padding: 1px;
color: rgba(0, 0, 0, 0.4);
}
.dark-Grid-line .collpase .right {
cursor: pointer;
position: absolute;
top: 50%;
left: 4px;
padding: 1px;
color: rgba(0, 0, 0, 0.4);
}
.dark-Grid-line .collpase .left-hovered {
border: 1px solid #3574EE;
border-radius: 8px 0 0 8px;
border-right: none;
font-size: 13px;
}
.dark-Grid-line .collpase .right-hovered {
border: 1px solid #3574EE;
border-radius: 0 8px 8px 0;
border-left: none;
font-size: 13px;
}
.dark-Grid--combination {
background-color: var(--saas-grid-combination-color);
}
.dark-Grid--combination .dark-Grid-item--combination {
padding: 0;
}
.dark-Grid--combination .dark-Grid-item--combination .dark-Panel .dark-Panel-heading .dark-Panel-title {
font-size: 15px;
font-weight: 600;
}
.dark-Grid--combination .dark-Grid-item--combination:nth-child(1) .tree-layout {
padding-right: 0rem;
}
.dark-Grid--combination .dark-Grid-item--combination:nth-child(1) .tree-layout .dark-Panel-body .dark-Form .dark-Form-item:nth-child(1) {
margin-bottom: 0;
}
.dark-Grid--combination .dark-Grid-item--combination:nth-child(1) .tree-layout .dark-Panel-body .dark-Form .dark-Form-item:nth-child(1) .dark-TextControl .dark-TextControl-input {
border-color: transparent;
background-color: var(--Form-input-bg);
border-radius: var(--Form-input-borderRadius);
}
.dark-Grid--combination .dark-Grid-item--combination:nth-child(1) .tree-layout .dark-Panel-body .dark-Form > .dark-Form-item > .dark-Form-label {
display: none;
}
.dark-Grid--combination .dark-Grid-item--combination:nth-child(1) .tree-layout .dark-Panel-body .dark-Form > .dark-Form-item > .dark-TreeControl {
border: none;
}
.dark-Grid--combination .dark-Grid-item--combination:nth-child(1) .dark-Grid--slider {
transform: none;
line-height: normal;
box-shadow: none;
top: 0;
right: 0px;
width: 8px;
border-radius: 0;
background-color: transparent;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.dark-Grid--combination .dark-Grid-item--combination:nth-child(1) .dark-Grid--slider svg {
transform: rotateY(180deg);
font-size: 19px;
z-index: 1;
}
.dark-Grid--combination .dark-Grid-item--combination:nth-child(1) .dark-Grid--slider.slider-closed {
width: 0;
}
.dark-Grid--combination .dark-Grid-item--combination:nth-child(2) .dark-Panel {
padding: 0rem;
}
.dark-Grid--combination .dark-Panel {
border: none;
}
.dark-Grid--combination .dark-Panel > .dark-Panel-body > .dark-Tabs.dark-Combination {
margin: 0;
}
.scroll-grid-item {
height: inherit;
}
.dark-Grid-item-search {
height: inherit !important;
}
.dark-Grid-item-search > .dark-Grid-item--combination:nth-child(1) {
padding-right: 8px;
width: 12px;
right: 0px;
}
.dark-Grid-item-search > .dark-Grid-item--combination:nth-child(1) .dark-Panel {
overflow: hidden;
opacity: 0;
}
.dark-Grid-item-search > .dark-Grid-item--combination:nth-child(1) .dark-Panel .dark-Panel-heading .dark-Panel-title {
white-space: nowrap;
}
.dark-Grid-item-search > .dark-Grid-item--combination:nth-child(1) .dark-Grid--slider {
width: 28px;
}
.dark-Grid-item-search > .dark-Grid-item--combination:nth-child(1) .dark-Grid--slider .dark-Grid--sliders {
z-index: 2;
}
.dark-Grid-col--sm1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm1:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm1.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--sm1.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--sm1.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--sm1.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--sm1 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--sm2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm2:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm2.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--sm2.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--sm2.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--sm2.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--sm2 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--sm3 {
flex: 0 0 25%;
max-width: 25%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm3:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm3.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--sm3.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--sm3.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--sm3.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--sm3 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--sm4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm4:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm4.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--sm4.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--sm4.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--sm4.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--sm4 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--sm5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm5:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm5.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--sm5.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--sm5.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--sm5.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--sm5 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--sm6 {
flex: 0 0 50%;
max-width: 50%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm6:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm6.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--sm6.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--sm6.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--sm6.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--sm6 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--sm7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm7:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm7.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--sm7.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--sm7.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--sm7.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--sm7 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--sm8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm8:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm8.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--sm8.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--sm8.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--sm8.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--sm8 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--sm9 {
flex: 0 0 75%;
max-width: 75%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm9:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm9.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--sm9.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--sm9.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--sm9.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--sm9 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--sm10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm10:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm10.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--sm10.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--sm10.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--sm10.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--sm10 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--sm11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm11:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm11.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--sm11.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--sm11.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--sm11.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--sm11 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--sm12 {
flex: 0 0 100%;
max-width: 100%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm12:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--sm12.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--sm12.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--sm12.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--sm12.grid-item.combination-grid-box {
border-right: 0 !important;
margin-right: 0;
}
.dark-Form--quickEdit .dark-Grid-col--sm12 {
border-right: none;
border-bottom: none;
}
.mobile-grid-item {
margin: 0 auto;
}
.mobile-grid-item .dark-Grid--slider {
opacity: 0;
}
.mobile-grid-item .ant-empty-image svg {
width: 100%;
}
.mobile-grid-item .grid-relative-wrapper {
height: inherit;
}
.mobile-grid-item .grid-relative-wrapper .dark-Quick-launch {
border-right: none;
}
.mobile-grid-item .grid-relative-wrapper .dark-Quick-launch-body {
border-top: none;
}
.mobile-grid-item .grid-relative-wrapper .dark-Quick-launch-top {
border-top: none;
}
.mobile-grid-item.dark-Grid-col--md12 .grid-relative-wrapper {
height: 100%;
}
.grid-item-fixed {
position: sticky;
top: 0;
z-index: 5;
}
.manual-fix-grid {
position: sticky;
top: 0;
}
.manual-fix-grid .affix-wrapper {
position: absolute;
top: 0;
right: 0;
z-index: 4;
cursor: pointer;
font-size: 16px;
}
.manual-fix-grid .affix-wrapper.fixed {
color: #3574EE;
}
.manual-fix-grid .affix-wrapper:hover {
color: #777;
}
.dark-Grid.grid-flex-zero {
flex: 0 !important;
}
.dark-Grid-item-search .mobile-grid-item {
height: inherit;
}
.dark-Grid-item-search .mobile-grid-item.grid-item.combination-grid-box {
height: unset;
}
.dark-Grid-item-search .mobile-grid-item.grid-item-fixed {
height: auto !important;
}
.dark-Grid-col--md12.mobile-grid-item.dark-Panel-Combination-Filter {
height: auto;
}
.dark-Grid.grid-chart-item {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.dark-Grid.grid-chart-item .dark-Panel-Combination-Filter {
width: 100%;
}
.dark-Grid.grid-chart-item .dark-Panel-Combination-Filter,
.dark-Grid.grid-chart-item .grid-item-fixed {
flex: unset;
}
.dark-Grid.grid-chart-item .dark-Panel-Combination-Chart {
flex: 1;
min-width: 100%;
}
.dark-Grid.grid-chart-item .dark-Panel-Combination-Chart .dark-Panel {
height: inherit;
}
.dark-Grid-col--sm {
flex-basis: 0;
flex-grow: 1;
min-height: 1px;
max-width: 100%;
width: 100%;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.dark-Grid-col--smAuto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.dark-Grid--slider {
position: absolute;
right: 0;
top: 25%;
transform: translate(0, -50%);
cursor: ew-resize;
font-size: 10px;
font-weight: 600;
width: 20px;
height: 55px;
border-radius: 2px;
border: 0px;
line-height: 1.4;
text-align: center;
user-select: none;
background-color: #fff;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
z-index: 3;
}
.dark-Grid--slider .dark-Grid--sliders {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.grid-relative-wrapper {
position: relative;
height: 100%;
}
.grid-relative-wrapper .dark-Quick-launch {
border-right: 1px solid var(--saas-border-color);
}
.grid-relative-wrapper .dark-Quick-launch-header-title {
font-size: 18px;
font-weight: 600;
}
}
@media (min-width: 768px) {
.dark-Grid-col--md1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md1:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md1.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--md1.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--md1.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--md1.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--md1 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--md2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md2:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md2.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--md2.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--md2.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--md2.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--md2 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--md3 {
flex: 0 0 25%;
max-width: 25%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md3:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md3.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--md3.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--md3.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--md3.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--md3 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--md4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md4:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md4.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--md4.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--md4.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--md4.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--md4 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--md5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md5:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md5.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--md5.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--md5.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--md5.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--md5 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--md6 {
flex: 0 0 50%;
max-width: 50%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md6:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md6.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--md6.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--md6.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--md6.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--md6 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--md7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md7:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md7.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--md7.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--md7.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--md7.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--md7 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--md8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md8:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md8.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--md8.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--md8.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--md8.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--md8 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--md9 {
flex: 0 0 75%;
max-width: 75%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md9:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md9.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--md9.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--md9.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--md9.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--md9 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--md10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md10:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md10.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--md10.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--md10.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--md10.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--md10 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--md11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md11:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md11.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--md11.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--md11.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--md11.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--md11 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--md12 {
flex: 0 0 100%;
max-width: 100%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md12:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--md12.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--md12.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--md12.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--md12.grid-item.combination-grid-box {
border-right: 0 !important;
margin-right: 0;
}
.dark-Form--quickEdit .dark-Grid-col--md12 {
border-right: none;
border-bottom: none;
}
.mobile-grid-item {
margin: 0 auto;
}
.mobile-grid-item .dark-Grid--slider {
opacity: 0;
}
.mobile-grid-item .ant-empty-image svg {
width: 100%;
}
.mobile-grid-item .grid-relative-wrapper {
height: inherit;
}
.mobile-grid-item .grid-relative-wrapper .dark-Quick-launch {
border-right: none;
}
.mobile-grid-item .grid-relative-wrapper .dark-Quick-launch-body {
border-top: none;
}
.mobile-grid-item .grid-relative-wrapper .dark-Quick-launch-top {
border-top: none;
}
.mobile-grid-item.dark-Grid-col--md12 .grid-relative-wrapper {
height: 100%;
}
.grid-item-fixed {
position: sticky;
top: 0;
z-index: 5;
}
.manual-fix-grid {
position: sticky;
top: 0;
}
.manual-fix-grid .affix-wrapper {
position: absolute;
top: 0;
right: 0;
z-index: 4;
cursor: pointer;
font-size: 16px;
}
.manual-fix-grid .affix-wrapper.fixed {
color: #3574EE;
}
.manual-fix-grid .affix-wrapper:hover {
color: #777;
}
.dark-Grid.grid-flex-zero {
flex: 0 !important;
}
.dark-Grid-item-search .mobile-grid-item {
height: inherit;
}
.dark-Grid-item-search .mobile-grid-item.grid-item.combination-grid-box {
height: unset;
}
.dark-Grid-item-search .mobile-grid-item.grid-item-fixed {
height: auto !important;
}
.dark-Grid-col--md12.mobile-grid-item.dark-Panel-Combination-Filter {
height: auto;
}
.dark-Grid.grid-chart-item {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.dark-Grid.grid-chart-item .dark-Panel-Combination-Filter {
width: 100%;
}
.dark-Grid.grid-chart-item .dark-Panel-Combination-Filter,
.dark-Grid.grid-chart-item .grid-item-fixed {
flex: unset;
}
.dark-Grid.grid-chart-item .dark-Panel-Combination-Chart {
flex: 1;
min-width: 100%;
}
.dark-Grid.grid-chart-item .dark-Panel-Combination-Chart .dark-Panel {
height: inherit;
}
.dark-Grid-col--md {
flex-basis: 0;
flex-grow: 1;
min-height: 1px;
max-width: 100%;
width: 100%;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.dark-Grid-col--mdAuto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.dark-Grid--slider {
position: absolute;
right: 0;
top: 25%;
transform: translate(0, -50%);
cursor: ew-resize;
font-size: 10px;
font-weight: 600;
width: 20px;
height: 55px;
border-radius: 2px;
border: 0px;
line-height: 1.4;
text-align: center;
user-select: none;
background-color: #fff;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
z-index: 3;
}
.dark-Grid--slider .dark-Grid--sliders {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.grid-relative-wrapper {
position: relative;
height: 100%;
}
.grid-relative-wrapper .dark-Quick-launch {
border-right: 1px solid var(--saas-border-color);
}
.grid-relative-wrapper .dark-Quick-launch-header-title {
font-size: 18px;
font-weight: 600;
}
}
@media (min-width: 992px) {
.dark-Grid-col--lg1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg1:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg1.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--lg1.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--lg1.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--lg1.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--lg1 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--lg2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg2:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg2.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--lg2.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--lg2.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--lg2.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--lg2 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--lg3 {
flex: 0 0 25%;
max-width: 25%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg3:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg3.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--lg3.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--lg3.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--lg3.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--lg3 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--lg4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg4:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg4.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--lg4.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--lg4.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--lg4.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--lg4 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--lg5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg5:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg5.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--lg5.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--lg5.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--lg5.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--lg5 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--lg6 {
flex: 0 0 50%;
max-width: 50%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg6:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg6.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--lg6.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--lg6.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--lg6.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--lg6 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--lg7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg7:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg7.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--lg7.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--lg7.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--lg7.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--lg7 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--lg8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg8:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg8.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--lg8.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--lg8.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--lg8.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--lg8 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--lg9 {
flex: 0 0 75%;
max-width: 75%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg9:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg9.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--lg9.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--lg9.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--lg9.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--lg9 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--lg10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg10:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg10.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--lg10.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--lg10.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--lg10.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--lg10 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--lg11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg11:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg11.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--lg11.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--lg11.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--lg11.grid-item.combination-grid-box {
width: 200px;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Form--quickEdit .dark-Grid-col--lg11 {
border-right: none;
border-bottom: none;
}
.dark-Grid-col--lg12 {
flex: 0 0 100%;
max-width: 100%;
min-height: 1px;
border-right: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg12:last-child {
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Grid-col--lg12.grid-item {
margin-bottom: 16px;
}
.dark-Grid-col--lg12.grid-item.combination-grid-box {
border-bottom: 1px solid var(--saas-border-color) !important;
border-right: 1px solid var(--saas-border-color) !important;
}
.dark-Grid-col--lg12.grid-item.combination-grid-box .combination-grid-box:last-child {
border-right: 0 !important;
margin-right: 0 !important;
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.dark-Grid-col--lg12.grid-item.combination-grid-box {
border-right: 0 !important;
margin-right: 0;
}
.dark-Form--quickEdit .dark-Grid-col--lg12 {
border-right: none;
border-bottom: none;
}
.mobile-grid-item {
margin: 0 auto;
}
.mobile-grid-item .dark-Grid--slider {
opacity: 0;
}
.mobile-grid-item .ant-empty-image svg {
width: 100%;
}
.mobile-grid-item .grid-relative-wrapper {
height: inherit;
}
.mobile-grid-item .grid-relative-wrapper .dark-Quick-launch {
border-right: none;
}
.mobile-grid-item .grid-relative-wrapper .dark-Quick-launch-body {
border-top: none;
}
.mobile-grid-item .grid-relative-wrapper .dark-Quick-launch-top {
border-top: none;
}
.mobile-grid-item.dark-Grid-col--md12 .grid-relative-wrapper {
height: 100%;
}
.grid-item-fixed {
position: sticky;
top: 0;
z-index: 5;
}
.manual-fix-grid {
position: sticky;
top: 0;
}
.manual-fix-grid .affix-wrapper {
position: absolute;
top: 0;
right: 0;
z-index: 4;
cursor: pointer;
font-size: 16px;
}
.manual-fix-grid .affix-wrapper.fixed {
color: #3574EE;
}
.manual-fix-grid .affix-wrapper:hover {
color: #777;
}
.dark-Grid.grid-flex-zero {
flex: 0 !important;
}
.dark-Grid-item-search .mobile-grid-item {
height: inherit;
}
.dark-Grid-item-search .mobile-grid-item.grid-item.combination-grid-box {
height: unset;
}
.dark-Grid-item-search .mobile-grid-item.grid-item-fixed {
height: auto !important;
}
.dark-Grid-col--md12.mobile-grid-item.dark-Panel-Combination-Filter {
height: auto;
}
.dark-Grid.grid-chart-item {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.dark-Grid.grid-chart-item .dark-Panel-Combination-Filter {
width: 100%;
}
.dark-Grid.grid-chart-item .dark-Panel-Combination-Filter,
.dark-Grid.grid-chart-item .grid-item-fixed {
flex: unset;
}
.dark-Grid.grid-chart-item .dark-Panel-Combination-Chart {
flex: 1;
min-width: 100%;
}
.dark-Grid.grid-chart-item .dark-Panel-Combination-Chart .dark-Panel {
height: inherit;
}
.dark-Grid-col--lg {
flex-basis: 0;
flex-grow: 1;
min-height: 1px;
max-width: 100%;
width: 100%;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.dark-Grid-col--lgAuto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.dark-Grid--slider {
position: absolute;
right: 0;
top: 25%;
transform: translate(0, -50%);
cursor: ew-resize;
font-size: 10px;
font-weight: 600;
width: 20px;
height: 55px;
border-radius: 2px;
border: 0px;
line-height: 1.4;
text-align: center;
user-select: none;
background-color: #fff;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
z-index: 3;
}
.dark-Grid--slider .dark-Grid--sliders {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.grid-relative-wrapper {
position: relative;
height: 100%;
}
.grid-relative-wrapper .dark-Quick-launch {
border-right: 1px solid var(--saas-border-color);
}
.grid-relative-wrapper .dark-Quick-launch-header-title {
font-size: 18px;
font-weight: 600;
}
}
.dark-Grid--none {
margin-left: 0;
margin-right: 0;
}
.dark-Grid--none > div {
padding-left: 0;
padding-right: 0;
}
.dark-Grid--xs {
margin-left: calc(var(--gap-xs) * -0.5);
margin-right: calc(var(--gap-xs) * -0.5);
}
.dark-Grid--xs > div {
padding-left: calc(var(--gap-xs) * 0.5);
padding-right: calc(var(--gap-xs) * 0.5);
}
.dark-Grid--sm {
margin-left: calc(var(--gap-sm) * -0.5);
margin-right: calc(var(--gap-sm) * -0.5);
}
.dark-Grid--sm > div {
padding-left: calc(var(--gap-sm) * 0.5);
padding-right: calc(var(--gap-sm) * 0.5);
}
.dark-Grid--base {
margin-left: calc(var(--gap-base) * -0.5);
margin-right: calc(var(--gap-base) * -0.5);
}
.dark-Grid--base > div {
padding-left: calc(var(--gap-base) * 0.5);
padding-right: calc(var(--gap-base) * 0.5);
}
.dark-Grid--md {
margin-left: calc(var(--gap-md) * -0.5);
margin-right: calc(var(--gap-md) * -0.5);
}
.dark-Grid--md > div {
padding-left: calc(var(--gap-md) * 0.5);
padding-right: calc(var(--gap-md) * 0.5);
}
.dark-Grid--lg {
margin-left: calc(var(--gap-lg) * -0.5);
margin-right: calc(var(--gap-lg) * -0.5);
}
.dark-Grid--lg > div {
padding-left: calc(var(--gap-lg) * 0.5);
padding-right: calc(var(--gap-lg) * 0.5);
}
.dark-Grid .grid-flex-auto {
flex: 0 1;
}
.dark-Grid .grid-flex-auto .align-self-start {
align-self: flex-start;
}
.dark-Grid-col--md,
.dark-Grid .grid-item {
background: var(--Page-main-bg);
}
.dark-Grid-col--md .dark-Grid .dark-Grid-col--md12,
.dark-Grid-col--md .dark-Grid .dark-Grid-col--md,
.dark-Grid-col--md .dark-Grid .grid-item,
.dark-Grid .grid-item .dark-Grid .dark-Grid-col--md12,
.dark-Grid .grid-item .dark-Grid .dark-Grid-col--md,
.dark-Grid .grid-item .dark-Grid .grid-item {
border-right: 0;
box-shadow: none;
padding: 0;
box-shadow: none;
}
.dark-Grid--block {
display: block !important;
}
@media (max-width: 767px) {
.dark-Grid {
padding: 0 8px;
background-color: var(--saas-Background-Header);
}
.dark-Grid .dark-Grid {
padding: 0 auto;
}
.dark-Grid > .inline-grid-item {
display: inline-block;
}
.dark-Grid > .inline-grid-item.dark-Grid-col--md1 {
width: 8.33333333%;
}
.dark-Grid > .inline-grid-item.dark-Grid-col--md2 {
width: 16.66666666%;
}
.dark-Grid > .inline-grid-item.dark-Grid-col--md3 {
width: 25%;
}
.dark-Grid > .inline-grid-item.dark-Grid-col--md4 {
width: 33.33333333%;
}
.dark-Grid > .inline-grid-item.dark-Grid-col--md6 {
width: 50%;
}
.dark-Grid > .inline-grid-item.dark-Grid-col--md9 {
width: 75%;
}
.dark-Grid > .inline-grid-item.dark-Grid-col--md12 {
width: 100%;
}
}
.dark-Scan-code-container > .dark-Grid > .mobile-grid-item {
height: auto;
}
.dark-AsideNav::before, .dark-AsideNav::after {
display: table;
content: "";
}
.dark-AsideNav::after {
clear: both;
}
.dark-AsideNav-label {
color: var(--Layout-asideLabel-color);
margin-top: var(--gap-base);
margin-bottom: var(--gap-sm);
font-size: var(--fontSizeXs);
padding-left: var(--gap-base);
padding-right: var(--gap-base);
}
.dark-AsideNav-list {
list-style: none;
padding: 0;
margin: 0;
}
.dark-AsideNav-itemArrow {
float: right;
display: block;
width: var(--gap-md);
text-align: center;
line-height: 1.0625rem;
margin-top: 0.125rem;
}
.dark-AsideNav-itemArrow:empty:before {
content: "";
display: inline-block;
transform-origin: center;
transition: transform var(--animation-duration) ease;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgNTEzIDEwMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cgk8ZyBpZD0icmlnaHQtYXJyb3ciIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0ibm9uemVybyI+CgkJPHBhdGggZD0iTTU2LjU1OTA1NCwxMDEzLjc3MzY5IEw1MTIuOTA4MTE2LDUxMi42ODQ1MjQgTDU2LjU1OTA1NCwxMi4yMzQ1MDEgQzQ5LjQxMTQ2NzgsMi45MzQ1NTkxMiAzNy42NjY0MjM4LC0xLjU5MTg4MTc2IDI2LjEyNjIzMjQsMC41MDU5NDgyNDYgQzE0LjU4NjA0MSwyLjYwMzc3ODI1IDUuMTg1NDQ0MDksMTAuOTc0MTcyNyAxLjc2ODE1NTE2LDIyLjE5NDY0NzEgQy0xLjY0OTEzMzc3LDMzLjQxNTEyMTQgMS40ODk4MDIyOCw0NS42MDQ1MzUxIDkuOTAxNTE2LDUzLjc3ODg4NCBMNDI0LjcwNjE5Nyw1MTIuNjg0NTI0IEwxMi40NTgwOTQsOTY5LjY3MjczMSBDMi40NTgyMDU5Niw5ODIuNTUxNDk4IDQuMDEyOTc3MzcsMTAwMC45NDgzIDE2LjAzMjQ0MjIsMTAxMS45NjYxNSBDMjguMDUxOTA3MSwxMDIyLjk4Mzk5IDQ2LjUxNDIzNDYsMTAyMi45MzYxOSA1OC40NzY0ODcsMTAxMS44NTYyNiBMNTYuNTU5MDU0LDEwMTMuNzczNjkgWiIgaWQ9Iui3r+W+hCI+CgkJPC9wYXRoPgoJPC9nPgo8L3N2Zz4K);
width: 0.625rem;
height: 0.625rem;
background-position: center center;
background-repeat: no-repeat;
}
.dark-AsideNav-item.is-open > a > .dark-AsideNav-itemArrow:empty:before {
transform: rotate(90deg);
color: var(--Layout-asideLink-onActive-arrowColor);
}
.dark-AsideNav-itemArrow > svg {
color: var(--Layout-asideLink-color);
width: 0.625rem;
height: 0.625rem;
transform-origin: center;
transition: transform var(--animation-duration) ease;
}
.dark-AsideNav-item.is-open > a > .dark-AsideNav-itemArrow > svg {
transform: rotate(90deg);
}
.dark-AsideNav-itemBadge {
padding: 0.125rem var(--gap-xs);
margin-top: 0.125rem;
font-size: var(--fontSizeXs);
text-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.2);
float: right;
min-width: 0.0625rem;
line-height: 1;
font-weight: var(--fontWeightBold);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.625rem;
}
.dark-AsideNav-itemIcon {
margin: calc( ( var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / -2 ) -0.625rem;
line-height: var(--Layout-nav-height);
width: var(--Layout-nav-height);
vertical-align: middle;
float: left;
margin-right: 0;
text-align: center;
position: relative;
overflow: hidden;
color: var(--Layout-asideLink-iconColor);
font-size: var(--Layout-asideLink-onHover-iconSize);
}
.dark-AsideNav-itemIcon:before {
position: relative;
z-index: 2;
}
.dark-AsideNav-subList {
margin: 0;
padding: 0;
opacity: 0;
height: 0;
overflow: hidden;
margin-left: calc(var(--gap-md) * -1);
transition: all var(--animation-duration) ease-in-out 0s;
background: var(--Layout-aside-subList-bg);
}
.dark-Layout--folded .dark-AsideNav-item > .dark-AsideNav-subList {
display: block;
overflow: hidden;
}
.is-open > .dark-AsideNav-subList, .dark-Layout--folded .dark-AsideNav-item .dark-AsideNav-item.is-open > .dark-AsideNav-subList, .dark-Layout--folded .dark-AsideNav-item:hover > .dark-AsideNav-subList, .dark-Layout--folded .dark-AsideNav-item:focus > .dark-AsideNav-subList, .dark-Layout--folded .dark-AsideNav-item:active > .dark-AsideNav-subList {
opacity: 1;
margin-left: 0;
height: auto !important;
overflow: visible;
}
.dark-AsideNav-item {
position: relative;
display: block;
}
.dark-AsideNav-item a {
font-weight: normal;
cursor: pointer;
text-transform: none;
display: block;
font-size: var(--Layout-asideLink-fontSize);
padding: calc( ( var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-base);
position: relative;
transition: background-color var(--animation-duration) ease-in-out 0s;
color: var(--Layout-asideLink-color);
text-decoration: none;
user-select: none;
}
.dark-AsideNav-item a:hover {
color: var(--Layout-asideLink-onHover-color);
text-decoration: none;
background: var(--Layout-aside-onHover-bg);
}
.dark-AsideNav-item a:hover .dark-AsideNav-itemIcon {
color: var(--Layout-asideLink-onHover-iconColor);
}
.dark-AsideNav-item.is-active > a {
background: var(--Layout-aside-onAcitve-bg);
color: var(--Layout-asideLink-onActive-color);
}
.dark-AsideNav-item.is-active > a:hover {
background: var(--Layout-aside-onAcitve-onHover-bg);
}
.dark-AsideNav-item.is-lg > a {
padding: calc( ( var(--Layout-nav-lgHeight) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-md);
}
.dark-AsideNav-item .dark-AsideNav-item a {
padding-left: calc(var(--Layout-nav-height) + 0.3125rem);
}
.dark-AsideNav-item .dark-AsideNav-item .dark-AsideNav-item a {
padding-left: calc(var(--Layout-nav-height) + 0.9375rem);
}
.dark-AsideNav-item .dark-AsideNav-item .dark-AsideNav-item .dark-AsideNav-item a {
padding-left: calc(var(--Layout-nav-height) + 1.875rem);
}
.dark-AsideNav-item .dark-AsideNav-item .dark-AsideNav-item .dark-AsideNav-item .dark-AsideNav-item a {
padding-left: calc(var(--Layout-nav-height) + 2.8125rem);
}
.dark-AsideNav-item .dark-AsideNav-item .dark-AsideNav-subList {
display: none;
}
.dark-AsideNav-item .dark-AsideNav-item.is-open .dark-AsideNav-subList {
display: block;
}
.dark-AsideNav-subHeader {
display: none;
}
.dark-AsideNav-subHeader a {
cursor: default;
background: transparent;
color: var(--Layout-asideLink-color);
padding: calc( ( var(--Layout-nav--folded-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-md);
}
.dark-AsideNav-subHeader a:hover {
color: var(--Layout-asideLink-onHover-color);
background: transparent;
}
.dark-AsideNav-tooltip {
pointer-events: none;
left: 0;
top: 50%;
transform: translateY(-50%);
position: absolute;
font-size: var(--Tooltip--attr-fontSize);
line-height: var(--Tooltip--attr-lineHeigt);
text-align: left;
white-space: nowrap;
background: var(--Tooltip--attr-bg);
border: var(--Tooltip--attr-borderWidth) solid var(--Tooltip--attr-borderColor);
border-radius: var(--Tooltip--attr-borderRadius);
box-shadow: var(--Tooltip--attr-boxShadow);
left: 100%;
color: var(--Tooltip--attr-color);
padding: var(--Tooltip--attr-paddingY) var(--Tooltip--attr-paddingX);
opacity: 0;
transition: var(--Tooltip--attr-transition);
}
.dark-AsideNav-divider {
width: auto;
height: 0.0625rem;
margin: var(--Layout-asideDivider-margin);
overflow: hidden;
font-size: 0;
background: var(--Layout-asideDivider-bg);
}
img.dark-AsideNav-itemIcon {
float: none;
height: var(--Layout-asideLink-fontSize);
width: auto;
margin-right: var(--gap-xs);
vertical-align: middle;
}
@media (min-width: 768px) {
.dark-Layout--folded .dark-AsideNav-label {
display: none;
}
.dark-Layout--folded .dark-AsideNav-subHeader {
display: block;
}
.dark-Layout--folded .dark-AsideNav-item:hover > .dark-AsideNav-tooltip {
opacity: 1;
z-index: 1600;
margin: 0 0 0 var(--Tooltip--attr-gap);
opacity: 1;
}
.dark-Layout--folded .dark-AsideNav-list > .dark-AsideNav-item > a {
text-align: center;
position: relative;
padding: 0;
text-align: center;
height: var(--Layout-nav--folded-height);
border: none;
}
.dark-Layout--folded .dark-AsideNav-list > .dark-AsideNav-item > a .dark-AsideNav-itemArrow,
.dark-Layout--folded .dark-AsideNav-list > .dark-AsideNav-item > a .dark-AsideNav-itemLabel {
display: none;
}
.dark-Layout--folded .dark-AsideNav-list > .dark-AsideNav-item > a .dark-AsideNav-itemIcon {
width: auto;
float: none !important;
display: block;
font-size: 1rem;
margin: 0;
line-height: var(--Layout-nav--folded-height);
border: none !important;
}
.dark-Layout--folded .dark-AsideNav-list > .dark-AsideNav-item > a .dark-AsideNav-itemBadge {
position: absolute;
right: 0.75rem;
top: 0.5rem;
z-index: 3;
}
.dark-Layout--folded .dark-AsideNav-list > .dark-AsideNav-item.is-lg > a {
height: var(--Layout-nav-lgHeight);
}
.dark-Layout--folded .dark-AsideNav-list > .dark-AsideNav-item.is-lg > a .dark-AsideNav-itemIcon {
line-height: var(--Layout-nav-lgHeight);
}
.dark-Layout--folded .dark-AsideNav-item .dark-AsideNav-item a {
padding-left: var(--gap-md) !important;
}
.dark-Layout--folded .dark-AsideNav-subList {
height: 0 !important;
position: absolute;
left: 100%;
top: 0 !important;
z-index: 1050;
width: var(--Layout-aside-width);
box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1);
}
.dark-Layout--folded.dark-Layout--sm .dark-AsideNav-subList {
width: var(--Layout-aside--sm-width);
}
.dark-Layout--folded.dark-Layout--md .dark-AsideNav-subList {
width: var(--Layout-aside--md-width);
}
.dark-Layout--folded.dark-Layout--lg .dark-AsideNav-subList {
width: var(--Layout-aside--lg-width);
}
}
.dark-Hbox {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.dark-Hbox-col {
flex-basis: 0;
flex-grow: 1;
min-height: 1px;
max-width: 100%;
width: 100%;
}
.dark-Hbox-col--customWidth {
flex-grow: unset;
flex-basis: unset;
}
.dark-Hbox-col--auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.dark-Hbox--hRight {
justify-content: flex-end;
}
.dark-Hbox--hCenter {
justify-content: center;
}
.dark-Hbox--hBetween {
justify-content: space-between;
}
.dark-Hbox--vMiddle > .dark-Hbox-col {
display: flex;
flex-direction: column;
justify-content: center;
}
.dark-Hbox--vBottom > .dark-Hbox-col {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.dark-Hbox--vBetween > .dark-Hbox-col {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.dark-Hbox > .dark-Hbox-col--vTop {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.dark-Hbox > .dark-Hbox-col--vMiddle {
display: flex;
flex-direction: column;
justify-content: center;
}
.dark-Hbox > .dark-Hbox-col--vBottom {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.dark-Hbox > .dark-Hbox-col--vBetween {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.dark-Hbox--xs {
margin-left: calc(var(--gap-xs) * -0.5);
margin-right: calc(var(--gap-xs) * -0.5);
}
.dark-Hbox--xs > .dark-Hbox-col {
padding-left: calc(var(--gap-xs) * 0.5);
padding-right: calc(var(--gap-xs) * 0.5);
}
.dark-Hbox--sm {
margin-left: calc(var(--gap-sm) * -0.5);
margin-right: calc(var(--gap-sm) * -0.5);
}
.dark-Hbox--sm > .dark-Hbox-col {
padding-left: calc(var(--gap-sm) * 0.5);
padding-right: calc(var(--gap-sm) * 0.5);
}
.dark-Hbox--base {
margin-left: calc(var(--gap-base) * -0.5);
margin-right: calc(var(--gap-base) * -0.5);
}
.dark-Hbox--base > .dark-Hbox-col {
padding-left: calc(var(--gap-base) * 0.5);
padding-right: calc(var(--gap-base) * 0.5);
}
.dark-Hbox--md {
margin-left: calc(var(--gap-md) * -0.5);
margin-right: calc(var(--gap-md) * -0.5);
}
.dark-Hbox--md > .dark-Hbox-col {
padding-left: calc(var(--gap-md) * 0.5);
padding-right: calc(var(--gap-md) * 0.5);
}
.dark-Hbox--lg {
margin-left: calc(var(--gap-lg) * -0.5);
margin-right: calc(var(--gap-lg) * -0.5);
}
.dark-Hbox--lg > .dark-Hbox-col {
padding-left: calc(var(--gap-lg) * 0.5);
padding-right: calc(var(--gap-lg) * 0.5);
}
.dark-Vbox {
display: table;
border-spacing: 0;
position: relative;
width: 100%;
height: 100%;
min-height: 240px;
}
.dark-Vbox .row-row {
display: table-row;
height: 100%;
}
.dark-Vbox .row-row .dark-Vbox-cell {
position: relative;
height: 100%;
width: 100%;
}
.ie .dark-Vbox .row-row .dark-Vbox-cell {
display: table-cell;
overflow: auto;
}
.ie .dark-Vbox .row-row .dark-Vbox-cell .cell-inner {
overflow: visible !important;
}
.dark-Vbox .row-row .dark-Vbox-cell .cell-inner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.dark-Button {
display: inline-block;
font-weight: var(--Button-fontWeight);
text-align: center;
vertical-align: middle;
user-select: none;
letter-spacing: 1px;
background: transparent;
border: var(--Button-borderWidth) solid transparent;
transition: var(--Button-transition);
white-space: nowrap;
min-width: var(--Button-mimWidth);
padding: var(--Button-paddingY) var(--Button-paddingX);
font-size: var(--Button-fontSize);
line-height: var(--Button-lineHeight);
border-radius: var(--Button-borderRadius);
height: var(--Button-height);
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Button {
height: 1.2rem;
line-height: 0.9rem;
font-size: 0.75rem;
padding: 0.1rem 0.25rem;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-Button {
height: 1.5rem;
line-height: 1.2rem;
font-size: 0.75rem;
padding: 0.1rem 0.25rem;
}
}
.dark-Button:active, .dark-Button.is-active {
color: var(--Button-onActive-color);
box-shadow: var(--Button-onActive-boxShadow);
border-color: var(--Button-onActive-border);
}
.dark-Button:active:focus, .dark-Button.is-active:focus {
box-shadow: var(--Button-onActive-boxShadow);
}
.dark-Button.in-state {
color: var(--Button-onActive-color);
box-shadow: var(--Button-onActive-boxShadow);
border-color: var(--Button-onActive-border);
}
.dark-Button .dark-Button-icon:first-child:not(:last-child):not(.pull-right),
.dark-Button > svg.icon:not(:last-child):not(.pull-right),
.dark-Button > .pull-left {
margin-right: var(--gap-xs);
}
.dark-Button .dark-Button-icon:last-child:not(:first-child):not(.pull-left),
.dark-Button > .pull-right {
margin-right: var(--gap-xs);
}
.dark-Button .dark-Button--loading:first-child:not(:last-child):not(.pull-right),
.dark-Button > svg.icon:not(:last-child):not(.pull-right),
.dark-Button > .pull-left {
margin-right: var(--Button-paddingX);
}
.dark-Button .dark-Button--loading:last-child:not(:first-child):not(.pull-left),
.dark-Button > .pull-right {
margin-left: var(--Button-paddingX);
}
.dark-Button img.dark-Button-icon {
height: var(--Button-fontSize);
vertical-align: middle;
}
.dark-Button:hover:focus {
text-decoration: none;
}
.dark-Button:focus, .dark-Button.focus {
outline: 0;
box-shadow: var(--Button-onFocus-boxShadow);
}
.dark-Button.is-disabled, .dark-Button:disabled {
filter: grayscale(100%);
box-shadow: none;
cursor: not-allowed;
color: var(--saas-Disable-Text);
pointer-events: auto;
border: var(--Button-borderWidth) solid var(--saas-Button-Disabled);
background: var(--saas-Button-Disabled);
}
.dark-Button.is-disabled > svg, .dark-Button.is-disabled > svg path, .dark-Button:disabled > svg, .dark-Button:disabled > svg path {
fill: currentColor;
}
.dark-Button:not(:disabled):not(.is-disabled) {
cursor: pointer;
}
.dark-Button.cxd-Button--link.is-disabled {
background: transparent;
border: none;
}
.dark-Button > .pull-left,
.dark-Button > .pull-right {
line-height: inherit;
}
.dark-Button > .fa,
.dark-Button > .iconfont,
.dark-Button > .glyphicon {
font-size: inherit;
}
a.dark-Button.is-disabled,
fieldset:disabled a.dark-Button {
pointer-events: none;
}
.dark-Button--primary {
color: var(--Button--primary-color);
background: var(--saas-Primary-Color);
border-color: var(--Button--primary-border);
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
}
.dark-Button--primary:not(:disabled):not(.is-disabled):hover {
color: var(--Button--primary-onHover-color);
background: var(--Button--primary-onHover-bg);
border-color: var(--Button--primary-onHover-border);
}
.dark-Button--primary:not(:disabled):not(.is-disabled):hover:active {
color: var(--Button--primary-onActive-color);
background: var(--Button--primary-onActive-bg);
border-color: var(--Button--primary-onActive-border);
}
.dark-Button--primary:hover:focus {
box-shadow: var(--Button-boxShadow);
}
@media screen and (max-width: 767px) {
.dark-Button--primary {
background: var(--saas-Primary-Color);
border-color: var(--saas-Primary-Color);
border-radius: 4px;
}
}
.dark-Button--secondary {
color: var(--Button--secondary-color);
background: var(--Button--secondary-bg);
border-color: var(--Button--secondary-border);
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
}
.dark-Button--secondary:not(:disabled):not(.is-disabled):hover {
color: var(--Button--secondary-onHover-color);
background: var(--Button--secondary-onHover-bg);
border-color: var(--Button--secondary-onHover-border);
}
.dark-Button--secondary:not(:disabled):not(.is-disabled):hover:active {
color: var(--Button--secondary-onActive-color);
background: var(--Button--secondary-onActive-bg);
border-color: var(--Button--secondary-onActive-border);
}
.dark-Button--secondary:hover:focus {
box-shadow: var(--Button-boxShadow);
}
.dark-Button--success {
color: var(--Button--success-color);
background: var(--saas-Success-Color);
border-color: var(--Button--success-border);
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
}
.dark-Button--success:not(:disabled):not(.is-disabled):hover {
color: var(--Button--success-onHover-color);
background: var(--Button--success-onHover-bg);
border-color: var(--Button--success-onHover-border);
}
.dark-Button--success:not(:disabled):not(.is-disabled):hover:active {
color: var(--Button--success-onActive-color);
background: var(--Button--success-onActive-bg);
border-color: var(--Button--success-onActive-border);
}
.dark-Button--success:hover:focus {
box-shadow: var(--Button-boxShadow);
}
.dark-Button--enhance {
color: var(--Button--enhance-color);
background: var(--Button--enhance-bg);
border-color: var(--Button--enhance-border);
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
}
.dark-Button--enhance:not(:disabled):not(.is-disabled):hover {
color: var(--Button--enhance-onHover-color);
background: var(--Button--enhance-onHover-bg);
border-color: var(--Button--enhance-onHover-border);
}
.dark-Button--enhance:not(:disabled):not(.is-disabled):hover:active {
color: var(--Button--enhance-onActive-color);
background: var(--Button--enhance-onActive-bg);
border-color: var(--Button--enhance-onActive-border);
}
.dark-Button--enhance:hover:focus {
box-shadow: var(--Button-boxShadow);
}
.dark-Button--info {
color: var(--Button--info-color);
background: var(--saas-Info-Color);
border-color: var(--saas-Info-Color);
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
}
.dark-Button--info:not(:disabled):not(.is-disabled):hover {
color: var(--Button--info-onHover-color);
background: var(--Button--info-onHover-bg);
border-color: var(--Button--info-onHover-border);
}
.dark-Button--info:not(:disabled):not(.is-disabled):hover:active {
color: var(--Button--info-onActive-color);
background: var(--Button--info-onActive-bg);
border-color: var(--Button--info-onActive-border);
}
.dark-Button--info:hover:focus {
box-shadow: var(--Button-boxShadow);
}
.dark-Button--warning {
color: var(--Button--warning-color);
background: var(--saas-Warning-Color);
border-color: var(--Button--warning-border);
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
}
.dark-Button--warning:not(:disabled):not(.is-disabled):hover {
color: var(--Button--warning-onHover-color);
background: var(--Button--warning-onHover-bg);
border-color: var(--Button--warning-onHover-border);
}
.dark-Button--warning:not(:disabled):not(.is-disabled):hover:active {
color: var(--Button--warning-onActive-color);
background: var(--Button--warning-onActive-bg);
border-color: var(--Button--warning-onActive-border);
}
.dark-Button--warning:hover:focus {
box-shadow: var(--Button-boxShadow);
}
.dark-Button--danger {
color: var(--Button--danger-color);
background: var(--saas-Error-Color);
border-color: var(--Button--danger-border);
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
}
.dark-Button--danger:not(:disabled):not(.is-disabled):hover {
color: var(--Button--danger-onHover-color);
background: var(--Button--danger-onHover-bg);
border-color: var(--Button--danger-onHover-border);
}
.dark-Button--danger:not(:disabled):not(.is-disabled):hover:active {
color: var(--Button--danger-onActive-color);
background: var(--Button--danger-onActive-bg);
border-color: var(--Button--danger-onActive-border);
}
.dark-Button--danger:hover:focus {
box-shadow: var(--Button-boxShadow);
}
.dark-Button--light {
color: var(--Button--light-color);
background: var(--saas-Light-Color);
border-color: var(--Button--light-border);
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
}
.dark-Button--light:not(:disabled):not(.is-disabled):hover {
color: var(--Button--light-onHover-color);
background: var(--Button--light-onHover-bg);
border-color: var(--Button--light-onHover-border);
}
.dark-Button--light:not(:disabled):not(.is-disabled):hover:active {
color: var(--Button--light-onActive-color);
background: var(--Button--light-onActive-bg);
border-color: var(--Button--light-onActive-border);
}
.dark-Button--light:hover:focus {
box-shadow: var(--Button-boxShadow);
}
.dark-Button--dark {
color: var(--Button--dark-color);
background: var(--saas-Dark-Color);
border-color: var(--Button--dark-border);
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
}
.dark-Button--dark:not(:disabled):not(.is-disabled):hover {
color: var(--Button--dark-onHover-color);
background: var(--Button--dark-onHover-bg);
border-color: var(--Button--dark-onHover-border);
}
.dark-Button--dark:not(:disabled):not(.is-disabled):hover:active {
color: var(--Button--dark-onActive-color);
background: var(--Button--dark-onActive-bg);
border-color: var(--Button--dark-onActive-border);
}
.dark-Button--dark:hover:focus {
box-shadow: var(--Button-boxShadow);
}
.dark-Button--default {
color: var(--Button--default-color);
background: var(--Button--default-bg);
border-color: var(--Button--default-border);
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
}
.dark-Button--default:not(:disabled):not(.is-disabled):hover {
color: var(--Button--default-onHover-color);
background: var(--Button--default-onHover-bg);
border-color: var(--Button--default-onHover-border);
}
.dark-Button--default:not(:disabled):not(.is-disabled):hover:active {
color: var(--Button--default-onActive-color);
background: var(--Button--default-onActive-bg);
border-color: var(--Button--default-onActive-border);
}
.dark-Button--default:hover:focus {
box-shadow: var(--Button-boxShadow);
}
.dark-Button--xs {
padding: var(--Button--xs-paddingY) var(--Button--xs-paddingX);
font-size: var(--Button--xs-fontSize);
line-height: var(--Button--xs-lineHeight);
border-radius: var(--Button--sm-borderRadius);
height: var(--Button--xs-height);
}
.dark-Button--xs .dark-Button-icon:first-child:not(:last-child):not(.pull-right),
.dark-Button--xs > svg.icon:not(:last-child):not(.pull-right),
.dark-Button--xs > .pull-left {
margin-right: var(--gap-xs);
}
.dark-Button--xs .dark-Button-icon:last-child:not(:first-child):not(.pull-left),
.dark-Button--xs > .pull-right {
margin-right: var(--gap-xs);
}
.dark-Button--xs .dark-Button--loading:first-child:not(:last-child):not(.pull-right),
.dark-Button--xs > svg.icon:not(:last-child):not(.pull-right),
.dark-Button--xs > .pull-left {
margin-right: var(--Button--xs-paddingX);
}
.dark-Button--xs .dark-Button--loading:last-child:not(:first-child):not(.pull-left),
.dark-Button--xs > .pull-right {
margin-left: var(--Button--xs-paddingX);
}
.dark-Button--xs img.dark-Button-icon {
height: var(--Button-fontSize);
vertical-align: middle;
}
.dark-Button--xs.dark-Button--iconOnly {
min-width: calc(var(--Button--xs-height) * var(--Button--iconOnly-minWidthRate));
}
.dark-Button--sm {
padding: var(--Button--sm-paddingY) var(--Button--sm-paddingX);
font-size: var(--Button--sm-fontSize);
line-height: var(--Button--sm-lineHeight);
border-radius: var(--Button--sm-borderRadius);
height: var(--Button--sm-height);
}
.dark-Button--sm .dark-Button-icon:first-child:not(:last-child):not(.pull-right),
.dark-Button--sm > svg.icon:not(:last-child):not(.pull-right),
.dark-Button--sm > .pull-left {
margin-right: var(--gap-xs);
}
.dark-Button--sm .dark-Button-icon:last-child:not(:first-child):not(.pull-left),
.dark-Button--sm > .pull-right {
margin-right: var(--gap-xs);
}
.dark-Button--sm .dark-Button--loading:first-child:not(:last-child):not(.pull-right),
.dark-Button--sm > svg.icon:not(:last-child):not(.pull-right),
.dark-Button--sm > .pull-left {
margin-right: var(--Button--sm-paddingX);
}
.dark-Button--sm .dark-Button--loading:last-child:not(:first-child):not(.pull-left),
.dark-Button--sm > .pull-right {
margin-left: var(--Button--sm-paddingX);
}
.dark-Button--sm img.dark-Button-icon {
height: var(--Button-fontSize);
vertical-align: middle;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Button--sm {
padding: 0rem 0.5625rem;
height: 1.2rem;
line-height: 1.2rem;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-Button--sm {
padding: 0rem 0.6rem;
height: 1.5rem;
line-height: 1.3rem;
}
}
.dark-Button--sm.dark-Button--iconOnly {
min-width: calc(var(--Button--sm-height) * var(--Button--iconOnly-minWidthRate));
}
.dark-Button--md {
padding: var(--Button--md-paddingY) var(--Button--md-paddingX);
font-size: var(--Button--md-fontSize);
line-height: var(--Button--md-lineHeight);
border-radius: var(--Button-borderRadius);
height: var(--Button--md-height);
}
.dark-Button--md .dark-Button-icon:first-child:not(:last-child):not(.pull-right),
.dark-Button--md > svg.icon:not(:last-child):not(.pull-right),
.dark-Button--md > .pull-left {
margin-right: var(--gap-xs);
}
.dark-Button--md .dark-Button-icon:last-child:not(:first-child):not(.pull-left),
.dark-Button--md > .pull-right {
margin-right: var(--gap-xs);
}
.dark-Button--md .dark-Button--loading:first-child:not(:last-child):not(.pull-right),
.dark-Button--md > svg.icon:not(:last-child):not(.pull-right),
.dark-Button--md > .pull-left {
margin-right: var(--Button--md-paddingX);
}
.dark-Button--md .dark-Button--loading:last-child:not(:first-child):not(.pull-left),
.dark-Button--md > .pull-right {
margin-left: var(--Button--md-paddingX);
}
.dark-Button--md img.dark-Button-icon {
height: var(--Button-fontSize);
vertical-align: middle;
}
.dark-Button--md.dark-Button--iconOnly {
min-width: calc(var(--Button--md-height) * var(--Button--iconOnly-minWidthRate));
}
.dark-Button--lg {
padding: var(--Button--lg-paddingY) var(--Button--lg-paddingX);
font-size: var(--Button--lg-fontSize);
line-height: var(--Button--lg-lineHeight);
border-radius: var(--Button--lg-borderRadius);
height: var(--Button--lg-height);
}
.dark-Button--lg .dark-Button-icon:first-child:not(:last-child):not(.pull-right),
.dark-Button--lg > svg.icon:not(:last-child):not(.pull-right),
.dark-Button--lg > .pull-left {
margin-right: var(--gap-xs);
}
.dark-Button--lg .dark-Button-icon:last-child:not(:first-child):not(.pull-left),
.dark-Button--lg > .pull-right {
margin-right: var(--gap-xs);
}
.dark-Button--lg .dark-Button--loading:first-child:not(:last-child):not(.pull-right),
.dark-Button--lg > svg.icon:not(:last-child):not(.pull-right),
.dark-Button--lg > .pull-left {
margin-right: var(--Button--lg-paddingX);
}
.dark-Button--lg .dark-Button--loading:last-child:not(:first-child):not(.pull-left),
.dark-Button--lg > .pull-right {
margin-left: var(--Button--lg-paddingX);
}
.dark-Button--lg img.dark-Button-icon {
height: var(--Button-fontSize);
vertical-align: middle;
}
.dark-Button--lg.dark-Button--iconOnly {
min-width: calc(var(--Button--lg-height) * var(--Button--iconOnly-minWidthRate));
}
.dark-Button--iconOnly {
min-width: calc(var(--Button-height) * var(--Button--iconOnly-minWidthRate));
}
.dark-Button--iconOnly:not(.dark-Button--link) > svg.icon {
width: 0.875rem;
height: 0.875rem;
top: 0.125rem;
}
.dark-Button--iconOnly:not(.dark-Button--link) > .fa,
.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
font-size: var(--fontSizeMd);
}
.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
line-height: 1;
}
.dark-Button--loading {
transition: --Button-transition;
}
.dark-Button--loading svg {
animation: var(--Button-animation-spin);
}
.dark-Button--link {
width: auto;
min-width: auto;
font-weight: var(--fontWeightNormal);
color: var(--Button--link-color);
text-decoration: var(--link-decoration);
border: none;
height: auto;
}
.dark-Button--link:hover:focus {
color: var(--Button--link-onHover-color);
box-shadow: none;
}
.dark-Button--link:hover:active {
color: var(--Button--link-onActive-color);
box-shadow: none;
}
.dark-Button--link:disabled, .dark-Button--link.is-disabled {
color: var(--text--muted-color);
background: transparent;
border: none;
}
.dark-Button--block {
display: block;
width: 100%;
}
.dark-Button--block + .dark-Button--block {
margin-top: var(--gap-base);
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Button--block + .dark-Button--block {
margin-top: 2px;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-Button--block + .dark-Button--block {
margin-top: 4px;
}
}
input[type=submit].dark-Button--block,
input[type=reset].dark-Button--block,
input[type=button].dark-Button--block {
width: 100%;
}
.dark-ButtonToolbar {
margin-left: calc(var(--gap-xs) * -1);
margin-top: calc(var(--gap-xs) * -1);
}
.dark-ButtonToolbar > .dark-Button {
margin-left: var(--gap-xs);
margin-top: var(--gap-xs);
}
.dark-Action {
display: inline-block;
}
.dark-Action:hover {
cursor: pointer;
}
.dark-Group-display-button {
padding: 0;
display: inline-flex;
flex-wrap: nowrap;
}
.dark-Group-display-button .dark-Group-text {
padding: var(--Button-paddingY) var(--Button-paddingX);
display: inline-block;
flex: 1;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: calc(100% - 20px);
}
.dark-Group-display-button .dark-Group-icon {
height: 100%;
width: 20px;
display: flex;
justify-content: center;
align-items: center;
border-left: 1px solid var(--saas-border-color);
}
.dark-Group-action {
padding: 0;
}
.dark-Group-action .ant-popover-inner {
border-radius: --Button-borderRadius;
}
.dark-Group-action .ant-popover-inner-content {
padding: 0;
}
.dark-Group-action .ant-popover-arrow {
display: none;
}
.dark-Group-action-items .dark-ButtonGroup {
width: 100%;
}
.dark-Group-action-items .dark-ButtonGroup .dark-Button {
border-color: transparent !important;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Avatar {
background: var(--Avatar-bg);
width: var(--Avatar-size-default);
height: var(--Avatar-size-default);
line-height: var(--Avatar-size-default);
position: relative;
display: inline-block;
overflow: hidden;
flex-shrink: 0;
border-radius: 50%;
text-align: center;
}
.dark-Avatar i {
font-size: var(--Avatar-icon-size-default);
}
.dark-Avatar--lg {
width: var(--Avatar-size-large);
height: var(--Avatar-size-large);
line-height: var(--Avatar-size-large);
}
.dark-Avatar--lg i {
font-size: var(--Avatar-icon-size-large);
}
.dark-Avatar--sm {
width: var(--Avatar-size-small);
height: var(--Avatar-size-small);
line-height: var(--Avatar-size-small);
}
.dark-Avatar--sm i {
font-size: var(--Avatar-icon-size-small);
}
.dark-Avatar--text {
position: absolute;
left: 50%;
transform-origin: 0 center;
}
.dark-Avatar--square {
border-radius: 0%;
}
.dark-Avatar--rounded {
border-radius: 10%;
}
.dark-Avatar img {
width: 100%;
height: 100%;
}
.dark-Avatar:hover img,
.dark-Avatar:hover i {
transform: scale(1.1);
}
.dark-Breadcrumb-icon {
margin-right: 0.125rem;
}
.dark-Breadcrumb-separator {
user-select: none;
margin: 0 var(--gap-xs);
}
.dark-Badge {
display: inline-block;
position: relative;
}
.dark-Badge-text, .dark-Badge-dot, .dark-Badge-ribbon {
background: var(--danger);
position: absolute;
top: 0;
right: 0;
transform: translate(50%, -50%);
transform-origin: 100% 0;
z-index: auto;
border-radius: calc(var(--Badge-size) / 2);
}
.dark-Badge--top-left {
top: 0;
left: 0;
right: auto;
transform: translate(-50%, -50%);
}
.dark-Badge--bottom-left {
top: auto;
bottom: 0;
left: 0;
right: auto;
transform: translate(-50%, 50%);
}
.dark-Badge--bottom-right {
top: auto;
bottom: 0;
left: auto;
right: 0;
transform: translate(50%, 50%);
}
.dark-Badge--danger {
background: var(--Badge--danger-bg);
}
.dark-Badge--info {
background: var(--Badge--info-bg);
}
.dark-Badge--success {
background: var(--Badge--success-bg);
}
.dark-Badge--warning {
background: var(--Badge--warning-bg);
}
.dark-Badge-text {
color: var(--Badge-color);
height: var(--Badge-size);
line-height: var(--Badge-size);
white-space: nowrap;
text-align: center;
padding: 0 6px;
}
.dark-Badge-dot {
z-index: auto;
width: var(--Badge-size);
height: var(--Badge-size);
border-radius: 50%;
}
.dark-Badge-ribbon-out {
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.dark-Badge-ribbon {
color: var(--Badge-color);
height: var(--Badge-size);
line-height: var(--Badge-size);
transform: translateX(calc(50% - 5px)) rotate(45deg) scale(0.7);
transform-origin: 50% 0;
border-radius: 0;
text-align: center;
width: 62.5rem;
top: 5px;
}
.dark-Badge-ribbon-out--top-left, .dark-Badge-ribbon-out--bottom-left {
left: 0;
right: auto;
}
.dark-Badge-ribbon--top-left {
transform: translateX(calc(-50% + 5px)) rotate(-45deg) scale(0.7);
left: 0;
right: auto;
}
.dark-Badge-ribbon--bottom-left {
transform: translateX(calc(-50% + 5px)) rotate(45deg) scale(0.7);
transform-origin: 50% 100%;
left: 0;
right: auto;
bottom: 5px;
top: auto;
}
.dark-Badge-ribbon--bottom-right {
transform: translateX(calc(50% - 5px)) rotate(-45deg) scale(0.7);
transform-origin: 50% 100%;
left: auto;
right: 0;
bottom: 5px;
top: auto;
}
@keyframes badgeDotAnimation {
0% {
transform: scale(0.8);
opacity: 0.4;
}
to {
transform: scale(3.2);
opacity: 0;
}
}
.is-modalOpened {
overflow: hidden;
}
.is-modalOpened .dark-Modal {
overflow-x: hidden;
overflow-y: auto;
}
@keyframes modalIn {
from {
opacity: 0;
transform: translate3d(0, -300px, 0) scale(0.2);
}
}
@keyframes modalOut {
to {
opacity: 0;
transform: translate3d(0, -300px, 0) scale(0.2);
}
}
.dark-Modal {
position: fixed;
top: var(--headerBarHeight);
right: 0;
bottom: 0;
left: 0;
z-index: 1010;
overflow: hidden;
outline: 0;
}
.dark-Modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
min-height: var(--Modal-content-minHeight);
pointer-events: auto;
background: var(--Modal-bg);
background-clip: padding-box;
outline: 0;
z-index: 2;
margin-left: auto;
margin-right: auto;
margin-top: var(--Modal-content-startMarginTop);
margin-bottom: var(--gap-md);
border: var(--Modal-content-borderWidth) solid var(--Modal-content-borderColor);
border-radius: var(--Modal-content-borderRadius);
}
.dark-Modal-content.in, .dark-Modal-content.out {
animation-duration: var(--animation-duration);
animation-fill-mode: both;
}
.dark-Modal-content.in {
animation-name: modalIn;
}
.dark-Modal-content.out {
animation-name: modalOut;
}
.dark-Modal-overlay {
transition: ease-in-out opacity var(--animation-duration);
position: fixed;
top: var(--headerBarHeight);
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: var(--Modal-overlay-bg);
pointer-events: none;
opacity: 0;
}
.dark-Modal-overlay.in {
opacity: 1;
}
.dark-Modal-overlay.out {
opacity: 0;
}
.dark-Modal-header {
padding: var(--Modal-header-paddingY) var(--Modal-header-paddingX);
background: var(--Modal-header-bg);
border-bottom: var(--Modal-body-borderTop);
border-top-left-radius: var(--Modal-content-borderRadius);
border-top-right-radius: var(--Modal-content-borderRadius);
color: var(--saas-Title-text);
}
.dark-Modal-header::before, .dark-Modal-header::after {
display: table;
content: "";
}
.dark-Modal-header::after {
clear: both;
}
.dark-Modal-title {
font-size: var(--Modal-title-fontSize);
color: var(--Modal-title-color);
font-weight: var(--Modal-title-fontWeight);
}
.dark-Modal-close {
float: right;
color: var(--Modal-close-color);
line-height: inherit;
text-decoration: none;
vertical-align: middle;
}
.dark-Modal-close svg {
width: var(--Modal-close-width);
height: var(--Modal-close-width);
fill: var(--Modal-close-color);
}
.dark-Modal-close:not(.is-disabled) {
cursor: pointer;
}
.dark-Modal-close:not(.is-disabled):hover {
text-decoration: none;
color: var(--Model-close-onHover-color);
}
.dark-Modal-close:not(.is-disabled):hover svg {
fill: var(--Model-close-onHover-color);
}
.dark-Modal-content > .dark-Modal-close {
position: absolute;
right: var(--gap-md);
top: var(--gap-sm);
z-index: 10;
}
.dark-Modal-body {
padding: var(--Modal-body--noHeader-paddingTop) var(--Modal-body-paddingX) var(--Modal-body-paddingY);
background: var(--saas-main-bg);
color: var(--text-color);
flex-grow: 1;
}
.dark-Modal-header + .dark-Modal-body {
padding-top: var(--Modal-body-paddingY);
}
.dark-Modal-footer {
display: flex;
align-items: center;
justify-content: flex-end;
padding: var(--Modal-footer-padding);
padding-right: 1rem;
border-top: var(--Modal-body-borderBottom);
border-top-color: var(--saas-border-color);
margin: var(--Modal-footer-marginY) var(--Modal-footer-marginX);
border-bottom-left-radius: var(--Modal-content-borderRadius);
border-bottom-right-radius: var(--Modal-content-borderRadius);
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
z-index: 1;
}
.dark-Modal-footer .dark-Button {
margin-left: var(--gap-sm);
}
.ant-message {
z-index: 9999;
}
.dark-Modal--center {
display: flex;
align-items: center;
}
.dark-Modal--center .dark-Modal-content .dark-Modal-body {
max-height: 500px;
}
.dark-Modal--2th .dark-Modal-content {
margin-top: 0;
}
.dark-Modal--3th .dark-Modal-content {
margin-top: 0;
}
.dark-Modal--4th .dark-Modal-content {
margin-top: 0;
}
.dark-Modal--5th .dark-Modal-content {
margin-top: 0;
}
.dark-Modal--6th .dark-Modal-content {
margin-top: 0;
}
.dark-Modal--7th .dark-Modal-content {
margin-top: 0;
}
.dark-Modal--8th .dark-Modal-content {
margin-top: 0;
}
.dark-Modal--9th .dark-Modal-content {
margin-top: 0;
}
.dark-Modal--10th .dark-Modal-content {
margin-top: 0;
}
@media (min-width: 576px) {
.dark-Modal-content {
max-width: var(--Modal-widthBase);
}
.dark-Modal--sm .dark-Modal-content {
max-width: var(--Modal-widthSm);
}
.dark-Modal--base .dark-Modal-content {
max-width: var(--Modal-widthBase);
}
.dark-Modal--md .dark-Modal-content {
max-width: var(--Modal-widthMd);
}
.dark-Modal--lg .dark-Modal-content {
max-width: var(--Modal-widthLg);
}
.dark-Modal--xl .dark-Modal-content {
max-width: var(--Modal-widthXl);
}
.dark-Modal--lg.h-full > .dark-Modal-content {
height: 100%;
}
}
.dark-Dialog-info {
flex-basis: 0;
flex-grow: 1;
text-align: left;
}
.dark-Dialog-error {
color: var(--danger);
white-space: pre-wrap;
}
.dark-Modal--full {
display: flex;
flex-direction: column;
align-items: center;
}
.dark-Modal--full > .dark-Modal-content {
flex-basis: 0;
flex-grow: 1;
margin: 0px;
width: calc(100% - 60px);
max-width: unset;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Modal--full > .dark-Modal-content {
margin: 0 !important;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-Modal--full > .dark-Modal-content {
margin: 0 !important;
}
}
.dark-Modal--full > .dark-Modal-content > .dark-Modal-body {
height: 0;
overflow: auto;
}
.ant-modal.Modle_drill {
max-height: 100%;
top: 0px;
padding-bottom: 0;
}
.ant-modal.Modle_drill .ant-modal-content {
height: 100%;
display: flex;
flex-direction: column;
}
.ant-modal.Modle_drill .ant-modal-content .ant-modal-header {
padding: calc((2.5rem - 1.57 * 0.875rem) / 2) 1rem;
}
.ant-modal.Modle_drill .ant-modal-content .ant-modal-close {
color: var(--saas-main-bg);
}
.ant-modal.Modle_drill .ant-modal-content .ant-modal-close .ant-modal-close-x {
height: 40px;
width: 40px;
line-height: 40px;
}
.ant-modal.Modle_drill .ant-modal-content .ant-modal-close .ant-modal-close-x > span {
font-size: 24px;
position: relative;
}
.ant-modal.Modle_drill .ant-modal-content .ant-modal-body {
flex: 1;
overflow-y: auto;
overflow-x: hidden;
padding: 0px;
max-height: calc(100% - 54px);
}
.ant-modal.Modle_drill .ant-modal-content .ant-modal-body ::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.Modle_drill_xs {
width: 21.25rem !important;
}
.Modle_drill_sm {
width: 31.25rem !important;
}
.Modle_drill_md {
width: 50rem !important;
}
.Modle_drill_lg {
width: 68.75rem !important;
}
.Modle_drill_full {
width: 100% !important;
}
/* 移动端样式调整 */
@media (max-width: 767px) {
.dark-Modal .dark-Modal-footer {
display: flex;
padding: 0;
}
.dark-Modal .dark-Modal-footer > .dark-Button {
flex: 1;
height: 3rem;
margin-left: 0;
border: none;
border-left: var(--Modal-body-borderBottom);
}
.dark-Modal .dark-Modal-footer > .dark-Button:hover {
border-left: var(--Modal-body-borderBottom);
}
.dark-Modal .dark-Modal-footer > .dark-Button--default, .dark-Modal .dark-Modal-footer > .dark-Button--default:hover {
color: var(--Button--default-color);
}
.dark-Modal .dark-Modal-footer > .dark-Button--primary, .dark-Modal .dark-Modal-footer > .dark-Button--primary:hover {
color: var(--Button--primary-bg) !important;
background: #fff !important;
}
.dark-Modal .dark-Modal-footer > .dark-Button--danger, .dark-Modal .dark-Modal-footer > .dark-Button--danger:hover {
color: var(--Button--danger-bg) !important;
background: #fff !important;
}
.dark-Modal .dark-Modal-footer > .dark-Button:first-child {
border-left: none;
}
.dark-Modal-content {
max-width: var(--Modal-widthSm);
padding-top: 16px;
border-radius: 16px;
overflow: hidden;
}
.dark-Modal-header {
padding-top: 5px;
border-bottom: none;
}
.dark-Modal-mobile .ant-modal-content {
border-radius: 16px;
}
.dark-List-modal-head {
display: flex;
background-color: #ecf2fe;
padding: 16px;
border-radius: 16px 16px 0 0;
}
.dark-List-modal-head-image {
min-width: 64px;
width: 64px;
height: 64px;
overflow: hidden;
margin-right: 16px;
}
.dark-List-modal-head-image .listItem-image {
width: 100%;
height: 100%;
}
.dark-List-modal-head-image .listItem-image .resources {
display: inline-block;
line-height: 1;
font-size: 12px;
}
.dark-List-modal-head-image .listItem-image img {
width: 100%;
}
.dark-List-modal-head-content .top-item.tags {
display: flex;
align-items: center;
margin-bottom: 5px;
}
.dark-List-modal-head-content .top-item.tags .tag-item {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100px;
margin: 0 4px 0 0;
border-radius: 2px;
background-color: #3574ee;
font-size: 12px;
color: var(--saas-font-size-color-reverse);
width: unset;
height: 16px;
padding: 0px 4px;
display: flex;
justify-content: center;
align-items: center;
}
.dark-List-modal-head-content .dark-ListItem-subtitle,
.dark-List-modal-head-content .dark-ListItem-title {
font-size: 12px;
color: var(--saas-font-size-black);
font-weight: 500;
margin-bottom: 5px;
}
.dark-List-modal-head-content .top-item .dark-ListItem-subtitle {
margin-bottom: 0;
}
.dark-List-modal-head-content .top-item .dark-ListItem-subtitle span {
display: flex;
}
.dark-List-modal-body {
max-height: 375px;
overflow: auto;
overflow-x: hidden;
padding: 0 16px;
}
.dark-List-modal-body .dark-Hbox {
display: block;
margin: 0;
}
.dark-List-modal-body .dark-Hbox-col {
min-height: 40px;
border-top: 1px solid var(--saas-border-color);
display: flex;
align-items: center;
}
.dark-List-modal-body .dark-Hbox-col .dark-ListItem-field {
flex: 1;
overflow: hidden;
}
.dark-List-modal-body .dark-Hbox-col .dark-ListItem-fieldValue {
width: auto;
}
.dark-List-modal-body .dark-Hbox-col .dark-ListItem-fieldValue .dark-Mapping {
white-space: wrap;
}
.dark-List-modal-body .listItem-desc {
min-height: 40px;
border-top: 1px solid var(--saas-border-color);
}
.dark-List-modal-footer {
height: 50px;
padding: 10px 16px;
border-top: 1px solid var(--saas-border-color);
}
.dark-List-modal-footer .dark-ListItem-actions {
overflow: auto;
white-space: nowrap;
text-align: right;
}
.dark-List-modal-footer .dark-ListItem-actions button {
margin: 0 5px;
}
.dark-Card-modal-head {
display: flex;
background-color: #ecf2fe;
padding: 16px;
border-radius: 16px 16px 0 0;
}
.dark-Card-modal-head-avtarimg {
min-width: 64px;
width: 64px;
height: 64px;
overflow: hidden;
margin-right: 16px;
}
.dark-Card-modal-head-avtarimg-avtar {
width: 100%;
height: 100%;
display: block;
}
.dark-Card-modal-head-avtarimg-avtar img {
width: 100%;
}
.dark-Card-modal-head-avtarimg-avtarsvg {
display: inline-block;
line-height: 1;
font-size: 12px;
}
.dark-Card-modal-head-content .dark-Card-title-body,
.dark-Card-modal-head-content .dark-Card-subTitle,
.dark-Card-modal-head-content .dark-Card-title-text {
margin-bottom: 5px;
}
.dark-Card-modal-head-content .dark-Card-title-body {
display: block;
}
.dark-Card-modal-head-content .dark-Card-title-body .dark-Card-title {
font-size: 12px;
font-weight: 500;
}
.dark-Card-modal-head-content .dark-Card-subTitle .dark-MappingField span {
display: flex;
}
.dark-Card-modal-head-content .tags.top-item {
display: flex;
align-items: center;
}
.dark-Card-modal-head-content .tags.top-item .tag-item {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100px;
margin: 0 4px 0 0;
border-radius: 2px;
background-color: #3574ee;
font-size: 12px;
color: var(--saas-font-size-color-reverse);
width: unset;
height: 16px;
padding: 0px 4px;
display: flex;
justify-content: center;
align-items: center;
}
.dark-Card-modal-body {
max-height: 375px;
overflow: auto;
overflow-x: hidden;
padding: 0 16px;
}
.dark-Card-modal-body .dark-Card-field {
margin: 0;
width: auto;
min-height: 40px;
border-top: 1px solid var(--saas-border-color);
display: flex;
align-items: center;
}
.dark-Card-modal-body .dark-Card-field .dark-Card-fieldLabel {
width: 9.375rem;
}
.dark-Card-modal-body .dark-Card-desc {
min-height: 40px;
border-top: 1px solid var(--saas-border-color);
display: flex;
align-items: center;
}
.dark-Card-modal-body .listItem-desc {
min-height: 40px;
border-top: 1px solid var(--saas-border-color);
}
.dark-Card-modal-footer {
height: 50px;
padding: 10px 16px;
border-top: 1px solid var(--saas-border-color);
}
.dark-Card-modal-footer .dark-Card-actions {
overflow: auto;
white-space: nowrap;
text-align: right;
padding: 0;
border: none;
}
.dark-Card-modal-footer .dark-Card-actions button {
margin: 0 5px;
}
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-header {
border-bottom-color: var(--saas-border-color) !important;
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content {
display: flex;
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-select {
width: 50%;
padding: 8px;
border-right: 1px solid var(--saas-border-color);
display: flex;
flex-direction: column;
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-type, .fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-range, .fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-mode, .fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-template {
margin-top: 6px;
display: flex;
align-items: center;
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-type .ant-select, .fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-range .ant-select, .fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-mode .ant-select, .fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-template .ant-select {
color: var(--saas-font-size-black);
flex: 1;
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-type .ant-select .ant-select-selection-search input, .fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-range .ant-select .ant-select-selection-search input, .fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-mode .ant-select .ant-select-selection-search input, .fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-template .ant-select .ant-select-selection-search input {
background-color: var(--Form-input-bg);
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-type .ant-select .ant-select-arrow, .fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-range .ant-select .ant-select-arrow, .fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-mode .ant-select .ant-select-arrow, .fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-template .ant-select .ant-select-arrow {
color: var(--saas-font-size-black);
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-card {
border-color: var(--saas-border-color);
background: var(--saas-crud-advanced-modle-body-color);
flex: 1;
margin-top: 6px;
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-card .ant-card-head {
height: 30px;
background-color: var(--saas-crud-advanced-modle-title-color);
border-color: var(--saas-border-color);
color: var(--saas-font-size-black);
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-card .ant-card-body {
max-height: calc(-510px + 100vh);
flex: 1;
overflow: auto;
padding: 0px;
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-card-select {
margin-top: 12px;
padding: 0px 12px;
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-card-select .ant-select .ant-select-selector {
border-color: var(--saas-border-color) !important;
background-color: var(--saasBodyMessageTablePaginationColor);
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-card-select .ant-select .ant-select-selector .ant-tag {
color: var(--saas-font-size-black);
background-color: var(--saasBodyMessageTablePaginationColor);
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-card-select .ant-select .ant-select-selector .ant-tag .anticon {
color: var(--saas-font-size-deep-black);
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-card-button {
padding: 12px;
display: flex;
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-card-button .ant-input-group-wrapper .ant-input-group-addon {
color: var(--saas-font-size-black);
background-color: var(--saasBodyMessageTablePaginationColor);
border-color: var(--saas-border-color);
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-card-button .ant-input-group-wrapper .ant-input {
color: var(--saas-font-size-black);
background-color: var(--saasBodyMessageTablePaginationColor);
border-color: var(--saas-border-color);
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-card-button .ant-input-group-wrapper .ant-input:hover {
border-color: #40a9ff;
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-text {
text-align: left;
padding-right: 25px;
color: var(--saas-font-size-black);
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-show {
width: 50%;
color: var(--saas-font-size-deep-black);
padding: 8px;
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-show-export {
display: flex;
align-items: center;
font-size: 12px;
margin-bottom: 4px;
}
.fastlion-export .lion-cell-export .ant-modal-content .ant-modal-body .export-content-show-icon {
display: inline-block;
background: red;
width: 6px;
height: 6px;
border-radius: 4px;
}
.ant-modal-adaptation-style .ant-modal-content {
background-color: var(--saas-crud-advanced-modle-body-color);
color: var(--saas-font-size-black);
}
.ant-modal-adaptation-style .ant-modal-close {
color: var(--saas-font-size-deep-black);
}
.ant-modal-adaptation-style .ant-modal-header {
background-color: var(--saasBodyMessageTablePaginationColor);
border-bottom-color: var(--saas-border-color);
}
.ant-modal-adaptation-style .ant-modal-title {
color: var(--saas-font-size-black);
}
.ant-modal-adaptation-style .ant-modal-footer {
border-top-color: var(--saas-border-color);
}
.ant-modal-adaptation-style .ant-modal-confirm-body-wrapper .ant-modal-confirm-body .ant-modal-confirm-title,
.ant-modal-adaptation-style .ant-modal-confirm-body-wrapper .ant-modal-confirm-body .ant-modal-confirm-content {
color: var(--saas-Title-text);
}
.dark-Drawer {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1010;
overflow: hidden;
outline: 0;
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
}
.dark-Drawer-content {
position: absolute;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
pointer-events: auto;
background: var(--Drawer-bg);
background-clip: padding-box;
outline: 0;
z-index: 2;
border: var(--Drawer-content-borderWidth) solid var(--Drawer-content-borderColor);
border-radius: var(--Drawer-content-borderRadius);
transition: transform ease-in-out var(--animation-duration);
}
.dark-Drawer-overlay {
transition: ease-out opacity var(--animation-duration);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: var(--Drawer-overlay-bg);
opacity: 0;
}
.dark-Drawer-overlay.in {
opacity: 1;
}
.dark-Drawer-header {
padding: var(--Drawer-header-padding);
background: var(--Drawer-header-bg);
display: flex;
border-bottom: var(--Drawer-content-borderWidth) solid var(--Drawer-header-borderColor);
border-top-left-radius: var(--Drawer-content-borderRadius);
border-top-right-radius: var(--Drawer-content-borderRadius);
}
.dark-Drawer-header::before, .dark-Drawer-header::after {
display: table;
content: "";
}
.dark-Drawer-header::after {
clear: both;
}
.dark-Drawer-title {
font-size: var(--Drawer-title-fontSize);
color: var(--Drawer-title-fontColor);
}
.dark-Drawer-close {
position: absolute;
color: var(--Drawer-close-color);
line-height: 1;
text-decoration: none;
}
.dark-Drawer-close svg {
width: 30px;
height: 30px;
fill: var(--Drawer-close-color);
}
.dark-Drawer-close:not(.is-disabled) {
cursor: pointer;
}
.dark-Drawer-close:not(.is-disabled):hover {
text-decoration: none;
color: var(--Drawer-close-onHover-color);
}
.dark-Drawer-close:not(.is-disabled):hover svg {
fill: var(--Drawer-close-onHover-color);
}
.dark-Drawer-body {
padding: var(--Drawer-body-padding);
flex-basis: 0;
flex-grow: 1;
overflow: auto;
}
.dark-Drawer-footer {
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding: var(--Drawer-footer-padding);
border-top: 1px solid var(--saas-Border-Dividers);
border-bottom-left-radius: var(--Drawer-content-borderRadius);
border-bottom-right-radius: var(--Drawer-content-borderRadius);
}
.dark-Drawer-footer .dark-Button {
margin-left: var(--gap-xs);
}
.dark-Drawer-footer .dark-Drawer-info {
flex-basis: 0;
flex-grow: 1;
text-align: left;
align-self: center;
}
.dark-Drawer-footer .dark-Drawer-error {
color: var(--danger);
white-space: pre-wrap;
}
.dark-Drawer.dark-Drawer--noOverlay {
pointer-events: none;
}
.dark-Drawer.dark-Drawer--noOverlay .dark-Drawer-close svg {
margin-top: 0.125rem;
width: var(--gap-md);
height: var(--gap-md);
fill: #99a6ad;
}
.dark-Drawer .dark-Drawer-resizeCtrl {
position: absolute;
border: var(--borderWidth) solid var(--borderColor);
background: var(--white);
border-radius: var(--borderRadius);
font-size: var(--fontSizeSm);
line-height: 0.625rem;
text-align: center;
user-select: none;
}
.flow_dom_drawer.pc {
height: calc(100vh - var(--headerBarHeight));
top: var(--headerBarHeight);
}
.flow_dom_drawer .dark-Table .dark-TableTable-contentWrap .dark-TableTable-content {
height: auto !important;
max-height: calc(100vh - 250px);
}
@media (min-width: 576px) {
.dark-Drawer .dark-Drawer-content {
width: var(--Drawer-widthBase);
height: var(--Drawer-widthBase);
}
.dark-Drawer--xs .dark-Drawer-content {
width: var(--Drawer-widthXs);
height: var(--Drawer-widthXs);
}
.dark-Drawer--sm .dark-Drawer-content {
width: var(--Drawer-widthSm);
height: var(--Drawer-widthSm);
}
.dark-Drawer--md .dark-Drawer-content {
width: var(--Drawer-widthMd);
height: var(--Drawer-widthMd);
}
.dark-Drawer--lg .dark-Drawer-content {
width: var(--Drawer-widthLg);
height: var(--Drawer-widthLg);
}
.dark-Drawer--xl .dark-Drawer-content {
width: var(--Drawer-widthXl);
height: var(--Drawer-widthXl);
}
}
.dark-Drawer .dark-Drawer-content .dark-Drawer-body .dark-Tabs--content-tiled.dark-Combination {
margin: 0;
}
.dark-Drawer--top .dark-Drawer-content.in,
.dark-Drawer--right .dark-Drawer-content.in,
.dark-Drawer--bottom .dark-Drawer-content.in,
.dark-Drawer--left .dark-Drawer-content.in {
transform: translate3d(0, 0, 0);
}
.dark-Drawer--top .dark-Drawer-close {
top: 100%;
margin-top: var(--gap-sm);
left: var(--gap-sm);
}
.dark-Drawer--top.dark-Drawer--noOverlay .dark-Drawer-close {
top: var(--gap-base);
right: var(--gap-base);
left: auto;
margin-top: 0;
}
.dark-Drawer--top .dark-Drawer-content {
top: 0;
bottom: auto;
left: 0;
right: 0;
width: 100%;
transform: translate3d(0, -100%, 0);
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);
min-height: 120px;
}
.dark-Drawer--top .dark-Drawer-resizeCtrl {
bottom: -0.375rem;
left: 50%;
cursor: ns-resize;
width: 1.5rem;
height: 0.75rem;
}
.dark-Drawer--right .dark-Drawer-close {
right: 100%;
margin-right: var(--gap-sm);
top: var(--gap-sm);
}
.dark-Drawer--right.dark-Drawer--noOverlay .dark-Drawer-close {
top: var(--gap-base);
right: var(--gap-base);
margin-right: 0;
}
.dark-Drawer--right .dark-Drawer-content {
top: 0;
bottom: 0;
left: auto;
right: 0;
height: 100%;
transform: translate3d(100%, 0, 0);
box-shadow: -10px 0 10px -10px rgba(0, 0, 0, 0.2);
min-width: 120px;
}
.dark-Drawer--right .dark-Drawer-footer {
justify-content: flex-end;
}
.dark-Drawer--right .dark-Drawer-footer .dark-Button {
margin-left: 0;
margin-right: var(--gap-xs);
}
.dark-Drawer--right .dark-Drawer-footer .dark-Drawer-info {
flex-basis: 0;
flex-grow: 1;
order: 10;
align-self: center;
text-align: right;
}
.dark-Drawer--right .dark-Drawer-footer .dark-Drawer-error {
color: var(--danger);
}
.dark-Drawer--right .dark-Drawer-resizeCtrl {
left: -0.375rem;
top: 50%;
cursor: ew-resize;
writing-mode: vertical-lr;
width: 0.75rem;
height: 1.5rem;
}
.dark-Drawer--bottom .dark-Drawer-close {
bottom: 100%;
margin-bottom: var(--gap-sm);
left: var(--gap-sm);
}
.dark-Drawer--bottom.dark-Drawer--noOverlay .dark-Drawer-close {
top: var(--gap-base);
right: var(--gap-base);
left: auto;
margin-bottom: 0;
}
.dark-Drawer--bottom .dark-Drawer-content {
top: auto;
bottom: 0;
left: 0;
right: 0;
width: 100%;
transform: translate3d(0, 100%, 0);
box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.2);
min-height: 120px;
}
.dark-Drawer--bottom .dark-Drawer-resizeCtrl {
top: -0.375rem;
left: 50%;
cursor: ns-resize;
width: 1.5rem;
height: 0.75rem;
}
.dark-Drawer--left .dark-Drawer-close {
left: 100%;
margin-left: var(--gap-sm);
top: var(--gap-sm);
}
.dark-Drawer--left.dark-Drawer--noOverlay .dark-Drawer-close {
left: auto;
right: var(--gap-base);
top: var(--gap-base);
}
.dark-Drawer--left .dark-Drawer-content {
top: 0;
bottom: 0;
right: auto;
left: 0;
height: 100%;
transform: translate3d(-100%, 0, 0);
box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.2);
border-width: 0 var(--Drawer-content-borderWidth) 0 0;
min-width: 120px;
}
.dark-Drawer--left .dark-Drawer-resizeCtrl {
right: -0.375rem;
top: 50%;
cursor: ew-resize;
writing-mode: vertical-lr;
width: 0.75rem;
height: 1.5rem;
}
/* Aug 更多操作 */
.dark-Drawer-moreActions {
position: absolute;
left: 1.5rem;
line-height: 30px;
cursor: pointer;
}
.dark-Drawer-moreActions-list {
min-width: 60px;
}
.dark-Drawer-moreActions-list li {
padding: 3px 0;
}
.dark-Drawer-moreActions-list li a {
color: var(--DropDown-menuItem-color);
}
.dark-Drawer.is-mobile {
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
}
.dark-Drawer.is-mobile .dark-Drawer-header {
background-color: var(--saas-main-bg);
height: 38px;
line-height: 38px;
padding: 0;
display: flex;
align-items: center;
padding: 0 12px;
border-color: var(--saas-Border-Dividers);
}
.dark-Drawer.is-mobile .dark-Drawer-header .icon-title-left path {
fill: var(--saas-Title-Text) !important;
}
.dark-Drawer.is-mobile .dark-Drawer-header .dark-Drawer-title {
color: var(--saas-Title-Text);
font-size: 16px;
font-weight: 500;
flex: 1;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Drawer.is-mobile .dark-Drawer-content {
width: 100%;
border-radius: 0;
border: none;
}
.dark-Drawer.is-mobile .dark-Drawer-body {
padding: 0;
}
.dark-Drawer.is-mobile .dark-Drawer-body .detail-form-panel {
margin-left: 0;
max-width: 100%;
}
.dark-Drawer.is-mobile .dark-Drawer-body .scroll-content {
box-sizing: border-box;
}
.dark-Drawer.is-mobile .dark-Drawer-footer {
justify-content: space-between;
height: 53px;
line-height: 53px;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
align-items: center;
padding: 10px 16px;
}
.dark-Drawer.is-mobile .dark-Drawer-footer .dark-Button {
flex: 1;
font-size: 14px;
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
margin: 0;
}
.dark-Drawer.is-mobile .dark-Drawer-footer .dark-Button:not(:first-child) {
margin-left: 12px;
margin-right: 0;
}
.dark-Drawer.is-mobile .dark-Drawer-title {
text-align: center;
}
.dark-Drawer.is-mobile .dark-Drawer-back {
float: left;
font-size: 22px;
color: #000;
cursor: pointer;
}
.dark-Drawer.is-mobile .dark-Drawer-moreActions {
position: relative;
left: 0;
}
.dark-Drawer.is-mobile.picker-modal {
z-index: 1011;
}
.dark-Drawer.ios-space.is-mobile > .dark-Drawer-overlay,
.dark-Drawer.ios-space.is-mobile > .dark-Drawer-content {
height: calc(100% - 32px);
box-shadow: none;
}
.dark-Drawer.ios-space.is-mobile > .dark-Drawer-overlay .dark-Drawer-footer,
.dark-Drawer.ios-space.is-mobile > .dark-Drawer-content .dark-Drawer-footer {
box-shadow: none;
}
.ant-drawer.row-edit-drawer .ant-modal-header,
.ant-modal.row-edit-drawer .ant-modal-header {
color: #333;
font-weight: 500;
padding: 0;
font-size: 14px;
bottom: 0;
}
.ant-drawer.row-edit-drawer .ant-modal-header .edit-row-header,
.ant-modal.row-edit-drawer .ant-modal-header .edit-row-header {
display: flex;
justify-content: space-between;
padding: 0 16px;
cursor: pointer;
}
.ant-drawer.row-edit-drawer .ant-modal-header .edit-row-header .close-edit,
.ant-modal.row-edit-drawer .ant-modal-header .edit-row-header .close-edit {
position: unset;
font-size: 12px;
}
.ant-drawer.row-edit-drawer .ant-modal-header .Modle_edit-row-header,
.ant-modal.row-edit-drawer .ant-modal-header .Modle_edit-row-header {
padding: 0px;
}
.ant-drawer.row-edit-drawer .ant-modal-body,
.ant-modal.row-edit-drawer .ant-modal-body {
max-height: calc(100vh - 94px);
overflow-y: auto;
}
.ant-drawer.row-edit-drawer .edit-row-header,
.ant-modal.row-edit-drawer .edit-row-header {
color: var(--saas-font-size-black);
font-weight: 500;
font-size: 14px;
height: 40px;
line-height: 40px;
}
@media (max-width: 767px) {
.ant-drawer.row-edit-drawer .edit-row-header,
.ant-modal.row-edit-drawer .edit-row-header {
height: 38px;
line-height: 38px;
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 500;
text-align: center;
letter-spacing: 0px;
color: #000;
position: relative;
background-color: #fff;
}
.ant-drawer.row-edit-drawer .edit-row-header .close-edit,
.ant-modal.row-edit-drawer .edit-row-header .close-edit {
position: absolute;
top: 0;
color: #000;
font-size: 22px;
left: 16px;
}
}
.ant-drawer.row-edit-drawer .Modle_edit-row-header,
.ant-modal.row-edit-drawer .Modle_edit-row-header {
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: space-between;
width: 100%;
background: #f7f9fc;
z-index: 2;
}
.ant-drawer.row-edit-drawer .Modle_edit-row-header .close-title,
.ant-modal.row-edit-drawer .Modle_edit-row-header .close-title {
flex: 1;
}
.ant-drawer.row-edit-drawer .Modle_edit-row-header .close-edit,
.ant-modal.row-edit-drawer .Modle_edit-row-header .close-edit {
color: #000;
font-size: 22px;
width: 36px;
position: relative;
left: 0;
}
.ant-drawer.row-edit-drawer .Modle_edit-row-header .close-edit svg,
.ant-modal.row-edit-drawer .Modle_edit-row-header .close-edit svg {
top: 0;
}
.ant-drawer.row-edit-drawer .ant-drawer-body,
.ant-modal.row-edit-drawer .ant-drawer-body {
padding: 0;
background-color: var(--them-bg-color);
display: flex;
flex-direction: column;
}
.ant-drawer.row-edit-drawer .ant-drawer-body .scroll-body,
.ant-modal.row-edit-drawer .ant-drawer-body .scroll-body {
flex: 1;
overflow: hidden;
}
.ant-drawer.row-edit-drawer .ant-drawer-body .scroll-body .dark-TreeControl,
.ant-modal.row-edit-drawer .ant-drawer-body .scroll-body .dark-TreeControl {
border: none;
}
.ant-drawer.row-edit-drawer .ant-drawer-body .scroll-body .dark-TreeControl .dark-Tree-itemText,
.ant-modal.row-edit-drawer .ant-drawer-body .scroll-body .dark-TreeControl .dark-Tree-itemText {
flex: 0;
padding: 0.25rem;
}
.ant-drawer.row-edit-drawer .ant-drawer-body .dark-Form-advanced .dark-Form-item .dark-Form-value .dark-DateRangePicker-placeholder,
.ant-modal.row-edit-drawer .ant-drawer-body .dark-Form-advanced .dark-Form-item .dark-Form-value .dark-DateRangePicker-placeholder {
margin-right: 0px;
}
.ant-drawer.row-edit-drawer .ant-drawer-body .dark-Form-advanced .dark-Form-item .dark-Form-value .dark-DateRangePicker-toggler,
.ant-modal.row-edit-drawer .ant-drawer-body .dark-Form-advanced .dark-Form-item .dark-Form-value .dark-DateRangePicker-toggler {
display: none;
}
.ant-drawer.row-edit-drawer .ant-drawer-footer,
.ant-modal.row-edit-drawer .ant-drawer-footer {
display: flex;
height: 53px;
line-height: 53px;
padding: 10px 16px;
}
.ant-drawer.row-edit-drawer .ant-drawer-footer .ant-btn,
.ant-modal.row-edit-drawer .ant-drawer-footer .ant-btn {
flex: 1;
font-size: 14px;
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
margin: 0;
}
.ant-drawer.row-edit-drawer .ant-drawer-footer .ant-btn:not(:first-child),
.ant-modal.row-edit-drawer .ant-drawer-footer .ant-btn:not(:first-child) {
margin-left: 12px;
margin-right: 0;
}
.ant-drawer.row-edit-drawer .ant-drawer-content-wrapper {
padding-top: 38px;
}
.ant-drawer.row-edit-drawer .ant-drawer-content {
background: var(--saas-main-bg);
}
.ant-drawer.row-edit-drawer .ant-drawer-body .dark-Form {
padding: 0;
background: var(--saas-main-bg);
}
.ant-drawer.row-edit-drawer .ant-drawer-body .dark-Form-item {
padding-left: 6px;
margin-left: 10px;
border-bottom: 1px solid var(--borderColor);
}
.ant-drawer.row-edit-drawer .ant-drawer-body .dark-Form-item .dark-Form-label {
height: auto;
min-height: 22px;
}
.ant-drawer.row-edit-drawer .ant-drawer-body .dark-Form-item .dark-Picker-btn {
right: 2px;
}
.ant-drawer.row-edit-drawer .ant-drawer-body .dark-Form-item .dark-Picker-btn .icon {
color: var(--saas-Placeholder-Text);
}
.ant-drawer.row-edit-drawer .ant-drawer-body .dark-Form-item .dark-DateRangePicker {
min-height: var(--Form-input-height);
height: auto;
}
.ant-drawer.row-edit-drawer .ant-drawer-body .dark-Form-item .dark-DateRangePicker.is-mobile .dark-DateRangePicker-content .show-datetime-value-item {
font-size: 15px;
}
.ant-drawer.row-edit-drawer .ant-drawer-body .dark-Form-item .dark-DateRangePicker.is-mobile .dark-DateRangePicker-content .dark-DateRangePicker-toggler {
display: flex;
}
.ant-drawer.row-edit-drawer .ant-drawer-body .dark-Form-item .dark-Number-input-wrap input::placeholder {
font-size: 15px;
}
.ant-drawer.row-edit-drawer .ant-drawer-body .dark-Form-item .dark-TextControl-input {
display: flex;
align-items: center;
}
.ant-drawer.row-edit-drawer .ant-drawer-body .dark-Form-item .dark-TextControl-input input {
font-size: 15px;
}
.ant-drawer.row-edit-drawer .ant-drawer-body .dark-Form-item .dark-TextControl-input input::placeholder {
font-size: 15px;
}
.ant-drawer.row-edit-drawer .ant-drawer-body .dark-Form-item .text-muted {
color: rgba(0, 0, 0, 0.45);
}
.ant-drawer.row-edit-drawer .ant-drawer-footer {
background: var(--saas-main-bg) !important;
}
@media (max-width: 767px) {
.ant-drawer.row-edit-drawer {
position: fixed;
}
.ant-drawer.row-edit-drawer .ant-drawer-body .dark-Form--horizontal.inModal {
padding-top: 8px;
}
}
.offline-drawer .offline-table-container .ant-table {
z-index: 1;
}
.offline-drawer .offline-table-container .ant-table .ant-table-container .ant-table-thead tr th {
padding: 7px 10px;
text-align: center;
}
.offline-drawer .offline-table-container .ant-table .ant-table-container .ant-table-tbody tr td {
padding: 7px 10px;
}
.offline-drawer {
transform: unset !important;
}
.offline-drawer .ant-drawer-header {
padding: 0 12px;
}
.offline-drawer .ant-drawer-header .ant-drawer-header-title {
height: 38px;
line-height: 38px;
}
.offline-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-close {
margin: 0;
}
.offline-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-title {
text-align: center;
padding-right: 28px;
}
.offline-drawer .ant-drawer-body {
padding: 0;
background-color: #fafafa;
}
.offline-drawer .ant-drawer-body .offline-form-container form.dark-Form {
padding-top: 0;
}
.offline-drawer .ant-drawer-body .offline-scan-num {
background: #f7f8fa;
position: sticky;
top: 0;
z-index: 2;
height: 64px;
line-height: 64px;
display: flex;
flex-direction: column;
justify-content: center;
}
.offline-drawer .ant-drawer-body .offline-scan-num > div {
height: 48px;
line-height: 48px;
background: #fff;
padding: 0 0 0 16px;
font-size: 15px;
color: rgba(0, 0, 0, 0.9);
font-weight: 500;
}
.offline-picture-drawer .ant-drawer-body {
padding: 0;
}
.offline-picture-drawer .ant-drawer-body .offline-picture-item {
margin: 8px;
}
.textarea-drawer {
transform: unset !important;
top: 0 !important;
}
.textarea-drawer .ant-drawer-header {
padding: 0;
}
.textarea-drawer .ant-drawer-header .ant-drawer-header-title {
height: 38px;
line-height: 38px;
}
.textarea-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-close {
margin: 0;
width: 36px;
height: 100%;
}
.textarea-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-title {
text-align: center;
}
.textarea-drawer .ant-drawer-header .ant-drawer-extra {
width: 36px;
height: 100%;
line-height: 38px;
}
.textarea-drawer .ant-drawer-header .ant-drawer-extra .ant-btn {
padding: 0;
width: 100%;
text-align: center;
}
.textarea-drawer .ant-drawer-body {
padding: 0;
background-color: var(--saas-main-bg);
padding: 16px 12px 20px;
overflow: auto;
}
.textarea-drawer .ant-drawer-body .ant-input-textarea {
border-bottom: 1px solid var(--saas-Border-Dividers);
}
.textarea-drawer .ant-drawer-body .ant-input-textarea textarea {
color: var(--saas-Title-Text);
font-size: 15px;
}
.textarea-drawer .ant-drawer-body .ant-input-textarea textarea::-webkit-input-placeholder {
color: var(--saas-Placeholder-Text);
}
.textarea-drawer .ant-drawer-body .ant-input-textarea textarea::-moz-placeholder {
color: var(--saas-Placeholder-Text);
}
.textarea-drawer .ant-drawer-body .ant-input-textarea textarea::-ms-input-placeholder {
color: var(--saas-Placeholder-Text);
}
.textarea-drawer .ant-drawer-body .ant-input-textarea.disabled textarea {
color: var(--Form-textarea-disabled);
}
.textarea-drawer .ant-drawer-footer .textarea-drawer-footer {
width: 100%;
text-align: right;
}
.textarea-drawer .ant-drawer-footer .textarea-drawer-footer .ant-btn {
border-radius: 5px;
}
.summary-modal-wrap {
z-index: 1111;
}
.summary-modal .ant-modal-content {
border-radius: 12px;
}
.summary-modal .ant-modal-content .ant-modal-header {
font-size: 18px;
color: #000;
font-weight: 500;
border-radius: 12px 12px 0 0;
border-color: var(--saas-Border-Dividers);
}
.summary-modal .ant-modal-content .ant-modal-body {
padding: 16px 24px;
}
.summary-modal .ant-modal-content .ant-modal-body .summary-row-box {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 10px;
font-size: 14px;
text-align: left;
}
.summary-modal .ant-modal-content .ant-modal-body .summary-row-box:nth-child(1) {
margin-top: 0;
}
.summary-modal .ant-modal-content .ant-modal-body .summary-row-box .field-name {
width: 114px;
font-size: 14px;
color: var(--saas-Placeholder-Text);
padding-right: 4px;
}
.summary-modal .ant-modal-content .ant-modal-body .summary-row-box .field-value {
flex: 1;
color: var(--saas-Title-Text);
font-weight: 500;
}
.summary-modal .ant-modal-content .ant-modal-footer {
border-color: var(--saas-Border-Dividers);
background: var(--saas-Background-Header);
}
.summary-modal.tableRotate {
top: 50%;
transform: translateY(-50%);
}
.summary-modal.tableRotate .ant-modal-content .ant-modal-body {
max-height: 50vw;
overflow: auto;
}
@media (max-width: 767px) {
.columns-toggler-drawer .ant-drawer-header {
padding: 16px;
border-bottom-color: var(--saas-Border-Dividers);
background: var(--saas-main-bg);
}
.columns-toggler-drawer .ant-drawer-header-title .ant-drawer-close {
position: absolute;
right: 16px;
background: var(--them-bg-color);
width: 24px;
height: 24px;
border-radius: 100%;
margin-right: 0;
padding: 4px;
}
.columns-toggler-drawer .ant-drawer-header-title .ant-drawer-title {
width: 100%;
text-align: center;
font-size: 18px;
color: #000;
font-weight: 500;
}
.columns-toggler-drawer .ant-drawer-content {
border-radius: 18px 18px 0 0;
}
.columns-toggler-drawer .ant-drawer-body {
padding: 0;
background-color: var(--saas-main-bg);
}
.columns-toggler-drawer .ant-drawer-body .tpm-sel-confirm-container {
background-color: var(--saas-Background-Header);
}
.columns-toggler-drawer .ant-drawer-body .tpm-sel-confirm-container .ant-btn {
height: 60px;
background-color: var(--saas-main-bg);
}
.columns-toggler-drawer .ant-drawer-body .tpm-sel-confirm-container .ant-btn:nth-child(1) {
color: #f5222d;
}
.columns-toggler-drawer .ant-drawer-body .tpm-sel-confirm-container .ant-btn:last-child {
margin-top: 6px;
color: var(--saas-Title-Text);
}
.columns-toggler-drawer-isMobile .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body {
padding: 0;
}
.columns-toggler-drawer-isMobile .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .dark-Button {
width: 100%;
height: 60px;
background-color: #fff;
font-size: 16px;
color: rgba(0, 0, 0, 0.9);
border: none;
}
.columns-toggler-drawer-isMobile .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .dark-Button:nth-child(1) {
color: #f5222d;
}
.columns-toggler-drawer-isMobile .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body .dark-Button:nth-child(2) {
margin-top: 4px;
border-top: 4px solid #f7f8fa;
}
.columns-toggler-drawer.field-table-drawer .ant-drawer-content-wrapper {
max-height: calc(100vh - 32px);
}
.columns-toggler-drawer.field-table-drawer .ant-drawer-content-wrapper .ant-drawer-wrapper-body {
max-height: calc(100vh - 32px);
}
.columns-toggler-drawer.field-table-drawer .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-header-title .ant-drawer-title {
text-align: left;
}
.columns-toggler-drawer.field-table-drawer .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-footer {
text-align: right;
}
.columns-toggler-drawer.field-table-drawer .ant-drawer-content-wrapper .ant-drawer-wrapper-body .ant-drawer-footer .ant-btn {
margin-left: 8px;
}
.columns-toggler-drawer.field-table-drawer .form-content-container {
flex: 1;
overflow-y: auto;
}
.columns-toggler-drawer.ios-device .ant-drawer-wrapper-body {
padding-bottom: 32px;
}
.tmp-setting-modal .ant-modal-header {
border-radius: 8px;
border: none;
background: var(--saas-main-bg);
color: var(--saas-Title-Text);
}
.tmp-setting-modal .ant-modal-content {
border-radius: 8px;
background-color: var(--saas-main-bg);
}
.tmp-setting-modal .ant-modal-body {
padding: 12px 16px;
padding-bottom: 0;
background-color: var(--saas-main-bg) !important;
}
.tmp-setting-modal .ant-modal-body .ant-form-item-required {
color: var(--saas-Title-Text);
}
.tmp-setting-modal .ant-modal-footer {
background-color: var(--saas-main-bg);
border-color: var(--saas-Border-Dividers);
}
.columns-toggler-drawer.columns-toggler-tmp-sel .ant-drawer-title {
text-align: left;
background-color: var(--saas-main-bg);
color: var(--saas-Title-Text);
}
.columns-toggler-drawer.columns-toggler-tmp-sel .ant-drawer-body {
background-color: var(--saas-main-bg);
color: var(--saas-Title-Text);
}
.columns-toggler-drawer.columns-toggler-tmp-sel .ant-drawer-body .tem-sel-item {
font-size: 16px;
padding: 12px 8px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1px;
border-bottom: 1px solid var(--saas-Border-Dividers);
}
.columns-toggler-drawer.columns-toggler-tmp-sel .ant-drawer-body .tem-sel-item:last-child {
margin: 0;
border-bottom: none;
}
.columns-toggler-drawer.columns-toggler-tmp-sel .ant-drawer-body .tem-sel-item.active-tmp {
color: var(--them-btn-color);
}
.columns-toggler-drawer.columns-toggler-tmp-sel .ant-drawer-footer {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 14px 16px;
background-color: var(--saas-main-bg);
}
.columns-toggler-drawer.columns-toggler-tmp-sel .ant-drawer-footer .dark-Button {
margin-left: 8px;
}
.table-toolbar-pop {
width: 100%;
padding-top: 0;
}
.table-toolbar-pop .ant-popover-content::after {
content: "";
height: 1px;
display: block;
background-color: var(--saas-main-bg);
width: 100%;
box-shadow: inset 0 0px 8px 10px rgba(0, 0, 0, 0.09);
}
.table-toolbar-pop .ant-popover-inner {
padding: 0 16px;
border-radius: 0 0 16px 16px;
box-shadow: none;
background-color: var(--saas-main-bg);
}
.table-toolbar-pop .ant-popover-inner .ant-popover-inner-content {
width: 100%;
border-top: none;
padding: 0;
}
.table-toolbar-pop .ant-popover-inner .ant-popover-inner-content .toolbar-container {
background-color: var(--saas-main-bg);
width: 100%;
font-size: 12px;
padding-bottom: 24px;
}
.table-toolbar-pop .ant-popover-inner .ant-popover-inner-content .toolbar-container .toolbar-item {
display: inline-block;
text-align: center;
margin-top: 24px;
width: 25%;
}
.table-toolbar-pop .ant-popover-inner .ant-popover-inner-content .toolbar-container .toolbar-item-icon {
color: var(--saas-Title-Text);
}
.table-toolbar-pop .ant-popover-inner .ant-popover-inner-content .toolbar-container .toolbar-item-icon * {
font-size: 20px;
}
.table-toolbar-pop .ant-popover-inner .ant-popover-inner-content .toolbar-container .toolbar-item-name {
margin-top: 8px;
color: var(--saas-Title-Text);
text-align: center;
}
}
.dark-Tooltip {
position: fixed;
top: 0;
left: 0;
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
border-radius: var(--borderRadius);
min-width: var(--Tooltip-minWidth);
max-width: var(--Tooltip-maxWidth);
text-align: left;
white-space: normal;
z-index: 1600;
word-wrap: break-word;
background: var(--Tooltip-bg);
border: var(--Tooltip-borderWidth) solid var(--Tooltip-borderColor);
box-shadow: var(--Tooltip-boxShadow);
}
.dark-Tooltip-arrow {
position: absolute;
display: block;
width: var(--Tooltip-arrow-width);
height: var(--Tooltip-arrow-height);
margin-left: calc(var(--Tooltip-arrow-width) * -1 / 2);
left: 50%;
}
.dark-Tooltip-arrow::before, .dark-Tooltip-arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
}
.dark-Tooltip--top {
margin-top: calc(var(--Tooltip-arrow-height) * -1 - 0.125rem);
}
.dark-Tooltip--top .dark-Tooltip-arrow {
bottom: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
}
.dark-Tooltip--top .dark-Tooltip-arrow::before,
.dark-Tooltip--top .dark-Tooltip-arrow::after {
border-width: var(--Tooltip-arrow-height) calc(var(--Tooltip-arrow-width) / 2) 0;
}
.dark-Tooltip--top .dark-Tooltip-arrow::before {
bottom: 0;
border-top-color: var(--Tooltip-arrow-outerColor);
}
.dark-Tooltip--top .dark-Tooltip-arrow::after {
bottom: var(--Tooltip-borderWidth);
border-top-color: var(--Tooltip-arrow-color);
}
.dark-Tooltip--right {
margin-left: calc(var(--Tooltip-arrow-height) + 0.125rem);
}
.dark-Tooltip--right .dark-Tooltip-arrow {
left: calc(var(--Tooltip-borderWidth) * -1);
width: var(--Tooltip-arrow-height);
height: var(--Tooltip-arrow-width);
margin-top: calc(var(--Tooltip-arrow-width) / -2);
top: 50%;
}
.dark-Tooltip--right .dark-Tooltip-arrow::before,
.dark-Tooltip--right .dark-Tooltip-arrow::after {
border-width: calc(var(--Tooltip-arrow-width) / 2) var(--Tooltip-arrow-height) calc(var(--Tooltip-arrow-width) / 2) 0;
}
.dark-Tooltip--right .dark-Tooltip-arrow::before {
left: 0;
border-right-color: var(--Tooltip-arrow-outerColor);
}
.dark-Tooltip--right .dark-Tooltip-arrow::after {
left: var(--Tooltip-borderWidth);
border-right-color: var(--Tooltip-arrow-color);
}
.dark-Tooltip--bottom {
margin-top: calc(var(--Tooltip-arrow-height) + 0.125rem);
}
.dark-Tooltip--bottom .dark-Tooltip-arrow {
top: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
}
.dark-Tooltip--bottom .dark-Tooltip-arrow::before,
.dark-Tooltip--bottom .dark-Tooltip-arrow::after {
border-width: 0 calc(var(--Tooltip-arrow-width) / 2) var(--Tooltip-arrow-height) calc(var(--Tooltip-arrow-width) / 2);
}
.dark-Tooltip--bottom .dark-Tooltip-arrow::before {
top: 0;
border-bottom-color: var(--Tooltip-arrow-outerColor);
}
.dark-Tooltip--bottom .dark-Tooltip-arrow::after {
top: var(--Tooltip-borderWidth);
border-bottom-color: var(--Tooltip-arrow-color);
}
.dark-Tooltip--bottom .dark-Tooltip-title::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: var(--Tooltip-arrow-width);
margin-left: calc(var(--Tooltip-arrow-width) / -2);
content: "";
border-bottom: var(--Tooltip-borderWidth) solid var(--Tooltip-title-bg);
}
.dark-Tooltip--left {
margin-left: calc(var(--Tooltip-arrow-height) * -1 - 0.125rem);
}
.dark-Tooltip--left .dark-Tooltip-arrow {
left: auto;
right: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
width: var(--Tooltip-arrow-height);
height: var(--Tooltip-arrow-width);
margin-top: calc(var(--Tooltip-arrow-width) * -1 / 2);
top: 50%;
}
.dark-Tooltip--left .dark-Tooltip-arrow::before,
.dark-Tooltip--left .dark-Tooltip-arrow::after {
border-width: calc(var(--Tooltip-arrow-width) / 2) 0 calc(var(--Tooltip-arrow-width) / 2) var(--Tooltip-arrow-height);
}
.dark-Tooltip--left .dark-Tooltip-arrow::before {
right: 0;
border-left-color: var(--Tooltip-arrow-outerColor);
}
.dark-Tooltip--left .dark-Tooltip-arrow::after {
right: var(--Tooltip-borderWidth);
border-left-color: var(--Tooltip-arrow-color);
}
.dark-Tooltip-title {
padding: var(--Tooltip-title-paddingY) var(--Tooltip-title-paddingX);
margin-bottom: 0;
font-size: var(--fontSizeBase);
color: var(--Tooltip-title-color);
background: var(--Tooltip-title-bg);
border-bottom: var(--Tooltip-borderWidth) solid var(--Tooltip-title-borderBottom-color);
border-top-left-radius: calc(var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth));
border-top-right-radius: calc(var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth));
}
.dark-Tooltip-title:empty {
display: none;
}
.dark-Tooltip-body {
color: var(--Tooltip-body-color);
padding: 0.3rem 0.5rem;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Tooltip-body {
padding: 0px 4px;
}
.dark-Tooltip-body .dark-Html {
font-size: 12px;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-Tooltip-body {
padding: 0px 6px;
}
.dark-Tooltip-body .dark-Html {
font-size: 13px;
}
}
@keyframes tooltipIn {
from {
opacity: 0;
margin: 0;
}
}
[data-tooltip] {
position: relative;
}
[data-tooltip]:after {
pointer-events: none;
left: 0;
top: 50%;
transform: translateY(-50%);
position: absolute;
content: attr(data-tooltip);
font-size: var(--Tooltip--attr-fontSize);
line-height: var(--Tooltip--attr-lineHeigt);
text-align: left;
white-space: normal;
width: max-content;
box-sizing: content-box;
max-width: 300px;
background: var(--Tooltip--attr-bg);
border: var(--Tooltip--attr-borderWidth) solid var(--Tooltip--attr-borderColor);
border-radius: var(--Tooltip--attr-borderRadius);
box-shadow: var(--Tooltip--attr-boxShadow);
left: 100%;
color: var(--Tooltip--attr-color);
padding: var(--Tooltip--attr-paddingY) var(--Tooltip--attr-paddingX);
display: none;
animation-duration: var(--animation-duration);
animation-fill-mode: both;
}
@media screen and (min-width: 0\0 ) {
[data-tooltip]:after {
white-space: nowrap;
max-width: unset;
}
}
[data-tooltip]:not(.is-disabled):hover:after {
display: inline-block;
animation-name: tooltipIn;
opacity: 1;
z-index: 1600;
margin: 0 0 0 var(--Tooltip--attr-gap);
opacity: 1;
}
[data-tooltip][data-position=bottom]:after {
left: 50%;
top: 100%;
transform: translateX(-50%);
}
[data-tooltip][data-position=bottom]:hover:after {
margin: var(--Tooltip--attr-gap) 0 0 0;
}
[data-tooltip][data-position=left]:after {
top: 50%;
right: 100%;
left: auto;
transform: translateY(-50%);
}
[data-tooltip][data-position=left]:hover:after {
margin: 0 var(--Tooltip--attr-gap) 0 0;
}
[data-tooltip][data-position=top]:after {
left: 50%;
top: auto;
bottom: 100%;
transform: translateX(-50%);
}
[data-tooltip][data-position=top]:hover:after {
margin: calc(var(--Tooltip--attr-gap) * -1) 0 0 0;
}
[data-tooltip]:hover:active:after {
content: "";
display: none !important;
}
.dark-TplField {
max-width: 100%;
}
.dark-TplField.is-inline {
display: inline;
}
.cell.ellipsis .dark-TplField > span,
.dark-Form-label .dark-TplField > span {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle;
}
.dark-Crud > .dark-Form .dark-Form-label .dark-TplField > span {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
vertical-align: initial;
}
.dark-PopOver {
position: absolute;
background: var(--PopOver-bg);
top: 0;
left: 0;
z-index: 1300;
display: none;
padding: 0;
margin: 0;
font-weight: var(--fontWeightNormal);
letter-spacing: normal;
line-height: var(--lineHeightBase);
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: var(--fontSizeBase);
box-shadow: var(--boxShadow);
border: var(--borderWidth) solid var(--borderColor);
border-radius: var(--borderRadius);
}
.dark-PopOver > * {
position: relative;
z-index: 2;
}
.dark-PopOver-overlay {
position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 1;
bottom: 0;
background: transparent;
}
.dark-PopOver-isMobile .dark-PopOver-overlay {
background: rgba(0, 0, 0, 0.3);
}
.dark-PopOver--leftBottomLeftTop {
margin-top: 0.25rem;
}
.dark-PopOver--leftTopLeftBottom {
margin-top: -0.25rem;
}
.dark-PopOver .dark-TransferDropDown-content > .dark-Transfer-selection > .dark-Table-content > .dark-Table-table tbody > tr:first-child td {
border-top: none;
}
@keyframes PopUpIn {
from {
height: 0;
}
}
@keyframes PopUpOut {
to {
height: 0;
}
}
@keyframes PopUpOpacityIn {
from {
opacity: 0;
}
}
@keyframes PopUpOpacityOut {
to {
opacity: 0;
}
}
.dark-PopUp {
width: 100vw;
height: auto;
position: fixed;
background: var(--PopOver-bg);
left: 0;
bottom: 0;
z-index: 3000;
padding: 0;
margin: 0;
font-weight: var(--fontWeightNormal);
letter-spacing: normal;
line-height: var(--lineHeightBase);
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: var(--fontSizeBase);
box-shadow: var(--boxShadow);
border: var(--borderWidth) solid var(--borderColor);
border-radius: var(--borderRadius);
overflow: hidden;
}
.dark-PopUp.round {
border-radius: 13px 13px 0 0;
}
.dark-PopUp #amis-action-sheet-btn-wrapper.action-sheet-btn-wrapper {
border-bottom: 2px solid #f2f2f2;
text-align: center;
}
.dark-PopUp #amis-action-sheet-btn-wrapper.action-sheet-btn-wrapper:nth-child(1) {
padding-top: 5px;
}
.dark-PopUp #amis-action-sheet-btn-wrapper.action-sheet-btn-wrapper.is-touch {
background-color: #f6f6f6;
}
.dark-PopUp #amis-action-sheet-btn-wrapper.action-sheet-btn-wrapper .dark-Button--default,
.dark-PopUp #amis-action-sheet-btn-wrapper.action-sheet-btn-wrapper .dark-Button--link {
color: #3b3b3b;
}
.dark-PopUp #amis-action-sheet-btn-wrapper.action-sheet-btn-wrapper .dark-Button--default,
.dark-PopUp #amis-action-sheet-btn-wrapper.action-sheet-btn-wrapper .dark-Button--primary {
background-color: transparent;
}
.dark-PopUp #amis-action-sheet-btn-wrapper.action-sheet-btn-wrapper .dark-Button--primary {
color: var(--link-color);
}
.dark-PopUp #amis-action-sheet-btn-wrapper.action-sheet-btn-wrapper .dark-Button {
display: flex;
justify-content: center;
width: 100%;
height: 48px;
border: none;
border-radius: 0;
font-size: 15px;
align-items: center;
font-weight: 600;
}
.dark-PopUp.in, .dark-PopUp.out {
animation-duration: var(--animation-duration);
animation-fill-mode: both;
}
.dark-PopUp.in {
animation-name: PopUpIn;
}
.dark-PopUp.in .dark-PopUp-overlay {
animation-name: PopUpOpacityIn;
}
.dark-PopUp.out {
animation-name: PopUpOut;
}
.dark-PopUp.out .dark-PopUp-overlay {
animation-name: PopUpOpacityOut;
}
.dark-PopUp-inner {
position: relative;
overflow: hidden;
height: 100%;
box-sizing: border-box;
background: var(--saas-main-bg);
display: flex;
flex-direction: column;
border-radius: 13px 13px 0 0;
}
.dark-PopUp-closeWrap {
position: relative;
text-align: center;
height: 3rem;
line-height: 3rem;
}
.dark-PopUp-closeWrap .dark-PopUp-close {
position: absolute;
z-index: 1;
color: var(--icon-color);
cursor: pointer;
top: 0.9375rem;
right: 0.9375rem;
}
.dark-PopUp-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
height: 3.75rem;
}
.dark-PopUp-title {
font-size: var(--fontSizeMd);
}
.dark-PopUp-cancel {
color: var(--PopUp-cancelAction-color);
margin-left: var(--gap-sm);
}
.dark-PopUp-confirm {
margin-right: var(--gap-sm);
line-height: 1;
}
.dark-PopUp-content {
overflow-y: auto;
height: 100%;
display: flex;
flex: 1;
}
.dark-PopUp-content::-webkit-scrollbar {
width: 0;
}
.dark-PopUp-scroll {
display: block;
max-height: 90vh;
}
.dark-PopUp > * {
position: relative;
z-index: 2;
}
.dark-PopUp-overlay {
position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 1;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
opacity: 1;
animation-duration: var(--animation-duration);
animation-fill-mode: both;
}
.dark-PopUp--leftBottomLeftTop {
margin-top: 0.25rem;
}
.dark-PopUp--leftTopLeftBottom {
margin-top: -0.25rem;
}
.dark-PopUp-safearea {
height: 2rem;
}
.dark-TplPop .ant-popover-inner {
border-radius: 6px;
}
.dark-TplPop .ant-popover-title {
border-bottom: none;
padding: 12px 12px 6px;
}
.dark-TplPop .ant-popover-title .dark-Title-tplPop {
display: flex;
justify-content: space-between;
font-size: 13px;
color: var(--saas-Title-Text);
font-weight: 600;
}
.dark-TplPop .ant-popover-content .ant-popover-inner-content {
padding: 5px 12px;
font-size: 13px;
color: var(--saas-Title-Text);
}
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-PlainField {
padding: 5px;
background-color: var(--saas-Background-Header);
}
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-TplPopover {
background-color: var(--saas-Background-Header);
margin-right: 0;
width: 476px;
height: 214px;
}
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-Footer-tplPop {
text-align: right;
margin-top: 5px;
margin-bottom: 8px;
}
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-Footer-tplPop-top,
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-Footer-tplPop-bottom,
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-Footer-tplPop-left,
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-Footer-tplPop-right {
position: absolute;
}
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-Footer-tplPop-bottom,
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-Footer-tplPop-top {
left: 0;
right: 0;
height: 2px;
}
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-Footer-tplPop-right,
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-Footer-tplPop-left {
top: 0;
bottom: 0;
width: 2px;
}
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-Footer-tplPop-top {
top: 0;
cursor: n-resize;
}
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-Footer-tplPop-bottom {
bottom: 0;
cursor: s-resize;
}
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-Footer-tplPop-left {
left: 0;
cursor: e-resize;
}
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-Footer-tplPop-right {
right: 0;
cursor: w-resize;
}
@media (max-width: 767px) {
.dark-TplPop .ant-popover-content .ant-popover-inner-content {
width: 300px;
}
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-TplPopover {
width: 276px;
}
.dark-TplPop .ant-popover-content .ant-popover-inner-content .dark-TplPopover p {
min-width: auto;
}
}
@media (max-width: 767px) {
.dark-PopUp {
height: 100%;
background-color: transparent;
border-color: transparent;
box-shadow: none;
}
.dark-PopUp-inner {
height: 60vh;
position: absolute;
bottom: -1px;
left: 0;
right: 0;
}
.dark-PopUp-overlay {
height: 100%;
top: auto;
bottom: 2px;
}
.dark-PopUp-closeWrap {
height: 60px;
display: flex;
align-items: center;
}
.dark-PopUp-closeWrap .dark-TransferDropDown-header {
padding: 0 16px;
font-size: 16px;
color: var(--saas-Title-Text);
text-align: left;
font-weight: 500;
overflow: hidden;
}
.dark-PopUp-closeWrap .dark-TransferDropDown-header .dark-PopUp-content-title {
white-space: nowrap;
font-size: 14px;
color: rgba(0, 0, 0, 0.4);
text-align: center;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.dark-PopUp-closeWrap .dark-TransferDropDown-header .dark-PopUp-content-title span {
display: inline-block;
}
.dark-PopUp-closeWrap .dark-TransferDropDown-header .dark-PopUp-content-title .dark-PopUp-content-name {
flex: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.dark-PopUp-closeWrap .dark-TransferDropDown-header .dark-PopUp-content-title .dark-PopUp-content-size {
white-space: nowrap;
overflow: hidden;
}
.dark-PopUp-closeWrap .dark-PopUp-cancel-danger {
border: none;
color: red;
font-size: 16px !important;
background: transparent;
box-shadow: unset;
}
.dark-PopUp-closeWrap .dark-PopUp-cancel-danger:not(:disabled):not(.is-disabled):hover {
color: red;
background: transparent;
box-shadow: unset;
}
.dark-PopUp-closeWrap-icon {
width: 24px;
height: 24px;
display: inline-block;
border-radius: 50%;
background: var(--them-bg-color);
font-size: 16px;
color: var(--saas-Title-Text);
position: absolute;
top: 0.9375rem;
right: 12px;
z-index: 1;
}
.dark-PopUp-closeWrap-icon .dark-PopUp-close {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 12px;
color: var(--saas-Title-Text);
}
.dark-PopUp-popOverHeat {
border-bottom: 1px solid var(--them-bg-color);
}
.dark-PopUp-content {
position: relative;
overflow-y: hidden;
}
.dark-PopUp-content .dark-TransferDropDown-content {
height: 100%;
overflow-y: hidden;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-Transfer-search {
padding-top: 0;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-Transfer-search .dark-InputBox {
border: none;
background: var(--saas-Background-Header);
border-radius: 6px;
height: 44px;
align-items: center;
font-size: 15px;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-Transfer-search .dark-InputBox input {
color: var(--saas-font-size-black);
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-Transfer-search .dark-InputBox .dark-Transfer-SeachCancel {
display: inline-block;
width: 16px;
height: 16px;
background: rgba(0, 0, 0, 0.26);
color: #fff;
font-size: 10px;
border-radius: 50%;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-Transfer-search .dark-InputBox .dark-Transfer-SeachCancel svg {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-Transfer-search .dark-InputBox > svg {
top: 0;
font-size: 14px;
height: 22px;
width: 22px;
color: #DCDCDC;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-Transfer-search .dark-InputBox.is-focused {
border-color: transparent;
box-shadow: none;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-GroupedSelection {
max-height: none;
overflow-y: auto;
flex: 1;
padding: 0;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-GroupedSelection::-webkit-scrollbar {
width: 0px;
height: 0;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-GroupedSelection > .dark-GroupedSelection-group > .dark-GroupedSelection-itemLabel {
background: var(--them-bg-color);
border-radius: 0px 6px 6px 0;
padding-left: 16px;
height: 32px;
width: 98%;
font-size: 15px;
color: var(--saas-Secondary-Text);
border-color: transparent;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-GroupedSelection .dark-GroupedSelection-item {
height: 44px;
font-size: 16px;
color: var(--saas-Title-Text);
display: flex;
align-items: center;
padding: 0 16px;
position: relative;
overflow: hidden;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-GroupedSelection .dark-GroupedSelection-item:hover {
background-color: transparent;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-GroupedSelection .dark-GroupedSelection-item::before {
content: "";
position: absolute;
width: 100%;
height: 1px;
border-bottom: 1px solid var(--saas-Border-Dividers);
bottom: 0;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-GroupedSelection .dark-GroupedSelection-item:nth-last-child(1)::before {
border-bottom: 1px solid transparent;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-GroupedSelection .dark-GroupedSelection-item.is-active {
color: var(--saas-Primary-Color);
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-GroupedSelection .dark-GroupedSelection-item.is-active .dark-GroupedSelection-itemLabel {
display: flex;
align-items: center;
justify-content: space-between;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection {
padding: 0 16px;
max-height: none;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection .dark-Table-content {
border: none;
overflow: auto;
height: 100%;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection .dark-Table-content::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection .dark-Table-content .dark-Table-table {
border: none;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection .dark-Table-content .dark-Table-table tr .dark-Table-checkCell {
padding: 0;
height: 100%;
z-index: 4;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection .dark-Table-content .dark-Table-table tr .dark-Table-checkCell .dark-Checkbox i {
width: 22px !important;
height: 22px !important;
border-radius: 50%;
z-index: 1;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection .dark-Table-content .dark-Table-table tr th {
height: 44px;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection .dark-Table-content .dark-Table-table tr td {
padding: 0 0 0 10px;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection .dark-Table-content .dark-Table-table tr td > span {
display: block;
height: 44px;
line-height: 44px;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection .dark-Table-content .dark-Table-table thead tr th {
background: none;
border: none;
font-size: 16px !important;
color: var(--saas-Title-Text);
font-weight: 600;
border-bottom: var(--borderWidth) solid var(--borderColor);
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection .dark-Table-content .dark-Table-table thead tr th {
position: sticky;
top: 0;
padding-left: 10px;
background-color: #fff;
z-index: 3;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection .dark-Table-content .dark-Table-table thead tr .dark-Table-sticky {
left: 29px;
z-index: 4;
padding-left: 2px;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection .dark-Table-content .dark-Table-table thead tr th:nth-child(1) {
left: -1px;
width: 30px;
z-index: 4;
padding-right: 6px;
padding-left: 2px;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection .dark-Table-content .dark-Table-table tbody tr td {
font-size: 16px !important;
text-align: left;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection .dark-Table-content .dark-Table-table tbody tr .dark-Table-sticky {
position: sticky;
left: 29px;
background-color: #fff;
z-index: 2;
padding-right: 6px;
padding-left: 2px;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection .dark-Table-content .dark-Table-table tbody tr td:nth-child(1) {
min-width: 30px;
left: -1px;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TableSelection .dark-Table-content .dark-Table-table tbody tr.is-active {
color: var(--saas-Primary-Color);
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle {
flex-direction: column;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Tabs .ant-tabs .ant-tabs-nav {
margin: 0;
padding: 0 16px;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Tabs .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
font-size: 15px;
color: var(--saas-Title-Text);
padding: 6px 0;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Checked {
display: flex;
flex-wrap: nowrap;
flex: 1;
overflow: hidden;
position: relative;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Checked .dark-ChainedSelection-col {
min-width: 100%;
overflow: auto;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Checked .dark-ChainedSelection-col::-webkit-scrollbar {
width: 0;
height: 0;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Checked .dark-ChainedSelection-col .dark-ChainedSelection-item {
height: 44px;
font-size: 16px;
color: var(--saas-Title-Text);
display: flex;
align-items: center;
padding: 0 16px;
position: relative;
overflow: hidden;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Checked .dark-ChainedSelection-col .dark-ChainedSelection-item:hover {
background-color: transparent;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Checked .dark-ChainedSelection-col .dark-ChainedSelection-item::before {
content: "";
position: absolute;
width: 100%;
height: 1px;
border-bottom: 1px solid var(--them-bg-color);
bottom: 0;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Checked .dark-ChainedSelection-col .dark-ChainedSelection-item:nth-last-child(1)::before {
border-bottom: 1px solid transparent;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Checked .dark-ChainedSelection-col .dark-ChainedSelection-item .dark-Checkbox i {
width: 22px !important;
height: 22px !important;
border-radius: 50%;
z-index: 1;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Checked .dark-ChainedSelection-col .dark-ChainedSelection-item.is-active {
color: var(--saas-Primary-Color);
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Checked .dark-ChainedSelection-col .dark-ChainedSelection-item.is-active .dark-ChainedSelection-itemLabel {
display: flex;
align-items: center;
justify-content: space-between;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Checked .dark-ChainedSelection-Content {
position: sticky;
right: 0;
top: 0;
min-width: 33%;
height: 100%;
border-left: 1px solid var(--them-bg-color);
background-color: #fff;
overflow-y: scroll;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Checked .dark-ChainedSelection-Content::-webkit-scrollbar {
width: 0;
height: 0;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Checked .dark-ChainedSelection-Content .dark-ChainedSelection-value {
height: 44px;
font-size: 16px;
color: var(--saas-Secondary-Text);
padding: 0 13px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Checked .dark-ChainedSelection-Content .dark-ChainedSelection-value .dark-ChainedSelection-label {
flex: 1;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Checked .dark-ChainedSelection-Content .dark-ChainedSelection-value .dark-ChainedSelection-Icon {
width: 17px;
height: 17px;
display: inline-block;
border-radius: 50%;
font-size: 16px;
background-color: #fff;
z-index: 1;
color: #e6e8eb;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Checked .dark-ChainedSelection-Content .dark-ChainedSelection-value .dark-ChainedSelection-Icon .anticon {
vertical-align: top;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-ChainedSelection-isModle .dark-ChainedSelection-Multiple .dark-ChainedSelection-col .dark-ChainedSelection-item {
min-width: calc(100% - 33%);
max-width: calc(100% - 33%);
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TreeSelection {
max-height: none;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TreeSelection::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TreeSelection .dark-TreeSelection-sublist::before {
left: -15px;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TreeSelection .dark-TreeSelection-item::before {
top: 21px;
left: -14px;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TreeSelection .dark-TreeSelection-item .dark-TreeSelection-itemInner {
padding: 0 12px;
height: 44px;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TreeSelection .dark-TreeSelection-item .dark-TreeSelection-itemInner .dark-Table-expandBtn {
width: 25px;
height: 25px;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TreeSelection .dark-TreeSelection-item .dark-TreeSelection-itemInner .dark-Table-expandBtn .icon {
width: 14px;
height: 14px;
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TreeSelection .dark-TreeSelection-item .dark-TreeSelection-itemInner .dark-TreeSelection-itemLabel {
height: 32px;
line-height: 32px;
font-size: 16px;
color: var(--saas-Title-Text);
}
.dark-PopUp-content .dark-TransferDropDown-content .dark-TreeSelection .dark-TreeSelection-item .dark-TreeSelection-itemInner .dark-Checkbox i {
width: 22px !important;
height: 22px !important;
border-radius: 50%;
z-index: 1;
}
.dark-PopUp-content .dark-Tree {
border-top: 1px solid var(--them-bg-color);
}
.dark-PopUp-content .dark-Tree .dark-Tree-list .dark-Tree-item .dark-Tree-itemLabel {
border-bottom: 1px solid #e7e7e7;
}
.dark-PopUp-content .dark-Tree .dark-Tree-list .dark-Tree-item .dark-Tree-itemLabel .dark-Tree-itemArrow {
width: 25px;
height: 25px;
align-items: center;
}
.dark-PopUp-content .dark-Tree .dark-Tree-list .dark-Tree-item .dark-Tree-itemLabel .dark-Tree-itemArrow .icon {
width: 14px;
height: 14px;
}
.dark-PopUp-content .dark-Tree .dark-Tree-list .dark-Tree-item .dark-Tree-itemLabel .dark-Checkbox i {
width: 22px !important;
height: 22px !important;
border-radius: 50%;
z-index: 1;
}
.dark-PopUp-content .dark-Tree .dark-Tree-list .dark-Tree-item .dark-Tree-itemLabel .dark-Tree-itemText {
height: 44px;
line-height: 44px;
font-size: 16px;
color: var(--saas-Title-Text);
padding: 0;
}
.dark-PopUp-content .dark-ImageControl-upload {
height: 100%;
display: flex;
flex-direction: column;
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-body {
flex: 1;
padding: 8px;
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-body .dark-ImageControl-upload-url-input {
display: flex;
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-body .dark-ImageControl-upload-url-input .add-url {
flex: 1;
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-body .dark-ImageControl-upload-content {
width: 100%;
overflow: hidden;
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-body .dark-ImageControl-upload-content .dark-ImageControl-upload-ul {
overflow: auto;
white-space: nowrap;
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-body .dark-ImageControl-upload-content .dark-ImageControl-upload-ul::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-body .dark-ImageControl-upload-content .dark-ImageControl-upload-ul .dark-ImageControl-upload-li {
display: inline-block;
margin: 0 8px;
width: 96px;
height: 96px;
border: 1px solid var(--them-bg-color);
border-radius: 8px;
overflow: hidden;
color: var(--saas-Title-Text);
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-body .dark-ImageControl-upload-content .dark-ImageControl-upload-ul .dark-ImageControl-upload-li img {
width: 100%;
height: 100%;
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-body .dark-ImageControl-upload-content .dark-ImageControl-upload-ul .dark-ImageControl-upload-li-pdf {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
vertical-align: top;
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-body .dark-ImageControl-upload-content .dark-ImageControl-upload-ul .dark-ImageControl-upload-li-pdf img, .dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-body .dark-ImageControl-upload-content .dark-ImageControl-upload-ul .dark-ImageControl-upload-li-pdf svg.icon {
width: 50px;
height: 50px;
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-body .dark-ImageControl-upload-content .dark-ImageControl-upload-ul .dark-ImageControl-upload-li-pdf .upload-li-pdf-name {
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
white-space: wrap;
width: 100%;
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-button {
display: flex;
height: 150px;
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-button .dark-ImageControl-button-icon {
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 12px;
text-align: center;
font-size: 13px;
color: var(--saas-Title-Text);
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-button .dark-ImageControl-button-icon .ant-btn {
width: 48px;
height: 48px;
font-size: 14px;
border-radius: 8px;
background: var(--them-bg-color);
margin: 0 auto 4px;
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-button .dark-ImageControl-button-icon .ant-btn svg {
font-size: 24px;
fill: var(--saas-Title-Text);
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-button .dark-ImageControl-button-icon .ant-btn svg.image g path {
fill: #1890ff;
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-button .dark-ImageControl-button-icon .ant-btn .file svg path {
fill: var(--saas-Placeholder-Text);
}
.dark-PopUp-content .dark-ImageControl-upload .dark-ImageControl-upload-button .dark-ImageControl-button-icon .ant-btn .file svg path:nth-child(2) {
fill: transparent;
}
.dark-PopUp-content .is-borderTop {
border-top: 1px solid var(--saas-Border-Dividers);
}
.dark-PopUp-content .dark-PopUp-content-BT {
background: var(--them-bg-color);
height: 100%;
overflow: auto;
}
.dark-PopUp-content .dark-PopUp-content-BT::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
}
.dark-PopUp-content .dark-PopUp-content-BT .dark-PopUp-content-Button {
height: 54px;
border-bottom: 1px solid #e7e7e7;
font-size: 16px;
color: var(--saas-Title-Text);
background: #fff;
}
.dark-PopUp-content .dark-PopUp-content-BT .dark-PopUp-content-Button .ant-btn {
width: 100%;
height: 100%;
}
.dark-PopUp-content .dark-PopUp-content-BT .dark-PopUp-content-Button:nth-last-child(1) {
border-bottom: none;
}
.dark-PopUp-content .dark-DatePicker-shortcuts {
background-color: transparent;
overflow: auto;
width: 100%;
white-space: nowrap;
}
.dark-PopUp-content .dark-DatePicker-shortcuts::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
}
.dark-PopUp-content .dark-DatePicker-shortcuts .dark-DatePicker-shortcut {
height: 30px;
line-height: 30px;
color: var(--saas-Primary-Color);
background-color: #e9f6fe;
text-align: center;
padding: 0 15px;
border-radius: 4px;
margin: 0 6px;
}
.dark-PopUp-content .rdt .rdtPicker .dark-PickerColumns .dark-PickerColumns-columns .dark-PickerColumns:nth-of-type(1) {
min-width: 70px;
}
.dark-PopUp-footer {
height: 44px;
border-top: 1px solid #e7e7e7;
display: flex;
align-items: center;
justify-content: right;
padding: 0 16px;
}
.dark-PopUp-footer .dark-TransferDropDown-footer {
flex: 1;
text-align: right;
}
.dark-PopUp-footer .dark-PopUp-content-Button {
font-size: 16px;
color: var(--saas-Title-Text);
width: 100%;
height: 54px;
}
.dark-PopUp-footer .dark-PopUp-content-Button .ant-btn {
width: 100%;
height: 100%;
}
.dark-PopUp.dark-TreeSelect-popup.isMobile.firstHide.updateChanged {
height: 100%;
}
.dark-PopUp.dark-CalendarMobile-pop {
background: transparent;
}
.dark-PopUp.dark-CalendarMobile-pop .dark-PopUp-inner {
height: auto;
top: 10%;
}
.dark-PopUp.dark-TreeSelect-popup {
height: 100%;
}
.dark-PopUp.dark-TreeSelect-popup .dark-PopUp-inner .dark-PopUp-content {
overflow: auto;
}
.dark-PopUp.advanced_drawer_List_Action .dark-PopUp-inner,
.dark-PopUp.dark-Select-popup .dark-PopUp-inner,
.dark-PopUp.dark-Popup-ActionSheet .dark-PopUp-inner {
position: relative;
height: 100%;
}
.dark-PopUp.dark-DatePicker-popup {
height: 100vh;
background: transparent;
}
.dark-PopUp.dark-DatePicker-mobile .dark-PopUp-inner {
height: auto;
}
.dark-PopUp.dark-Upload .dark-PopUp-inner {
height: 390px;
}
.dark-PopUp.dark-ImgButton .dark-PopUp-inner {
height: 300px;
}
.dark-PopUp.popOverClassName .dark-PopUp-inner {
height: auto;
}
.dark-PopUp.dark-ImgButtonremove .dark-PopUp-inner {
height: 130px;
}
.dark-PopUp.tabs-content-tiled-actions {
height: 260px !important;
}
.dark-PopUp.pop-rotate {
width: 100vh;
height: 54px !important;
transform: rotate(90deg);
left: calc(-50vh + 27px);
bottom: calc(50vh - 27px);
overflow: visible;
border: 0;
}
.dark-PopUp.pop-rotate .dark-PopUp-overlay {
width: 100vh;
height: 100vw;
top: calc(54px - 100vw) !important;
right: 0 !important;
}
.dark-PopUp.pop-rotate .dark-PopUp-inner {
border-radius: 0;
}
.dark-PopUp.pop-rotate .dark-PopUp-inner .dark-PopUp-content > div {
display: flex;
justify-content: flex-end;
align-items: center;
height: 100%;
padding: 0 16px;
}
.dark-PopUp.pop-rotate .dark-PopUp-inner .dark-PopUp-content > div .action-sheet-btn-wrapper {
padding: 0 !important;
border: none !important;
margin-left: 12px;
}
.dark-PopUp.pop-rotate .dark-PopUp-inner .dark-PopUp-content > div .dark-Button {
width: unset;
height: 32px !important;
font-size: 14px !important;
}
.dark-PopUp.pop-rotate .dark-PopUp-safearea {
display: none;
}
}
.dark-PickerColumns {
position: relative;
background-color: var(--saas-main-bg);
user-select: none;
flex: 1;
overflow: hidden;
font-size: var(--PickerColumns-option-fontSize);
}
.dark-PickerColumns li:focus {
outline: none;
}
.dark-PickerColumns-header {
display: flex;
align-items: center;
justify-content: space-between;
height: var(--PickerColumns-toolbar-height);
}
.dark-PickerColumns-cancel, .dark-PickerColumns-confirm {
height: 100%;
padding: var(--PickerColumns-action-padding);
font-size: var(--PickerColumns-action-fontSize);
background-color: transparent !important;
border: none;
cursor: pointer;
}
.dark-PickerColumns-cancel:active, .dark-PickerColumns-confirm:active {
background-color: none !important;
}
.dark-PickerColumns-cancel:hover, .dark-PickerColumns-confirm:hover {
background-color: none !important;
}
.dark-PickerColumns-confirm {
color: var(--PickerColumns-confirmAction-color) !important;
}
.dark-PickerColumns-cancel {
color: var(--PickerColumns-cancelAction-color) !important;
}
.dark-PickerColumns-title {
max-width: 50%;
font-weight: 500;
font-size: var(--PickerColumns-title-fontSize);
line-height: var(--PickerColumns-title-lineHeight);
text-align: center;
color: var(--PickerColumns-title-color);
}
.dark-PickerColumns-columns {
touch-action: none;
position: relative;
display: flex;
cursor: grab;
}
.dark-PickerColumns-footer {
height: 60px;
text-align: right;
padding: 12px 16px;
border-top: 1px solid #e7e7e7;
}
.dark-PickerColumns-footer .dark-PickerColumns-confirm.dark-Button {
width: 72px;
height: 36px;
background-color: var(--saas-Primary-Color) !important;
border-radius: 4px;
font-size: 14px;
color: #fff !important;
}
.dark-PickerColumns-loading {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
color: var(--PickerColumns-loadingIcon-color);
background-color: var(--PickerColumns-loadingMask-color);
}
.dark-PickerColumns-frame {
position: absolute;
top: 50%;
right: var(--gap-md);
left: var(--gap-md);
z-index: 2;
transform: translateY(-50%);
pointer-events: none;
}
.dark-PickerColumns-frame::after {
position: absolute;
content: "";
border-bottom: 1px solid var(--borderColor);
border-top: 1px solid var(--borderColor);
top: -50%;
right: -50%;
left: -50%;
bottom: -50%;
transform: scale(0.5);
}
.dark-PickerColumns-mask {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: var(--saas-main-bg);
mask: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2) 50%, #000);
background-repeat: no-repeat;
background-position: top, bottom;
transform: translateZ(0);
pointer-events: none;
}
.dark-PickerColumns-columnWrapper {
margin: 0;
padding: 0;
list-style: none;
transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
}
.dark-PickerColumns-type {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
color: rgba(0, 0, 0, 0.26);
}
.dark-PickerColumns-columnItem {
display: flex;
align-items: center;
justify-content: center;
color: var(--PickerColumns-optionText-color);
}
.dark-PickerColumns-columnItem.is-selected {
font-size: 18px;
color: var(--saas-Title-Text);
font-weight: 500;
}
.dark-PickerColumns-columnItem.is-disabled {
cursor: not-allowed;
opacity: var(--PickerColumns-optionDisabled-opacity);
}
.dark-PickerColumns-columnItemis-selected {
font-size: 18px;
color: --PickerColumns-title-color;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
}
.dark-Toast {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: flex-start;
max-width: var(--Toast-width);
pointer-events: auto;
margin-bottom: var(--gap-xs);
padding: var(--Toast-paddingY) var(--Toast-paddingX);
box-shadow: var(--Toast-box-shadow);
border-radius: var(--Toast-borderRadius);
border: var(--Toast-border-width) solid;
color: var(--Toast-color);
position: relative;
opacity: var(--Toast-opacity);
opacity: 0;
transform: translateZ(0);
}
.dark-Toast-wrap {
pointer-events: none;
position: fixed;
z-index: 2000;
}
.dark-Toast.in, .dark-Toast.out {
animation-fill-mode: both;
animation-duration: var(--animation-duration);
opacity: 1;
}
.dark-Toast.in {
animation-name: bounceIn;
}
.dark-Toast.out {
animation-name: bounceOut;
}
.dark-Toast-close {
display: inline-flex;
font-size: var(--fontSizeLg);
line-height: var(--gap-xl);
height: var(--gap-xl);
color: var(--Toast-close-color);
margin-left: var(--gap-sm);
opacity: 0.8;
align-items: center;
cursor: pointer;
}
.dark-Toast-close:hover {
color: var(--Toast-close--onHover-color);
opacity: 1;
}
.dark-Toast-close > svg {
top: 0;
}
.dark-Toast-content {
flex: 1;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
align-items: flex-start;
}
.dark-Toast-content .dark-Toast-title {
color: var(--text-color);
font-size: var(--fontSizeBase);
font-weight: 500;
line-height: var(--gap-xl);
margin-bottom: var(--gap-xs);
}
.dark-Toast-content .dark-Toast-body {
font-size: var(--fontSizeSm);
display: inline-block;
vertical-align: middle;
white-space: pre-wrap;
flex-grow: 1;
line-height: var(--gap-xl);
}
.dark-Toast-content .dark-Toast-body .dark-Html {
word-break: break-word;
}
.dark-Toast-icon {
display: inline-flex;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
vertical-align: middle;
margin-right: var(--gap-sm);
height: var(--gap-xl);
line-height: var(--gap-xl);
align-items: center;
}
.dark-Toast-icon > svg {
top: 0;
width: var(--Toast-icon-width);
height: var(--Toast-icon-height);
color: inherit;
}
.dark-Toast--error {
color: var(--Toast--danger-color);
border-color: var(--Toast--danger-borderColor);
background: var(--Toast--danger-bgColor);
}
.dark-Toast--warning {
color: var(--Toast--warning-color);
border-color: var(--Toast--warning-borderColor);
background: var(--Toast--warning-bgColor);
}
.dark-Toast--info {
color: var(--Toast--info-color);
border-color: var(--Toast--info-borderColor);
background: var(--Toast--info-bgColor);
}
.dark-Toast--success {
color: var(--Toast--success-color);
border-color: var(--Toast--success-borderColor);
background: var(--Toast--success-bgColor);
}
.dark-Toast-wrap--topRight {
top: var(--gap-base);
right: var(--gap-base);
}
.dark-Toast-wrap--topCenter {
top: var(--gap-base);
left: 50%;
margin-left: calc(var(--Toast-width) / -2);
}
.dark-Toast-wrap--topLeft {
top: var(--gap-base);
left: var(--gap-base);
}
.dark-Toast-wrap--bottomLeft {
left: var(--gap-base);
bottom: var(--gap-base);
}
.dark-Toast-wrap--bottomCenter {
left: 50%;
margin-left: calc(var(--Toast-width) / -2);
bottom: var(--gap-base);
}
.dark-Toast-wrap--bottomRight {
bottom: var(--gap-base);
right: var(--gap-base);
}
.dark-Alert {
font-size: var(--Alert-fontSize);
box-shadow: var(--Alert-boxShadow);
padding: var(--Alert-paddingY) var(--Alert-paddingX);
border: var(--Alert-borderWidth) solid var(--Alert-borderColor);
position: relative;
color: var(--Alert-fontColor);
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: flex-start;
overflow-y: hidden;
background: var(--saas-main-bg);
}
.dark-Alert-icon {
margin-right: 0.5rem;
font-size: var(--fontSizeLg);
}
.dark-Alert-content {
flex: 1;
overflow-y: auto;
white-space: initial;
}
.dark-Alert-content .dark-Alert-title {
color: var(--text-color);
font-size: var(--fontSizeBase);
font-weight: 500;
line-height: 1.5rem;
margin-bottom: 0.25rem;
}
.dark-Alert-content .dark-Alert-desc {
line-height: 1.5rem;
}
.dark-Alert-close {
outline: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
line-height: 1;
color: var(--saas-Title-Text);
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: 0.2;
margin-left: 0.5rem;
line-height: 1.5rem;
}
.dark-Alert-close:hover {
color: var(--saas-Title-Text);
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 0.5;
}
.dark-Alert .fold-all-btn {
position: absolute;
top: 0;
left: calc(50% - 15px);
width: 30px;
height: 14px;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.4);
color: #fff;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
cursor: pointer;
}
.dark-Alert .fold-all-btn .icon {
top: 0;
}
.dark-Alert--danger {
color: var(--Alert--danger-color);
background: unset;
border-color: transparent;
}
.dark-Alert--info {
color: var(--Alert--info-color);
background: unset;
border-color: transparent;
}
.dark-Alert--success {
color: var(--Alert--success-color);
background: unset;
border-color: transparent;
}
.dark-Alert--warning {
color: var(--Alert--warning-color);
background: unset;
border-color: transparent;
}
.dark-AppBcn {
height: 1.875rem;
line-height: 1.875rem;
font-size: 0.75rem;
list-style: none;
margin: 0;
padding: 0 0 0 var(--gap-md);
border-bottom: var(--borderWidth) solid var(--borderColor);
}
.dark-AppBcn-item {
display: inline-block;
}
.dark-AppBcn-item + .dark-AppBcn-item:before {
padding: 0 5px;
color: #ccc;
content: "/ ";
}
.dark-AppFoldBtn {
color: var(--icon-color);
padding: 0.625rem;
margin-left: -0.625rem;
cursor: pointer;
}
.dark-AppFoldBtn:hover {
color: var(--icon-onHover-color);
}
.dark-AppLogo-html {
display: inline-flex;
vertical-align: middle;
}
.dark-ArrayInput-placeholder {
color: var(--text--muted-color);
padding-top: var(--Form-label-paddingTop);
}
.dark-ArrayInput-addBtn {
font-size: var(--Combo-addBtn-fontSize);
padding: var(--Combo-addBtn-paddingY) var(--Combo-addBtn-paddingX);
font-size: var(--Combo-addBtn-fontSize);
line-height: var(--Combo-addBtn-lineHeight);
border-radius: var(--Combo-addBtn-borderRadius);
height: var(--Combo-addBtn-height);
color: var(--Combo-addBtn-color);
background: var(--Combo-addBtn-bg);
border-color: var(--Combo-addBtn-border);
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
}
.dark-ArrayInput-addBtn > svg {
width: var(--Combo-addBtn-fontSize);
height: var(--Combo-addBtn-fontSize);
}
.dark-ArrayInput-addBtn .dark-Button-icon:first-child:not(:last-child):not(.pull-right),
.dark-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
.dark-ArrayInput-addBtn > .pull-left {
margin-right: var(--gap-xs);
}
.dark-ArrayInput-addBtn .dark-Button-icon:last-child:not(:first-child):not(.pull-left),
.dark-ArrayInput-addBtn > .pull-right {
margin-right: var(--gap-xs);
}
.dark-ArrayInput-addBtn .dark-Button--loading:first-child:not(:last-child):not(.pull-right),
.dark-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
.dark-ArrayInput-addBtn > .pull-left {
margin-right: var(--Combo-addBtn-paddingX);
}
.dark-ArrayInput-addBtn .dark-Button--loading:last-child:not(:first-child):not(.pull-left),
.dark-ArrayInput-addBtn > .pull-right {
margin-left: var(--Combo-addBtn-paddingX);
}
.dark-ArrayInput-addBtn img.dark-Button-icon {
height: var(--Button-fontSize);
vertical-align: middle;
}
.dark-ArrayInput-addBtn:not(:disabled):not(.is-disabled):hover {
color: var(--Combo-addBtn-onHover-color);
background: var(--Combo-addBtn-onHover-bg);
border-color: var(--Combo-addBtn-onHover-border);
}
.dark-ArrayInput-addBtn:not(:disabled):not(.is-disabled):hover:active {
color: var(--Combo-addBtn-onActive-color);
background: var(--Combo-addBtn-onActive-bg);
border-color: var(--Combo-addBtn-onActive-border);
}
.dark-ArrayInput-addBtn:hover:focus {
box-shadow: var(--Button-boxShadow);
}
.dark-ArrayInput-addBtn.is-disabled {
pointer-events: none;
opacity: var(--Button-onDisabled-opacity);
}
.dark-ArrayInput-toolbar {
margin-top: var(--gap-sm);
display: flex;
flex-direction: row;
justify-content: space-between;
}
.dark-ArrayInput-toolbar--dnd {
padding-left: 29px;
}
.dark-ArrayInput-sortTip {
color: var(--text--muted-color);
}
.dark-ArrayInput-item {
display: flex;
flex-direction: row;
align-items: flex-start;
margin-bottom: var(--gap-xs);
}
.dark-ArrayInput-item > div {
flex-grow: 1;
width: 0;
min-width: 120px;
margin-right: var(--gap-xs);
}
.dark-ArrayInput-item > div:not(:first-child) {
margin-left: var(--gap-xs);
}
.dark-ArrayInput-item--dragging {
position: relative;
opacity: 0.4;
}
.dark-ArrayInput-itemRemove, .dark-ArrayInput-itemDrager {
margin: 0;
flex-grow: unset;
display: inline-block;
padding: var(--Form-label-paddingTop) var(--gap-xs);
cursor: pointer;
}
.dark-ArrayInput-itemRemove > svg, .dark-ArrayInput-itemDrager > svg {
color: var(--icon-color);
}
.dark-ArrayInput-itemRemove:hover > svg, .dark-ArrayInput-itemDrager:hover > svg {
color: var(--icon-onHover-color);
}
.dark-ArrayInput-itemDrager {
cursor: move;
}
.dark-Tabs {
width: 100%;
}
.dark-Tabs-linksContainer {
position: relative;
}
.dark-Tabs-linksContainer-arrow {
height: 100%;
display: flex;
align-items: center;
top: 0;
cursor: pointer;
position: absolute;
}
.dark-Tabs-linksContainer-arrow .iconfont {
font-size: var(--Remark-icon-fontSize);
}
.dark-Tabs-linksContainer-arrow:hover {
color: var(--icon-onHover-color);
}
.dark-Tabs-linksContainer-arrow--left {
left: 4px;
}
.dark-Tabs-linksContainer-arrow--right {
right: 4px;
}
.dark-Tabs-linksContainer-arrow--disabled .iconfont {
cursor: not-allowed;
color: var(--Number-handler-onDisabled-color);
}
.dark-Tabs-linksContainer-arrow--disabled:hover {
color: var(--Number-handler-onDisabled-color);
}
.dark-Tabs-linksContainer-main {
overflow-y: auto;
scrollbar-width: none;
width: 100%;
}
.dark-Tabs-linksContainer-main::-webkit-scrollbar {
display: none;
}
.dark-Tabs-linksContainer-main > .dark-Tabs-links {
white-space: nowrap;
min-width: 100%;
display: inline-block;
}
.dark-Tabs-linksContainer .Tabs-allItems {
position: absolute;
top: 6px;
right: 15px;
width: 24px;
background-color: #fff;
text-align: center;
cursor: pointer;
}
.dark-Tabs-linksContainer .Tabs-allItems .emit-icon {
width: 100%;
height: 100%;
}
.dark-Tabs-linksContainer .Tabs-allItems:hover {
color: #2468f2;
}
.dark-Tabs .dark-Tabs-linksContainer--overflow {
padding: 0 38px 0 16px !important;
}
.dark-Tabs-links {
margin: 0;
padding: 0;
border-bottom: var(--Tabs-borderWidth) solid var(--saas-Border-Dividers);
list-style: none;
user-select: none;
}
.dark-Tabs-links::before, .dark-Tabs-links::after {
display: table;
content: "";
}
.dark-Tabs-links::after {
clear: both;
}
.dark-Tabs-links > .dark-Tabs-link {
margin-bottom: calc(var(--Tabs-borderWidth) * -1);
display: inline-block;
position: relative;
}
.dark-Tabs-links > .dark-Tabs-link > a:first-child {
font-size: var(--Tabs-linkFontSize);
outline: none;
border: var(--Tabs-borderWidth) solid transparent;
border-top-left-radius: var(--Tabs-borderRadius);
border-top-right-radius: var(--Tabs-borderRadius);
color: var(--Tabs-color);
margin: var(--Tabs-linkMargin);
padding: var(--Tabs-linkPadding);
text-decoration: none;
cursor: pointer;
display: block;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Tabs-links > .dark-Tabs-link > a:first-child {
font-size: 0.75rem;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-Tabs-links > .dark-Tabs-link > a:first-child {
font-size: 0.8125rem;
}
}
.dark-Tabs-links > .dark-Tabs-link > .dark-Combo-toolbarBtn {
position: absolute;
right: -10px;
top: -10px;
z-index: 10;
display: none;
}
.dark-Tabs-links > .dark-Tabs-link:hover > .dark-Combo-toolbarBtn {
display: block;
}
.dark-Tabs-links > .dark-Tabs-link:hover > a:first-child,
.dark-Tabs-links > .dark-Tabs-link > a:first-child:focus {
border-color: var(--Tabs-onHover-borderColor);
text-decoration: none;
}
.dark-Tabs-links > .dark-Tabs-link.disabled, .dark-Tabs-links > .dark-Tabs-link.is-disabled {
cursor: not-allowed;
}
.dark-Tabs-links > .dark-Tabs-link.disabled > a:first-child, .dark-Tabs-links > .dark-Tabs-link.is-disabled > a:first-child {
color: var(--Tabs-onDisabled-color);
background: transparent;
border-color: transparent;
pointer-events: none;
}
.dark-Tabs-links > .dark-Tabs-link.active > a:first-child, .dark-Tabs-links > .dark-Tabs-link.is-active > a:first-child {
color: var(--Tabs-onActive-color);
background: var(--Tabs-onActive-bg);
border-color: var(--saas-Border-Dividers);
border-bottom-color: transparent;
}
.dark-Tabs-content {
background: var(--saas-main-bg);
border-style: solid;
border-width: 0 var(--Tabs-borderWidth) var(--Tabs-borderWidth);
border-color: var(--saas-Border-Dividers);
}
.dark-Tabs-pane {
display: none;
opacity: 0;
transition: opacity var(--animation-duration) linear;
}
.dark-Tabs-pane.is-active {
display: block;
}
.dark-Tabs-pane.in {
opacity: 1;
}
.dark-Tabs--line {
display: flex;
flex-direction: column;
overflow-y: hidden;
}
.dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-arrow {
top: -4px;
}
.dark-Tabs--line > .dark-Tabs-links,
.dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
border-bottom-color: var(--Tabs--line-borderColor);
}
.dark-Tabs--line > .dark-Tabs-links > li > a:first-child,
.dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
border-width: 0 0 var(--Tabs--line-borderWidth) 0;
padding: var(--Tabs--line-linkPadding);
margin: var(--Tabs--line-linkMargin);
}
.dark-Tabs--line > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--line > .dark-Tabs-links > li > a:first-child:focus,
.dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:hover,
.dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:focus {
color: var(--primary);
background: transparent;
border-color: transparent;
}
.dark-Tabs--line > .dark-Tabs-links > li:last-child > a,
.dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:last-child > a {
margin: 0;
}
.dark-Tabs--line > .dark-Tabs-links > li.is-active > a:first-child,
.dark-Tabs--line > .dark-Tabs-links > li.is-active > a:first-child:hover,
.dark-Tabs--line > .dark-Tabs-links > li.is-active > a:first-child:focus,
.dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child,
.dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:hover,
.dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:focus {
border-color: var(--Tabs--line-onHover-borderColor);
color: var(--Tabs--line-onHover-color);
background: transparent;
}
.dark-Tabs--line > .dark-Tabs-content {
border-width: 0;
padding: var(--Tabs--line-content-padding);
background: var(--Tabs--line-content-bg);
flex: 1;
overflow-y: auto;
}
.dark-Tabs--card > .dark-Tabs-linksContainer {
background: var(--Tabs--card-bg);
}
.dark-Tabs--card > .dark-Tabs-links,
.dark-Tabs--card > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
padding: var(--Tabs--card-padding);
background: var(--Tabs--card-bg);
border-top: 0.0625rem solid var(--Tabs--card-borderTopColor);
}
.dark-Tabs--card > .dark-Tabs-links > li.is-active > a:first-child,
.dark-Tabs--card > .dark-Tabs-links > li.is-active > a:first-child:hover,
.dark-Tabs--card > .dark-Tabs-links > li.is-active > a:first-child:focus,
.dark-Tabs--card > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child,
.dark-Tabs--card > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:hover,
.dark-Tabs--card > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:focus {
border-color: var(--Tabs--card-onActive-borderColor);
color: var(--primary);
border-bottom-color: var(--Tabs--card-onActive-bg);
background: var(--Tabs--card-onActive-bg);
}
.dark-Tabs--card > .dark-Tabs-links > li > a:first-child,
.dark-Tabs--card > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
padding: var(--Tabs--card-linkPadding);
margin: var(--Tabs--card-linkMargin);
}
.dark-Tabs--card > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--card > .dark-Tabs-links > li > a:first-child:focus,
.dark-Tabs--card > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:hover,
.dark-Tabs--card > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:focus {
color: #666;
background: var(--Tabs--card-onActive-bg);
border-bottom-color: transparent;
}
.dark-Tabs--card > .dark-Tabs-content {
border-width: 0;
}
.dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-arrow {
top: -4px;
}
.dark-Tabs--radio > .dark-Tabs-links,
.dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
border: 0;
margin-bottom: 0.625rem;
}
.dark-Tabs--radio > .dark-Tabs-links > li,
.dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li {
margin: 0;
}
.dark-Tabs--radio > .dark-Tabs-links > li > a:first-child,
.dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
border-width: 0.0625rem;
border-color: var(--Tabs-borderColor);
font-size: var(--fontSizeSm);
text-align: center;
margin: 0;
padding: 0 0.625rem;
min-width: 68px;
height: 1.875rem;
line-height: 1.875rem;
border-radius: 0;
background: var(--Tabs--radio-bg);
}
.dark-Tabs--radio > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--radio > .dark-Tabs-links > li > a:first-child:focus,
.dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:hover,
.dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:focus {
color: var(--primary);
}
.dark-Tabs--radio > .dark-Tabs-links > li.is-active > a:first-child,
.dark-Tabs--radio > .dark-Tabs-links > li.is-active > a:first-child:hover,
.dark-Tabs--radio > .dark-Tabs-links > li.is-active > a:first-child:focus,
.dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child,
.dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:hover,
.dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:focus {
color: var(--Tabs--radio-bg);
background: var(--primary);
border-color: var(--primary);
position: relative;
z-index: 1;
}
.dark-Tabs--radio > .dark-Tabs-links > li + li,
.dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li + li {
margin-left: -1px;
}
.dark-Tabs--radio > .dark-Tabs-content {
border-top: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
}
.dark-Tabs--tiled > .dark-Tabs-links,
.dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
width: 100%;
display: flex;
flex-direction: row;
padding-left: var(--Tabs-borderWidth);
border-bottom: 0;
}
.dark-Tabs--tiled > .dark-Tabs-links > li,
.dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li {
flex-grow: 1;
text-align: center;
margin: 0 0 0 calc(var(--Tabs-borderWidth) * -1);
}
.dark-Tabs--tiled > .dark-Tabs-links > li > a:first-child,
.dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
margin: 0;
border-radius: 0;
border-style: solid;
border-color: var(--Tabs-borderColor);
border-width: var(--Tabs-borderWidth);
}
.dark-Tabs--tiled > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--tiled > .dark-Tabs-links > li > a:first-child:focus,
.dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:hover,
.dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:focus {
position: relative;
z-index: 1;
border-color: var(--Tabs-onActive-borderColor);
color: var(--primary);
}
.dark-Tabs--tiled > .dark-Tabs-links > li.is-active > a:first-child,
.dark-Tabs--tiled > .dark-Tabs-links > li.is-active > a:first-child:hover,
.dark-Tabs--tiled > .dark-Tabs-links > li.is-active > a:first-child:focus,
.dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child,
.dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:hover,
.dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:focus {
cursor: default;
color: var(--primary);
border-color: var(--Tabs-borderColor);
border-top-color: var(--primary);
border-bottom-color: transparent;
}
.dark-Tabs--vertical {
display: flex;
min-height: 12.5rem;
border: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
border-radius: 0;
height: 100%;
position: relative;
}
.dark-Tabs--vertical > .dark-Tabs-line {
width: 1px;
position: relative;
background-color: white;
}
.dark-Tabs--vertical > .dark-Tabs-line .collpase {
position: absolute;
z-index: 8;
top: 0;
bottom: 0;
width: 10px;
height: 100%;
left: -5px;
display: flex;
justify-content: center;
align-items: center;
user-select: none;
cursor: ew-resize;
}
.dark-Tabs--vertical > .dark-Tabs-line .collpase .left {
cursor: pointer;
position: absolute;
top: 50%;
right: 4px;
padding: 1px;
color: rgba(0, 0, 0, 0.4);
}
.dark-Tabs--vertical > .dark-Tabs-line .collpase .right {
cursor: pointer;
position: absolute;
top: 50%;
left: 4px;
padding: 1px;
color: rgba(0, 0, 0, 0.4);
}
.dark-Tabs--vertical > .dark-Tabs-line .collpase .left-hovered {
border: 1px solid #3574ee;
border-radius: 8px 0 0 8px;
border-right: none;
font-size: 13px;
}
.dark-Tabs--vertical > .dark-Tabs-line .collpase .right-hovered {
border: 1px solid #3574ee;
border-radius: 0 8px 8px 0;
border-left: none;
font-size: 13px;
}
.dark-Tabs--vertical > .dark-Tabs-links {
width: 160px;
background: var(--saas-main-bg);
border: none;
border-right: 1px solid var(--saas-Border-Dividers);
overflow-y: scroll;
overflow-x: hidden;
display: flex;
flex-direction: column;
align-items: flex-start;
transition: width 0.3s;
}
.dark-Tabs--vertical > .dark-Tabs-links::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.dark-Tabs--vertical > .dark-Tabs-links::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
background-color: #d2d2d3;
}
.dark-Tabs--vertical > .dark-Tabs-links .dark-Tabs-links-befote {
width: 100%;
}
.dark-Tabs--vertical > .dark-Tabs-links .tablinks-collpase {
position: absolute;
top: 200px;
right: 0;
width: 20px;
border-radius: 7px 0px 0px 7px;
background-color: #eee;
z-index: 5;
font-size: 12px;
color: #666;
text-align: center;
letter-spacing: 3px;
padding: 4px;
cursor: pointer;
box-shadow: -2px 3px 4px 0 #aaa;
white-space: normal;
}
.dark-Tabs--vertical > .dark-Tabs-links .tablinks-collpase .anticon {
margin-bottom: 4px;
}
.dark-Tabs--vertical > .dark-Tabs-links .tablinks-collpase.closed {
left: 0;
border-radius: 0 7px 7px 0;
box-shadow: 2px 3px 4px 0 #aaa;
}
.dark-Tabs--vertical > .dark-Tabs-links .dark-Tabs--slider {
position: absolute;
right: 0;
top: 0;
cursor: ew-resize;
display: flex;
justify-content: center;
align-items: center;
font-size: 10px;
font-weight: 600;
width: 8px;
height: 100%;
border-radius: 2px;
border: 0px;
line-height: 1.4;
text-align: center;
user-select: none;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
z-index: 3;
background-color: var(--saas-main-bg);
}
.dark-Tabs--vertical > .dark-Tabs-links .dark-Tabs--slider svg {
color: #000;
font-size: 19px;
}
.dark-Tabs--vertical > .dark-Tabs-links .dark-Tabs--slider .dark-Tabs--sliders {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--saas-main-bg);
}
.dark-Tabs--vertical > .dark-Tabs-links .dark-Tabs--slider.slider-closed {
background-color: #fff;
cursor: default;
}
.dark-Tabs--vertical > .dark-Tabs-links .dark-Tabs--slider.slider-closed svg {
z-index: 1;
cursor: pointer;
}
.dark-Tabs--vertical > .dark-Tabs-links > li {
margin: 0 0 0 -1px;
display: block;
}
.dark-Tabs--vertical > .dark-Tabs-links > li > a:first-child {
border-color: transparent;
border-radius: 0;
border-width: var(--Tabs--vertical-onActive-borderWidth);
margin: 0;
}
.dark-Tabs--vertical > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--vertical > .dark-Tabs-links > li > a:first-child:focus {
color: var(--primary);
border-color: transparent;
}
.dark-Tabs--vertical > .dark-Tabs-links > li.is-active > a:first-child,
.dark-Tabs--vertical > .dark-Tabs-links > li.is-active > a:first-child:hover,
.dark-Tabs--vertical > .dark-Tabs-links > li.is-active > a:first-child:focus {
color: var(--Tabs--vertical-onActive-color);
background: var(--Tabs--vertical-onActive-bg);
border-color: var(--Tabs--vertical-onActive-border);
}
.dark-Tabs--vertical > .dark-Tabs-content {
border: none;
overflow-x: auto;
flex: 1;
}
.dark-Tabs--vertical > .dark-Tabs-content > .dark-Tabs-pane {
height: 100%;
}
.dark-Tabs--chrome > .dark-Tabs-links {
background: var(--Tabs--chrome-bg);
border-bottom: 0;
padding: 0 0.625rem;
padding-top: 0.5rem;
display: flex;
}
.dark-Tabs--chrome > .dark-Tabs-links > li {
position: relative;
margin-bottom: 0;
white-space: nowrap;
min-width: 0;
max-width: 15.625rem;
padding: 0.4375rem 1.25rem 0.375rem;
cursor: pointer;
flex: 1;
}
.dark-Tabs--chrome > .dark-Tabs-links > li > a:first-child {
background: none;
border: none;
position: relative;
z-index: 5;
overflow: hidden;
padding: 0;
}
.dark-Tabs--chrome > .dark-Tabs-links > li.is-active > a:first-child,
.dark-Tabs--chrome > .dark-Tabs-links > li.is-active > a:first-child:hover,
.dark-Tabs--chrome > .dark-Tabs-links > li.is-active > a:first-child:focus {
background: none;
border: none;
}
.dark-Tabs--chrome > .dark-Tabs-links > li.is-active:after {
display: none;
}
.dark-Tabs--chrome > .dark-Tabs-links > li:after {
content: "";
width: 1px;
height: calc(100% - var(--Tabs--chrome-radius-size) * 2);
position: absolute;
right: -2px;
background: var(--Tabs--chrome-right-boder-color);
top: var(--Tabs--chrome-radius-size);
}
.dark-Tabs--chrome > .dark-Tabs-links > li:hover .chrome-tab-background {
z-index: 3;
display: block;
background-color: var(--Tabs--chrome-onHover-bg);
}
.dark-Tabs--chrome > .dark-Tabs-links > li:hover .chrome-tab-background > svg {
fill: var(--Tabs--chrome-onHover-bg);
}
.dark-Tabs--chrome > .dark-Tabs-links > li:hover:after {
display: none;
}
.dark-Tabs--chrome > .dark-Tabs-links > li.is-active .chrome-tab-background {
display: block;
background-color: var(--Tabs-onActive-bg);
}
.dark-Tabs--chrome > .dark-Tabs-links > li.is-active .chrome-tab-background > svg {
fill: var(--Tabs-onActive-bg);
}
.dark-Tabs--chrome .chrome-tab-background {
display: none;
position: absolute;
z-index: 4;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
border-radius: var(--Tabs--chrome-radius-size) var(--Tabs--chrome-radius-size) 0 0;
}
.dark-Tabs--chrome .chrome-tab-background > svg {
width: var(--Tabs--chrome-radius-size);
height: var(--Tabs--chrome-radius-size);
bottom: 0;
position: absolute;
}
.dark-Tabs--chrome .chrome-tab-background > .chrome-tab-background--right {
right: calc(var(--Tabs--chrome-radius-size) * -1);
}
.dark-Tabs--chrome .chrome-tab-background > .chrome-tab-background--left {
left: calc(var(--Tabs--chrome-radius-size) * -1);
}
.dark-Tabs-toolbar {
display: inline-block;
float: right;
padding-top: var(--gap-xs);
}
.dark-Tabs.dark-Tabs--content-tiled .dark-Tabs-pane {
display: block;
opacity: 1;
border-bottom: 1px solid var(--saas-Border-Dividers);
}
@media (min-width: 576px) {
.dark-Tabs.dark-Tabs--content-tiled .dark-Tabs-pane .dark-Form--inline.antd-Form-rectangle {
background-color: var(--saas-main-bg);
padding-left: 0;
border-bottom: 0;
}
.dark-Tabs.dark-Tabs--content-tiled .dark-Tabs-pane .dark-Table {
padding: 0;
}
}
.dark-Tabs.dark-Tabs--content-tiled .dark-Tabs-pane .dark-Tabs-pane-title {
font-weight: bolder;
font-size: 18px;
height: 48px;
line-height: 48px;
padding-left: 8px;
}
.dark-Tabs.dark-Tabs--content-tiled .dark-Tabs-pane:last-child {
border-bottom: none;
}
.dark-Tabs.dark-Tabs--content-tiled .dark-Tabs-linksContainer,
.dark-Tabs.dark-Tabs--content-tiled .dark-Tabs-links {
display: none;
}
.dark-Tabs.dark-Tabs--line.dark-Combination {
width: auto;
height: 100%;
background: #f7f9fc;
}
.dark-Tabs.dark-Tabs--line.dark-Combination div:first-child.dark-Tabs-linksContainer {
border-top: 1px solid var(--saas-Border-Dividers);
}
.dark-Tabs.dark-Tabs--line.dark-Combination > .dark-Tabs-linksContainer {
padding: 0px;
background-color: var(--saas-main-bg);
border-bottom: 1px solid var(--saas-Border-Dividers);
}
.dark-Tabs.dark-Tabs--line.dark-Combination > .dark-Tabs-linksContainer .dark-Tabs-linksContainer-arrow--right,
.dark-Tabs.dark-Tabs--line.dark-Combination > .dark-Tabs-linksContainer .dark-Tabs-linksContainer-arrow--left {
top: 0;
}
.dark-Tabs.dark-Tabs--line.dark-Combination > .dark-Tabs-linksContainer .dark-Tabs-linksContainer-main .dark-Tabs-links {
border: none;
}
.dark-Tabs.dark-Tabs--line.dark-Combination > .dark-Tabs-linksContainer .dark-Tabs-linksContainer-main .dark-Tabs-links .dark-Tabs-link a {
display: flex;
align-items: center;
margin: 0 20px;
padding: 0;
height: 32px;
font-size: 13px;
}
.dark-Tabs.dark-Tabs--line.dark-Combination > .dark-Tabs-linksContainer .dark-Tabs-linksContainer-main .dark-Tabs-links .dark-Tabs-link:hover a {
border-color: transparent;
}
.dark-Tabs.dark-Tabs--line.dark-Combination > .dark-Tabs-linksContainer .dark-Tabs-linksContainer-main .dark-Tabs-links .dark-Tabs-link.is-active a {
border: none;
}
.dark-Tabs.dark-Tabs--line.dark-Combination > .dark-Tabs-linksContainer .dark-Tabs-linksContainer-main .dark-Tabs-links .dark-Tabs-link.is-active::before {
position: absolute;
content: "";
border-bottom: 2px;
width: 20px;
bottom: 0;
height: 2px;
background-color: var(--saas-Primary-Color);
left: 50%;
transform: translateX(-50%);
}
.dark-Tabs.dark-Tabs--line.dark-Combination .dark-Tabs-content {
background: var(--saas-main-bg);
}
.dark-Tabs.dark-Tabs--line.dark-Combination .dark-Tabs-content .dark-Combination {
margin: 0;
}
.dark-Tabs.dark-Tabs--line.dark-Combination .dark-Grid--combination {
margin: 0;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination {
width: auto;
background: var(--saas-Background-Header);
border: none;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination > .dark-Tabs-links {
overflow-y: hidden;
width: 160px;
position: relative;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination > .dark-Tabs-links::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination > .dark-Tabs-links .dark-Tabs-links-input {
position: sticky;
top: 0;
padding: 8px 6px 4px 8px;
z-index: 1;
background-color: var(--saas-main-bg);
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination > .dark-Tabs-links .dark-Tabs-links-input .ant-input-affix-wrapper {
border-radius: 4px;
background-color: #f7f9fc;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination > .dark-Tabs-links .dark-Tabs-link {
overflow: hidden;
padding: 4px 8px 4px 0;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination > .dark-Tabs-links .dark-Tabs-link a {
color: var(--saas-font-size-black);
border: none;
padding: 6px 0px 6px 16px;
border-radius: 0;
overflow: hidden;
word-wrap: break-word;
font-size: 13px;
text-decoration: none;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination > .dark-Tabs-links .dark-Tabs-link:hover a {
color: var(--saas-font-size-black);
background-color: var(--Tree-item-onHover-bg);
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination > .dark-Tabs-links .dark-Tabs-link.is-active a {
color: var(--saas-font-size-black);
background-color: var(--Tree-item-onHover-bg);
list-style: none;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination > .dark-Tabs-links .dark-Tabs-link.is-active a::before {
content: "";
position: absolute;
height: 20px;
border-right: 3px solid var(--saas-Primary-Color);
transform: translateY(-50%);
top: 50%;
left: 8px;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination > .dark-Tabs-links .dark-Tabs-links-befote {
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination > .dark-Tabs-links .dark-Tabs-links-befote::-webkit-scrollbar {
width: 2px;
height: 2px;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination > .dark-Tabs-links .dark-Tabs-links-befote .dark-Tabs-link {
position: relative;
display: block;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination > .dark-Tabs-links .dark-Tabs-links-befote .dark-Tabs-link a {
display: block;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination .dark-Tabs-content {
background: var(--saas-main-bg);
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination .dark-Tabs-content > .dark-Tabs-pane > .dark-Service > .dark-Service-body > .dark-Tabs--content-tiled {
margin: 0;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination .dark-Tabs-content > .dark-Tabs-pane > .dark-Service > .dark-Service-body > .dark-Tabs--content-tiled > .dark-Tabs-content {
background-color: var(--saas-main-bg) !important;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination .dark-Tabs-content .dark-Combination {
margin: 0;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination .dark-Grid--combination {
margin: 0;
}
.dark-Tabs.dark-Tabs--content-tiled.dark-Combination {
width: auto;
border: none;
}
.dark-Tabs.dark-Tabs--content-tiled.dark-Combination > .dark-Tabs-content .dark-Tabs-pane {
margin-bottom: 8px;
}
.dark-Tabs.dark-Tabs--content-tiled.dark-Combination > .dark-Tabs-content .dark-Tabs-pane:last-child {
margin-bottom: 0;
}
.dark-Tabs.dark-Tabs--content-tiled.dark-Combination > .dark-Tabs-content .dark-Tabs-pane:first-child {
margin-top: 8px;
}
.dark-Tabs.dark-Tabs--content-tiled.dark-Combination > .dark-Tabs-content .dark-Tabs-pane .dark-Tabs-pane-title {
font-size: 14px;
display: flex;
align-items: center;
line-height: normal;
height: auto;
padding-left: 0;
}
.dark-Tabs.dark-Tabs--content-tiled.dark-Combination > .dark-Tabs-content .dark-Tabs-pane .dark-Tabs-pane-title > span {
min-width: 8.75rem;
padding: 4px 0px 4px 16px;
position: relative;
display: inline-block;
background-color: var(--saas-tabs-title-color);
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.dark-Tabs.dark-Tabs--content-tiled.dark-Combination > .dark-Tabs-content .dark-Tabs-pane .dark-Tabs-pane-title > span::before {
content: "";
position: absolute;
height: 20px;
border-right: 3px solid var(--saas-Primary-Color);
transform: translateY(-50%);
top: 50%;
left: 8px;
}
.dark-Tabs.dark-Tabs--content-tiled.dark-Combination > .dark-Tabs-content .dark-Tabs-pane .dark-Tabs-pane-title .icon {
margin-left: 4px;
color: var(--saas-Placeholder-Text);
cursor: pointer;
}
.dark-Tabs.dark-Tabs--content-tiled.dark-Combination > .dark-Tabs-content .dark-Tabs-pane .dark-Tabs-pane-title .icon:hover {
color: #3574ee;
}
.dark-Tabs.dark-Tabs--content-tiled.dark-Combination > .dark-Tabs-content .dark-Tabs-pane .dark-Service {
padding: 0px 8px;
}
.dark-Tabs.dark-Tabs--content-tiled.dark-Combination > .dark-Tabs-content .dark-Tabs-pane .dark-Service .dark-Table-horizontal .dark-Mobile-header-toolbar-wrapper {
border: 0;
}
.dark-Tabs.dark-Tabs--content-tiled.dark-Combination > .dark-Tabs-content .dark-Combination {
margin: 0;
}
.dark-Tabs.dark-Tabs--content-tiled.dark-Combination .dark-Grid--combination {
margin: 0;
}
@media (max-width: 767px) {
.dark-Page-body .dark-Tabs.dark-Tabs--line,
.dark-Page-body .dark-Tabs.dark-Tabs--line.dark-Combination {
border-top: none;
}
.dark-Tabs.dark-Tabs--line,
.dark-Tabs.dark-Tabs--line.dark-Combination {
border-top: 8px solid var(--them-bg-color);
}
.dark-Tabs.dark-Tabs--line .dark-Tabs-linksContainer,
.dark-Tabs.dark-Tabs--line.dark-Combination .dark-Tabs-linksContainer {
border-bottom: 1px solid var(--saas-Border-Dividers);
margin-bottom: 0;
}
.dark-Tabs.dark-Tabs--line .dark-Tabs-linksContainer .dark-Tabs-linksContainer-main .dark-Tabs-links,
.dark-Tabs.dark-Tabs--line.dark-Combination .dark-Tabs-linksContainer .dark-Tabs-linksContainer-main .dark-Tabs-links {
background-color: var(--saas-main-bg);
}
.dark-Tabs.dark-Tabs--line .dark-Tabs-linksContainer .dark-Tabs-linksContainer-main .dark-Tabs-links .dark-Tabs-link a,
.dark-Tabs.dark-Tabs--line.dark-Combination .dark-Tabs-linksContainer .dark-Tabs-linksContainer-main .dark-Tabs-links .dark-Tabs-link a {
font-size: 15px;
font-weight: 500;
}
.dark-Tabs.dark-Tabs--line .dark-Tabs-linksContainer .dark-Tabs-linksContainer-main .dark-Tabs-links .dark-Tabs-link.is-active a,
.dark-Tabs.dark-Tabs--line.dark-Combination .dark-Tabs-linksContainer .dark-Tabs-linksContainer-main .dark-Tabs-links .dark-Tabs-link.is-active a {
color: var(--saas-Primary-Color);
}
.dark-Tabs.dark-Tabs--line .dark-Tabs-content,
.dark-Tabs.dark-Tabs--line.dark-Combination .dark-Tabs-content {
padding: 0;
}
.dark-Tabs.dark-Tabs--line .dark-Tabs-content .dark-Tabs-pane,
.dark-Tabs.dark-Tabs--line.dark-Combination .dark-Tabs-content .dark-Tabs-pane {
padding: 0;
}
.dark-Tabs.dark-Tabs--line .dark-Tabs-content .dark-Tabs-pane.is-active .dark-Table.dark-Table-horizontal .dark-Mobile-header-toolbar-wrapper,
.dark-Tabs.dark-Tabs--line.dark-Combination .dark-Tabs-content .dark-Tabs-pane.is-active .dark-Table.dark-Table-horizontal .dark-Mobile-header-toolbar-wrapper {
border-top: none;
}
.dark-Tabs.dark-Tabs--line .dark-Tabs-content .dark-Tabs-pane.is-active .dark-Table.dark-Table-vertical .dark-Mobile-header-toolbar-wrapper,
.dark-Tabs.dark-Tabs--line.dark-Combination .dark-Tabs-content .dark-Tabs-pane.is-active .dark-Table.dark-Table-vertical .dark-Mobile-header-toolbar-wrapper {
margin-top: 0;
}
.dark-Tabs.dark-Tabs--line.dark-Combination {
margin: 0;
}
.dark-Tabs.dark-Tabs--vertical.dark-Combination {
margin: 0;
}
.dark-Tabs.dark-Tabs--content-tiled.dark-Combination {
margin: 0;
height: 100%;
overflow: auto;
}
.dark-Tabs.dark-Tabs--content-tiled {
height: 100%;
overflow-y: auto;
}
.dark-Tabs.dark-Tabs--content-tiled .dark-Tabs-content .dark-Table .dark-Table-contentWrap .dark-Table-content {
overscroll-behavior: auto;
}
}
/* Aug移动端样式 */
@media (max-width: 767px) {
.dark-Tabs-pane {
height: 100%;
}
.dark-Tabs .tabs-reload-tools {
position: fixed;
right: 34px;
top: -5px;
background: #fff;
height: 37px;
line-height: 37px;
color: #000;
font-size: 16px;
}
.dark-Tabs .tabs-reload-tools-shottcut {
right: 34px;
}
.dark-Tabs .dark-Tabs-linksContainer {
top: unset;
width: 100%;
background: var(--saas-main-bg);
padding: 8px 0 0;
}
.dark-Tabs-links {
padding: 0 var(--Page-body-padding);
}
.dark-Tabs--line > .dark-Tabs-content {
overflow-y: hidden;
}
.dark-Tabs--line > .dark-Tabs-content .dark-Tabs-pane {
overflow-y: auto;
}
}
.dark-Modal-content .dark-Tabs--line {
overflow-y: initial;
}
.dark-Modal-content .dark-Tabs--line > .dark-Tabs-content {
overflow-y: initial;
}
.tabs-content-tiled-actions .dark-PopUp-inner {
background: #f6f6f6;
}
.tabs-content-tiled-actions .tabs-reload-tool .toolbar-body {
border-bottom: 1px solid #eee;
}
.tabs-content-tiled-actions .tabs-reload-tool .toolbar-body .toolbar-item-row {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 12px;
}
.tabs-content-tiled-actions .tabs-reload-tool .toolbar-body .toolbar-item-row .toolbar-item {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.tabs-content-tiled-actions .tabs-reload-tool .toolbar-body .toolbar-item-row .toolbar-item .icon-bar {
background-color: #fff;
padding: 7px 10px;
border-radius: 10px;
}
.tabs-content-tiled-actions .tabs-reload-tool .toolbar-body .toolbar-item-row .toolbar-item .icon-bar .icon {
font-size: 22px;
}
.tabs-content-tiled-actions .tabs-reload-tool .toolbar-body .toolbar-item-row .toolbar-item .icon-title {
font-size: 12px;
color: #777;
text-align: center;
letter-spacing: 1px;
margin-top: 3px;
font-weight: bold;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
.tabs-content-tiled-actions .tabs-reload-tool .toolbar-body .toolbar-item-row.toolbar-cancel {
display: block;
text-align: center;
}
.tabs-content-tiled-actions .tabs-reload-tool .toolbar-body .toolbar-item-row.toolbar-cancel > div {
color: #000;
letter-spacing: 1px;
}
.overlay-allItems {
width: 300px;
}
.overlay-allItems .ant-dropdown-menu.ant-dropdown-menu-root {
padding: 0;
min-height: 300px;
max-height: 50vh;
overflow-y: auto;
}
.overlay-allItems .ant-dropdown-menu-title-content {
display: block;
max-width: 280px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.overlay-allItems .filter-wrapper {
padding: 10px;
background-color: #fff;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.dark-Nav {
position: relative;
}
.dark-Nav .dark-Nav-list {
list-style: none;
user-select: none;
margin: 0;
padding: 0;
position: relative;
}
.dark-Nav .dark-Nav-list .dark-Nav-itemIcon {
margin-right: var(--gap-sm);
}
.dark-Nav .dark-Nav-list img.dark-Nav-itemIcon {
height: var(--Tabs-linkFontSize);
vertical-align: middle;
}
.dark-Nav .dark-Nav-list--tabs {
border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
}
.dark-Nav .dark-Nav-list--tabs .dark-Nav-item {
margin-bottom: calc(var(--Tabs-borderWidth) * -1);
display: inline-block;
position: relative;
}
.dark-Nav .dark-Nav-list--tabs .dark-Nav-item > a {
font-size: var(--Tabs-linkFontSize);
display: block;
outline: none;
border: var(--Tabs-borderWidth) solid transparent;
border-top-left-radius: var(--Tabs-borderRadius);
border-top-right-radius: var(--Tabs-borderRadius);
color: var(--Tabs-color);
text-decoration: none;
margin-right: 0.125rem;
padding: var(--gap-sm) var(--gap-xl);
cursor: pointer;
}
.dark-Nav .dark-Nav-list--tabs .dark-Nav-item:hover > a,
.dark-Nav .dark-Nav-list--tabs .dark-Nav-item > a:focus {
border-color: var(--Tabs-onHover-borderColor);
text-decoration: none;
}
.dark-Nav .dark-Nav-list--tabs .dark-Nav-item.disabled > a, .dark-Nav .dark-Nav-list--tabs .dark-Nav-item.is-disabled > a {
color: var(--Tabs-onDisabled-color);
background: transparent;
border-color: transparent;
pointer-events: none;
}
.dark-Nav .dark-Nav-list--tabs .dark-Nav-item.active > a, .dark-Nav .dark-Nav-list--tabs .dark-Nav-item.is-active > a {
color: var(--Tabs-onActive-color);
background: var(--Tabs-onActive-bg);
border-color: var(--Tabs-onActive-borderColor);
border-bottom-color: var(--Tabs-content-bg);
}
.dark-Nav .dark-Nav-list--stacked {
min-height: 3.125rem;
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item, .dark-Nav .dark-Nav-list--stacked .dark-Badge {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item .dark-Nav-itemDrager, .dark-Nav .dark-Nav-list--stacked .dark-Badge .dark-Nav-itemDrager {
cursor: move;
position: absolute;
left: 0;
display: none;
line-height: 0;
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item .dark-Nav-itemDrager > .icon, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item .dark-Nav-itemDrager > .dark-Badge > .icon, .dark-Nav .dark-Nav-list--stacked .dark-Badge .dark-Nav-itemDrager > .icon, .dark-Nav .dark-Nav-list--stacked .dark-Badge .dark-Nav-itemDrager > .dark-Badge > .icon {
color: var(--icon-color);
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item .dark-Nav-itemDrager > .icon:hover, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item .dark-Nav-itemDrager > .dark-Badge > .icon:hover, .dark-Nav .dark-Nav-list--stacked .dark-Badge .dark-Nav-itemDrager > .icon:hover, .dark-Nav .dark-Nav-list--stacked .dark-Badge .dark-Nav-itemDrager > .dark-Badge > .icon:hover {
color: var(--icon-onHover-color);
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item .dark-Nav-itemDrager svg, .dark-Nav .dark-Nav-list--stacked .dark-Badge .dark-Nav-itemDrager svg {
width: 1rem;
height: 1rem;
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > .dark-Nav-item-badgeText, .dark-Nav .dark-Nav-list--stacked .dark-Badge > .dark-Nav-item-badgeText {
position: absolute;
top: 0;
bottom: 0;
width: 2.1875rem;
overflow: hidden;
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > .dark-Nav-item-badgeText > span, .dark-Nav .dark-Nav-list--stacked .dark-Badge > .dark-Nav-item-badgeText > span {
position: absolute;
top: 0.125rem;
left: -0.8125rem;
transform: rotate(-45deg);
width: 3.125rem;
font-size: 12px;
text-align: center;
color: var(--white);
background: var(--success);
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > .dark-Nav-item-atcions, .dark-Nav .dark-Nav-list--stacked .dark-Badge > .dark-Nav-item-atcions {
display: flex;
align-items: center;
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > a,
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > .dark-Badge > a, .dark-Nav .dark-Nav-list--stacked .dark-Badge > a,
.dark-Nav .dark-Nav-list--stacked .dark-Badge > .dark-Badge > a {
display: flex;
align-items: center;
outline: none;
color: var(--Nav-item-color);
text-decoration: none;
padding: var(--gap-sm) var(--gap-sm);
cursor: pointer;
background: var(--Nav-item-bg);
border-radius: var(--Nav-item-borderRadius);
text-overflow: ellipsis;
flex: 1;
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > a:hover,
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > a:focus,
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > a:hover + .dark-Nav-item-atcions,
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > a:focus + .dark-Nav-item-atcions,
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > .dark-Badge > a:hover,
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > .dark-Badge > a:focus,
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > .dark-Badge > a:hover + .dark-Nav-item-atcions,
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > .dark-Badge > a:focus + .dark-Nav-item-atcions, .dark-Nav .dark-Nav-list--stacked .dark-Badge > a:hover,
.dark-Nav .dark-Nav-list--stacked .dark-Badge > a:focus,
.dark-Nav .dark-Nav-list--stacked .dark-Badge > a:hover + .dark-Nav-item-atcions,
.dark-Nav .dark-Nav-list--stacked .dark-Badge > a:focus + .dark-Nav-item-atcions,
.dark-Nav .dark-Nav-list--stacked .dark-Badge > .dark-Badge > a:hover,
.dark-Nav .dark-Nav-list--stacked .dark-Badge > .dark-Badge > a:focus,
.dark-Nav .dark-Nav-list--stacked .dark-Badge > .dark-Badge > a:hover + .dark-Nav-item-atcions,
.dark-Nav .dark-Nav-list--stacked .dark-Badge > .dark-Badge > a:focus + .dark-Nav-item-atcions {
border-color: var(--Nav-item-onHover-color);
text-decoration: none;
background: var(--Nav-item-onHover-bg);
z-index: 1;
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > a:hover > .dark-Nav-itemDrager,
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > a:focus > .dark-Nav-itemDrager,
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > .dark-Badge > a:hover > .dark-Nav-itemDrager,
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item > .dark-Badge > a:focus > .dark-Nav-itemDrager, .dark-Nav .dark-Nav-list--stacked .dark-Badge > a:hover > .dark-Nav-itemDrager,
.dark-Nav .dark-Nav-list--stacked .dark-Badge > a:focus > .dark-Nav-itemDrager,
.dark-Nav .dark-Nav-list--stacked .dark-Badge > .dark-Badge > a:hover > .dark-Nav-itemDrager,
.dark-Nav .dark-Nav-list--stacked .dark-Badge > .dark-Badge > a:focus > .dark-Nav-itemDrager {
display: block;
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item.disabled > a, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item.is-disabled > a, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item.disabled > .dark-Badge > a, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item.is-disabled > .dark-Badge > a, .dark-Nav .dark-Nav-list--stacked .dark-Badge.disabled > a, .dark-Nav .dark-Nav-list--stacked .dark-Badge.is-disabled > a, .dark-Nav .dark-Nav-list--stacked .dark-Badge.disabled > .dark-Badge > a, .dark-Nav .dark-Nav-list--stacked .dark-Badge.is-disabled > .dark-Badge > a {
color: var(--Nav-item-onDisabled-color);
background: transparent;
pointer-events: none;
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item.active > a, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item.is-active > .dark-Nav-item-atcions, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item.is-active > a, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item.active > .dark-Badge > a, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item.is-active > .dark-Badge > .dark-Nav-item-atcions, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item.is-active > .dark-Badge > a, .dark-Nav .dark-Nav-list--stacked .dark-Badge.active > a, .dark-Nav .dark-Nav-list--stacked .dark-Badge.is-active > .dark-Nav-item-atcions, .dark-Nav .dark-Nav-list--stacked .dark-Badge.is-active > a, .dark-Nav .dark-Nav-list--stacked .dark-Badge.active > .dark-Badge > a, .dark-Nav .dark-Nav-list--stacked .dark-Badge.is-active > .dark-Badge > .dark-Nav-item-atcions, .dark-Nav .dark-Nav-list--stacked .dark-Badge.is-active > .dark-Badge > a {
color: var(--Nav-item-onActive-color);
position: relative;
background: var(--Nav-item-onActive-bg) !important;
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item.active > a::after, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item.is-active > .dark-Nav-item-atcions::after, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item.is-active > a::after, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item.active > .dark-Badge > a::after, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item.is-active > .dark-Badge > .dark-Nav-item-atcions::after, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item.is-active > .dark-Badge > a::after, .dark-Nav .dark-Nav-list--stacked .dark-Badge.active > a::after, .dark-Nav .dark-Nav-list--stacked .dark-Badge.is-active > .dark-Nav-item-atcions::after, .dark-Nav .dark-Nav-list--stacked .dark-Badge.is-active > a::after, .dark-Nav .dark-Nav-list--stacked .dark-Badge.active > .dark-Badge > a::after, .dark-Nav .dark-Nav-list--stacked .dark-Badge.is-active > .dark-Badge > .dark-Nav-item-atcions::after, .dark-Nav .dark-Nav-list--stacked .dark-Badge.is-active > .dark-Badge > a::after {
transform: scaleY(1);
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item.is-unfolded > a .dark-Nav-itemToggler, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item.is-unfolded > .dark-Badge > a .dark-Nav-itemToggler, .dark-Nav .dark-Nav-list--stacked .dark-Badge.is-unfolded > a .dark-Nav-itemToggler, .dark-Nav .dark-Nav-list--stacked .dark-Badge.is-unfolded > .dark-Badge > a .dark-Nav-itemToggler {
transform: rotate(180deg) scale(0.8);
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item.is-unfolded > .dark-Nav-subItems, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item.is-unfolded > .dark-Badge > .dark-Nav-subItems, .dark-Nav .dark-Nav-list--stacked .dark-Badge.is-unfolded > .dark-Nav-subItems, .dark-Nav .dark-Nav-list--stacked .dark-Badge.is-unfolded > .dark-Badge > .dark-Nav-subItems {
display: block;
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item .dark-Nav-spinner, .dark-Nav .dark-Nav-list--stacked .dark-Badge .dark-Nav-spinner {
position: absolute;
right: 0.625rem;
top: 0.5rem;
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item .dark-Nav-itemToggler, .dark-Nav .dark-Nav-list--stacked .dark-Badge .dark-Nav-itemToggler {
float: left;
margin-right: 0.625rem;
height: 1.5rem;
text-align: center;
line-height: 1.5rem;
vertical-align: middle;
cursor: pointer;
transform: scale(0.8);
transition: transform var(--animation-duration);
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item .dark-Nav-itemToggler > svg, .dark-Nav .dark-Nav-list--stacked .dark-Badge .dark-Nav-itemToggler > svg {
width: 10px;
height: 10px;
top: 0;
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item .dark-Nav-subItems, .dark-Nav .dark-Nav-list--stacked .dark-Badge .dark-Nav-subItems {
display: none;
padding-left: 0;
list-style: none;
width: 100%;
}
.dark-Nav .dark-Nav-list--stacked .dark-Nav-item .dark-Nav-item, .dark-Nav .dark-Nav-list--stacked .dark-Badge .dark-Nav-item {
font-size: var(--Nav-subItem-fontSize);
}
.dark-Nav .dark-Nav-dropIndicator {
position: absolute;
background: var(--Nav-item-onActive-color);
height: 2px;
}
.dark-Page {
width: 100%;
height: 100%;
background: var(--saas-main-bg);
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
}
.dark-Page-header {
padding: var(--Page-header-paddingY) var(--Page-header-paddingX);
background-color: var(--saas-main-bg);
}
.dark-Page-main {
background: var(--saas-main-bg);
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.dark-Page-main > .dark-Page-body {
height: 100%;
}
.dark-Page-content {
padding: var(--Page-content-paddingY) var(--Page-content-paddingX);
position: relative;
height: 100%;
width: 100%;
display: flex;
}
.dark-Page-right {
height: 100%;
}
.dark-Page-main > .dark-Page-header {
border-bottom: var(--borderWidth) solid var(--saas-Border-Dividers);
}
.dark-Page-headerRow {
border-bottom: var(--borderWidth) solid var(--saas-Border-Dividers);
display: flex;
flex-direction: row;
align-items: center;
}
.dark-Page-headerRow .dark-Page-header,
.dark-Page-headerRow .dark-Page-toolbar {
flex-grow: 1;
min-height: 100%;
}
.dark-Page-headerRow .dark-Page-toolbar {
text-align: right;
padding-right: var(--gap-base);
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
}
.dark-Page-title {
margin: 0;
padding: 0;
color: var(--Page-title-color);
line-height: var(--Page-title-lineHeight);
font-size: var(--Page-title-fontSize);
font-weight: var(--Page-title-fontWeight);
text-align: center;
}
.dark-Page-body {
flex: 1 auto;
background: var(--saas-main-bg);
}
.dark-Page-asideTplWrapper {
padding: var(--gap-xs);
}
.dark-Page-asideResizor {
position: absolute;
right: -0.375rem;
top: 50%;
cursor: ew-resize;
writing-mode: vertical-lr;
width: 0.75rem;
height: 1.5rem;
margin-top: -0.75rem;
border: 0.0625rem solid #dee2e6;
background-color: #fff;
border-radius: 0.142rem;
font-size: 12px;
line-height: 0.625rem;
text-align: center;
user-select: none;
color: #666;
}
.dark-Page-asideResizor:hover {
color: #000;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.dark-Page-asideResizor:after {
content: "···";
}
.dark-Drawer .dark-Grid.dark-Combination,
.dark-Page .dark-Grid.dark-Combination {
width: auto;
background: var(--saas-main-bg);
}
.dark-Drawer .dark-Grid.dark-Combination .grid-item,
.dark-Page .dark-Grid.dark-Combination .grid-item {
padding-right: 0;
margin-bottom: 0px;
}
.dark-Drawer .dark-Grid.dark-Combination .grid-item .dark-Panel,
.dark-Page .dark-Grid.dark-Combination .grid-item .dark-Panel {
border-color: transparent !important;
}
.dark-Drawer .dark-Grid.dark-Combination .grid-item .dark-Panel .dark-Panel-heading,
.dark-Page .dark-Grid.dark-Combination .grid-item .dark-Panel .dark-Panel-heading {
padding-top: 12px;
}
.dark-Drawer .dark-Grid.dark-Combination .grid-item .dark-Panel .dark-Panel-heading .dark-Panel-title,
.dark-Page .dark-Grid.dark-Combination .grid-item .dark-Panel .dark-Panel-heading .dark-Panel-title {
font-size: 15px;
font-weight: 600;
}
.dark-Drawer .dark-Grid.dark-Combination .antd-Grid-col--md12,
.dark-Page .dark-Grid.dark-Combination .antd-Grid-col--md12 {
margin-top: 0px;
}
.dark-Drawer .dark-Grid.dark-Combination .dark-Combination,
.dark-Page .dark-Grid.dark-Combination .dark-Combination {
margin: 0;
}
@media (max-width: 767px) {
.dark-Drawer .dark-Tabs.dark-Tabs--line.dark-Combination,
.dark-Page .dark-Tabs.dark-Tabs--line.dark-Combination {
margin: 0rem;
}
}
@media (max-width: 767px) {
.dark-Drawer .dark-Tabs.dark-Tabs--vertical.dark-Combination,
.dark-Page .dark-Tabs.dark-Tabs--vertical.dark-Combination {
margin: 0rem;
}
}
@media (max-width: 767px) {
.dark-Drawer .dark-Tabs.dark-Tabs--content-tiled.dark-Combination,
.dark-Page .dark-Tabs.dark-Tabs--content-tiled.dark-Combination {
margin: 0rem;
}
}
.dark-Page-toolbar > * + * {
margin-left: var(--gap-xs);
}
@media (min-width: 768px) {
.dark-Page-aside {
width: var(--Page-aside-width);
border-right: var(--borderWidth) solid var(--saas-Border-Dividers);
}
.dark-Page-aside::before {
content: "";
position: absolute;
width: inherit;
top: 0;
bottom: 0;
z-index: -1;
background: inherit;
border: inherit;
}
.dark-Page-aside--withWidth {
min-width: var(--Page-aside-width);
max-width: var(--Page-aside-maxWidth);
}
.dark-Page--withSidebar {
display: flex;
flex-direction: row;
align-items: stretch;
}
.dark-Page--withSidebar > .dark-Page-content {
width: 0;
flex-grow: 1;
}
}
@keyframes rotate360 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.scroll-wrapper {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.scroll-wrapper .scroll-content {
width: 100%;
min-height: calc(100% + 5px);
position: relative;
}
.scroll-wrapper .scroll-content .pull-loading {
font-size: 18px;
animation-name: rotate360;
animation-duration: 1s;
animation-fill-mode: both;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.scroll-wrapper .scroll-content .scroll-content-children {
pointer-events: auto !important;
}
.pull-loading {
font-size: 18px;
animation-name: rotate360;
animation-duration: 1s;
animation-fill-mode: both;
animation-timing-function: linear;
animation-iteration-count: infinite;
vertical-align: sub;
}
.pulldown-wrapper {
position: absolute;
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
transform: translateY(-100%) translateZ(0);
text-align: center;
color: #999;
font-size: 12px;
}
.pulldown-wrapper .pulldown-success {
font-size: 17px;
display: flex;
justify-content: center;
align-items: center;
}
.pulldown-wrapper .pulldown-success span {
font-size: 12px;
line-height: 1;
padding-left: 6px;
}
.pullup-wrapper {
width: 100%;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
position: relative;
bottom: 0;
text-align: center;
color: #999;
font-size: 12px;
}
.pullup-wrapper .pulldown-success {
display: flex;
justify-content: center;
align-items: center;
font-size: 17px;
}
.pullup-wrapper .pulldown-success span {
font-size: 12px;
}
.pullup-wrapper span {
padding: 0 6px;
}
.dark-Remark {
display: flex;
align-items: center;
margin-left: var(--Remark-marginLeft);
cursor: pointer;
text-align: center;
}
.dark-Remark > span {
font-size: var(--fontSizeSm);
}
.dark-Remark-icon {
color: var(--saas-font-size-dark-black);
font-size: var(--Remark-icon-fontSize);
width: var(--Remark-width);
height: var(--Remark-width);
line-height: 1;
display: inline-flex;
vertical-align: baseline;
align-self: center;
align-items: center;
justify-content: center;
font-size: var(--fontSizeSm);
user-select: none;
}
.dark-Remark-icon > svg {
width: 100%;
height: 100%;
display: block;
top: 0;
}
.dark-Remark > span + .dark-Remark-icon {
margin-left: var(--gap-xs);
}
.dark-Remark > svg {
width: calc(var(--Remark-width) - 0.125rem);
height: calc(var(--Remark-width) - 0.125rem);
color: var(--Remark-iconColor);
}
.dark-Remark:hover > svg {
color: var(--Remark-onHover-iconColor);
}
.dark-Chart {
position: relative;
}
.dark-Chart .ant-empty {
color: #999;
}
.dark-Chart-placeholder {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dark-Chart-content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.dark-Chart-table {
position: absolute;
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
overflow: hidden;
background-color: var(--saas-main-bg);
}
.dark-Chart-table .chart-table-body {
flex: 1;
overflow: hidden;
}
.dark-Chart-table .chart-table-body .dark-Crud {
height: 100%;
}
.dark-Chart-table .chart-table-body .dark-Crud .dark-Table {
height: 100%;
display: flex;
flex-direction: column;
}
.dark-Chart-table .chart-table-body .dark-Crud .dark-Table-contentWrap {
flex: 1;
}
.dark-Chart-table .chart-table-body .dark-Crud .dark-Table-contentWrap .dark-Table-content {
height: 100%;
overflow: auto;
}
.dark-Chart-table .chart-table-footer {
text-align: right;
padding: 10px 16px;
}
.charts-modal {
max-height: 100vh;
}
.dark-Video {
min-width: 200px;
}
.dark-Video-cursor {
position: absolute;
border: 2px solid var(--info);
transition: all var(--animation-duration) ease-out;
}
.dark-Video-frameList .dark-Video-frameItem {
cursor: pointer;
}
.dark-Video-frameLabel {
text-align: center;
}
.dark-Video .video-react-paused .video-react-big-play-button.big-play-button-hide {
display: block;
}
.dark-Video-player {
position: relative;
}
.dark-Video-error {
position: absolute;
display: block;
width: 100%;
padding: 5px 10px;
color: var(--danger);
background: rgba(255, 255, 255, 0.4);
text-align: center;
top: 0;
}
.dark-Audio-original {
display: none;
}
.dark-Audio--inline {
display: inline-block;
}
.dark-Audio {
box-sizing: border-box;
height: var(--Audio-height);
line-height: var(--Audio-lineHeight);
border: var(--Audio-border);
padding-left: var(--Audio-item-margin);
overflow: hidden;
}
.dark-Audio-controls {
display: flex;
flex-direction: row;
align-items: center;
}
.dark-Audio-rates {
width: var(--Audio-rate-width);
height: var(--Audio-rate-height);
text-align: center;
background: var(--Audio-rate-bg);
cursor: pointer;
margin-right: var(--Audio-item-margin);
}
.dark-Audio-rateControl {
margin-right: var(--Audio-item-margin);
}
.dark-Audio-rateControl::after {
clear: both;
content: "";
}
.dark-Audio-rateControl .dark-Audio-rateControlItem {
width: var(--Audio-rate-width);
height: var(--Audio-rate-height);
background: var(--Audio-rate-bg);
cursor: pointer;
text-align: center;
float: left;
box-sizing: border-box;
border-right: var(--Audio-rateControlItem-borderRight);
}
.dark-Audio-play {
width: var(--Audio-play-width);
cursor: pointer;
margin-right: var(--Audio-item-margin);
}
.dark-Audio-play svg {
width: var(--Audio-svg-width);
height: var(--Audio-svg-height);
position: relative;
top: var(--Audio-svg-top);
}
.dark-Audio-times {
min-width: var(--Audio-times-width);
margin-right: var(--Audio-item-margin);
cursor: default;
flex-shrink: 0;
}
.dark-Audio-process {
flex: auto;
cursor: pointer;
min-width: var(--Audio-process-minWidth);
margin-right: var(--Audio-item-margin);
}
.dark-Audio-process input[type=range] {
-webkit-appearance: none;
outline: none;
border: none;
padding: 0;
background: none;
}
.dark-Audio-process input[type=range]::-webkit-slider-runnable-track {
background: var(--Audio-track-bg);
height: var(--Audio-track-height);
border-radius: var(--Audio-track-borderRadius);
border: var(--Audio-track-border);
}
.dark-Audio-process input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none !important;
border-radius: 100%;
cursor: pointer;
background: var(--Audio-thumb-bg);
width: var(--Audio-thumb-width);
height: var(--Audio-thumb-height);
margin-top: var(--Audio-thumb-marginTop);
}
.dark-Audio-volume {
width: var(--Audio-volume-width);
height: var(--Audio-volume-height);
line-height: var(--Audio-volume-lineHeight);
cursor: pointer;
margin-right: var(--Audio-item-margin);
}
.dark-Audio-volume svg {
width: var(--Audio-svg-width);
height: var(--Audio-svg-height);
position: relative;
top: var(--Audio-svg-top);
}
.dark-Audio-volumeControl {
display: flex;
flex-direction: row;
align-items: center;
width: var(--Audio-volumeControl-width);
height: var(--Audio-volume-height);
line-height: var(--Audio-volume-lineHeight);
margin-right: var(--Audio-item-margin);
}
.dark-Audio-volumeControl input[type=range] {
-webkit-appearance: none;
outline: none;
border: none;
padding: 0;
background: none;
}
.dark-Audio-volumeControl input[type=range]::-webkit-slider-runnable-track {
background: var(--Audio-track-bg);
height: var(--Audio-track-height);
border-radius: var(--Audio-track-borderRadius);
border: var(--Audio-track-border);
}
.dark-Audio-volumeControl input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none !important;
border-radius: 100%;
cursor: pointer;
background: var(--Audio-thumb-bg);
width: var(--Audio-thumb-width);
height: var(--Audio-thumb-height);
margin-top: var(--Audio-thumb-marginTop);
}
.dark-Audio-volumeControl .dark-Audio-volumeControlIcon {
margin-right: var(--Audio-item-margin);
cursor: pointer;
}
.dark-Audio-volumeControl svg {
width: var(--Audio-svg-width);
height: var(--Audio-svg-height);
position: relative;
top: var(--Audio-svg-top);
}
.dark-Panel {
overflow-y: hidden;
display: flex;
flex-direction: column;
background: var(--saas-main-bg);
border-radius: var(--Panel-borderRadius);
/* 主题 */
/* 子组件 */
}
.dark-Panel-Combination .dark-Crud .dark-Crud-head {
min-height: 0;
}
.dark-Panel-Combination .dark-Crud .dark-Table {
padding: 0 8px 8px 8px;
}
.dark-Panel-Combination .dark-Card {
border-top: unset;
}
.dark-Panel-Combination .dark-List-items {
border: none;
}
.dark-Panel-Combination .dark-List-items .dark-ListItem-wapper {
border: none !important;
}
.dark-Panel-Combination .dark-Grid:first-of-type {
height: 100% !important;
}
.dark-Panel-Combination .dark-Grid:first-of-type.dark-Grid-item-search .mobile-grid-item {
height: inherit;
}
.dark-Panel-Combination .dark-Grid:first-of-type.dark-Grid-item-search .mobile-grid-item.grid-item-fixed {
height: auto !important;
}
.dark-Panel-Combination .dark-Grid:first-of-type-col--md,
.dark-Panel-Combination .dark-Grid:first-of-type .grid-item {
height: 100%;
}
.dark-Panel-Combination .dark-Grid:first-of-type.grid-chart-item .dark-Panel-Combination-Filter.mobile-grid-item, .dark-Panel-Combination .dark-Grid:first-of-type.grid-chart-item .dark-Panel-Combination-Chart.mobile-grid-item {
height: auto;
}
.dark-Panel-Combination .dark-Carousel {
height: 100%;
text-align: center;
}
.dark-Panel-Combination .dark-Carousel-item {
display: flex;
flex-direction: column;
}
.dark-Panel-Combination .dark-Carousel-item .dark-Image {
height: 100%;
}
.dark-Panel-Combination .dark-Carousel-item > div:first-child {
height: 80%;
}
.dark-Panel-Combination .dark-Carousel-item > span:nth-child(2) {
font-size: 13px;
font-weight: bold;
}
.dark-Panel-Combination .dark-Carousel-item > span:nth-child(3) {
font-size: 13px;
}
.dark-Panel-fixedBottom {
position: absolute;
background: var(--white);
z-index: -1;
opacity: 0;
bottom: 999999px;
box-shadow: var(--Panel-fixedBottom-boxShadow);
border-top: var(--Panel-fixedBottom-borderTop);
}
.dark-Panel-fixedBottom.in {
position: fixed;
bottom: 0;
z-index: 900;
opacity: 1;
}
.dark-Panel.in-modal .dark-Panel-heading {
padding-top: 0;
}
.dark-Panel--default {
border-color: var(--borderColor);
}
.dark-Panel--default > .dark-Panel-heading {
background: var(--Panel--default-bg);
color: var(--Panel--default-color);
}
.dark-Panel--default > .dark-Panel-heading .badge {
color: var(--Panel--default-badgeColor);
background: var(--Panel--default-badgeBg);
}
.dark-Panel--default > .dark-Panel-heading {
border-color: var(--Panel--default-headingBorderColor);
}
.dark-Panel--primary {
border-color: var(--primary);
}
.dark-Panel--primary > .dark-Panel-heading {
background: var(--primary);
color: var(--white);
}
.dark-Panel--primary > .dark-Panel-heading .badge {
color: var(--primary);
background: var(--white);
}
.dark-Panel--primary > .dark-Panel-heading,
.dark-Panel--primary > .dark-Panel-footer {
border-color: var(--primary);
}
.dark-Panel--success {
border-color: var(--success);
}
.dark-Panel--success > .dark-Panel-heading {
background: var(--success);
color: var(--white);
}
.dark-Panel--success > .dark-Panel-heading .badge {
color: var(--success);
background: var(--white);
}
.dark-Panel--success > .dark-Panel-heading,
.dark-Panel--success > .dark-Panel-footer {
border-color: var(--success);
}
.dark-Panel--info {
border-color: var(--info);
}
.dark-Panel--info > .dark-Panel-heading {
background: var(--info);
color: var(--white);
}
.dark-Panel--info > .dark-Panel-heading .badge {
color: var(--info);
background: var(--white);
}
.dark-Panel--info > .dark-Panel-heading,
.dark-Panel--info > .dark-Panel-footer {
border-color: var(--info);
}
.dark-Panel--warning {
border-color: var(--warning);
}
.dark-Panel--warning > .dark-Panel-heading {
background: var(--warning);
color: var(--white);
}
.dark-Panel--warning > .dark-Panel-heading .badge {
color: var(--warning);
background: var(--white);
}
.dark-Panel--warning > .dark-Panel-heading,
.dark-Panel--warning > .dark-Panel-footer {
border-color: var(--warning);
}
.dark-Panel--danger {
border-color: var(--danger);
}
.dark-Panel--danger > .dark-Panel-heading {
background: var(--danger);
color: var(--white);
}
.dark-Panel--danger > .dark-Panel-heading .badge {
color: var(--danger);
background: var(--white);
}
.dark-Panel--danger > .dark-Panel-heading,
.dark-Panel--danger > .dark-Panel-footer {
border-color: var(--danger);
}
.dark-Panel-heading {
padding: var(--Panel-headingPadding);
border-bottom: var(--Panel-headingBorderBottom);
border-radius: var(--Panel-headingBorderRadius);
display: flex;
flex-wrap: wrap;
}
.dark-Panel-heading--combination {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid var(--saas-Border-Dividers);
border-bottom: 1px solid var(--saas-Border-Dividers);
margin-top: -1px;
background-color: var(--saas-main-bg);
}
.dark-Panel-title {
margin-top: var(--Panel-titleMarginTop);
margin-bottom: var(--Panel-titleMarginBottom);
font-size: var(--Panel-titleFontSize);
color: var(--Panel-titleColor);
}
.dark-Panel-extra {
display: flex;
align-items: center;
}
.dark-Panel-extra .icon {
top: 0;
color: var(--saas-Placeholder-Text);
cursor: pointer;
}
.dark-Panel-extra .icon:hover {
color: #3574ee;
}
.dark-Panel-body {
flex: 1;
overflow-y: auto;
background: var(--saas-main-bg);
}
.dark-Panel-footerWrap-statistics {
border-top: var(--Panel-border);
padding: 0.5rem 0.75rem;
}
.dark-Panel-footer {
border-color: var(--Panel-footerBorderColor);
border-radius: var(--Panel-footerBorderRadius);
background: var(--Panel-footerBg);
padding: var(--Panel-footerPadding);
border-style: solid;
border-width: var(--Panel-borderWidth) 0 0 0;
clear: both;
}
.dark-Panel-footer .dark-Button + .dark-Button {
margin-left: var(--Panel-footerButtonMarginLeft);
}
.dark-Panel-statistics {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.dark-Panel-btnToolbar {
text-align: var(--Panel-btnToolbarTextAlign);
display: flex;
justify-content: flex-end;
}
.dark-Panel-btnToolbar::before, .dark-Panel-btnToolbar::after {
display: table;
content: "";
}
.dark-Panel-btnToolbar::after {
clear: both;
}
.dark-Panel-btnToolbar .dark-Button {
margin-left: var(--Panel-footerButtonMarginLeft);
}
.dark-Panel-btnToolbar:empty {
display: none;
}
.dark-Panel--form > .dark-Panel-body {
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
}
/* 移动端样式调整 */
@media (max-width: 767px) {
.dark-Panel .dark-Panel {
padding: 0;
}
.dark-Panel-Combination {
background-color: var(--saas-Background-Header);
}
.dark-Panel-Combination .dark-Grid {
overscroll-behavior: auto;
}
.dark-Panel-Combination .dark-Panel-heading--combination {
background-color: var(--saas-Background-Header);
padding: 8px;
}
.dark-Panel-Combination .dark-Panel-heading--combination .dark-Panel-title--combination {
padding: 0;
}
.dark-Panel-Combination .dark-Panel-heading--combination .dark-Panel-extra {
padding: 0 7px;
}
.dark-Panel-heading--combination {
padding: 8px 0;
border: none;
}
.dark-Panel-title--combination {
font-size: 18px;
color: var(--saas-Title-Text);
width: fit-content;
max-width: calc(100% - 30px);
font-weight: 600;
line-height: 36px;
padding: 0 8px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Panel--form {
border: none;
box-shadow: none;
margin: 0 calc(var(--Panel-bodyPadding) * -1) calc(var(--Panel-marginBottom) / 2);
}
.dark-Panel--form .dark-Panel-body {
overflow-x: hidden;
padding: 0 0 var(--gap-md);
}
.dark-Panel--form > .dark-Panel-heading {
background: none;
border: none;
border-radius: 0;
}
.dark-Panel--form > .dark-Panel-heading .dark-Panel-title {
padding-left: var(--Panel-bodyPadding);
border-left: 0.1875rem solid var(--primary);
font-size: var(--fontSizeLg);
}
.dark-Panel--form .dark-Panel-footerWrap {
padding-bottom: var(--Panel-bodyPadding);
}
.dark-Panel--form .dark-Panel-footer {
border-top: none;
display: flex;
padding: 0 var(--Panel-bodyPadding);
}
.dark-Panel--form .dark-Panel-footer > .dark-Button {
flex: 1;
}
.dark-Panel--form .dark-Panel-footer > .dark-Button:first-child {
margin-left: 0;
}
.dark-Panel--form.detail-form-panel {
height: calc(100vh - 38px) !important;
max-height: 100%;
}
.dark-Panel--form.detail-form-panel.with-fix-footer {
height: calc(100vh - 38px) !important;
max-height: 100%;
}
.dark-Grid .dark-Panel--form.detail-form-panel {
height: 100% !important;
}
.dark-Grid .dark-Panel--form.detail-form-panel.with-fix-footer {
height: 100% !important;
}
.dark-Panel-body {
padding: 0;
}
.tree-layout .dark-Panel-body {
padding: 0;
}
.tree-layout .dark-Panel-body .dark-Form {
padding-bottom: 8px;
}
.tree-layout .resize-sensor {
display: none;
}
.tree-layout + .dark-Panel {
border: none;
}
.tree-layout + .dark-Panel > .dark-Panel-body .dark-Grid .mobile-grid-item .dark-Panel .dark-Panel-body .dark-Crud .dark-Table .dark-Mobile-header-toolbar-wrapper {
border-top: 0;
}
.tree-layout + .dark-Panel > .dark-Panel-body > .dark-Crud .dark-Table .dark-Mobile-header-toolbar-wrapper {
margin: 0;
}
}
.dark-Service {
position: relative;
height: 100%;
}
.dark-Service-body {
height: 100%;
overflow-y: unset;
}
.dark-Sparkline {
display: inline-block;
line-height: 1;
vertical-align: middle;
}
.dark-Sparkline-line {
stroke: var(--Sparkline-line-color);
stroke-width: 1px;
}
.dark-Sparkline-area {
fill: var(--Sparkline-area-color);
}
.dark-Sparkline--clickable {
cursor: pointer;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.is-spin {
animation: spin 2s linear infinite;
}
.dark-Spinner-overlay {
position: absolute;
z-index: 10;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--saas-main-bg);
transition: ease-out opacity var(--animation-duration);
opacity: 0;
}
.dark-Spinner-overlay.in {
opacity: 0.6;
}
.dark-Spinner-overlay.horizontal-mode,
.dark-Spinner.horizontal-mode {
position: fixed;
}
.dark-Spinner {
width: var(--Spinner-width);
height: var(--Spinner-height);
transform: translateZ(0);
display: inline-block;
opacity: 0;
transition: ease-out all var(--animation-duration);
}
.dark-Spinner.in {
opacity: 1;
}
.dark-Spinner--normal {
border: 3px solid #f8f8f8;
/*设置四周边框大小，并将颜色设置为浅白色*/
border-top: 3px solid var(--primary);
/*设置上边框颜色，以便旋转的时候能够看到旋转的效果*/
border-radius: 50%;
/*将边框和内容区域都变成圆形*/
animation: spin 0.8s linear infinite;
}
.dark-Spinner--lg {
width: var(--Spinner--lg-width);
height: var(--Spinner--lg-height);
}
.dark-Spinner--sm {
width: var(--Spinner--sm-width);
height: var(--Spinner--sm-height);
}
.dark-Spinner--md {
width: var(--Spinner--md-width);
height: var(--Spinner--md-height);
}
.dark-Spinner--icon {
background: transparent;
animation: spin 2s linear infinite;
width: 16px;
height: 16px;
}
.dark-Spinner--icon svg.icon {
width: 16px;
height: 16px;
top: 0;
}
.dark-Spinner--icon.icon-continue {
width: 16px;
height: 18px;
color: var(--Form-select-placeholderColor);
}
.dark-Spinner--overlay {
position: absolute;
z-index: 11;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.dark-Spinner--overlay.dark-Spinner--lg {
width: var(--Spinner--lg-width);
height: var(--Spinner--lg-height);
line-height: var(--Spinner--lg-height);
}
@media (min-width: 768px) {
.dark-Layout .dark-Page-body > .dark-Spinner-overlay {
left: var(--Layout-aside-width);
}
.dark-Layout--folded .dark-Page-body > .dark-Spinner-overlay {
left: var(--Layout-aside--folded-width);
}
}
.dark-Modal--full .dark-Modal-body .dark-Form .dark-Spinner--overlay,
.dark-Modal--full .dark-Modal-body .dark-Crud .dark-Spinner--overlay {
position: fixed;
}
.dark-ButtonGroup {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.dark-ButtonGroup > .dark-Button {
position: relative;
flex: 0 1 auto;
}
.dark-ButtonGroup > .dark-Button:hover {
z-index: 1;
}
.dark-ButtonGroup > .dark-Button:focus, .dark-ButtonGroup > .dark-Button:active, .dark-ButtonGroup > .dark-Button.active, .dark-ButtonGroup > .dark-Button.is-active {
z-index: 1;
}
.dark-ButtonGroup .dark-Button + .dark-Button,
.dark-ButtonGroup .dark-Button + .dark-ButtonGroup,
.dark-ButtonGroup .dark-ButtonGroup + .dark-Button,
.dark-ButtonGroup .dark-ButtonGroup + .dark-ButtonGroup {
margin-left: calc(var(--Button-borderWidth) * -1);
}
.dark-ButtonGroup--block {
display: block;
}
.dark-ButtonToolbar {
display: inline-flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.dark-ButtonToolbar .dark-ButtonGroup {
margin-left: var(--gap-xs);
margin-top: var(--gap-xs);
width: auto;
}
.dark-ButtonGroup > .dark-Button:first-child {
margin-left: 0;
}
.dark-ButtonGroup .dark-Button--primary.is-active {
color: var(--ButtonGroup--primary-isActive-color);
background: var(--ButtonGroup--primary-isActive-bg);
}
.dark-ButtonGroup > .dark-Button:not(:last-child),
.dark-ButtonGroup > .dark-ButtonGroup:not(:last-child) > .dark-Button {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right-color: var(--saas-border-color);
}
.dark-ButtonGroup > .dark-Button:not(:first-child),
.dark-ButtonGroup > .dark-ButtonGroup:not(:first-child) > .dark-Button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-color: var(--saas-border-color);
}
.dark-ButtonGroup--vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.dark-ButtonGroup--vertical .dark-Button,
.dark-ButtonGroup--vertical .dark-ButtonGroup {
width: 100%;
}
.dark-ButtonGroup--vertical > .dark-Button + .dark-Button,
.dark-ButtonGroup--vertical > .dark-Button + .dark-ButtonGroup,
.dark-ButtonGroup--vertical > .dark-ButtonGroup + .dark-Button,
.dark-ButtonGroup--vertical > .dark-ButtonGroup + .dark-ButtonGroup {
margin-top: calc(var(--Button-borderWidth) * -1);
margin-left: 0;
}
.dark-ButtonGroup--vertical > .dark-Button:not(:last-child),
.dark-ButtonGroup--vertical > .dark-ButtonGroup:not(:last-child) > .dark-Button {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.dark-ButtonGroup--vertical > .dark-Button:not(:first-child),
.dark-ButtonGroup--vertical > .dark-ButtonGroup:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.dark-ButtonGroup--tiled {
display: flex;
}
.dark-ButtonGroup--tiled .dark-Button,
.dark-ButtonGroup--tiled .dark-ButtonGroup {
flex-grow: 1;
text-align: center;
}
.dark-DropDown {
position: relative;
display: inline-block;
}
.dark-DropDown-groupTitle {
color: var(--saas-font-size-dark-black);
margin-bottom: 0.25rem;
font-size: 13px;
}
.dark-DropDown-button button:first-child {
width: 100%;
}
.dark-DropDown-caret {
color: var(--saas-font-size-black);
margin-left: var(--DropDown-caret-marginLeft);
display: inline-block;
vertical-align: top;
transition: transform var(--animation-duration) ease;
}
.dark-DropDown-caret > svg {
width: 0.75rem;
height: 0.75rem;
top: 0.125em;
}
.dark-DropDown.is-opened .dark-DropDown-caret {
transform: rotate(180deg);
}
.dark-DropDown.is-actived .dark-Button {
color: var(--link-color);
}
.dark-DropDown--block {
display: block;
}
.dark-DropDown--block .dark-Button {
display: block;
}
.dark-DropDown-menu {
background: var(--DropDown-menu-bg);
list-style: none;
padding: var(--DropDown-menu-paddingY);
min-width: var(--DropDown-menu-minWidth);
text-align: left;
border: none;
user-select: none;
}
.dark-DropDown-menu-root {
position: absolute;
z-index: 1000;
top: 100%;
left: 0;
margin: 0.0625rem 0 0;
border: none;
border-radius: var(--DropDown-menu-borderRadius);
box-shadow: var(--DropDown-menu-boxShadow);
min-width: var(--DropDown-menu-minWidth);
overflow-y: auto;
overflow-x: hidden;
max-height: 18.75rem;
}
.dark-DropDown--alignRight .dark-DropDown-menu {
left: auto;
right: 0;
}
.dark-DropDown-menuItem, .dark-DropDown-menu > li {
padding: var(--DropDown-menuItem-paddingY) var(--DropDown-menuItem-paddingX);
white-space: nowrap;
box-sizing: border-box;
height: var(--DropDown-menu-height);
vertical-align: middle;
user-select: none;
color: var(--DropDown-menuItem-color);
text-decoration: var(--link-decoration);
}
.dark-DropDown-menuItem:hover, .dark-DropDown-menu > li:hover {
background: var(--DropDown-menuItem-onHover-bg);
color: var(--DropDown-menuItem-onHover-color);
}
.dark-DropDown-menuItem.is-active, .dark-DropDown-menu > li.is-active {
background: var(--DropDown-menuItem-onHover-bg);
color: var(--DropDown-menuItem-onActive-color);
}
.dark-DropDown-menuItem:not(.is-disabled), .dark-DropDown-menuItem:not(.disabled), .dark-DropDown-menu > li:not(.is-disabled), .dark-DropDown-menu > li:not(.disabled) {
cursor: pointer;
}
.dark-DropDown-menuItem.is-disabled, .dark-DropDown-menu > li.is-disabled {
cursor: not-allowed;
color: var(--DropDown-menuItem-onDisabled-color);
filter: grayscale(80%);
}
.dark-DropDown-menuItem.dark-DropDown-divider, .dark-DropDown-menu > li.dark-DropDown-divider {
height: 0.0625rem;
margin: 0.5625rem 0;
overflow: hidden;
background: var(--DropDown-menu-borderColor);
padding: 0;
}
.dark-DropDown-menuItem.dark-DropDown-groupTitle, .dark-DropDown-menu > li.dark-DropDown-groupTitle {
height: inherit;
font-size: var(--fontSizeSm);
padding: var(--gap-xs) var(--gap-xs);
padding-left: var(--gap-sm);
color: var(--DropDown-group-color);
flex-grow: 1;
cursor: default;
}
.dark-DropDown-menuItem.dark-DropDown-groupTitle:hover, .dark-DropDown-menu > li.dark-DropDown-groupTitle:hover {
background: none;
}
.dark-DropDown-menuItem.dark-DropDown-groupTitle span, .dark-DropDown-menu > li.dark-DropDown-groupTitle span {
white-space: nowrap;
}
.dark-DropDown-menuItem.dark-DropDown-groupTitle ~ .dark-DropDown-button, .dark-DropDown-menu > li.dark-DropDown-groupTitle ~ .dark-DropDown-button {
padding-left: var(--gap-lg);
}
.dark-DropDown-menu > li a {
color: inherit;
display: block;
text-decoration: none;
}
.dark-DropDown-popover {
border: none;
box-shadow: none;
}
.dark-DropDown > .dark-Button {
min-width: unset;
}
.dark-Each-placeholder {
color: var(--text--muted-color);
text-align: left;
padding: var(--gap-sm);
}
.dark-ScheduleCalendar-icon {
position: absolute;
bottom: var(--Calendar-icon-bottom);
left: 50%;
transform: translateX(-50%);
display: block;
width: var(--Calendar-icon-width);
height: var(--Calendar-icon-height);
border-radius: 50%;
z-index: 10;
}
.dark-ScheduleCalendar-action {
display: block;
padding: 0;
width: 100%;
height: 100%;
border: none;
background: transparent;
color: inherit;
}
.dark-ScheduleCalendar-action:not(:disabled):not(.is-disabled):hover {
color: inherit;
background: transparent;
border-color: transparent;
}
.dark-ScheduleCalendar .rdtDay {
position: relative;
}
.dark-ScheduleCalendar-text-overflow {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: absolute;
width: 100%;
}
.dark-ScheduleCalendar-large {
width: 100%;
}
.dark-ScheduleCalendar-large .rdtPicker {
width: 100%;
}
.dark-ScheduleCalendar-large .rdtPicker table {
border-collapse: collapse;
border-spacing: 0;
}
.dark-ScheduleCalendar-large .rdtPicker table td {
border: var(--Calendar-borderWidth) solid var(--borderColor);
}
.dark-ScheduleCalendar-large .rdtDay {
height: var(--Calendar-rdt-day);
vertical-align: top;
}
.dark-ScheduleCalendar-large .dark-ScheduleCalendar-large-day-wrap {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 100%;
}
.dark-ScheduleCalendar-large .dark-ScheduleCalendar-large-day-wrap .dark-ScheduleCalendar-large-schedule-content {
position: relative;
z-index: 10;
border-radius: var(--borderRadius);
text-align: left;
padding: var(--Calendar-schedule-content-padding);
height: var(--Calendar-schedule-content-height);
color: var(--Calendar-schedule-content-color);
}
.dark-ScheduleCalendar-large .dark-ScheduleCalendar-action {
z-index: 20;
position: relative;
}
.dark-CalendarMobile {
height: 100%;
width: 100%;
overflow: scroll;
}
.dark-CalendarMobile-pop {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
height: 90vh;
background: #fff;
border-radius: 1rem 1rem 0 0;
overflow: hidden;
border-width: 0;
}
.dark-CalendarMobile-wrap {
display: flex;
flex-direction: column;
height: 100%;
}
.dark-CalendarMobile-header {
flex-shrink: 0;
box-shadow: 0 2px 10px rgba(125, 126, 128, 0.16);
position: relative;
}
.dark-CalendarMobile-header .subtitle-text {
display: inline-block;
width: 6.875rem;
position: relative;
}
.dark-CalendarMobile-header .rdtPrev {
width: 1.25rem;
height: 2.75rem;
display: block;
position: absolute;
top: 0;
left: -1.25rem;
}
.dark-CalendarMobile-header .rdtNext {
width: 1.25rem;
height: 2.75rem;
display: block;
position: absolute;
top: 0;
right: -1.25rem;
}
.dark-CalendarMobile-title, .dark-CalendarMobile-subtitle {
height: 2.75rem;
font-weight: 500;
line-height: 2.75rem;
text-align: center;
}
.dark-CalendarMobile-title {
font-size: var(--fontSizeLg);
}
.dark-CalendarMobile-weekdays {
display: flex;
}
.dark-CalendarMobile-weekdays .weekday {
flex: 1;
line-height: 1.875rem;
text-align: center;
}
.dark-CalendarMobile-close {
position: absolute;
z-index: 1;
color: #c8c9cc;
font-size: 1rem;
cursor: pointer;
top: 0.6875rem;
right: 1rem;
}
.dark-CalendarMobile-body::-webkit-scrollbar {
width: 0;
}
.dark-CalendarMobile-body {
flex: 1;
overflow-y: scroll;
}
.dark-CalendarMobile-body table {
border-spacing: 0 0.25rem;
}
.dark-CalendarMobile-body .rdt .rdtPicker td.rdtActive, .dark-CalendarMobile-body .rdt .rdtPicker td.rdtActive:hover {
background: transparent;
color: var(--Calendar-color);
text-shadow: none;
}
.dark-CalendarMobile-body .rdt .rdtPicker tr td.rdtDisabled, .dark-CalendarMobile-body .rdt .rdtPicker tr td.rdtDisabled:hover {
color: #999;
}
.dark-CalendarMobile-body .rdtOldNone td.rdtOld {
display: none;
}
.dark-CalendarMobile-body .rdtPicker td {
height: 3.5rem;
position: relative;
}
.dark-CalendarMobile-body .rdt .rdtPicker td.rdtDay,
.dark-CalendarMobile-body .rdt .rdtPicker td.rdtDay:hover,
.dark-CalendarMobile-body .rdt .rdtPicker td.rdtDisabled,
.dark-CalendarMobile-body .rdt .rdtPicker td.rdtDisabled:hover {
background: transparent;
}
.dark-CalendarMobile-body .calendar-wrap {
position: relative;
width: 3.125rem;
height: 100%;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 0.25rem;
}
.dark-CalendarMobile-embed .dark-CalendarMobile-body .calendar-wrap {
width: auto;
max-width: 3.125rem;
}
.dark-CalendarMobile-footer {
flex-shrink: 0;
}
.dark-CalendarMobile-footer .date-range-confirm {
height: 2.25rem;
margin: 0.4375rem 0;
border-radius: var(--borderRadiusMd);
display: block;
}
.dark-CalendarMobile-footer .is-disabled {
opacity: 0.5;
color: var(--Button--primary-color);
background: var(--Button--primary-bg);
border-color: var(--Button--primary-bg);
filter: none;
}
.dark-CalendarMobile-footer-toolbar {
padding: 0 1rem;
}
.dark-CalendarMobile-footer-ranges {
background: #fff;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02);
border-radius: 24px;
overflow-x: auto;
position: relative;
height: 3rem;
line-height: 3rem;
}
.dark-CalendarMobile-footer-ranges::-webkit-scrollbar {
width: 0;
}
.dark-CalendarMobile-footer .dark-DateRangePicker-rangers {
position: absolute;
white-space: nowrap;
}
.dark-CalendarMobile-footer .dark-DateRangePicker-rangers .dark-DateRangePicker-ranger {
margin: 0 1.5625rem;
}
.dark-CalendarMobile-footer .dark-DatePicker-shortcuts {
width: auto;
}
.dark-CalendarMobile-calendar-wrap {
padding: var(--gap-sm) 0;
}
.dark-CalendarMobile .dark-CalendarMobile-calendar-wrap .dark-CalendarMobile-calendar .rdtPicker {
width: 100%;
padding: 0;
}
.dark-CalendarMobile .dark-CalendarMobile-calendar-wrap .dark-CalendarMobile-calendar .rdtPicker .rdtOld {
visibility: hidden;
}
.dark-CalendarMobile .dark-CalendarMobile-calendar-wrap .dark-CalendarMobile-calendar .rdtPicker .rdtNew {
display: none;
}
.dark-CalendarMobile .dark-CalendarMobile-calendar-wrap .dark-CalendarMobile-calendar .rdtPicker .rdtBetween {
background: var(--Calendar-cell-onBetween-bg) !important;
color: var(--Button--primary-bg);
}
.dark-CalendarMobile .dark-CalendarMobile-calendar-wrap .dark-CalendarMobile-calendar .rdtPicker .rdtRangeStart .calendar-wrap,
.dark-CalendarMobile .dark-CalendarMobile-calendar-wrap .dark-CalendarMobile-calendar .rdtPicker .rdtRangeStart:hover .calendar-wrap,
.dark-CalendarMobile .dark-CalendarMobile-calendar-wrap .dark-CalendarMobile-calendar .rdtPicker .rdtRangeEnd .calendar-wrap,
.dark-CalendarMobile .dark-CalendarMobile-calendar-wrap .dark-CalendarMobile-calendar .rdtPicker .rdtRangeEnd:hover .calendar-wrap {
background: var(--Calendar-cell-onActive-bg) !important;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.dark-CalendarMobile .dark-CalendarMobile-calendar-wrap .dark-CalendarMobile-calendar .rdtPicker .rdtRangeHasEnd,
.dark-CalendarMobile .dark-CalendarMobile-calendar-wrap .dark-CalendarMobile-calendar .rdtPicker .rdtRangeHasEnd:hover {
background: linear-gradient(to right, transparent 0%, transparent 50%, var(--Calendar-cell-onBetween-bg) 51%, var(--Calendar-cell-onBetween-bg) 100%) !important;
}
.dark-CalendarMobile .dark-CalendarMobile-calendar-wrap .dark-CalendarMobile-calendar .rdtPicker .rdtRangeEnd,
.dark-CalendarMobile .dark-CalendarMobile-calendar-wrap .dark-CalendarMobile-calendar .rdtPicker .rdtRangeEnd:hover {
background: linear-gradient(to right, var(--Calendar-cell-onBetween-bg) 0%, var(--Calendar-cell-onBetween-bg) 50%, transparent 51%, transparent 100%) !important;
}
.dark-CalendarMobile-calendar-header {
height: 1.875rem;
line-height: 1.875rem;
text-align: center;
}
.dark-CalendarMobile-range-text {
position: absolute;
right: 0;
left: 0;
bottom: 0;
color: #fff;
font-size: var(--fontSizeSm);
white-space: nowrap;
}
.dark-CalendarMobile-calendar-wrap {
position: relative;
}
.dark-CalendarMobile-calendar-mark {
position: absolute;
top: 50%;
left: 50%;
z-index: 0;
color: rgba(242, 243, 245, 0.8);
font-size: 10rem;
transform: translate(-50%, -50%);
pointer-events: none;
}
.dark-CalendarMobile-toast {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8.5rem;
height: 2.25rem;
background: rgba(0, 0, 0, 0.9);
border-radius: 4px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.dark-CalendarMobile-time {
height: 11.25rem;
}
.dark-CalendarMobile-time-title {
border: var(--Calendar-borderWidth) solid var(--borderColorDarken);
border-left: none;
border-right: none;
text-align: center;
height: 1.875rem;
line-height: 1.875rem;
}
.dark-CalendarMobile-time .rdtPicker {
margin: 0 auto;
}
.dark-CalendarMobile .dark-CalendarTime {
height: 8.125rem;
overflow: hidden;
}
.dark-CalendarMobile .dark-PickerColumns-header {
display: none;
}
.dark-Collapse {
border: var(--Collapse-border);
padding: 0;
line-height: 1.25rem;
}
.dark-Collapse-header {
font-size: var(--Collapse-header-fontSize);
font-weight: var(--Collapse-header-fontWeight);
color: var(--text--loud-color);
padding: var(--Collapse-header-padding);
margin: 0;
cursor: pointer;
background: var(--Collapse-header-bg);
}
.dark-Collapse-header-wrapper {
display: inline-flex;
flex-direction: var(--Collapse-header-wrapper-direction);
}
.dark-Collapse-header-tpl {
margin-right: 0.5rem;
}
.dark-Collapse-header:hover {
background: var(--Collapse-header-onHover-bg);
}
.dark-Collapse-header .collapse-title-box {
display: flex;
justify-content: space-between;
align-items: center;
width: calc(100% - 8px);
}
.dark-Collapse-header .collapse-title-box .dark-TplField {
display: block;
}
.dark-Collapse-header .collapse-title-box .collapse-text {
font-size: 13px;
color: var(--saas-fold-text);
}
.dark-Collapse-arrow {
display: inline-block;
width: 1rem;
text-align: center;
margin-right: var(--gap-sm);
}
.dark-Collapse-arrow:before {
content: "";
position: relative;
display: inline-block;
width: 0.375rem;
height: 0.375rem;
top: -0.125rem;
border-color: var(--text-color);
border-style: solid;
border-width: 0.0625rem 0.0625rem 0 0;
transform: rotate(45deg);
transform-origin: 50% 50%;
}
.dark-Collapse-icon-tranform {
display: inline-block;
width: 1rem;
text-align: center;
margin-right: var(--gap-xs);
}
.dark-Collapse .dark-TplField {
display: inline-block;
overflow: hidden;
}
.dark-Collapse-icon-title {
display: inline-block;
height: 20px;
width: 20px;
line-height: 20px;
border-radius: 50%;
background-color: #40a9ff;
color: #FFF;
text-align: center;
position: absolute;
left: -9px;
top: 0px;
}
.dark-Collapse.is-active .dark-Collapse-arrow:before {
transform: rotate(135deg);
transform-origin: 50% 30%;
}
.dark-Collapse.is-active .dark-Collapse-icon-tranform {
transform: rotate(90deg);
}
.dark-Collapse--disabled .dark-Collapse-header {
cursor: not-allowed;
user-select: none;
color: var(--text--muted-color);
}
.dark-Collapse--disabled .dark-Collapse-header:hover {
background-color: var(--Collapse-header-bg-disabled-color);
}
.dark-Collapse--disabled .dark-Collapse-arrow:before {
border-color: var(--text--muted-color);
}
.dark-Collapse--title-bottom .dark-Collapse-header {
text-align: center;
font-size: var(--fontSizeBase);
border-top: var(--Collapse-header-collapsed-borderTop);
border-bottom: var(--Collapse-header-collapsed-borderBottom);
}
.dark-Collapse--title-bottom.is-collapsed .dark-Collapse-header {
border-top: none;
}
.dark-Collapse--title-bottom .dark-Collapse-arrow:before {
top: -0.25rem;
transform: rotate(135deg);
}
.dark-Collapse--title-bottom.is-active .dark-Collapse-arrow:before {
top: 0;
transform: rotate(-45deg);
}
.dark-Collapse-contentWrapper {
transition: height var(--animation-duration) ease;
}
.dark-Collapse-contentWrapper.in, .dark-Collapse-contentWrapper.out {
height: 0;
overflow: hidden;
}
.dark-Collapse-content {
padding: var(--Collapse-content-padding);
color: var(--body-color);
font-size: var(--Collapse-content-fontSize);
font-weight: var(--Collapse-content-fontWeight);
}
.dark-Collapse-content .dark-Form-item.view-details .dark-ImageControl.isMobile .dark-ImageControl-dropzone {
display: flex;
flex-direction: row;
}
/* Aug 移动端样式调整 */
@media (max-width: 767px) {
.dark-Collapse {
border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
}
.dark-Collapse-icon-title {
top: 0;
left: 0;
width: 16px;
height: 16px;
line-height: 16px;
}
.dark-Collapse-header {
padding: var(--Form-item-gap) 0 var(--Form-item-gap) var(--Form-item-gap);
font-size: var(--fontSizeLg);
overflow: hidden;
line-height: var(--body-lineHeight);
}
.dark-Collapse-arrow {
float: right;
}
.dark-Collapse-body {
padding-left: 16px;
}
}
.dark-CollapseGroup.icon-position-right .dark-Collapse-header .dark-Collapse-arrow {
float: right;
}
.dark-CollapseGroup.icon-position-right .dark-Collapse-header .dark-Collapse-icon-tranform {
float: right;
}
@media (min-width: 576px) {
.dark-CollapseGroup .dark-Collapse:not(:last-child) {
border-bottom: none;
}
}
@media (max-width: 767px) {
.dark-Form .dark-CollapseGroup .dark-Collapse {
margin-bottom: 5px;
border: none;
}
.dark-Form .dark-CollapseGroup .dark-Collapse-header {
display: block;
border-bottom: 0.0625rem solid #eceff8;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.dark-Form .dark-CollapseGroup .dark-Collapse-body {
padding: 10px 5px 10px 10px;
}
.dark-Form .dark-CollapseGroup .dark-Collapse-content {
padding: 0;
}
.dark-Form .dark-CollapseGroup .dark-Collapse-content .dark-Form-item {
padding: 3px 0;
}
.dark-Form .dark-CollapseGroup .dark-Collapse-content .dark-Form-item::after {
content: none;
}
.dark-Form .dark-CollapseGroup .dark-Collapse-content .dark-Form-item .dark-Form-label > span {
display: block;
}
.dark-Form .dark-CollapseGroup .dark-Collapse-content .dark-Form-item .dark-Form-label > span .dark-TplField {
display: block;
}
.dark-Form .dark-CollapseGroup .dark-Collapse-content .dark-Form-item .dark-Form-label > span .dark-TplField > span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.dark-ColorField {
display: flex;
align-items: center;
}
.dark-ColorField-previewIcon {
display: inline-block;
vertical-align: middle;
width: 60px;
height: 20px;
box-shadow: var(--boxShadowSm);
background: #ccc;
}
.dark-ColorField-value {
display: inline-block;
margin-left: 10px;
vertical-align: middle;
}
.dark-CBGroup {
font-size: var(--fontSizeSm);
}
.dark-CBGroup-toolbar {
display: flex;
flex-direction: row;
padding-bottom: 10px;
}
.dark-CBGroup-toolbar .dark-Button {
transition: padding var(--animation-duration);
min-width: unset;
}
.dark-CBGroup-toolbar .dark-Button svg {
width: 10px;
height: 10px;
top: 0;
margin-right: 5px;
}
.dark-CBGroup-toolbar:not(:hover) .dark-CBGroup-toolbarCondition .dark-Button:not(.is-active) {
width: 0;
padding: 0;
overflow: hidden;
opacity: 0;
margin: 0;
border: 0;
}
.dark-CBGroup-toolbar .dark-CBGroup-toolbarConditionAdd {
transition: opacity var(--animation-duration);
display: flex;
align-items: center;
}
.dark-CBGroup-toolbar .dark-CBGroup-toolbarConditionAdd .dark-CBDelete {
margin-left: var(--gap-xs);
}
.dark-CBGroup-toolbar:not(:hover) .dark-CBGroup-toolbarConditionAdd {
opacity: 0;
}
.dark-CBGroup-field, .dark-CBGroup-operator {
position: relative;
display: inline-block;
margin: 0.1875rem;
vertical-align: middle;
}
.dark-CBGroup-fieldCaret, .dark-CBGroup-operatorCaret {
transition: transform var(--animation-duration) ease-out;
margin: 5px;
display: flex;
color: var(--Form-select-caret-iconColor);
}
.dark-CBGroup-fieldCaret:hover, .dark-CBGroup-operatorCaret:hover {
color: var(--Form-select-caret-onHover-iconColor);
}
.dark-CBGroup-fieldCaret > svg, .dark-CBGroup-operatorCaret > svg {
width: 0.625rem;
height: 0.625rem;
top: 0;
}
.dark-CBGroup-fieldInput.is-active .dark-CBGroup-fieldCaret, .dark-CBGroup-operatorInput.is-active .dark-CBGroup-operatorCaret {
transform: rotate(180deg);
}
.dark-CBGroup-placeholder {
color: var(--text--muted-color);
position: relative;
margin-left: 30px;
padding: 10px;
background: rgba(0, 0, 0, 0.03);
border-radius: 5px;
}
.dark-CBGroup-placeholder:before {
position: absolute;
content: "";
top: -10px;
left: -30px;
width: var(--gap-md);
border-left: solid 1px var(--borderColor);
bottom: 0;
}
.dark-CBGroup-placeholder:after {
position: absolute;
content: "";
top: 50%;
width: var(--gap-md);
left: -30px;
border-top: solid 1px var(--borderColor);
}
.dark-CBGroup-placeholder:last-child:before {
border-bottom-left-radius: 5px;
border-bottom: solid 1px var(--borderColor);
bottom: 50%;
}
.dark-CBGroup-placeholder:last-child:after {
display: none;
}
.dark-CBGroup-placeholder.simple {
margin-left: 0;
}
.dark-CBGroup-placeholder.simple:before {
display: none;
}
.dark-CBGroup-placeholder.simple:after {
display: none;
}
.dark-CBGroup-toolbarCondition {
margin-right: var(--gap-base);
}
.dark-CBDelete {
color: var(--icon-color);
cursor: pointer;
margin-left: auto;
transition: opacity var(--animation-duration);
}
.dark-CBDelete:hover {
color: var(--icon-onHover-color);
}
.dark-CBGroupOrItem {
position: relative;
margin-left: 1.875rem;
}
.dark-CBGroupOrItem + .dark-CBGroupOrItem {
margin-top: 0.625rem;
}
.dark-CBGroupOrItem-body {
display: flex;
padding: 2px 7px;
border-radius: 5px;
flex-direction: row;
align-items: center;
position: relative;
background: rgba(0, 0, 0, 0.03);
transition: all var(--animation-duration) ease-out;
}
.dark-CBGroupOrItem-body > .dark-CBGroup {
margin: 3px;
}
.dark-CBGroupOrItem-body:not(:hover) .dark-CBDelete {
opacity: 0;
}
.dark-CBGroupOrItem.is-dragging {
display: none;
}
.dark-CBGroupOrItem.is-ghost > .dark-CBGroupOrItem-body:before {
position: absolute;
z-index: 2;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(34, 150, 243, 0.2);
}
.dark-CBGroupOrItem-dragbar {
cursor: move;
width: 20px;
margin-left: -5px;
opacity: 0.6;
text-align: center;
transition: opacity var(--animation-duration) ease-out;
color: var(--icon-color);
}
.dark-CBGroupOrItem-dragbar:hover {
color: var(--icon-onHover-color);
}
.dark-CBGroupOrItem .dark-CBGroup {
flex-grow: 1;
}
.dark-CBGroupOrItem:hover > .dark-CBGroupOrItem-body {
background: rgba(0, 0, 0, 0.05);
}
.dark-CBGroupOrItem:hover > .dark-CBGroupOrItem-body > .dark-CBGroupOrItem-dragbar {
opacity: 1;
}
.dark-CBGroupOrItem:before {
position: absolute;
content: "";
top: -10px;
left: -30px;
width: 20px;
border-left: solid 1px var(--borderColor);
bottom: 0;
}
.dark-CBGroupOrItem:after {
position: absolute;
content: "";
top: 50%;
width: 20px;
left: -30px;
border-top: solid 1px var(--borderColor);
}
.dark-CBGroupOrItem:last-child:before {
border-bottom-left-radius: 5px;
border-bottom: solid 1px var(--borderColor);
bottom: 50%;
}
.dark-CBGroupOrItem:last-child:after {
display: none;
}
.dark-CBGroupOrItem-simple {
margin-bottom: var(--gap-sm);
}
.dark-CBInputSwitch {
position: relative;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.dark-CBInputSwitch > a {
color: var(--icon-color);
}
.dark-CBInputSwitch > a:hover {
color: var(--icon-onHover-color);
}
.dark-CBInputSwitch svg {
width: 0.625rem;
height: 0.625rem;
}
.dark-CBFunc {
display: inline-block;
vertical-align: middle;
margin: 0.1875rem;
}
.dark-CBFunc-select {
display: inline-block;
position: relative;
}
.dark-CBFunc-error {
color: var(--danger);
}
.dark-CBFunc-args {
display: inline-block;
}
.dark-CBFunc-args > span {
display: inline-block;
padding: 0 5px;
color: var(--info);
}
.dark-CBFunc-args > div {
display: inline-block;
}
.dark-CBValue {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0.1875rem;
}
.dark-CBFormula {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0.1875rem;
}
.dark-CBFormula-label {
background: var(--ResultBox-value-bg);
color: var(--text--muted-color);
display: block;
font-size: var(--fontSizeSm);
align-self: center;
margin: -5px 5px -5px -8px;
padding: 5px;
border-radius: 5px;
user-select: none;
}
.dark-CBSeprator {
width: 20px;
text-align: center;
display: inline-block;
user-select: none;
}
@keyframes contextMenuInSpecial {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
@keyframes contextMenuIn {
from {
opacity: 0;
}
}
@keyframes contextMenuOut {
to {
opacity: 0;
}
}
.dark-ContextMenu {
z-index: 1500;
position: fixed;
left: 0;
top: 0;
}
.dark-ContextMenu-menu {
position: absolute;
z-index: 1500;
display: block;
position: absolute;
margin: 0;
padding: 4px 0 5px;
background: rgba(239, 239, 239, 0.95);
box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.34);
color: rgba(0, 0, 0, 0.75);
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
font-size: var(--fontSizeMd);
line-height: 1.1;
}
.dark-ContextMenu-menu.in, .dark-ContextMenu-menu.out {
animation-duration: var(--animation-duration);
animation-fill-mode: both;
}
.dark-ContextMenu-menu.in {
animation-name: contextMenuInSpecial;
animation-duration: var(--animation-duration);
}
.dark-ContextMenu-menu.out {
animation-name: contextMenuOut;
}
.dark-ContextMenu-menu::before {
display: block;
position: absolute;
content: "";
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.125);
z-index: -1;
}
.dark-ContextMenu-divider {
border: none;
height: 1px;
background: rgba(0, 0, 0, 0.1);
margin: 6px 1px 5px;
padding: 0;
}
.dark-ContextMenu-list {
list-style: none;
margin: 0;
padding: 0;
width: 185px;
}
.dark-ContextMenu-item {
position: relative;
}
.dark-ContextMenu-item > a {
white-space: nowrap;
display: block;
padding: 0 20px;
border-top: 1px solid rgba(0, 0, 0, 0);
border-bottom: 1px solid rgba(0, 0, 0, 0);
color: inherit;
}
.dark-ContextMenu-item:not(.is-disabled):hover > a {
text-decoration: none;
color: #fff;
background: -webkit-linear-gradient(top, #648bf5, #2866f2);
background: linear-gradient(to bottom, #648bf5 0%, #2866f2 100%);
border-top: 1px solid #5a82eb;
border-bottom: 1px solid #1758e7;
cursor: pointer;
}
.dark-ContextMenu-item.is-disabled > a {
color: #999;
pointer-events: none;
}
.dark-ContextMenu-item.has-child > a::after {
content: "";
width: 0;
height: 0;
border-width: 4px 7px;
border-style: solid;
border-color: transparent transparent transparent rgba(0, 0, 0, 0.75);
text-shadow: 0px 4px 9px rgba(0, 0, 0, 0.34);
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.dark-ContextMenu-item.has-child:hover > a::after {
border-color: transparent transparent transparent #fff;
}
.dark-ContextMenu-itemIcon {
margin-right: 5px;
}
.dark-ContextMenu-subList {
display: none;
list-style: none;
}
.dark-ContextMenu-item:hover > .dark-ContextMenu-subList {
display: block;
animation-duration: var(--animation-duration);
animation-fill-mode: both;
animation-name: contextMenuIn;
display: block;
position: absolute;
left: 100%;
top: -3px;
margin: 0;
padding: 4px 0 5px;
background: rgba(239, 239, 239, 0.95);
box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.34);
border-radius: 7px;
color: rgba(0, 0, 0, 0.75);
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
font-size: var(--fontSizeMd);
line-height: 1.1;
}
.dark-ContextMenu-item:hover > .dark-ContextMenu-subList::before {
display: block;
position: absolute;
content: "";
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.125);
z-index: -1;
}
.dark-ContextMenu--left .dark-ContextMenu-item:hover > .dark-ContextMenu-subList {
left: auto;
right: 100%;
}
.dark-ContextMenu-cursor {
position: absolute;
width: 1px;
height: 1px;
z-index: -1;
}
.dark-ContextMenu-overlay {
position: fixed !important;
z-index: 1499;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent;
pointer-events: none;
}
.dark-Wizard {
position: relative;
}
.dark-Wizard::before, .dark-Wizard::after {
display: table;
content: "";
}
.dark-Wizard::after {
clear: both;
}
.dark-Wizard, .dark-Wizard-tabs {
padding: 0;
}
.dark-Wizard .dark-Badge, .dark-Wizard-tabs .dark-Badge {
display: inline-block;
width: var(--Wizard-badge-size);
height: var(--Wizard-badge-size);
font-size: var(--Wizard-badge-fontSize);
line-height: var(--Wizard-badge-size);
color: var(--Wizard-badge-color);
text-align: center;
white-space: nowrap;
vertical-align: middle;
background: var(--Wizard-badge-bg);
border-radius: var(--Wizard-badge-borderRadius);
text-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.2);
margin-right: var(--Wizard-badge-marginRight);
border: var(--Wizard-badge-border);
box-sizing: content-box;
}
.dark-Wizard .dark-Badge.is-active, .dark-Wizard-tabs .dark-Badge.is-active {
color: var(--white);
background: var(--Wizard-badge-onActive-backgroundColor);
}
.dark-Wizard .dark-Badge.is-complete, .dark-Wizard-tabs .dark-Badge.is-complete {
color: var(--white);
background: var(--Wizard-badge-onComplete-backgroundColor);
}
.dark-Wizard ul li.active, .dark-Wizard-tabs ul li.active {
color: var(--info);
}
.dark-Wizard .dark-Panel-footer > .dark-Form-group,
.dark-Wizard .dark-Panel-footer > .btn, .dark-Wizard-tabs .dark-Panel-footer > .dark-Form-group,
.dark-Wizard-tabs .dark-Panel-footer > .btn {
margin-left: var(--gap-xs);
}
.dark-Wizard > ul.nav, .dark-Wizard-tabs > ul.nav {
padding: 0;
margin: 0;
border: var(--borderWidth) solid var(--borderColor);
}
.dark-Wizard > ul.nav li, .dark-Wizard-tabs > ul.nav li {
position: relative;
float: left;
padding: 0 var(--gap-md) 0 1.5625rem;
margin: 0;
color: #999999;
cursor: pointer;
height: var(--Wizard-steps-height);
line-height: var(--Wizard-steps-height);
}
.dark-Wizard > ul.nav li a, .dark-Wizard-tabs > ul.nav li a {
border: 0 none !important;
background: transparent !important;
color: inherit;
display: inline;
padding: 0;
}
.dark-Wizard > ul.nav li a div, .dark-Wizard-tabs > ul.nav li a div {
display: inline;
}
.dark-Wizard > ul.nav li:first-child, .dark-Wizard-tabs > ul.nav li:first-child {
padding-left: var(--gap-md);
border-radius: 0.25rem 0 0 0;
}
.dark-Wizard > ul.nav li:before, .dark-Wizard > ul.nav li:after, .dark-Wizard-tabs > ul.nav li:before, .dark-Wizard-tabs > ul.nav li:after {
content: "";
position: absolute;
right: -0.625rem;
border: var(--gap-md) solid transparent;
border-right: 0;
border-left: 0.625rem solid var(--borderColor);
border-left-color: rgba(0, 0, 0, 0.05);
z-index: 1;
bottom: 0;
}
.dark-Wizard > ul.nav li:after, .dark-Wizard-tabs > ul.nav li:after {
right: -0.5625rem;
border-left-color: var(--Wizard-steps-bg);
z-index: 2;
}
.dark-Wizard > ul.nav li.is-active, .dark-Wizard-tabs > ul.nav li.is-active {
color: var(--Wizard-steps-li-onActive-color);
background: #fff;
}
.dark-Wizard > ul.nav li.is-active:after, .dark-Wizard-tabs > ul.nav li.is-active:after {
border-left-color: #fff;
}
.dark-Wizard-steps {
font-size: var(--fontSizeBase);
padding: var(--Wizard-steps-padding);
background: var(--Wizard-steps-bg);
border-bottom: var(--Wizard-steps-borderWidth) solid var(--borderColor);
text-align: var(--Wizard-steps-textAlign);
}
.dark-Wizard-steps::before, .dark-Wizard-steps::after {
display: table;
content: "";
}
.dark-Wizard-steps::after {
clear: both;
}
.dark-Wizard-steps ul {
display: var(--Wizard-steps-ulDisplay);
padding: 0;
margin: 0;
list-style: none outside none;
}
.dark-Wizard-steps ul li {
position: relative;
float: left;
padding: 0 var(--gap-md) 0 1.5625rem;
margin: 0;
color: #999999;
cursor: default;
height: var(--Wizard-steps-height);
line-height: var(--Wizard-steps-height);
}
.dark-Wizard-steps ul li:first-child {
padding-left: var(--gap-md);
border-radius: 0.25rem 0 0 0;
}
.dark-Wizard-steps ul li:before, .dark-Wizard-steps ul li:after {
font-family: var(--Wizard-steps-liVender);
content: var(--Wizard-steps-liAfterContent);
position: absolute;
bottom: 0;
right: -0.625rem;
border: 1.125rem solid transparent;
border-right: 0;
border-left: 0.625rem solid var(--borderColor);
border-left-color: rgba(0, 0, 0, 0.05);
z-index: 2;
}
.dark-Wizard-steps ul li:after {
right: -0.5625rem;
border-left-color: var(--Wizard-steps-bg);
z-index: 2;
}
.dark-Wizard-steps ul li.is-active {
color: var(--Wizard-steps-li-onActive-color);
background: var(--Wizard-steps-li-onActive-bg);
}
.dark-Wizard-steps ul li.is-active:after {
border-left-color: var(--Wizard-steps-li-onActive-arrow-bg);
}
.dark-Wizard-steps ul li.is-complete, .dark-Wizard-steps ul li.is-complete:hover {
color: var(--Wizard-steps-li-onActive-color);
cursor: pointer;
}
.dark-Wizard-stepContent {
padding: var(--Wizard-stepsContent-padding);
}
.dark-Wizard-stepContent .Step-pane {
display: none;
}
.dark-Wizard-stepContent .Step-pane.is-active {
display: inherit;
}
.dark-Wizard--horizontal {
height: calc(100% - 50px) !important;
}
.dark-Wizard--horizontal > .dark-Wizard-step {
height: 100%;
display: flex;
flex-direction: column;
}
.dark-Wizard--horizontal > .dark-Wizard-step > .dark-Wizard-stepContent {
flex: 1;
overflow: auto;
}
.dark-Wizard--vertical {
height: calc(100% - 50px);
}
.dark-Wizard--vertical > .dark-Wizard-step {
height: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
border-bottom: none;
}
.dark-Wizard--vertical > .dark-Wizard-step > .dark-Wizard-steps {
height: 100%;
min-width: 40px;
margin-right: 30px;
background: none;
border-bottom: none;
}
.dark-Wizard--vertical > .dark-Wizard-step > .dark-Wizard-steps li {
background: var(--Wizard-steps-bg);
}
.dark-Wizard--vertical > .dark-Wizard-step > .dark-Wizard-steps ul li {
height: 2.5rem;
line-height: 2.5rem;
position: relative;
float: none;
border-bottom: var(--borderWidth) solid var(--borderColor);
padding-left: var(--gap-md);
}
.dark-Wizard--vertical > .dark-Wizard-step > .dark-Wizard-steps ul li.is-active {
background: #fff;
}
.dark-Wizard--vertical > .dark-Wizard-step > .dark-Wizard-stepContent {
flex-grow: 1;
width: 0;
height: 100%;
overflow: auto;
}
.dark-Combination.dark-Wizard {
background-color: #f7f9fc;
border-color: transparent;
}
.dark-Combination.dark-Wizard .dark-Wizard-step .dark-Wizard-steps {
background-color: #fff;
}
.dark-Combination.dark-Wizard .dark-Wizard-step .dark-Wizard-steps .step-ul::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.dark-Combination.dark-Wizard .dark-Wizard-step .dark-Wizard-steps .step-ul li .dark-Badge {
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 50%;
}
.dark-Combination.dark-Wizard .dark-Wizard-step .dark-Wizard-stepContent {
background-color: #fff;
}
.dark-Combination.dark-Wizard--horizontal .dark-Wizard-step .dark-Wizard-steps {
padding: 5px 10px;
overflow-y: hidden;
overflow-x: auto;
}
.dark-Combination.dark-Wizard--horizontal .dark-Wizard-step .dark-Wizard-steps .step-ul {
white-space: nowrap;
height: 40px;
}
.dark-Combination.dark-Wizard--horizontal .dark-Wizard-step .dark-Wizard-steps .step-ul li {
background-color: #f7f9fc;
overflow: hidden;
margin-right: 5px;
padding: 0 1.56rem 0 1rem;
display: inline-block;
float: none;
border-radius: 0.25rem 0 0 0.25rem;
}
.dark-Combination.dark-Wizard--horizontal .dark-Wizard-step .dark-Wizard-steps .step-ul li::before, .dark-Combination.dark-Wizard--horizontal .dark-Wizard-step .dark-Wizard-steps .step-ul li::after {
border-left: 1.125rem solid #f7f9fc;
border: none;
width: 28px;
height: 28px;
background: #fff;
transform: rotate(45deg);
right: -15px;
top: 26px;
}
.dark-Combination.dark-Wizard--horizontal .dark-Wizard-step .dark-Wizard-steps .step-ul li::after {
top: -14px !important;
}
.dark-Combination.dark-Wizard--horizontal .dark-Wizard-step .dark-Wizard-steps .step-ul .is-active {
color: #fff;
background-color: var(--saas-Primary-Color);
}
.dark-Combination.dark-Wizard--horizontal .dark-Wizard-step .dark-Wizard-steps .step-ul .is-active .dark-Badge {
border: transparent;
background-color: #fff;
color: var(--saas-Primary-Color);
}
.dark-Combination.dark-Wizard--vertical .dark-Wizard-step .dark-Wizard-steps {
margin-right: 0px;
border-right: 1px solid var(--borderColor);
}
.dark-Combination.dark-Wizard--vertical .dark-Wizard-step .dark-Wizard-steps .step-ul {
overflow: auto;
height: 100%;
}
.dark-Combination.dark-Wizard--vertical .dark-Wizard-step .dark-Wizard-steps .step-ul li {
background: #fff;
border: none;
height: 3rem;
line-height: 3rem;
}
.dark-Combination.dark-Wizard--vertical .dark-Wizard-step .dark-Wizard-steps .step-ul li .dark-Badge {
width: 24px;
height: 24px;
line-height: 24px;
border: 1px solid transparent;
background: #e2f6ff;
color: var(--saas-Primary-Color);
}
.dark-Combination.dark-Wizard--vertical .dark-Wizard-step .dark-Wizard-steps .step-ul li .dark-Badge::before {
content: "";
position: absolute;
top: 26px;
width: 2px;
height: 20px;
border-right: 2px solid #e9f6f1;
z-index: 1;
left: 9px;
}
.dark-Combination.dark-Wizard--vertical .dark-Wizard-step .dark-Wizard-steps .step-ul li::before, .dark-Combination.dark-Wizard--vertical .dark-Wizard-step .dark-Wizard-steps .step-ul li::after {
content: none;
}
.dark-Combination.dark-Wizard--vertical .dark-Wizard-step .dark-Wizard-steps .step-ul .is-complete .dark-Badge {
background: #fff;
border: 1px solid var(--saas-Primary-Color);
color: var(--saas-Primary-Color);
}
.dark-Combination.dark-Wizard--vertical .dark-Wizard-step .dark-Wizard-steps .step-ul .is-complete .dark-Badge::before {
border-right-style: solid;
border-right-color: var(--saas-Primary-Color);
}
.dark-Combination.dark-Wizard--vertical .dark-Wizard-step .dark-Wizard-steps .step-ul .is-active {
font-weight: 600;
}
.dark-Combination.dark-Wizard--vertical .dark-Wizard-step .dark-Wizard-steps .step-ul .is-active .dark-Badge {
background: var(--saas-Primary-Color);
border: 1px solid var(--saas-Primary-Color);
color: #fff;
}
.dark-Combination.dark-Wizard--vertical .dark-Wizard-step .dark-Wizard-steps .step-ul li:nth-last-child(1) .dark-Badge::before {
content: none;
}
.dark-Wizard-footer {
height: 50px;
}
@media (max-width: 767px) {
.dark-Wizard {
height: 100%;
}
.dark-Wizard-step {
height: 100%;
display: flex;
flex-direction: column;
}
.dark-Wizard-step .dark-Wizard-stepContent {
flex: 1;
overflow-y: auto;
}
.dark-Wizard--horizontal .dark-Wizard-step .dark-Wizard-steps {
overflow: hidden;
}
.dark-Wizard--horizontal .dark-Wizard-step .dark-Wizard-steps > ul {
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
overflow-x: auto;
}
.dark-Wizard--horizontal .dark-Wizard-step .dark-Wizard-steps > ul > li {
display: flex;
justify-content: flex-start;
align-items: center;
}
.dark-Wizard--horizontal .dark-Wizard-step .dark-Wizard-steps > ul::-webkit-scrollbar {
width: 0px;
height: 0px;
background-color: transparent;
}
.dark-Wizard-footer {
height: 50px;
margin: 0;
}
.dark-Combination.dark-Wizard--horizontal {
margin: 0;
background-color: #fff;
border-color: #eceff8;
}
.dark-Combination.dark-Wizard--horizontal .dark-Wizard-step .dark-Wizard-steps {
overflow-x: auto;
overflow-y: hidden;
padding: 0;
margin-bottom: 0;
}
.dark-Combination.dark-Wizard--horizontal .dark-Wizard-step .dark-Wizard-steps::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.dark-Combination.dark-Wizard--horizontal .dark-Wizard-step .dark-Wizard-steps .step-ul {
display: block;
overflow-y: hidden;
}
}
.common-modal-component.ant-modal {
padding-bottom: 0;
}
.common-modal-component.ant-modal .ant-modal-header {
height: 34px !important;
min-height: unset !important;
background-color: var(--saas-Background-Header) !important;
padding: 0 !important;
border-bottom: 1px solid var(--saas-Border-Dividers);
}
.common-modal-component.ant-modal .ant-modal-header .dialog-title {
padding: 6px 16px !important;
}
.common-modal-component.ant-modal .ant-modal-header .dialog-title .disabled-move-title {
font-size: 14px !important;
font-weight: 700;
color: var(--ai-tool-title-color);
}
.common-modal-component.ant-modal .ant-modal-content {
background-color: var(--saas-Background-Header);
}
.common-modal-component.ant-modal .ant-modal-content .ant-modal-close-x {
width: 44px !important;
height: 34px !important;
line-height: 34px !important;
}
.common-modal-component.ant-modal .ant-modal-content .ant-modal-footer {
border-top: 1px solid var(--saas-Border-Dividers);
padding: 8px !important;
}
.common-modal-component.ant-modal .ant-modal-content .ant-modal-footer .ant-btn {
border-radius: 5px;
}
.common-modal-component.ant-modal .ant-modal-body {
background: var(--saas-main-bg);
}
.common-modal-component.ant-modal .ant-modal-body .ant-modal-footer {
padding: 8px 0px 0 0 !important;
}
.dark-Crud {
position: relative;
}
.dark-Crud-head {
position: relative;
height: auto;
}
.dark-Crud-head > .dark-Alert {
border-top: 0;
border-left: 0;
border-bottom: 1px solid var(--saas-Border-Dividers);
border-color: var(--saas-Border-Dividers);
}
.dark-Crud-head > .dark-Alert .dark-Alert-close svg.icon {
font-size: 12px;
}
.dark-Crud-head-height {
height: 15px;
overflow: hidden;
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Crud-head-empty {
height: 15px;
background-color: var(--saas-crud-title-from-color);
}
.dark-Crud-head-action {
position: absolute;
width: 40px;
height: 15px;
background-color: #e6e8eb;
top: 0;
left: 50%;
z-index: 1;
transform: translateX(-50%);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
text-align: center;
line-height: 15px;
cursor: pointer;
color: var(--saas-font-size-color-reverse);
}
@media screen and (max-width: 1600px) {
.dark-Crud-head-action {
width: 20px;
height: 8px;
line-height: 8px;
}
}
.dark-Crud-head-filter {
color: var(--saas-font-size-dark-black);
display: flex;
align-items: center;
height: 40px;
border-bottom: 1px solid var(--saas-Border-Dividers);
padding: 4px 8px;
}
.dark-Crud-head-filter .filter-menu {
margin: 0 8px;
flex: 1;
display: flex;
overflow: hidden;
align-items: center;
}
.dark-Crud-head-filter .filter-menu .ant-tag {
display: flex;
align-items: center;
max-width: 300px;
}
.dark-Crud-head-filter .filter-menu .ant-tag .text {
max-width: 260px;
width: fit-content;
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.dark-Crud-head-filter .filter-menu .ant-tag .ant-tag-close-icon {
display: flex;
}
.dark-Crud-head-filter .filter-menu-item {
display: flex;
margin-right: 6px;
}
.dark-Crud-head-filter .filter-menu-item .ant-tag {
color: var(--saas-crud-filters-font-color);
background-color: var(--saas-crud-filters-bg-color);
}
.dark-Crud-head-filter .filter-menu-item .is-advanced {
border: 1px solid var(--saas-crud-filters-font-border-color);
}
.dark-Crud-head-filter .filter-search-wrapper {
display: flex;
align-self: flex-start;
}
.dark-Crud-head-filter .filter-search-wrapper .filter-search-items {
display: flex;
align-items: center;
height: 32px;
font-size: 12px;
}
.dark-Crud-head-filter .filter-search-wrapper .filter-search-items .dark-Form-item {
margin-right: 0;
}
.dark-Crud-head-filter .filter-search-wrapper .filter-search-items button {
height: 24px;
display: flex;
align-items: center;
}
.dark-Crud-head-filter .filter-search-wrapper .filter-search-items button:not(:last-child) {
margin-right: 8px;
}
.dark-Crud-head-filter .filter-select-wrap {
display: flex;
align-items: center;
border-bottom: 1px solid #e7e7e7;
margin-right: 8px;
}
.dark-Crud-head-filter .filter-select-wrap .icon {
color: #bfbfbf;
width: 20px;
height: 20px;
top: 0;
}
.dark-Crud-head-filter .filter-select {
width: 240px;
font-size: 12px;
}
.dark-Crud-head-filter .filter-select .ant-select-selection-placeholder {
font-size: 12px;
}
.dark-Crud-head-filter .filter-select .ant-select-selection-overflow-item-rest .ant-select-selection-item {
border: none;
background-color: transparent;
}
.dark-Crud-head-filter .filter-select-tag {
margin-right: 6px;
margin-bottom: 4px;
}
.dark-Crud-head-filter .filter-select-tag .anticon-close-circle,
.dark-Crud-head-filter .filter-select-tag .ant-tag-close-icon {
opacity: 0;
}
.dark-Crud-head-filter .filter-select-tag:hover .anticon-close-circle,
.dark-Crud-head-filter .filter-select-tag:hover .ant-tag-close-icon {
opacity: 1;
}
.dark-Crud-head-filter .filter-select-tag-label {
font-size: 12px;
color: #3574ee;
border: 1px solid #dcdcdc;
background-color: #f7f9fc;
padding: 4px;
}
.dark-Crud-head-filter .filter-select-tag-value {
font-size: 12px;
color: #00000090;
border: 1px solid #dcdcdc;
border-left: none;
padding: 4px;
}
.dark-Crud-head-filter .icon {
margin: 0 8px;
color: var(--saas-Title-Text);
font-size: 12px;
cursor: pointer;
}
.dark-Crud-selection {
margin-bottom: var(--gap-base);
}
.dark-Crud-selectionLabel {
display: inline-block;
vertical-align: top;
margin-top: var(--gap-xs);
}
.dark-Crud-value {
cursor: pointer;
vertical-align: middle;
user-select: none;
line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
display: inline-block;
font-size: var(--Form-selectValue-fontSize);
color: var(--Form-selectValue-color);
background: var(--Form-selectValue-bg);
border: 0.0625rem solid var(--Form-selectValue-borderColor);
border-radius: 2px;
margin-right: var(--gap-xs);
margin-top: var(--gap-xs);
}
.dark-Crud-value:hover {
background: var(--Form-selectValue-onHover-bg);
}
.dark-Crud-value.is-disabled {
pointer-events: none;
opacity: var(--Button-onDisabled-opacity);
}
.dark-Crud-valueIcon {
cursor: pointer;
border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
padding: 1px 5px;
}
.dark-Crud-valueIcon:hover {
background: var(--Form-selectValue-onHover-bg);
}
.dark-Crud-valueLabel {
padding: 0 var(--gap-xs);
}
.dark-Crud-selectionClear {
display: inline-block;
cursor: pointer;
user-select: none;
margin-left: var(--gap-xs);
margin-top: var(--gap-xs);
vertical-align: middle;
}
.dark-Crud-bulkActions {
display: flex;
align-items: center;
}
.dark-Crud-toolbar.footer {
background-color: var(--Layout-header-bg);
flex: 1;
overflow: auto;
width: 100%;
display: inline-flex;
}
.dark-Crud-toolbar.footer:last-of-type {
flex-direction: row-reverse;
}
@media (min-width: 576px) {
.dark-Crud-toolbar.footer .dark-Crud-toolbar-tool--actions {
flex-direction: row-reverse;
font-size: 12px;
background: var(--saas-crud-table-thead-color);
}
.dark-Crud-toolbar.footer .dark-Crud-toolbar-tool--actions .dark-Crud-pager {
height: 30px;
line-height: 30px;
}
.dark-Crud-toolbar.footer .dark-Crud-toolbar-tool--actions .dark-Crud-pager .dark-Pagination-wrap .dark-Pagination > li > a,
.dark-Crud-toolbar.footer .dark-Crud-toolbar-tool--actions .dark-Crud-pager .dark-Pagination-wrap .dark-Pagination > li > span {
font-size: 12px;
}
.dark-Crud-toolbar.footer .dark-Crud-toolbar-tool--actions .dark-Crud-pageSwitch .ant-select {
font-size: 12px;
}
.dark-Crud-toolbar.footer .dark-Crud-toolbar-tool--actions .dark-Crud-pageSwitch .ant-select .ant-select-selector {
border: 0;
box-shadow: none !important;
background-color: var(--saas-crud-table-thead-color);
}
}
.dark-Crud-toolbar.footer .dark-Pagination-prev span, .dark-Crud-toolbar.footer .dark-Pagination-next span {
min-width: 10px;
}
.dark-Crud-toolbar.footer .dark-Pagination-prev span {
margin-left: 0;
}
.dark-Crud-toolbar.footer .dark-Pagination-next span {
margin-right: 0;
}
.dark-Crud-toolbar.footer .dark-Crud-pageSwitch {
margin-left: -11px;
margin-right: -3px;
}
.dark-Crud-toolbar-item {
margin-right: 8px;
vertical-align: middle;
display: inline-flex;
}
.dark-Crud-toolbar-item:first-child {
margin-right: 0;
}
.dark-Crud-toolbar-item--left {
float: left;
}
.dark-Crud-toolbar-item--right {
float: right;
}
.dark-Crud-toolbar-tool {
border-radius: 3px;
overflow: hidden;
transition: all 0.3s;
height: 32px;
white-space: nowrap;
}
.dark-Crud-toolbar-tool-content {
display: flex;
flex-wrap: nowrap;
height: 32px;
align-items: center;
}
.dark-Crud-toolbar-tool-content::before {
content: "";
/* 伪元素是行内元素，需要转变为块元素 */
display: inline-block;
height: 0;
clear: both;
visibility: hidden;
}
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item {
margin: 0;
display: flex;
align-items: center;
}
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .dark-DropDown > .dark-Button {
background: none;
border: 0;
color: var(--saas-font-size-dark-black);
}
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .dark-DropDown > .dark-Button .dark-DropDown-caret {
margin-left: 0;
}
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .dark-DropDown > .dark-DropDown-popover > .dark-DropDown-menu-root > .dark-DropDown-menu .dark-Button--default {
color: var(--saas-font-size-dark-black);
}
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .dark-DropDown > .dark-DropDown-popover > .dark-DropDown-menu-root > .dark-DropDown-menu .dark-Button--default:hover {
color: var(--saas-font-size-dark-black);
}
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .exportExcel,
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .dark-Crud-loadMore,
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .dark-ColumnToggler {
display: flex;
align-items: center;
}
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .exportExcel > .dark-Button,
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .dark-Crud-loadMore > .dark-Button,
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .dark-ColumnToggler > .dark-Button {
border-color: transparent;
box-shadow: none;
background: none;
border: none;
color: var(--saas-font-size-dark-black);
padding: 0px 5px;
display: inline-flex;
align-items: center;
line-height: 24px;
}
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .exportExcel > .dark-Button:hover,
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .dark-Crud-loadMore > .dark-Button:hover,
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .dark-ColumnToggler > .dark-Button:hover {
background: none;
border: none;
color: var(--saas-font-size-black);
}
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .exportExcel > .dark-Button .icon,
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .dark-Crud-loadMore > .dark-Button .icon,
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .dark-ColumnToggler > .dark-Button .icon {
margin-right: 0 !important;
font-size: 16px;
top: -1px;
}
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .dark-Button {
border-color: transparent;
box-shadow: none;
background: none;
border: none;
font-size: 12px;
color: var(--saas-font-size-dark-black);
padding: 0px 5px;
line-height: 24px;
display: inline-flex;
align-items: center;
}
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .dark-Button:hover {
background: none;
border: none;
color: var(--saas-font-size-black);
}
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .dark-Button .icon {
margin-right: 0 !important;
font-size: 16px;
top: -1px;
}
.dark-Crud-toolbar-tool-content .dark-Crud-toolbar-item > .dark-Crud-statistics {
line-height: 32px;
}
.dark-Crud-toolbar-tool-content.more-content-box {
color: var(--saas-font-size-dark-black);
background: var(--saas-crud-table-thead-color);
}
.dark-Crud-actions > * + .dark-Button,
.dark-Crud-actions > * + .dark-ButtonGroup,
.dark-Crud-actions > * + .dark-DropDown,
.dark-Crud-actions > * + .dark-ButtonToolbar {
margin-left: var(--Crud-toolbar-gap);
}
.dark-Crud-statistics {
vertical-align: middle;
}
.dark-Crud-pageSwitch .dark-Select {
margin-left: var(--Crud-toolbar-gap);
padding: 5px 6px 5px 11px;
}
.dark-Crud-pager {
align-self: flex-start;
}
.dark-Crud-filter {
margin-bottom: var(--gap-base);
}
@media (min-width: 576px) {
.dark-Crud-toolbar {
margin-left: 0;
width: 100%;
overflow: hidden;
}
.dark-Crud-toolbar::before, .dark-Crud-toolbar::after {
display: table;
content: "";
}
.dark-Crud-toolbar::after {
clear: both;
}
.dark-Crud-toolbar-tool--actions {
display: flex;
width: 100%;
justify-content: flex-start;
align-items: center;
overflow-x: auto;
}
.dark-Crud-toolbar-tool--head {
border: 0.0625rem solid var(--saas-Border-Dividers);
border-bottom: 0;
background-color: var(--saas-crud-table-thead-color);
display: flex;
justify-content: space-between;
align-items: center;
}
.dark-Crud-toolbar-tool--head:empty {
display: none;
}
.dark-Crud-toolbar-tool--head .dark-Table-affix {
width: fit-content;
justify-content: flex-start;
color: var(--saas-font-size-dark-black);
}
.dark-Crud-toolbar-tool--head .dark-Table-affix .dark-Crud-toolbar.footer {
width: auto;
flex: unset;
margin-left: 8px;
}
.dark-Crud-toolbar-tool--head .dark-Table-affix .dark-Table-affixs .dark-Table-affix-text {
line-height: 32px;
}
.dark-Crud-toolbar-tool--head .dark-Table-affix .dark-Crud-toolbar.footer .dark-Crud-toolbar-tool--actions .dark-Crud-toolbar-item .dark-Crud-pageSwitch .ant-select {
color: var(--saas-font-size-dark-black);
}
.dark-Crud-toolbar-tool--head .dark-Table-affix .dark-Crud-toolbar.footer .dark-Crud-toolbar-tool--actions .dark-Crud-toolbar-item .dark-Crud-pageSwitch .ant-select .ant-select-arrow {
color: var(--saas-font-size-dark-black);
}
.dark-Crud-toolbar-tool--head .dark-Crud-toolbar-tool {
flex: 1;
}
.dark-Crud-toolbar-tool--head .dark-Crud-toolbar-tool-content {
justify-content: flex-end;
}
.dark-Crud-toolbar-tool--head .dark-Crud-toolbar-tool-content .overflow-container {
width: 100%;
}
.dark-Crud-toolbar-tool--head .dark-Crud-toolbar-tool-content .overflow-container .overflow-box {
justify-content: flex-end;
}
.dark-Crud-toolbar-tool--head .dark-Crud-toolbar-tool-content .overflow-container .overflow-box .overflow-wrapper {
width: 100%;
justify-content: flex-end;
}
.dark-Crud-toolbar-tool--head .dark-Crud-toolbar-tool-content .overflow-container .overflow-box .overflow-wrapper.isOverflow {
justify-content: unset;
}
.dark-Crud-toolbar-tool--head .dark-Crud-toolbar-tool-content .overflow-container .more-btn-box {
color: var(--saas-font-size-dark-black);
background: var(--saas-crud-table-thead-color);
}
.dark-Crud-toolbar-item {
margin-right: 8px;
line-height: var(--Crud-toolbar-lineHeight);
height: auto;
vertical-align: middle;
}
.dark-Crud-toolbar-item--left {
margin-bottom: 8px;
}
.dark-Crud-toolbar-item--left .show-field-translate-container {
height: 30px;
line-height: 30px;
}
.dark-Crud-toolbar-item--left .show-field-translate-container .ant-checkbox-wrapper,
.dark-Crud-toolbar-item--left .show-field-translate-container .ant-checkbox {
color: rgba(0, 0, 0, 0.6);
font-size: 12px;
}
.dark-Crud-actions > * + .dark-Button,
.dark-Crud-actions > * + .dark-Button--disabled-wrap {
margin-left: var(--Crud-toolbar-gap);
}
}
/* Aug移动端样式 */
@media (max-width: 767px) {
.dark-Crud-toolbar.footer {
flex: 1;
display: flex;
justify-content: space-between;
align-items: center;
background: transparent;
padding: 0 16px;
overflow-x: auto;
}
.dark-Crud-toolbar.footer::-webkit-scrollbar {
display: none;
}
.dark-Crud-toolbar.footer .dark-Crud-toolbar-item {
display: flex;
margin: 0 12px 0 0;
}
.dark-Crud-toolbar.footer .dark-Crud-toolbar-item:last-child {
margin: 0;
}
.dark-Crud-toolbar.footer .dark-Crud-toolbar-item .dark-Button {
flex: 1;
}
.dark-Crud-bulkActions {
display: flex;
align-items: center;
flex: 1;
}
.dark-Crud .offline-progress-mask {
opacity: 0.6;
z-index: 1001;
position: absolute;
z-index: 12;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fcfcfa;
transition: ease-out opacity var(--animation-duration);
}
.dark-Crud .offline-progress-spinner {
position: absolute;
z-index: 1001;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
opacity: 1;
}
.dark-Crud.tableRotate {
transition: all ease-in 0.5s;
transform: rotate(90deg);
width: 100vh;
height: 100vw !important;
position: fixed;
top: calc(50vh - 50vw);
right: calc(50vw - 50vh);
z-index: 10000;
background-color: #fff;
}
.dark-Mobile-header-toolbar-wrapper {
width: 100%;
background: var(--saas-main-bg);
display: flex;
padding: var(--ListItem-paddingX) 0 0 0;
flex-direction: column;
border-bottom: 1px solid #dfe2e6;
border-top: 1px solid #dfe2e6;
}
.dark-Mobile-header-toolbar-wrapper .fold-container {
padding-left: var(--ListItem-paddingX);
padding-right: var(--ListItem-paddingX);
}
.dark-Mobile-header-toolbar-wrapper:empty {
display: none;
}
.dark-Mobile-header-toolbar-wrapper > div {
display: flex;
align-items: center;
justify-content: flex-start;
}
.dark-Mobile-header-toolbar-wrapper .filter-wrapper {
background-color: var(--saas-crud-table-thead-color);
color: var(--Table-thead-color);
padding: 7px 4px 3px 4px;
height: 40px;
border-top: 1px solid var(--saas-table-thead-border-color);
}
.dark-Mobile-header-toolbar-wrapper .filter-wrapper .filter-conditions {
margin-top: 0 !important;
}
.dark-Mobile-header-toolbar-wrapper .filter-wrapper .filter-conditions, .dark-Mobile-header-toolbar-wrapper .filter-wrapper .dark-Mobile-batch-manage {
color: var(--Table-thead-color);
}
.dark-Mobile-header-toolbar-wrapper .filter-wrapper .filter-conditions .batch-text, .dark-Mobile-header-toolbar-wrapper .filter-wrapper .dark-Mobile-batch-manage .batch-text {
color: var(--Table-thead-color);
}
.dark-Mobile-header-toolbar-wrapper .dark-Mobile-filter,
.dark-Mobile-header-toolbar-wrapper .dark-Mobile-reload {
border-radius: 6px;
text-align: left;
color: #333;
background: transparent;
border: none;
}
.dark-Mobile-header-toolbar-wrapper .dark-Mobile-filter .filter-text,
.dark-Mobile-header-toolbar-wrapper .dark-Mobile-reload .filter-text {
font-size: 14px;
margin-left: 2px;
color: var(--Table-thead-color);
}
.dark-Mobile-header-toolbar-wrapper .dark-Mobile-filter .filter-text.has-filter,
.dark-Mobile-header-toolbar-wrapper .dark-Mobile-reload .filter-text.has-filter {
color: #1899ff;
}
.dark-Mobile-header-toolbar-wrapper .dark-Mobile-filter .icon,
.dark-Mobile-header-toolbar-wrapper .dark-Mobile-reload .icon {
font-size: 15px;
color: var(--Table-thead-color);
}
.dark-Mobile-header-toolbar-wrapper .dark-Mobile-reload {
padding-right: 0;
}
.dark-Mobile-header-toolbar-wrapper .filter-conditions {
flex: 1;
font-size: 14px;
color: #aaa;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Mobile-header-toolbar-wrapper .header-btns {
display: flex;
margin-right: -8px;
margin-bottom: -8px;
}
.dark-Mobile-header-toolbar-wrapper .header-btns > * {
margin-right: 8px;
margin-bottom: 8px;
}
.dark-Mobile-batch-manage {
cursor: pointer;
color: #999;
}
.dark-Mobile-batch-manage.is-active {
color: var(--Button--link-color);
}
.dark-Mobile-batch-manage .batch-manage-icon {
font-size: 16px;
color: #999;
}
.dark-Mobile-batch-manage .batch-text {
font-size: 14px;
color: #999;
margin-left: 2px;
}
.dark-Mobile-batch-manage .icon {
font-size: 15px;
}
.dark-Mobile-batch-manage .toolbar-item {
display: flex;
}
.dark-Mobile-checkall {
font-size: 12px;
margin-left: 6px;
}
.dark-Mobile-checkall .dark-Checkbox {
margin-right: 4px;
}
.dark-Drawer .dark-Mobile-header-toolbar-wrapper {
top: auto;
}
.picker-modal .dark-Mobile-header-toolbar-wrapper {
right: unset;
}
}
.virtual-table-cell .dark-Tpltab {
display: flex;
justify-content: space-between;
align-items: center;
}
.virtual-table-cell .dark-Tpltab .dark-TplOpen {
height: 28px !important;
overflow: hidden;
}
.dark-Tool-action .ant-popover-content .ant-popover-arrow .ant-popover-arrow-content {
--antd-arrow-background-color: var(--Layout-header-bg);
}
.dark-Tool-action .ant-popover-content .ant-popover-inner {
background-color: var(--Layout-header-bg);
border-radius: 4px;
}
.dark-Tool-action .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
padding: 0;
}
.dark-Tool-action .ant-popover-content .ant-popover-inner .ant-popover-inner-content .crud-mode-exchange {
width: 100px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.dark-Tool-action .ant-popover-content .ant-popover-inner .ant-popover-inner-content .crud-mode-exchange > .dark-Button {
width: 100%;
text-align: left;
border-radius: 0;
border: 0;
}
.dark-Tool-action .ant-popover-content .ant-popover-inner .ant-popover-inner-content .crud-mode-exchange > .dark-Button > .icon {
margin-right: 3px;
width: 14px;
height: 14px;
}
.dark-Tool-action .ant-popover-content .ant-popover-inner .ant-popover-inner-content .dark-Tool-action-shadow {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}
.dark-Tool-action .ant-popover-content .ant-popover-inner .ant-popover-inner-content .dark-Tool-action-body {
width: 120px;
position: relative;
z-index: 10000;
padding: 8px 0;
}
.dark-Tool-action .ant-popover-content .ant-popover-inner .ant-popover-inner-content .dark-Tool-action-body button {
width: 100%;
border-color: transparent;
box-shadow: none;
background: none;
border: none;
color: var(--saas-font-size-dark-black);
line-height: 17px;
display: inline-flex;
align-items: center;
border-radius: 0;
padding: 8px;
}
.dark-Tool-action .ant-popover-content .ant-popover-inner .ant-popover-inner-content .dark-Tool-action-body button:hover {
background-color: var(--frameworkSelectedBackGroundColor);
border: none;
color: var(--saas-font-size-black);
}
.dark-Tool-action .ant-popover-content .ant-popover-inner .ant-popover-inner-content .dark-Tool-action-body button span {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
}
.dark-Tool-action .ant-popover-content .ant-popover-inner .ant-popover-inner-content .dark-Tool-action-body button .icon {
margin-right: 4px !important;
font-size: 16px;
top: 1px;
}
.dark-Tool-action .ant-popover-content .ant-popover-inner .ant-popover-inner-content .dark-Tool-action-body .dark-Button:disabled {
background-color: var(--frameworkSelectedBackGroundColor);
color: var(--saas-font-size-light-black);
opacity: 0.3;
}
.dark-Tool-action .ant-popover-content .ant-popover-inner .ant-popover-inner-content .dark-Tool-action-body .dark-Button:disabled:hover {
color: var(--saas-font-size-light-black);
}
.find-and-replace-tabs {
display: flex;
flex-flow: row nowrap;
align-items: center;
user-select: none;
}
.find-and-replace-tabs .find-and-replace-tab {
margin-right: 40px;
/*通过该函数设置字体颜色，后期方便统一管理；*/
font-size: 18px;
color: var(--saas-Title-Text);
cursor: pointer;
}
[data-size=small] .find-and-replace-tabs .find-and-replace-tab {
font-size: 20px;
}
[data-size=middle] .find-and-replace-tabs .find-and-replace-tab {
font-size: 22px;
}
[data-size=large] .find-and-replace-tabs .find-and-replace-tab {
font-size: 24px;
}
.find-and-replace-tabs .find-and-replace-tab:last-child {
margin-right: 0;
}
.find-and-replace-tabs .find-and-replace-tab.active {
position: relative;
color: #2a87eb;
}
.find-and-replace-tabs .find-and-replace-tab.active::after {
position: absolute;
left: 0;
bottom: -10px;
content: "";
width: 100%;
height: 2px;
background: #2a87eb;
}
.find-and-replace-pc-wrapper {
width: 100%;
background: var(--saas-Background-Header);
}
.find-and-replace-pc-wrapper .wrapper-inner .options-con .option-item {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.find-and-replace-pc-wrapper .wrapper-inner .options-con .option-item:last-child {
margin-bottom: 0;
}
.find-and-replace-pc-wrapper .wrapper-inner .options-con .option-item .name {
width: 58px;
/*通过该函数设置字体颜色，后期方便统一管理；*/
font-size: 14px;
color: var(--saas-Title-Text);
flex-shrink: 0;
margin-right: 20px;
text-align: right;
}
[data-size=small] .find-and-replace-pc-wrapper .wrapper-inner .options-con .option-item .name {
font-size: 16px;
}
[data-size=middle] .find-and-replace-pc-wrapper .wrapper-inner .options-con .option-item .name {
font-size: 18px;
}
[data-size=large] .find-and-replace-pc-wrapper .wrapper-inner .options-con .option-item .name {
font-size: 20px;
}
.find-and-replace-pc-wrapper .wrapper-inner .options-con .option-item .ant-radio-group .ant-radio-wrapper {
color: var(--saas-Title-Text);
}
.find-and-replace-pc-wrapper .wrapper-inner .options-con .option-item .match-con {
flex-grow: 1;
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.find-and-replace-pc-wrapper .wrapper-inner .options-con .option-item .match-con > .ant-select {
flex: 1;
}
.find-and-replace-pc-wrapper .wrapper-inner .options-con .option-item.findField {
max-height: 100px;
overflow: auto;
}
.find-and-replace-pc-wrapper .wrapper-inner .options-con .option-item.findField .fl-select-wrapper {
overflow: hidden;
}
.find-and-replace-pc-wrapper .wrapper-inner .options-con .option-item.findField .fl-select-wrapper .ant-select-selection__rendered {
margin-right: 0;
}
.find-and-replace-pc-wrapper .wrapper-inner .options-con .option-item.findField > .ant-select {
flex: 1;
}
.find-and-replace-pc-wrapper .wrapper-inner .options-con .option-item .ant-input {
flex: 1;
height: 32px;
}
.find-and-replace-pc-wrapper .wrapper-inner .options-con .range-item {
justify-content: left;
}
.find-and-replace-pc-wrapper .wrapper-inner .btn-margin {
margin-left: 10px;
}
.find-and-replace-pc-wrapper .wrapper-inner .btn-con {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-end;
padding-top: 40px;
}
.find-and-replace-pc-wrapper .wrapper-inner .btn-con .btn {
margin-right: 20px;
}
.find-and-replace-pc-wrapper .wrapper-inner .btn-con .btn:last-child {
margin-right: 0;
}
.find-and-replace-pc-wrapper .wrapper-inner .btn-con .replace-btn:hover {
opacity: 0.8;
}
.find-and-replace-pc-wrapper .case-sensitive {
padding-left: 20px;
}
.find-and-replace-pc-wrapper .case-sensitive .ant-checkbox-wrapper {
color: var(--saas-Title-Text);
}
.textarea-popover.ant-popover-placement-bottom {
background: transparent;
color: var(--saas-font-size-dark-black);
}
.textarea-popover .ant-popover-arrow-content {
background: var(--Form-input-bg);
}
.textarea-popover .ant-popover-arrow-content::before {
background: var(--Form-input-bg);
}
.textarea-popover .ant-popover-inner {
background: var(--Form-input-bg);
color: var(--saas-font-size-dark-black);
border-color: var(--Form-input-borderColor);
}
.textarea-popover .ant-popover-inner .ant-popover-inner-content {
background: var(--Form-input-bg);
color: var(--saas-font-size-dark-black);
}
.textarea-popover .ant-popover-inner .ant-popover-inner-content .ant-input {
color: var(--saas-font-size-dark-black);
}
.textarea-popover .ant-popover-inner .ant-input {
background: var(--Form-input-bg);
border-color: var(--Form-input-borderColor);
}
.ant-modal-header {
background: var(--saas-Background-Header);
}
.ant-modal-header .ant-modal-title {
color: var(--saas-Title-Text);
}
.ant-modal-wrap .ant-modal-content .ant-modal-close {
color: var(--saas-Title-Text);
}
.ant-modal-wrap .ant-modal-content .ant-modal-body {
background: var(--saas-Background-Header);
}
.ant-drawer .ant-drawer-content {
background: var(--saas-Background-Header);
color: var(--saas-Title-Text);
}
.ant-drawer .ant-drawer-content .ant-drawer-header {
background: var(--saas-main-bg);
}
.ant-drawer .ant-drawer-content .ant-drawer-header .ant-drawer-title,
.ant-drawer .ant-drawer-content .ant-drawer-header .ant-drawer-close {
color: var(--saas-Title-Text);
background-color: var(--saas-main-bg);
}
.ant-drawer .ant-drawer-content .ant-drawer-header .ant-drawer-title svg path,
.ant-drawer .ant-drawer-content .ant-drawer-header .ant-drawer-close svg path {
fill: var(--saas-Title-Text);
}
.ant-drawer .ant-drawer-content .ant-drawer-footer {
padding: 10px 12px;
}
.ant-drawer .ant-drawer-content .ant-drawer-footer .ant-checkbox-wrapper {
color: var(--saas-Title-Text);
}
.filter-overlay-wrapper .ant-dropdown-menu {
background-color: var(--saas-main-bg);
}
.filter-overlay-wrapper .ant-tag {
color: var(--saas-crud-filters-font-color);
background-color: var(--saas-crud-filters-bg-color);
}
.filter-overlay-wrapper .ant-tag.is-advanced {
border: 1px solid var(--saas-crud-filters-font-border-color);
}
.filter-overlay-wrapper .ant-tag-close-icon {
color: var(--saas-Disable-Text);
}
.filter-overlay-wrapper .ant-tag-close-icon:hover {
color: var(--saas-Title-Text);
}
.ant-select-dropdown .ant-empty .ant-empty-description {
color: var(--saas-Secondary-Text);
}
.ant-checkbox-wrapper .ant-checkbox {
color: var(--saas-Title-Text);
}
.ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
background: var(--Checkbox-gb);
border-color: var(--borderColor);
}
.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-disabled .ant-checkbox-inner {
background: var(--Checkbox-gb);
border-color: var(--borderColor) !important;
}
.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
background: var(--saas-SelectedBorder);
border-color: var(--saas-SelectedBorder);
}
.ant-radio-wrapper .ant-radio {
color: var(--saas-Title-Text);
border-color: var(--borderColor);
}
.ant-radio-wrapper .ant-radio .ant-radio-inner {
background: var(--Checkbox-gb);
}
.ant-radio-wrapper .ant-radio.ant-radio-disabled .ant-radio-inner {
background: var(--Checkbox-gb);
border-color: var(--borderColor) !important;
}
.ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner {
background: var(--Checkbox-gb);
border-color: var(--saas-SelectedBorder);
}
.dark-Table {
position: relative;
border-radius: var(--Table-borderRadius);
margin-bottom: var(--gap-md);
padding: 0 8px;
}
.dark-Form-control > .dark-Table {
margin-bottom: var(--gap-sm);
}
.dark-Table .dark-Mobile-header-toolbar-wrapper {
position: relative;
}
.dark-Table .dark-Mobile-header-toolbar-wrapper .fold-all-btn {
position: absolute;
top: 0px;
left: calc(50% - 15px);
width: 30px;
height: 14px;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.4);
color: #fff;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
cursor: pointer;
z-index: 1;
}
.dark-Table .dark-Mobile-header-toolbar-wrapper .fold-all-btn .icon {
top: 0;
}
@media screen and (min-width: 769px) {
.dark-Table td {
background-color: var(--saas-main-bg);
}
}
@media screen and (min-width: 769px) {
.dark-Table .dark-Table-vertical td {
background-color: var(--saas-main-bg);
}
}
.dark-Table-indent {
display: inline-block;
}
.dark-Table-expandSpace {
display: inline-block;
width: 18px;
}
.dark-Table-fixedLeft, .dark-Table-fixedRight {
position: absolute;
background: var(--Table-bg);
z-index: var(--Table-fixed-zIndex);
top: auto;
box-shadow: none;
}
.dark-Table-fixedLeft {
left: 0;
top: -999999px;
}
.dark-Table-fixedLeft.in {
box-shadow: var(--Table-fixedLeft-boxShadow);
top: auto;
}
.dark-Table-fixedLeft > .dark-Table-table > thead > tr > th:last-child,
.dark-Table-fixedLeft > .dark-Table-table > tbody > tr > td:last-child {
padding-right: var(--TableCell-paddingX);
}
.dark-Table-fixedRight {
right: 0;
top: -999999px;
}
.dark-Table-fixedRight.in {
box-shadow: var(--Table-fixedRight-boxShadow);
top: auto;
}
.dark-Table-fixedTop {
position: absolute;
background: var(--Table-bg);
z-index: -1;
opacity: 0;
box-shadow: var(--Table-fixedTop-boxShadow);
}
.dark-Table-fixedTop.in {
position: fixed;
opacity: 1;
z-index: 900;
}
.dark-Table-fixedTop > .dark-Table-fixedLeft,
.dark-Table-fixedTop > .dark-Table-fixedRight {
z-index: 910;
background: transparent;
}
.dark-Table-fixedTop.is-fakeHide > .dark-Table-fixedLeft,
.dark-Table-fixedTop.is-fakeHide > .dark-Table-fixedRight,
.dark-Table-fixedTop.is-fakeHide > .dark-Table-wrapper {
visibility: hidden;
position: absolute;
}
.dark-Table-heading {
background: var(--Table-heading-bg);
padding: calc((var(--Table-heading-height) - var(--Table-fontSize) * var(--lineHeightBase)) / 2) var(--gap-sm);
}
.dark-Table-statistics {
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 8px 0;
background-color: var(--saas-main-bg);
padding-bottom: 0;
}
.dark-Table-statistics .dark-Panel {
box-shadow: none;
}
.dark-Table-statistics .data-display {
padding: 0;
overflow: hidden;
}
.dark-Table-statistic-mobile {
display: block;
padding: 0;
margin-bottom: 1rem;
}
.dark-Table--unsaved .dark-Table-heading {
background: var(--Table--unsaved-heading-bg);
color: var(--Table--unsaved-heading-color);
}
.dark-Table-wrapper {
overflow: hidden;
}
.dark-Table-placeholder {
color: var(--text--muted-color);
text-align: center;
height: var(--Table-placeholder-height);
background: var(--saas-main-bg);
}
.dark-Table-placeholder > td {
vertical-align: middle !important;
text-align: center;
}
.dark-Table-searchableForm {
background: var(--Table-searchableForm-backgroundColor);
border-radius: var(--Table-searchableForm-borderRadius);
}
.dark-Table-searchableForm-footer {
padding: var(--Panel-footerPadding);
clear: both;
}
.dark-Table-searchableForm-checkbox > div > .dark-CheckboxControl {
padding-top: 0;
}
.dark-Table-header {
padding: var(--Table-toolbar-marginY) var(--Table-toolbar-marginX);
}
.dark-Table-header > * + .dark-Button,
.dark-Table-header > * + .dark-ButtonGroup,
.dark-Table-header > * + .dark-ButtonToolbar {
margin-left: var(--Crud-toolbar-gap);
}
.dark-Table-toolbar {
margin: 0 var(--Table-toolbar-marginX) var(--Table-toolbar-marginY);
}
.dark-Table-toolbar .dark-DropDown-menuItem {
height: auto;
}
.dark-Table-toolbar .dark-DropDown-menuItem .dark-Checkbox {
display: flex;
align-items: center;
}
.dark-Table-headToolbar {
padding-top: 8px;
margin-bottom: 0;
}
.dark-Table-headToolbar > .dark-Table-actions {
margin-bottom: 8px;
font-size: 0;
position: relative;
}
.dark-Table-headToolbar .dark-Table-actions-moreBtn {
position: absolute;
bottom: 0;
left: calc(50% - 30px);
z-index: 8;
border: 1px solid var(--saas-border-color);
border-bottom: none;
background-color: #f8f7fa;
font-size: 12px;
color: gray;
padding: 0 4px;
border-radius: 4px 4px 0 0;
cursor: pointer;
}
.dark-Table-headToolbar .dark-Table-actions-moreBtn:hover {
color: var(--saas-Primary-Color);
}
.dark-Table-affix {
white-space: nowrap;
display: flex;
}
@media (max-width: 767px) {
.dark-Table-affix {
display: flex;
padding-left: 5px;
display: flex;
flex-wrap: nowrap;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Table-affix .dark-Table-affixs {
flex: 1;
}
}
.dark-Table-affix-Arr {
margin-right: 4px;
}
.dark-Table-affix-Arr th {
display: inline-block;
}
.dark-Table-affix-Arr th .dark-Checkbox {
margin: 0;
}
.dark-Table-affix-Arr > span {
color: #4f86f4;
}
.dark-Table-affix-text {
flex: 1;
display: inline-block;
overflow: hidden;
cursor: pointer;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Table-affix-text > div {
overflow: hidden;
}
.dark-Table-affix-text .dark-TplField {
display: inline-block;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Table-affixs {
display: flex;
overflow: hidden;
}
.dark-Table-header + .dark-Table-toolbar {
padding-top: 0;
}
.dark-Table-contentWrap {
position: relative;
margin-bottom: 0;
overflow: auto;
}
.dark-Table-actions > * {
margin-right: var(--Crud-toolbar-gap);
}
.dark-Table-content {
min-height: 0.01%;
}
@media (max-width: 767px) {
.dark-Table-content {
overflow-x: hidden;
}
}
.dark-Table-content th {
position: relative;
}
@media (min-width: 576px) {
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container {
height: 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-TableCell--title {
flex: 1;
display: flex;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-TableCell--title > .dark-Button--xs {
vertical-align: text-top;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-TableCell--title .dark-Remark-icon {
color: var(--saas-Placeholder-Text);
vertical-align: text-top;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-Table-head-affix {
display: flex;
justify-content: space-between;
align-items: center;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-Table-head-affix > .dark-TableCell-filterBtn {
text-align: center;
width: 16px;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-Table-head-affix > .dark-TableCell-sortBtn {
display: none;
height: 24px;
width: 16px;
position: relative;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-Table-head-affix > .dark-TableCell-sortBtn .anticon {
color: #a8a6a4;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-Table-head-affix > .dark-TableCell-sortBtn .anticon.is-active {
color: #2468f2;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-Table-head-affix > .dark-TableCell-sortBtn .anticon-caret-up {
position: absolute;
top: 2px;
left: 1px;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-Table-head-affix > .dark-TableCell-sortBtn .anticon-caret-down {
position: absolute;
bottom: 1px;
left: 1px;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-Table-head-affix > .dark-TableCell-sortBtn.show-sort {
display: inline-block;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container.show-filter > div.dark-Table-head-affix > .dark-TableCell-filterBtn {
display: inline-block;
}
.dark-Table-content .dark-Table-table .dark-Table-head-container:hover > div.dark-Table-head-affix > .dark-TableCell-filterBtn {
display: inline-block;
}
.dark-Table-content .dark-Table-table tbody tr td > div.column-cell {
min-height: 24px;
display: flex;
width: 100%;
align-items: center;
}
.dark-Table-content .dark-Table-table tbody tr td > div.column-cell .dark-Tpltab,
.dark-Table-content .dark-Table-table tbody tr td > div.column-cell .dark-Progress,
.dark-Table-content .dark-Table-table tbody tr td > div.column-cell .dark-NumberField {
width: 100%;
}
.dark-Table-content .dark-Table-table tbody tr td .column-cell {
display: flex;
width: 100%;
align-items: center;
flex-direction: column;
}
.dark-Table-content .dark-Table-table tbody tr td > div.dark-ImageControl {
min-height: 30px;
display: flex;
align-items: center;
}
}
@media (max-width: 767px) {
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-TableCell--title {
flex: 1;
display: flex;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-TableCell--title > .dark-Button--xs {
vertical-align: text-top;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-TableCell--title .dark-Remark-icon {
vertical-align: text-top;
color: var(--saas-Placeholder-Text);
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-Table-head-affix {
margin-left: 2px;
display: flex;
justify-content: space-between;
align-items: center;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-Table-head-affix > .dark-TableCell-filterBtn {
display: none;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-Table-head-affix > .dark-TableCell-sortBtn {
display: none;
height: 24px;
width: 13px;
position: relative;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-Table-head-affix > .dark-TableCell-sortBtn .anticon {
color: #a8a6a4;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-Table-head-affix > .dark-TableCell-sortBtn .anticon.is-active {
color: #2468f2;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-Table-head-affix > .dark-TableCell-sortBtn .anticon-caret-up {
position: absolute;
top: 2px;
left: 0;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-Table-head-affix > .dark-TableCell-sortBtn .anticon-caret-down {
position: absolute;
bottom: 1px;
left: 0;
}
.dark-Table-content .dark-Table-table thead tr th > .dark-Table-head-container > div.dark-Table-head-affix > .dark-TableCell-sortBtn.show-sort {
display: inline-block;
}
.dark-Table-content .dark-Table-table tbody tr td > div {
min-height: 24px;
}
.dark-Table-content .dark-Table-table tbody tr td > div.dark-ImageControl {
min-height: 30px;
display: flex;
align-items: center;
}
.dark-Table-content .dark-Table-table tbody tr td > div.dark-ImageControl.isMobile img {
display: block;
width: 22px;
height: 22px;
}
.dark-Table-content .dark-Table-table tbody tr td > div.dark-ImageControl.isMobile svg.icon {
top: 0;
width: 22px;
height: 22px;
}
}
.dark-Table-content .dark-Table-table > thead > tr > th {
border-top: 0.0625rem solid var(--saas-table-thead-border-color);
}
.dark-Table-content-colDragLine {
position: absolute;
width: 4px;
top: 0;
bottom: 0;
right: 0;
cursor: col-resize;
user-select: none;
opacity: 0.5;
z-index: 3000;
}
.dark-Table-content-colDragLine:hover {
background: var(--primary);
}
.dark-Table--auto-width tbody > tr > td {
padding: 0px 2px !important;
}
.dark-Table--auto-width .dark-Table-checkCell {
padding: 0 4px !important;
}
.dark-Table--auto-width > thead > tr > th.dark-TableCell--sortable:hover .dark-TableCell-filterBtn {
z-index: 7;
opacity: 1;
background-color: #fff;
}
.dark-Table-is-empty {
border-bottom: none !important;
}
.dark-Table-table {
width: 100%;
min-width: 100%;
margin-bottom: 0;
font-size: var(--Table-fontSize);
color: var(--saas-Title-Text);
background: var(--saas-main-bg);
border-spacing: 0;
border-collapse: separate;
border-bottom: var(--Table-borderWidth) solid var(--saas-table-thead-border-color);
}
@media (min-width: 576px) {
.dark-Table-table {
font-size: 13px;
}
}
.dark-Table-table tbody:focus-visible {
outline: none;
}
.dark-Table-table tbody:focus {
outline: none;
}
.dark-Table-table th, .dark-Table-table td {
text-align: left;
}
.dark-Table-table th .ellipsis, .dark-Table-table td .ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Table-table th .group-field-container, .dark-Table-table td .group-field-container {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Table-table th .dark-NumberControl, .dark-Table-table td .dark-NumberControl {
width: 100%;
}
.dark-Table-table th.active-cell, .dark-Table-table td.active-cell {
box-shadow: inset 0 0 3px #2a87eb;
}
.dark-Table-table .expand-tag {
margin-right: 3px;
cursor: pointer;
}
.dark-Table-table tr[data-index="0"] td.td-border {
border-top: unset;
}
.dark-Table-table td.td-border {
border-left: 1px solid var(--saas-table-thead-border-color);
border-top: 1px solid var(--saas-table-thead-border-color);
}
.dark-Table-table td.is-linkUrl,
.dark-Table-table div.is-linkUrl {
color: var(--saas-Link-Text) !important;
cursor: pointer;
}
.dark-Table-table td .dark-Tpltab {
flex: 1;
position: relative;
display: flex;
align-items: center;
}
.dark-Table-table td .dark-Tpltab > .dark-TplOpen {
vertical-align: inherit !important;
}
.dark-Table-table td .dark-TplOpen span {
display: inline-block;
height: 100%;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--Table-color);
font-weight: initial;
}
.dark-Table-table td .dark-TplOpen span p {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--Table-color);
font-size: 12px;
font-weight: initial;
}
.dark-Table-table td .dark-TplOpen span font {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--Table-color);
font-weight: initial;
font-size: 12px;
}
.dark-Table-table td .dark-TplOpen span img {
max-width: 100%;
vertical-align: top;
}
.dark-Table-table td .dark-TplOpen span b {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--Table-color);
font-weight: initial;
font-size: 12px;
}
.dark-Table-table td .dark-TplOpen .text-muted {
overflow: initial;
}
.dark-Table-table td span.dark-PlainField,
.dark-Table-table td span.dark-TplField {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle;
}
.dark-Table-table td span.dark-TplField.dark-Static-Html-TplOpen {
display: inline-flex;
justify-content: center;
align-items: center;
}
.dark-Table-table td span.dark-LinkOpen {
color: #4f86f4;
cursor: pointer;
}
@media (min-width: 576px) {
.dark-Table-table td span.dark-TplOpen {
width: calc(100% - 20px);
}
}
@media (max-width: 767px) {
.dark-Table-table td span.dark-TplOpen {
white-space: nowrap;
}
}
.dark-Table-table td svg.dark-TplSaving {
font-size: 20px;
flex-shrink: 0;
top: 0;
cursor: pointer;
color: #bbb;
}
.dark-Table-table th.text-center, .dark-Table-table td.text-center {
text-align: center;
}
.dark-Table-table th[colspan], .dark-Table-table td[colspan] {
text-align: left;
}
.dark-Table-table th.text-right, .dark-Table-table td.text-right {
text-align: right;
}
.dark-Table-table--withCombine > tbody > tr.dark-Table-tr--odd {
background: transparent;
}
.dark-Table-table--withCombine > tbody > tr:hover {
background: transparent;
}
.dark-Table-table--withCombine > tbody > tr > td {
vertical-align: middle;
}
.dark-Table-table--checkOnItemClick > tbody > tr {
cursor: pointer;
}
.dark-Table-table > thead > tr > th {
background: var(--saas-crud-table-thead-color);
padding: 0 4px;
border-left: 1px solid var(--saas-table-thead-border-color);
border-bottom: 1px solid var(--saas-table-thead-border-color);
color: var(--Table-thead-color);
font-weight: var(--fontWeightNormal);
white-space: nowrap;
}
.dark-Table-table > thead > tr > th.last-th {
border-bottom: var(--Table-thead-borderWidth) solid var(--saas-table-thead-border-color);
}
.dark-Table-table > thead > tr > th:last-child {
padding-right: 8px;
border-right: var(--Table-thead-borderWidth) solid var(--saas-table-thead-border-color);
}
@media (max-width: 767px) {
.dark-Table-table > thead > tr > th:last-child {
padding-right: 0.5rem;
}
}
.dark-Table-table > thead > tr > th:last-child .dark-Table-content-colDragLine {
width: 4px;
right: 0;
}
.dark-Table-table > thead > tr > th .dark-Remark {
margin-left: var(--gap-xs);
}
.dark-Table-table > thead > tr:not(:nth-child(1)) > th::before {
content: unset;
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 1px;
background-color: #eee;
}
.dark-Table-table > thead > tr {
border-bottom: var(--Table-borderWidth) solid var(--saas-border-color);
}
.dark-Table-table > tbody > tr {
position: relative;
background: transparent;
}
.dark-Table-table > tbody > tr + tr {
border-top: var(--Table-borderWidth) solid var(--saas-border-color);
}
.dark-Table-table > tbody > tr + tr > th {
border-top: var(--Table-thead-borderWidth) solid var(--saas-border-color);
}
.dark-Table-table > tbody > tr + .is-border {
border-top: 0;
}
.dark-Table-table > tbody > tr > th {
background: var(--Table-thead-bg);
color: var(--Table-thead-color);
font-weight: var(--fontWeightNormal);
white-space: nowrap;
border-right: var(--Table-thead-borderWidth) solid var(--saas-border-color);
}
.dark-Table-table > tbody > tr > td,
.dark-Table-table > tbody > tr > th {
padding: 0 4px;
white-space: nowrap;
overflow: hidden;
}
.dark-Table-table > tbody > tr > td.td-border:last-child,
.dark-Table-table > tbody > tr > th.td-border:last-child {
border-right: 1px solid var(--saas-border-color);
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit {
width: 100%;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-Number,
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-TextControl-input,
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-DatePicker,
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-DateRangePicker,
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-ResultBox,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-Number,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-TextControl-input,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-DatePicker,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-DateRangePicker,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-ResultBox {
border-radius: 0;
height: 26px;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-Number .dark-Number-handler,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-Number .dark-Number-handler {
height: 14px;
line-height: 10px;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-Number-input,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-Number-input {
height: 100%;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .is-showCount .dark-TextControl-input,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .is-showCount .dark-TextControl-input {
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
min-height: unset;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .is-showCount .dark-TextControl-input input,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .is-showCount .dark-TextControl-input input {
height: unset;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-TextControl-input,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-TextControl-input {
padding: 2px;
border-radius: 0;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-TextControl-input .dark-TextControl-clear,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-TextControl-input .dark-TextControl-clear {
font-size: 10px;
padding: 0;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-TextControl-input--multiple,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-TextControl-input--multiple {
display: flex;
align-items: center;
flex-wrap: nowrap;
padding: 0 2px;
padding-left: 0;
min-height: unset;
overflow: hidden;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-TextControl-input--multiple .dark-TextControl-value,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-TextControl-input--multiple .dark-TextControl-value {
height: 20px;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-TextControl-input--withAC .dark-TextControl-placeholder,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-TextControl-input--withAC .dark-TextControl-placeholder {
top: 6px;
left: 2px;
margin-top: 0;
position: absolute;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-DatePicker,
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-DateRangePicker,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-DatePicker,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-DateRangePicker {
padding: 0 2px;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-Number-input-wrap input,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-Number-input-wrap input {
padding: 0 2px;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-DateRangePicker-toggler svg.icon,
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-DatePicker-toggler svg.icon,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-DateRangePicker-toggler svg.icon,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-DatePicker-toggler svg.icon {
top: 0;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-ColorPicker,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-ColorPicker {
padding: 2px;
border-radius: 0;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-ResultBox,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-ResultBox {
border-radius: 0;
min-height: unset;
padding: 0 2px;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-ResultBox .dark-ResultBox-value-wrap,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-ResultBox .dark-ResultBox-value-wrap {
padding-left: 0;
min-width: 70px;
max-width: calc(100% - 14px) !important;
}
.dark-Table-table > tbody > tr > td.td-border .dark-Form--quickEdit .dark-ResultBox .dark-TransferDropDown-icon,
.dark-Table-table > tbody > tr > th.td-border .dark-Form--quickEdit .dark-ResultBox .dark-TransferDropDown-icon {
margin: 0;
}
.dark-Table-table > tbody > tr > td:last-child,
.dark-Table-table > tbody > tr > th:last-child {
padding-left: 5px;
padding-right: 8px;
}
@media (max-width: 767px) {
.dark-Table-table > tbody > tr > td:last-child,
.dark-Table-table > tbody > tr > th:last-child {
padding-right: 0.5rem;
}
}
.dark-Table-table > tbody > tr.dark-Table-tr--odd {
background: var(--Table-strip-bg);
}
.dark-Table-table > tbody > tr.dark-Table-tr--hasItemAction:hover {
cursor: pointer;
}
.dark-Table-table > tbody > tr:hover {
background: var(--Table-onHover-bg);
border-color: var(--saas-border-color) !important;
}
.dark-Table-table > tbody > tr:hover .dark-Button--link {
color: var(--saas-Title-Text) !important;
}
.dark-Table-table > tbody > tr:hover > td {
background: var(--Table-onHover-bg) !important;
border-color: var(--saas-border-color);
}
.dark-Table-table > tbody > tr:hover > td > div,
.dark-Table-table > tbody > tr:hover > td > span {
background-color: inherit !important;
color: inherit !important;
}
.dark-Table-table > tbody > tr:hover > td.empty-not-hover {
background-color: unset !important;
border-color: unset !important;
color: var(--Table-color) !important;
}
.dark-Table-table > tbody > tr:hover + tr {
border-color: var(--saas-border-color);
}
.dark-Table-table > tbody > tr.table-expand-tr:hover {
background-color: unset !important;
}
.dark-Table-table > tbody > tr.bg-primary {
background: var(--saas-Table-Row-Primary) !important;
}
.dark-Table-table > tbody > tr.bg-primary > td {
background: var(--saas-Table-Row-Primary);
}
.dark-Table-table > tbody > tr.bg-success {
background: var(--saas-Table-Row-Success) !important;
}
.dark-Table-table > tbody > tr.bg-success > td {
background: var(--saas-Table-Row-Success);
}
.dark-Table-table > tbody > tr.bg-info {
background: var(--saas-Table-Row-Info) !important;
}
.dark-Table-table > tbody > tr.bg-info > td {
background: var(--saas-Table-Row-Info);
}
.dark-Table-table > tbody > tr.bg-warning {
background: var(--saas-Table-Row-Warning) !important;
}
.dark-Table-table > tbody > tr.bg-warning > td {
background: var(--saas-Table-Row-Warning);
}
.dark-Table-table > tbody > tr.bg-danger {
background: var(--saas-Table-Row-Danger) !important;
}
.dark-Table-table > tbody > tr.bg-danger > td {
background: var(--saas-Table-Row-Danger);
}
.dark-Table-table > tbody > tr:hover > td.bg-primary, .dark-Table-table > tbody > tr.is-current > td.bg-primary, .dark-Table-table > tbody > tr.is-Highlight > td.bg-primary, .dark-Table-table > tbody > tr.is-checked > td.bg-primary {
background: var(--saas-Table-Row-Primary-Hover) !important;
}
.dark-Table-table > tbody > tr:hover > td.bg-success, .dark-Table-table > tbody > tr.is-current > td.bg-success, .dark-Table-table > tbody > tr.is-Highlight > td.bg-success, .dark-Table-table > tbody > tr.is-checked > td.bg-success {
background: var(--saas-Table-Row-Success-Hover) !important;
}
.dark-Table-table > tbody > tr:hover > td.bg-info, .dark-Table-table > tbody > tr.is-current > td.bg-info, .dark-Table-table > tbody > tr.is-Highlight > td.bg-info, .dark-Table-table > tbody > tr.is-checked > td.bg-info {
background: var(--saas-Table-Row-Info-Hover) !important;
}
.dark-Table-table > tbody > tr:hover > td.bg-warning, .dark-Table-table > tbody > tr.is-current > td.bg-warning, .dark-Table-table > tbody > tr.is-Highlight > td.bg-warning, .dark-Table-table > tbody > tr.is-checked > td.bg-warning {
background: var(--saas-Table-Row-Warning-Hover) !important;
}
.dark-Table-table > tbody > tr:hover > td.bg-danger, .dark-Table-table > tbody > tr.is-current > td.bg-danger, .dark-Table-table > tbody > tr.is-Highlight > td.bg-danger, .dark-Table-table > tbody > tr.is-checked > td.bg-danger {
background: var(--saas-Table-Row-Danger-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-primary:hover, .dark-Table-table > tbody > tr.bg-primary.is-current, .dark-Table-table > tbody > tr.bg-primary.is-Highlight, .dark-Table-table > tbody > tr.bg-primary.is-checked {
background: var(--saas-Table-Row-Primary-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-primary:hover > td, .dark-Table-table > tbody > tr.bg-primary.is-current > td, .dark-Table-table > tbody > tr.bg-primary.is-Highlight > td, .dark-Table-table > tbody > tr.bg-primary.is-checked > td {
background: var(--saas-Table-Row-Primary-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-primary:hover > td.bg-primary, .dark-Table-table > tbody > tr.bg-primary.is-current > td.bg-primary, .dark-Table-table > tbody > tr.bg-primary.is-Highlight > td.bg-primary, .dark-Table-table > tbody > tr.bg-primary.is-checked > td.bg-primary {
background: var(--saas-Table-Row-Primary-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-primary:hover > td.bg-success, .dark-Table-table > tbody > tr.bg-primary.is-current > td.bg-success, .dark-Table-table > tbody > tr.bg-primary.is-Highlight > td.bg-success, .dark-Table-table > tbody > tr.bg-primary.is-checked > td.bg-success {
background: var(--saas-Table-Row-Success-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-primary:hover > td.bg-info, .dark-Table-table > tbody > tr.bg-primary.is-current > td.bg-info, .dark-Table-table > tbody > tr.bg-primary.is-Highlight > td.bg-info, .dark-Table-table > tbody > tr.bg-primary.is-checked > td.bg-info {
background: var(--saas-Table-Row-Info-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-primary:hover > td.bg-warning, .dark-Table-table > tbody > tr.bg-primary.is-current > td.bg-warning, .dark-Table-table > tbody > tr.bg-primary.is-Highlight > td.bg-warning, .dark-Table-table > tbody > tr.bg-primary.is-checked > td.bg-warning {
background: var(--saas-Table-Row-Warning-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-primary:hover > td.bg-danger, .dark-Table-table > tbody > tr.bg-primary.is-current > td.bg-danger, .dark-Table-table > tbody > tr.bg-primary.is-Highlight > td.bg-danger, .dark-Table-table > tbody > tr.bg-primary.is-checked > td.bg-danger {
background: var(--saas-Table-Row-Danger-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-success:hover, .dark-Table-table > tbody > tr.bg-success.is-current, .dark-Table-table > tbody > tr.bg-success.is-Highlight, .dark-Table-table > tbody > tr.bg-success.is-checked {
background: var(--saas-Table-Row-Success-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-success:hover > td, .dark-Table-table > tbody > tr.bg-success.is-current > td, .dark-Table-table > tbody > tr.bg-success.is-Highlight > td, .dark-Table-table > tbody > tr.bg-success.is-checked > td {
background: var(--saas-Table-Row-Success-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-success:hover > td.bg-primary, .dark-Table-table > tbody > tr.bg-success.is-current > td.bg-primary, .dark-Table-table > tbody > tr.bg-success.is-Highlight > td.bg-primary, .dark-Table-table > tbody > tr.bg-success.is-checked > td.bg-primary {
background: var(--saas-Table-Row-Primary-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-success:hover > td.bg-success, .dark-Table-table > tbody > tr.bg-success.is-current > td.bg-success, .dark-Table-table > tbody > tr.bg-success.is-Highlight > td.bg-success, .dark-Table-table > tbody > tr.bg-success.is-checked > td.bg-success {
background: var(--saas-Table-Row-Success-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-success:hover > td.bg-info, .dark-Table-table > tbody > tr.bg-success.is-current > td.bg-info, .dark-Table-table > tbody > tr.bg-success.is-Highlight > td.bg-info, .dark-Table-table > tbody > tr.bg-success.is-checked > td.bg-info {
background: var(--saas-Table-Row-Info-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-success:hover > td.bg-warning, .dark-Table-table > tbody > tr.bg-success.is-current > td.bg-warning, .dark-Table-table > tbody > tr.bg-success.is-Highlight > td.bg-warning, .dark-Table-table > tbody > tr.bg-success.is-checked > td.bg-warning {
background: var(--saas-Table-Row-Warning-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-success:hover > td.bg-danger, .dark-Table-table > tbody > tr.bg-success.is-current > td.bg-danger, .dark-Table-table > tbody > tr.bg-success.is-Highlight > td.bg-danger, .dark-Table-table > tbody > tr.bg-success.is-checked > td.bg-danger {
background: var(--saas-Table-Row-Danger-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-info:hover, .dark-Table-table > tbody > tr.bg-info.is-current, .dark-Table-table > tbody > tr.bg-info.is-Highlight, .dark-Table-table > tbody > tr.bg-info.is-checked {
background: var(--saas-Table-Row-Info-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-info:hover > td, .dark-Table-table > tbody > tr.bg-info.is-current > td, .dark-Table-table > tbody > tr.bg-info.is-Highlight > td, .dark-Table-table > tbody > tr.bg-info.is-checked > td {
background: var(--saas-Table-Row-Info-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-info:hover > td.bg-primary, .dark-Table-table > tbody > tr.bg-info.is-current > td.bg-primary, .dark-Table-table > tbody > tr.bg-info.is-Highlight > td.bg-primary, .dark-Table-table > tbody > tr.bg-info.is-checked > td.bg-primary {
background: var(--saas-Table-Row-Primary-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-info:hover > td.bg-success, .dark-Table-table > tbody > tr.bg-info.is-current > td.bg-success, .dark-Table-table > tbody > tr.bg-info.is-Highlight > td.bg-success, .dark-Table-table > tbody > tr.bg-info.is-checked > td.bg-success {
background: var(--saas-Table-Row-Success-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-info:hover > td.bg-info, .dark-Table-table > tbody > tr.bg-info.is-current > td.bg-info, .dark-Table-table > tbody > tr.bg-info.is-Highlight > td.bg-info, .dark-Table-table > tbody > tr.bg-info.is-checked > td.bg-info {
background: var(--saas-Table-Row-Info-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-info:hover > td.bg-warning, .dark-Table-table > tbody > tr.bg-info.is-current > td.bg-warning, .dark-Table-table > tbody > tr.bg-info.is-Highlight > td.bg-warning, .dark-Table-table > tbody > tr.bg-info.is-checked > td.bg-warning {
background: var(--saas-Table-Row-Warning-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-info:hover > td.bg-danger, .dark-Table-table > tbody > tr.bg-info.is-current > td.bg-danger, .dark-Table-table > tbody > tr.bg-info.is-Highlight > td.bg-danger, .dark-Table-table > tbody > tr.bg-info.is-checked > td.bg-danger {
background: var(--saas-Table-Row-Danger-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-warning:hover, .dark-Table-table > tbody > tr.bg-warning.is-current, .dark-Table-table > tbody > tr.bg-warning.is-Highlight, .dark-Table-table > tbody > tr.bg-warning.is-checked {
background: var(--saas-Table-Row-Warning-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-warning:hover > td, .dark-Table-table > tbody > tr.bg-warning.is-current > td, .dark-Table-table > tbody > tr.bg-warning.is-Highlight > td, .dark-Table-table > tbody > tr.bg-warning.is-checked > td {
background: var(--saas-Table-Row-Warning-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-warning:hover > td.bg-primary, .dark-Table-table > tbody > tr.bg-warning.is-current > td.bg-primary, .dark-Table-table > tbody > tr.bg-warning.is-Highlight > td.bg-primary, .dark-Table-table > tbody > tr.bg-warning.is-checked > td.bg-primary {
background: var(--saas-Table-Row-Primary-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-warning:hover > td.bg-success, .dark-Table-table > tbody > tr.bg-warning.is-current > td.bg-success, .dark-Table-table > tbody > tr.bg-warning.is-Highlight > td.bg-success, .dark-Table-table > tbody > tr.bg-warning.is-checked > td.bg-success {
background: var(--saas-Table-Row-Success-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-warning:hover > td.bg-info, .dark-Table-table > tbody > tr.bg-warning.is-current > td.bg-info, .dark-Table-table > tbody > tr.bg-warning.is-Highlight > td.bg-info, .dark-Table-table > tbody > tr.bg-warning.is-checked > td.bg-info {
background: var(--saas-Table-Row-Info-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-warning:hover > td.bg-warning, .dark-Table-table > tbody > tr.bg-warning.is-current > td.bg-warning, .dark-Table-table > tbody > tr.bg-warning.is-Highlight > td.bg-warning, .dark-Table-table > tbody > tr.bg-warning.is-checked > td.bg-warning {
background: var(--saas-Table-Row-Warning-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-warning:hover > td.bg-danger, .dark-Table-table > tbody > tr.bg-warning.is-current > td.bg-danger, .dark-Table-table > tbody > tr.bg-warning.is-Highlight > td.bg-danger, .dark-Table-table > tbody > tr.bg-warning.is-checked > td.bg-danger {
background: var(--saas-Table-Row-Danger-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-danger:hover, .dark-Table-table > tbody > tr.bg-danger.is-current, .dark-Table-table > tbody > tr.bg-danger.is-Highlight, .dark-Table-table > tbody > tr.bg-danger.is-checked {
background: var(--saas-Table-Row-Danger-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-danger:hover > td, .dark-Table-table > tbody > tr.bg-danger.is-current > td, .dark-Table-table > tbody > tr.bg-danger.is-Highlight > td, .dark-Table-table > tbody > tr.bg-danger.is-checked > td {
background: var(--saas-Table-Row-Danger-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-danger:hover > td.bg-primary, .dark-Table-table > tbody > tr.bg-danger.is-current > td.bg-primary, .dark-Table-table > tbody > tr.bg-danger.is-Highlight > td.bg-primary, .dark-Table-table > tbody > tr.bg-danger.is-checked > td.bg-primary {
background: var(--saas-Table-Row-Primary-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-danger:hover > td.bg-success, .dark-Table-table > tbody > tr.bg-danger.is-current > td.bg-success, .dark-Table-table > tbody > tr.bg-danger.is-Highlight > td.bg-success, .dark-Table-table > tbody > tr.bg-danger.is-checked > td.bg-success {
background: var(--saas-Table-Row-Success-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-danger:hover > td.bg-info, .dark-Table-table > tbody > tr.bg-danger.is-current > td.bg-info, .dark-Table-table > tbody > tr.bg-danger.is-Highlight > td.bg-info, .dark-Table-table > tbody > tr.bg-danger.is-checked > td.bg-info {
background: var(--saas-Table-Row-Info-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-danger:hover > td.bg-warning, .dark-Table-table > tbody > tr.bg-danger.is-current > td.bg-warning, .dark-Table-table > tbody > tr.bg-danger.is-Highlight > td.bg-warning, .dark-Table-table > tbody > tr.bg-danger.is-checked > td.bg-warning {
background: var(--saas-Table-Row-Warning-Hover) !important;
}
.dark-Table-table > tbody > tr.bg-danger:hover > td.bg-danger, .dark-Table-table > tbody > tr.bg-danger.is-current > td.bg-danger, .dark-Table-table > tbody > tr.bg-danger.is-Highlight > td.bg-danger, .dark-Table-table > tbody > tr.bg-danger.is-checked > td.bg-danger {
background: var(--saas-Table-Row-Danger-Hover) !important;
}
.dark-Table-table > tbody > tr > td.bg-primary {
background: var(--saas-Table-Row-Primary) !important;
}
.dark-Table-table > tbody > tr > td.bg-success {
background: var(--saas-Table-Row-Success) !important;
}
.dark-Table-table > tbody > tr > td.bg-info {
background: var(--saas-Table-Row-Info) !important;
}
.dark-Table-table > tbody > tr > td.bg-warning {
background: var(--saas-Table-Row-Warning) !important;
}
.dark-Table-table > tbody > tr > td.bg-danger {
background: var(--saas-Table-Row-Danger) !important;
}
.dark-Table-table > tbody > tr > td.text-primary {
color: #3574EE !important;
}
.dark-Table-table > tbody > tr > td.text-success {
color: #52C41A !important;
}
.dark-Table-table > tbody > tr > td.text-info {
color: #13A8A8 !important;
}
.dark-Table-table > tbody > tr > td.text-warning {
color: #FDA71E !important;
}
.dark-Table-table > tbody > tr > td.text-danger {
color: #F5222D !important;
}
@media screen and (min-width: 769px) {
.dark-Table-table > tbody > tr.is-checked {
background: var(--saas-crud-table-body-is-checked-color);
border-color: var(--saas-border-color);
}
.dark-Table-table > tbody > tr.is-checked td {
background-color: var(--saas-crud-table-body-is-checked-color);
}
.dark-Table-table > tbody > tr.is-checked + tr {
border-color: var(--saas-border-color);
}
}
.dark-Table-table > tbody > tr.is-moved, .dark-Table-table > tbody > tr.is-modified {
background: var(--Table-onModified-bg);
border-color: var(--Table-onModified-borderColor);
color: var(--Table-onModified-color);
}
.dark-Table-table > tbody > tr.is-moved + tr, .dark-Table-table > tbody > tr.is-modified + tr {
border-color: var(--Table-onModified-borderColor);
}
.dark-Table-table > tbody > tr.is-moved > td, .dark-Table-table > tbody > tr.is-modified > td {
background-color: #f7ef9c !important;
color: var(--saas-Title-Text);
}
.dark-Table-table > tbody > tr.is-summary {
background: var(--saas-crud-table-thead-color);
color: var(--saas-Title-Text);
font-weight: var(--fontWeightNormal);
}
.dark-Table-table > tbody > tr.bg-light {
background-color: #3a3a3a;
color: #f3f1f1;
}
.dark-Table-table > tbody > tr.bg-light.lt, .dark-Table-table > tbody > tr.bg-light .lt {
background: #3f3f3f;
}
.dark-Table-table > tbody > tr.bg-light.lter, .dark-Table-table > tbody > tr.bg-light .lter {
background: #424242;
}
.dark-Table-table > tbody > tr.bg-light.dk, .dark-Table-table > tbody > tr.bg-light .dk {
background: #343131;
}
.dark-Table-table > tbody > tr.bg-light.dker, .dark-Table-table > tbody > tr.bg-light .dker {
background: #302b2b;
}
.dark-Table-table > tbody > tr.bg-light.bg, .dark-Table-table > tbody > tr.bg-light .bg {
background-color: #3a3a3a;
}
.dark-Table-table > tbody > tr.bg-dark {
background-color: #1e1f22;
color: var(--saas-Title-Text);
}
.dark-Table-table > tbody > tr.bg-dark.lt, .dark-Table-table > tbody > tr.bg-dark .lt {
background: #2b2c2e;
}
.dark-Table-table > tbody > tr.bg-dark.lter, .dark-Table-table > tbody > tr.bg-dark .lter {
background: #39393a;
}
.dark-Table-table > tbody > tr.bg-dark.dk, .dark-Table-table > tbody > tr.bg-dark .dk {
background: #121215;
}
.dark-Table-table > tbody > tr.bg-dark.dker, .dark-Table-table > tbody > tr.bg-dark .dker {
background: #060607;
}
.dark-Table-table > tbody > tr.bg-dark.bg, .dark-Table-table > tbody > tr.bg-dark .bg {
background-color: #1e1f22;
}
.dark-Table-table > tbody > tr.bg-dark a, .dark-Table-table > tbody > tr.bg-dark .dark-Button--link {
color: var(--saas-Title-Text);
}
.dark-Table-table > tbody > tr.bg-dark a:hover, .dark-Table-table > tbody > tr.bg-dark .dark-Button--link:hover {
color: #fff;
}
.dark-Table-table > tbody > tr.bg-dark .open > a, .dark-Table-table > tbody > tr.bg-dark .open > a:hover, .dark-Table-table > tbody > tr.bg-dark .open > a:focus {
color: #fff;
}
.dark-Table-table > tbody > tr.bg-dark .text-muted {
color: #dbd6d6 !important;
}
.dark-Table-table > tbody > tr.bg-dark .text-lt {
color: white !important;
}
.dark-Table-table > tbody > tr.bg-black {
background-color: #141316;
color: var(--saas-Title-Text);
}
.dark-Table-table > tbody > tr.bg-black.lt, .dark-Table-table > tbody > tr.bg-black .lt {
background: #212023;
}
.dark-Table-table > tbody > tr.bg-black.lter, .dark-Table-table > tbody > tr.bg-black .lter {
background: #2e2d2f;
}
.dark-Table-table > tbody > tr.bg-black.dk, .dark-Table-table > tbody > tr.bg-black .dk {
background: #070709;
}
.dark-Table-table > tbody > tr.bg-black.dker, .dark-Table-table > tbody > tr.bg-black .dker {
background: black;
}
.dark-Table-table > tbody > tr.bg-black.bg, .dark-Table-table > tbody > tr.bg-black .bg {
background-color: #141316;
}
.dark-Table-table > tbody > tr.bg-black a, .dark-Table-table > tbody > tr.bg-black .dark-Button--link {
color: var(--saas-Title-Text);
}
.dark-Table-table > tbody > tr.bg-black a:hover, .dark-Table-table > tbody > tr.bg-black .dark-Button--link:hover {
color: #fff;
}
.dark-Table-table > tbody > tr.bg-black .open > a, .dark-Table-table > tbody > tr.bg-black .open > a:hover, .dark-Table-table > tbody > tr.bg-black .open > a:focus {
color: #fff;
}
.dark-Table-table > tbody > tr.bg-black .text-muted {
color: #dbd6d6 !important;
}
.dark-Table-table > tbody > tr.bg-black .text-lt {
color: white !important;
}
.dark-Table-table > tbody > tr.bg-primary {
background-color: #0983ff;
color: var(--saas-Title-Text);
}
.dark-Table-table > tbody > tr.bg-primary.lt, .dark-Table-table > tbody > tr.bg-primary .lt {
background: #2590fc;
}
.dark-Table-table > tbody > tr.bg-primary.lter, .dark-Table-table > tbody > tr.bg-primary .lter {
background: #419dfa;
}
.dark-Table-table > tbody > tr.bg-primary.dk, .dark-Table-table > tbody > tr.bg-primary .dk {
background: #0076ef;
}
.dark-Table-table > tbody > tr.bg-primary.dker, .dark-Table-table > tbody > tr.bg-primary .dker {
background: #006ad5;
}
.dark-Table-table > tbody > tr.bg-primary.bg, .dark-Table-table > tbody > tr.bg-primary .bg {
background-color: #0983ff;
}
.dark-Table-table > tbody > tr.bg-primary a, .dark-Table-table > tbody > tr.bg-primary .dark-Button--link {
color: var(--saas-Title-Text);
}
.dark-Table-table > tbody > tr.bg-primary a:hover, .dark-Table-table > tbody > tr.bg-primary .dark-Button--link:hover {
color: #fff;
}
.dark-Table-table > tbody > tr.bg-primary .open > a, .dark-Table-table > tbody > tr.bg-primary .open > a:hover, .dark-Table-table > tbody > tr.bg-primary .open > a:focus {
color: #fff;
}
.dark-Table-table > tbody > tr.bg-primary .text-muted {
color: #dbd6d6 !important;
}
.dark-Table-table > tbody > tr.bg-primary .text-lt {
color: white !important;
}
.dark-Table-table > tbody > tr.bg-success {
background-color: #32d74b;
color: var(--saas-Title-Text);
}
.dark-Table-table > tbody > tr.bg-success.lt, .dark-Table-table > tbody > tr.bg-success .lt {
background: #4ad860;
}
.dark-Table-table > tbody > tr.bg-success.lter, .dark-Table-table > tbody > tr.bg-success .lter {
background: #62da74;
}
.dark-Table-table > tbody > tr.bg-success.dk, .dark-Table-table > tbody > tr.bg-success .dk {
background: #24cb3d;
}
.dark-Table-table > tbody > tr.bg-success.dker, .dark-Table-table > tbody > tr.bg-success .dker {
background: #1eb835;
}
.dark-Table-table > tbody > tr.bg-success.bg, .dark-Table-table > tbody > tr.bg-success .bg {
background-color: #32d74b;
}
.dark-Table-table > tbody > tr.bg-success a, .dark-Table-table > tbody > tr.bg-success .dark-Button--link {
color: var(--saas-Title-Text);
}
.dark-Table-table > tbody > tr.bg-success a:hover, .dark-Table-table > tbody > tr.bg-success .dark-Button--link:hover {
color: #fff;
}
.dark-Table-table > tbody > tr.bg-success .open > a, .dark-Table-table > tbody > tr.bg-success .open > a:hover, .dark-Table-table > tbody > tr.bg-success .open > a:focus {
color: #fff;
}
.dark-Table-table > tbody > tr.bg-success .text-muted {
color: #dbd6d6 !important;
}
.dark-Table-table > tbody > tr.bg-success .text-lt {
color: white !important;
}
.dark-Table-table > tbody > tr.bg-info {
background-color: #2296f3;
color: var(--saas-Title-Text);
}
.dark-Table-table > tbody > tr.bg-info.lt, .dark-Table-table > tbody > tr.bg-info .lt {
background: #3da1f2;
}
.dark-Table-table > tbody > tr.bg-info.lter, .dark-Table-table > tbody > tr.bg-info .lter {
background: #57acf1;
}
.dark-Table-table > tbody > tr.bg-info.dk, .dark-Table-table > tbody > tr.bg-info .dk {
background: #0a8bf2;
}
.dark-Table-table > tbody > tr.bg-info.dker, .dark-Table-table > tbody > tr.bg-info .dker {
background: #067ddc;
}
.dark-Table-table > tbody > tr.bg-info.bg, .dark-Table-table > tbody > tr.bg-info .bg {
background-color: #2296f3;
}
.dark-Table-table > tbody > tr.bg-info a, .dark-Table-table > tbody > tr.bg-info .dark-Button--link {
color: var(--saas-Title-Text);
}
.dark-Table-table > tbody > tr.bg-info a:hover, .dark-Table-table > tbody > tr.bg-info .dark-Button--link:hover {
color: #fff;
}
.dark-Table-table > tbody > tr.bg-info .open > a, .dark-Table-table > tbody > tr.bg-info .open > a:hover, .dark-Table-table > tbody > tr.bg-info .open > a:focus {
color: #fff;
}
.dark-Table-table > tbody > tr.bg-info .text-muted {
color: #dbd6d6 !important;
}
.dark-Table-table > tbody > tr.bg-info .text-lt {
color: white !important;
}
.dark-Table-table > tbody > tr.bg-warning {
background-color: #ff9f0b;
color: var(--saas-Title-Text);
}
.dark-Table-table > tbody > tr.bg-warning.lt, .dark-Table-table > tbody > tr.bg-warning .lt {
background: #fca827;
}
.dark-Table-table > tbody > tr.bg-warning.lter, .dark-Table-table > tbody > tr.bg-warning .lter {
background: #fab243;
}
.dark-Table-table > tbody > tr.bg-warning.dk, .dark-Table-table > tbody > tr.bg-warning .dk {
background: #f19200;
}
.dark-Table-table > tbody > tr.bg-warning.dker, .dark-Table-table > tbody > tr.bg-warning .dker {
background: #d78200;
}
.dark-Table-table > tbody > tr.bg-warning.bg, .dark-Table-table > tbody > tr.bg-warning .bg {
background-color: #ff9f0b;
}
.dark-Table-table > tbody > tr.bg-warning a, .dark-Table-table > tbody > tr.bg-warning .dark-Button--link {
color: var(--saas-Title-Text);
}
.dark-Table-table > tbody > tr.bg-warning a:hover, .dark-Table-table > tbody > tr.bg-warning .dark-Button--link:hover {
color: #fff;
}
.dark-Table-table > tbody > tr.bg-warning .open > a, .dark-Table-table > tbody > tr.bg-warning .open > a:hover, .dark-Table-table > tbody > tr.bg-warning .open > a:focus {
color: #fff;
}
.dark-Table-table > tbody > tr.bg-warning .text-muted {
color: #dbd6d6 !important;
}
.dark-Table-table > tbody > tr.bg-warning .text-lt {
color: white !important;
}
.dark-Table-table > tbody > tr.bg-danger {
background-color: #dc3545;
color: var(--saas-Title-Text);
}
.dark-Table-table > tbody > tr.bg-danger.lt, .dark-Table-table > tbody > tr.bg-danger .lt {
background: #dd4d5b;
}
.dark-Table-table > tbody > tr.bg-danger.lter, .dark-Table-table > tbody > tr.bg-danger .lter {
background: #df6571;
}
.dark-Table-table > tbody > tr.bg-danger.dk, .dark-Table-table > tbody > tr.bg-danger .dk {
background: #d62133;
}
.dark-Table-table > tbody > tr.bg-danger.dker, .dark-Table-table > tbody > tr.bg-danger .dker {
background: #c31b2b;
}
.dark-Table-table > tbody > tr.bg-danger.bg, .dark-Table-table > tbody > tr.bg-danger .bg {
background-color: #dc3545;
}
.dark-Table-table > tbody > tr.bg-danger a, .dark-Table-table > tbody > tr.bg-danger .dark-Button--link {
color: var(--saas-Title-Text);
}
.dark-Table-table > tbody > tr.bg-danger a:hover, .dark-Table-table > tbody > tr.bg-danger .dark-Button--link:hover {
color: #fff;
}
.dark-Table-table > tbody > tr.bg-danger .open > a, .dark-Table-table > tbody > tr.bg-danger .open > a:hover, .dark-Table-table > tbody > tr.bg-danger .open > a:focus {
color: #fff;
}
.dark-Table-table > tbody > tr.bg-danger .text-muted {
color: #dbd6d6 !important;
}
.dark-Table-table > tbody > tr.bg-danger .text-lt {
color: white !important;
}
.dark-Table-table > tbody > tr.is-dragging {
opacity: var(--Table-onDragging-opacity);
}
.dark-Table-table > tbody > tr.is-current {
background: var(--Table-onHover-bg);
border-color: var(--saas-border-color);
}
.dark-Table-table > tbody > tr.is-current td,
.dark-Table-table > tbody > tr.is-current .fixed:not(.bg-warning),
.dark-Table-table > tbody > tr.is-current .dark-Table-checkCell:not(.bg-warning) {
background: var(--Table-onHover-bg);
border-color: var(--saas-border-color);
}
.dark-Table-table > tbody > tr.is-Highlight > td,
.dark-Table-table > tbody > tr.is-Highlight .fixed:not(.bg-warning),
.dark-Table-table > tbody > tr.is-Highlight .dark-Table-checkCell:not(.bg-warning) {
border-color: var(--saas-border-color);
}
.dark-Table-table > tbody > tr.dark-Table-placeholder {
background: var(--saas-main-bg);
}
.dark-Table-table > tbody > tr.dark-Table-placeholder:hover {
background: var(--saas-main-bg);
}
.dark-Table-table tr.dark-Table-tr--2th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--2th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--3th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--3th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--4th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--4th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--5th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--5th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--6th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--6th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--7th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--7th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--8th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--8th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--9th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--9th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--10th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--10th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--11th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--11th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--12th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--12th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--13th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--13th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--14th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--14th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--15th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--15th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--16th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--16th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--17th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--17th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--18th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--18th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--19th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--19th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--20th .expand-cell .expand-tag {
position: relative;
}
.dark-Table-table tr.dark-Table-tr--20th .dark-Table-expandCell + td {
position: relative;
}
.dark-Table-table > thead > tr > th.dark-Table-checkCell,
.dark-Table-table > tbody > tr > td.dark-Table-checkCell {
border-right: 0;
width: 0.0625rem;
padding: 0 4px;
white-space: nowrap;
left: 0;
}
.dark-Table-table > thead > tr > th.dark-Table-checkCell .dark-Checkbox,
.dark-Table-table > tbody > tr > td.dark-Table-checkCell .dark-Checkbox {
margin: 0;
}
.dark-Table-table > thead > tr > th.dark-Table-expandCell,
.dark-Table-table > tbody > tr > td.dark-Table-expandCell {
border-right: 0;
width: 0.0625rem;
}
.dark-Table-table > thead > tr > th.dark-Table-dragCell,
.dark-Table-table > tbody > tr > td.dark-Table-dragCell {
border-right: 0;
width: 0.0625rem;
padding-right: 0;
cursor: move;
}
.dark-Table-table > thead > tr > th.dark-Table-dragCell > svg,
.dark-Table-table > tbody > tr > td.dark-Table-dragCell > svg {
vertical-align: middle;
}
.dark-Table-table > tbody > tr > td.dark-Table-expandCell {
position: relative;
}
.dark-Table-table > tbody > tr > td.dark-Table-expandCell .dark-Table-divider-1 {
display: none;
z-index: 3;
position: absolute;
width: 0.0625rem;
top: 0;
bottom: 0;
height: 100%;
background: var(--Table-tree-borderColor);
left: 2rem;
}
.dark-Table-table > tbody > tr > td.dark-Table-expandCell .dark-Table-divider-2 {
display: none;
z-index: 3;
position: absolute;
width: 0.0625rem;
top: 0;
bottom: 0;
height: 100%;
background: var(--Table-tree-borderColor);
left: 3.125rem;
}
.dark-Table-table > tbody > tr > td.dark-Table-expandCell .dark-Table-divider-3 {
display: none;
z-index: 3;
position: absolute;
width: 0.0625rem;
top: 0;
bottom: 0;
height: 100%;
background: var(--Table-tree-borderColor);
left: 4.25rem;
}
.dark-Table-table > tbody > tr > td.dark-Table-expandCell .dark-Table-divider-4 {
display: none;
z-index: 3;
position: absolute;
width: 0.0625rem;
top: 0;
bottom: 0;
height: 100%;
background: var(--Table-tree-borderColor);
left: 5.375rem;
}
.dark-Table-table > tbody > tr > td.dark-Table-expandCell .dark-Table-divider-5 {
display: none;
z-index: 3;
position: absolute;
width: 0.0625rem;
top: 0;
bottom: 0;
height: 100%;
background: var(--Table-tree-borderColor);
left: 6.5rem;
}
.dark-Table-table > tbody > tr > td.dark-Table-expandCell .dark-Table-divider-6 {
display: none;
z-index: 3;
position: absolute;
width: 0.0625rem;
top: 0;
bottom: 0;
height: 100%;
background: var(--Table-tree-borderColor);
left: 7.625rem;
}
.dark-Table-table > tbody > tr > td.dark-Table-expandCell .dark-Table-divider-7 {
display: none;
z-index: 3;
position: absolute;
width: 0.0625rem;
top: 0;
bottom: 0;
height: 100%;
background: var(--Table-tree-borderColor);
left: 8.75rem;
}
.dark-Table-table > thead > tr > th.dark-TableCell--sortable {
position: relative;
}
.dark-Table-table > thead > tr > th.dark-TableCell--searchable {
padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-searchBtn-width));
position: relative;
}
.dark-Table-table > thead > tr > th.dark-TableCell--filterable {
position: relative;
}
.dark-Table-table > thead > tr > th.dark-TableCell--filterable .ant-popover-inner-content {
padding: 0;
}
.dark-TableCell-searchBtn {
cursor: pointer;
position: absolute;
right: var(--gap-xs);
top: 50%;
transform: translateY(-50%);
color: var(--text--muted-color);
}
.dark-TableCell-searchBtn svg.icon {
width: 12px;
height: 12px;
}
.dark-TableCell-searchBtn:hover {
color: var(--text-color);
}
.dark-TableCell-searchBtn.is-active {
color: var(--TableCell-searchBtn--onActive-color);
}
.dark-TableCell-searchPopOver {
border: none;
min-width: 20rem;
max-width: 40rem;
}
.dark-TableCell-searchPopOver .dark-Panel {
margin: 0;
}
.dark-TableCell-batchEditPopOver {
border: none;
min-width: 10rem;
max-width: 20rem;
}
.dark-TableCell-batchEditPopOver .dark-Panel {
margin: 0;
}
.dark-TableCell-filterBtn {
cursor: pointer;
width: var(--TableCell-filterBtn-width);
color: var(--text--muted-color);
}
.dark-TableCell-filterBtn svg.icon {
width: 13px;
height: 13px;
}
.dark-TableCell-filterBtn:hover {
color: var(--text-color);
}
.dark-TableCell-filterBtn.is-active {
color: var(--TableCell-filterBtn--onActive-color);
}
.dark-TableCell-filterBtn .dark-Remark {
display: inline;
}
.dark-TableCell-filterPopOver {
border: none;
width: 13.375rem;
}
.dark-TableCell-filterPopOver .filter-header {
width: 100%;
display: flex;
justify-content: space-around;
}
.dark-TableCell-filterPopOver .filter-footer {
width: 100%;
display: flex;
margin-top: 12px;
}
.dark-TableCell-filterPopOver .filter-footer-btn {
flex: 1;
text-align: right;
}
.dark-TableCell-filterPopOver .filter-option {
width: 100%;
height: 2rem;
margin-top: 10px;
}
.dark-TableCell-filterPopOver .filter-option-date {
padding: 0 4px 0 0;
border: none;
}
.dark-TableCell-filterPopOver .filter-option-date input {
display: none;
}
.dark-TableCell-filterPopOver .filter-option .ant-input-wrapper .ant-input-group-addon {
padding: 0 2px;
background-color: white;
}
.dark-TableCell-filterPopOver .filter-option .ant-input-wrapper .ant-input-group-addon .dark-TextControl-addOn {
padding: 0;
background-color: #fff;
border: none;
cursor: pointer;
}
.dark-TableCell-filterPopOver .filter-option .ant-input-wrapper .ant-input-group-addon .dark-TextControl-addOn .dark-TransferPicker-icon {
margin: 0;
}
.dark-TableCell-filterPopOver .filter-option .ant-input-wrapper .ant-input-group-addon .dark-TextControl-addOn .dark-TransferPicker-icon .icon-tablet {
width: 17px;
height: 17px;
}
.dark-TableCell-filterPopOver .dark-DropDown-menu {
margin: 0;
padding: 0;
border-radius: 0;
}
.dark-TableCell-filterPopOver .dark-DropDown-menu .dark-DropDown-divider {
height: var(--TableCell-filterPopOver-dropDownItem-height);
line-height: var(--TableCell-filterPopOver-dropDownItem-height);
padding: var(--TableCell-filterPopOver-dropDownItem-padding);
background: var(--white);
margin: 0;
}
.dark-TableCell-filterPopOver .dark-DropDown-menu .dark-DropDown-divider:hover {
background: var(--light);
color: var(--primary);
}
.dark-TableCell-filterPopOver .dark-DropDown-menu .dark-DropDown-divider.is-selected {
background: var(--light);
color: var(--primary);
}
.dark-TableCell-filterPopOver .dark-DropDown-menu .dark-DropDown-divider .dark-Checkbox {
width: 100%;
margin: 0;
}
.dark-Table-itemActions-wrap {
position: absolute;
width: 100%;
z-index: calc(var(--Table-fixed-zIndex) + 1);
left: 0;
top: 0;
min-height: 30px;
pointer-events: none;
box-shadow: var(--Table-onHover-boxShadow);
}
.dark-Table-itemActions {
pointer-events: all;
position: absolute;
background: linear-gradient(90deg, rgba(var(--Table-onHover-bg-rgb), 0) 0%, rgba(var(--Table-onHover-bg-rgb), 1) 20%, rgba(var(--Table-onHover-bg-rgb), 1) 100%);
top: var(--Table-borderWidth);
bottom: 0;
right: 0;
padding-left: 5rem;
padding-right: var(--TableCell-paddingX);
display: flex;
align-items: center;
}
.dark-Table-itemActions a {
cursor: pointer;
padding: var(--gap-xs) var(--gap-sm);
color: var(--link-color);
text-decoration: var(--link-decoration);
}
.dark-Table-itemActions a:hover {
color: var(--link-onHover-color);
text-decoration: var(--link-onHover-decoration);
}
.dark-Table-itemActions a.is-disabled {
pointer-events: none;
opacity: var(--Button-onDisabled-opacity);
color: var(--text--muted-color);
}
.dark-Table-dragTip {
color: var(--text--loud-color);
clear: both;
margin-top: var(--gap-xs);
width: 100%;
color: var(--info);
}
.dark-Table-footTable {
position: relative;
width: 100%;
border-spacing: 0;
border-collapse: separate;
margin-bottom: 0;
background: transparent;
}
.dark-Table-footTable > tbody > tr > th {
width: 7.5rem;
text-align: right;
padding: var(--TableCell-paddingY) var(--TableCell-paddingX);
}
.dark-Table-footTable > tbody > tr > td {
word-break: break-all;
padding: var(--TableCell-paddingY) var(--TableCell-paddingX);
}
.dark-Table-footTable > tbody > tr:not(:first-child) {
border-top: var(--Table-borderWidth) solid var(--Table-tbody-borderTopColor);
}
.dark-Table-expandBtn {
position: relative;
z-index: 3;
color: var(--Table-expandBtn-color);
display: inline-flex;
justify-content: center;
align-items: center;
line-height: 1;
height: 16px;
}
.dark-Table-expandBtn > svg {
display: inline-block;
text-align: center;
cursor: pointer;
transition: transform ease-in-out var(--animation-duration), top ease-in-out var(--animation-duration);
position: relative;
transform-origin: 50% 50%;
width: 0.625rem;
height: 0.625rem;
top: 0;
}
.dark-Table-expandBtn.is-active > svg {
transform: rotate(90deg);
}
.dark-Table-expandBtn:hover {
text-decoration: none;
}
.dark-Table-dragBtn {
margin-right: var(--gap-xs);
display: inline-block;
visibility: hidden;
cursor: move;
color: var(--icon-color);
}
.dark-Table-dragBtn:hover {
text-decoration: none;
color: var(--icon-onHover-color);
}
.dark-Table-dragBtn > svg {
vertical-align: -2px;
}
.dark-Table-table > tbody > tr:hover .dark-Table-dragBtn, .dark-Table-table > tbody > tr.is-dragging .dark-Table-dragBtn, .dark-Table-table > tbody > tr.is-drop-allowed .dark-Table-dragBtn {
visibility: visible;
}
.dark-Table .fake-hide {
visibility: hidden;
position: absolute;
}
.dark-Table-badge {
position: absolute;
top: 0;
left: 0;
}
.dark-Table--autoFillHeight {
margin-bottom: 0;
background-color: var(--saas-main-bg);
}
.dark-Table--autoFillHeight > .dark-Table-contentWrap > .dark-Table-content table {
border-top: none;
}
.dark-Table--autoFillHeight > .dark-Table-contentWrap > .dark-Table-content table thead {
z-index: 2;
}
.dark-Table--autoFillHeight > .dark-Table-fixedTop {
display: none;
}
.dark-Table--autoFillHeight > .dark-Table-footToolbar {
margin-bottom: 0;
margin-top: var(--Table-toolbar-marginY);
display: block;
}
.dark-Table.dark-Table-horizontal .dark-Table-table > tbody > tr.is-summary {
background: var(--saas-crud-table-thead-color);
cursor: pointer;
}
.dark-Table.dark-Table-horizontal .dark-Table-table > tbody > tr.is-summary td {
background: var(--saas-crud-table-thead-color);
font-weight: 600;
}
.dark-Table.dark-Table-horizontal .dark-Table-table > tbody > tr.is-summary td div {
display: flex;
align-items: center;
}
.dark-Table.dark-Table-horizontal .dark-Table-table > tbody > tr.is-summary td.ellipsis {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Table.dark-Table-horizontal .dark-Table-table.hideIndexCol .dark-Table-pseudoColumn {
display: none !important;
}
.dark-Table.dark-Table-horizontal.is-mobile .dark-Table-content::-webkit-scrollbar {
display: none !important;
}
.dark-TplPop .dark-PlainField,
.dark-TplPop .dark-TplPopover {
overflow: auto;
white-space: break-spaces;
width: 476px;
height: 214px;
display: inline-block;
word-break: break-all;
margin-right: -5px;
}
@media (max-width: 767px) {
.dark-TplPop .dark-PlainField,
.dark-TplPop .dark-TplPopover {
width: 276px;
}
}
.dark-TplPop .dark-PlainField::-webkit-scrollbar,
.dark-TplPop .dark-TplPopover::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.dark-TplPop .dark-PlainField::-webkit-scrollbar-track,
.dark-TplPop .dark-TplPopover::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #fff;
}
.dark-TplPop .dark-PlainField::-webkit-scrollbar-thumb,
.dark-TplPop .dark-TplPopover::-webkit-scrollbar-thumb {
background-color: rgba(144, 147, 153, 0.3);
border-radius: 10px;
}
.dark-TplPop .dark-PlainField::-webkit-scrollbar-thumb:hover,
.dark-TplPop .dark-TplPopover::-webkit-scrollbar-thumb:hover {
background-color: rgba(110, 110, 111, 0.3);
}
.dark-TplPop .dark-PlainField p,
.dark-TplPop .dark-TplPopover p {
min-width: 300px;
white-space: normal;
}
.dark-TplPop .ant-popover-arrow-content,
.dark-TplPop .ant-popover-inner {
background-color: var(--saas-main-bg);
color: var(--saas-Title-Text);
}
.dark-TplPop .ant-popover-arrow-content .ant-popover-title,
.dark-TplPop .ant-popover-inner .ant-popover-title {
background-color: var(--saas-main-bg);
}
.dark-TplPop .ant-popover-arrow-content .dark-Title-tplPop,
.dark-TplPop .ant-popover-inner .dark-Title-tplPop {
color: var(--saas-Title-Text);
}
.dark-TplPop .ant-popover-arrow-content .dark-TplPopover,
.dark-TplPop .ant-popover-inner .dark-TplPopover {
color: var(--saas-Title-Text);
}
.dark-TplPop .ant-popover-arrow-content .dark-TplPopover .ant-input,
.dark-TplPop .ant-popover-inner .dark-TplPopover .ant-input {
color: var(--saas-Title-Text);
}
.dark-InputTable.is-mobile .dark-Table-contentWrap .dark-Table-table:first-of-type > thead {
height: 32px;
}
.dark-InputTable .dark-Table-contentWrap {
max-height: 60vh;
}
.dark-InputTable .dark-Table-contentWrap .dark-Table-table:first-of-type > thead {
position: sticky;
top: 0;
z-index: 3;
}
.dark-InputTable .fieldTitle {
font-size: 14px;
padding: 0 16px;
letter-spacing: 0.5px;
background: var(--saas-crud-table-thead-color);
}
@media (min-width: 576px) {
.dark-InputTable .fieldTitle {
padding: 0 4px;
}
}
.dark-InputTable .fieldBodyFold {
height: 0;
overflow: hidden;
}
.dark-InputTable .toolbars-btn {
width: 46px !important;
margin-left: 14px;
border-radius: 4px;
padding-left: 18px;
}
.dark-InputTable .toolbars-btn > span {
transform: rotate(90deg);
font-size: 13px;
display: inline-block;
letter-spacing: 2px;
font-weight: 800;
}
.dark-InputTable .dark-Table {
margin-bottom: 0;
}
@media (min-width: 576px) {
.dark-InputTable .dark-Table {
padding: 0;
}
}
@media screen and (min-width: 769px) {
.dark-InputTable .dark-Table td {
background-color: unset;
}
.dark-InputTable .dark-Table .fixed-right-first {
background-color: var(--saas-crud-table-thead-color);
}
}
.dark-InputTable .dark-Table-table > tbody > tr.bg-warning {
color: unset;
}
.dark-InputTable .dark-Table-table > tbody > tr.bg-warning:hover {
color: rgba(0, 0, 0, 0.85);
}
.dark-InputTable .dark-Table td.dark-Table-pseudoColumn {
background-color: var(--saas-main-bg);
}
.dark-InputTable .dark-Table td.bg-warning {
color: unset;
}
.dark-InputTable .dark-Table td.bg-warning:hover {
color: rgba(0, 0, 0, 0.85);
}
.dark-InputTable .dark-Table tr.bg-warning td {
color: unset;
}
.dark-InputTable .dark-Table tr.bg-warning td:hover {
color: rgba(0, 0, 0, 0.85);
}
.dark-InputTable .dark-Table .dark-Table-table > tbody > tr > td > .dark-Form-item {
margin-bottom: 0;
}
.dark-InputTable .dark-Table-horizontal .dark-Table-table > thead > tr th .dark-TableCell--title .dark-Remark-icon {
vertical-align: text-top;
color: var(--saas-Placeholder-Text);
}
.dark-InputTable .dark-Table-horizontal .dark-Table-table > tbody > tr.is-moved, .dark-InputTable .dark-Table-horizontal .dark-Table-table > tbody > tr.is-modified {
background: #fff;
border-color: #f5f5f5;
}
.dark-InputTable .dark-Table-horizontal .dark-Table-table > tbody > tr.is-moved > td, .dark-InputTable .dark-Table-horizontal .dark-Table-table > tbody > tr.is-modified > td {
background-color: #fff !important;
}
.dark-InputTable.horizontal.is-mobile .dark-InputTable-toolbar {
margin-top: 3px;
flex-wrap: nowrap;
}
.dark-InputTable.horizontal.is-mobile .dark-InputTable-toolbar .dark-Button {
flex: 1;
border-radius: 6px;
}
.dark-InputTable .dark-Table.dark-Table-horizontal.is-mobile .dark-Table-contentWrap .dark-Table-content .dark-Table-table thead > tr {
height: 27px;
line-height: 27px;
}
.dark-InputTable .dark-Table.dark-Table-horizontal.is-mobile .dark-Table-contentWrap .dark-Table-content .dark-Table-table thead > tr .dark-TableCell--title {
align-items: center;
}
.dark-InputTable .dark-Table.dark-Table-horizontal.is-mobile .dark-Table-contentWrap .dark-Table-content .dark-Table-table thead > tr > th {
background-color: var(--them-bg-color);
border-top: 1px solid var(--saas-Border-Dividers);
border-bottom: 1px solid var(--saas-Border-Dividers);
}
.dark-InputTable .dark-Table.dark-Table-horizontal.is-mobile .dark-Table-contentWrap .dark-Table-content .dark-Table-table thead > tr > th:last-child {
border-right: 1px solid var(--saas-Border-Dividers);
}
.dark-InputTable.dark-Property-tiled .dark-InputTable-toolbar, .dark-InputTable.dark-Line-tiled .dark-InputTable-toolbar {
padding: 4px 8px;
justify-content: flex-start;
}
.dark-InputTable.dark-Property-tiled .dark-InputTable-toolbar > .dark-Button, .dark-InputTable.dark-Line-tiled .dark-InputTable-toolbar > .dark-Button {
flex: 1;
}
.dark-InputTable.dark-Property-tiled .property-empty-toolbar, .dark-InputTable.dark-Line-tiled .property-empty-toolbar {
border-top: 1px solid #eceff8;
}
.dark-InputTable.dark-Property-tiled .property-tiled,
.dark-InputTable.dark-Property-tiled .line-tiled, .dark-InputTable.dark-Line-tiled .property-tiled,
.dark-InputTable.dark-Line-tiled .line-tiled {
overflow-y: auto;
}
.dark-InputTable.dark-Property-tiled .property-tiled .empty-container,
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container, .dark-InputTable.dark-Line-tiled .property-tiled .empty-container,
.dark-InputTable.dark-Line-tiled .line-tiled .empty-container {
letter-spacing: 0.5px;
}
.dark-InputTable.dark-Property-tiled .property-tiled .empty-container .empty-content,
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container .empty-content, .dark-InputTable.dark-Line-tiled .property-tiled .empty-container .empty-content,
.dark-InputTable.dark-Line-tiled .line-tiled .empty-container .empty-content {
text-align: center;
padding: 16px;
}
.dark-InputTable.dark-Property-tiled .property-tiled .empty-container .empty-content .ant-empty,
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container .empty-content .ant-empty, .dark-InputTable.dark-Line-tiled .property-tiled .empty-container .empty-content .ant-empty,
.dark-InputTable.dark-Line-tiled .line-tiled .empty-container .empty-content .ant-empty {
background: var(--saas-main-bg);
}
.dark-InputTable.dark-Property-tiled .property-tiled .empty-container .empty-title,
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container .empty-title, .dark-InputTable.dark-Line-tiled .property-tiled .empty-container .empty-title,
.dark-InputTable.dark-Line-tiled .line-tiled .empty-container .empty-title {
padding: 0;
background: transparent;
}
.dark-InputTable.dark-Property-tiled .property-tiled .empty-container .empty-title .dark-Remark,
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container .empty-title .dark-Remark, .dark-InputTable.dark-Line-tiled .property-tiled .empty-container .empty-title .dark-Remark,
.dark-InputTable.dark-Line-tiled .line-tiled .empty-container .empty-title .dark-Remark {
color: var(--saas-Placeholder-Text);
vertical-align: sub;
margin-left: 4px;
margin-right: 4px;
line-height: 0;
}
.dark-InputTable.dark-Property-tiled .property-tiled .empty-container .empty-title .dark-Remark > svg,
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container .empty-title .dark-Remark > svg, .dark-InputTable.dark-Line-tiled .property-tiled .empty-container .empty-title .dark-Remark > svg,
.dark-InputTable.dark-Line-tiled .line-tiled .empty-container .empty-title .dark-Remark > svg {
top: 0;
width: 1rem;
height: 1rem;
}
.dark-InputTable.dark-Property-tiled .property-tiled .empty-container .empty-title .dark-Remark:hover > svg,
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container .empty-title .dark-Remark:hover > svg, .dark-InputTable.dark-Line-tiled .property-tiled .empty-container .empty-title .dark-Remark:hover > svg,
.dark-InputTable.dark-Line-tiled .line-tiled .empty-container .empty-title .dark-Remark:hover > svg {
color: var(--saas-Placeholder-Text);
}
.dark-InputTable.dark-Property-tiled .property-tiled .tiled-item-title,
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-title, .dark-InputTable.dark-Line-tiled .property-tiled .tiled-item-title,
.dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-title {
justify-content: space-between;
align-items: center;
padding: 0px 0px 0px 4px;
letter-spacing: 0.5px;
border-bottom: 1px solid var(--saas-Border-Dividers);
}
.dark-InputTable.dark-Property-tiled .property-tiled .tiled-item-title.isAdding,
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-title.isAdding, .dark-InputTable.dark-Line-tiled .property-tiled .tiled-item-title.isAdding,
.dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-title.isAdding {
border-top: 1px solid var(--saas-Border-Dividers);
color: #4285f4;
}
.dark-InputTable.dark-Property-tiled .property-tiled .tiled-item-title .tiled-item-title-left > span .dark-Remark,
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-title .tiled-item-title-left > span .dark-Remark, .dark-InputTable.dark-Line-tiled .property-tiled .tiled-item-title .tiled-item-title-left > span .dark-Remark,
.dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-title .tiled-item-title-left > span .dark-Remark {
color: var(--saas-Placeholder-Text);
vertical-align: sub;
margin-left: 4px;
margin-right: 4px;
}
.dark-InputTable.dark-Property-tiled .property-tiled .tiled-item-title .tiled-item-title-left > span .dark-Remark > svg,
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-title .tiled-item-title-left > span .dark-Remark > svg, .dark-InputTable.dark-Line-tiled .property-tiled .tiled-item-title .tiled-item-title-left > span .dark-Remark > svg,
.dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-title .tiled-item-title-left > span .dark-Remark > svg {
top: 0;
width: 1rem;
height: 1rem;
}
.dark-InputTable.dark-Property-tiled .property-tiled .tiled-item-title .tiled-item-title-left > span .dark-Remark:hover > svg,
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-title .tiled-item-title-left > span .dark-Remark:hover > svg, .dark-InputTable.dark-Line-tiled .property-tiled .tiled-item-title .tiled-item-title-left > span .dark-Remark:hover > svg,
.dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-title .tiled-item-title-left > span .dark-Remark:hover > svg {
color: var(--saas-Placeholder-Text);
}
.dark-InputTable.dark-Property-tiled .property-tiled.virtual-tiled-table,
.dark-InputTable.dark-Property-tiled .line-tiled.virtual-tiled-table, .dark-InputTable.dark-Line-tiled .property-tiled.virtual-tiled-table,
.dark-InputTable.dark-Line-tiled .line-tiled.virtual-tiled-table {
height: 60vh;
}
.dark-InputTable.dark-Property-tiled .property-tiled.virtual-tiled-table .table-vertical-virtual-list .ant-list-item,
.dark-InputTable.dark-Property-tiled .line-tiled.virtual-tiled-table .table-vertical-virtual-list .ant-list-item, .dark-InputTable.dark-Line-tiled .property-tiled.virtual-tiled-table .table-vertical-virtual-list .ant-list-item,
.dark-InputTable.dark-Line-tiled .line-tiled.virtual-tiled-table .table-vertical-virtual-list .ant-list-item {
padding: 0;
border: none;
}
.dark-InputTable.dark-Property-tiled .property-tiled.virtual-tiled-table .table-vertical-virtual-list .ant-list-item .virtual-list-row-item,
.dark-InputTable.dark-Property-tiled .line-tiled.virtual-tiled-table .table-vertical-virtual-list .ant-list-item .virtual-list-row-item, .dark-InputTable.dark-Line-tiled .property-tiled.virtual-tiled-table .table-vertical-virtual-list .ant-list-item .virtual-list-row-item,
.dark-InputTable.dark-Line-tiled .line-tiled.virtual-tiled-table .table-vertical-virtual-list .ant-list-item .virtual-list-row-item {
width: 100%;
}
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container, .dark-InputTable.dark-Line-tiled .line-tiled .empty-container {
color: #5e626a;
}
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-title, .dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-title {
color: #5e626a;
}
@media (max-width: 767px) {
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container,
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item, .dark-InputTable.dark-Line-tiled .line-tiled .empty-container,
.dark-InputTable.dark-Line-tiled .line-tiled .tiled-item {
color: inherit;
margin-top: 16px;
}
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container:nth-child(1),
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item:nth-child(1), .dark-InputTable.dark-Line-tiled .line-tiled .empty-container:nth-child(1),
.dark-InputTable.dark-Line-tiled .line-tiled .tiled-item:nth-child(1) {
margin: 0;
}
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container-title,
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-title, .dark-InputTable.dark-Line-tiled .line-tiled .empty-container-title,
.dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-title {
color: inherit;
border-bottom: 1px solid var(--saas-Border-Dividers);
padding: 16px 0;
}
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container-title:has(.tiled-item-title-left:empty),
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-title:has(.tiled-item-title-left:empty), .dark-InputTable.dark-Line-tiled .line-tiled .empty-container-title:has(.tiled-item-title-left:empty),
.dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-title:has(.tiled-item-title-left:empty) {
display: none;
}
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container .dark-Form-static .dark-Form-control,
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item .dark-Form-static .dark-Form-control, .dark-InputTable.dark-Line-tiled .line-tiled .empty-container .dark-Form-static .dark-Form-control,
.dark-InputTable.dark-Line-tiled .line-tiled .tiled-item .dark-Form-static .dark-Form-control {
width: unset !important;
}
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container-titlename,
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-titlename, .dark-InputTable.dark-Line-tiled .line-tiled .empty-container-titlename,
.dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-titlename {
display: flex;
justify-content: space-between;
background: var(--them-bg-color);
color: var(--saas-Title-Text);
border-radius: 0px 4px 4px 0;
align-items: center;
}
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container-titlename-fieldTitle,
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-titlename-fieldTitle, .dark-InputTable.dark-Line-tiled .line-tiled .empty-container-titlename-fieldTitle,
.dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-titlename-fieldTitle {
font-size: 14px;
color: inherit;
font-weight: 500;
}
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container-titlename .dark-Button--link,
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-titlename .dark-Button--link, .dark-InputTable.dark-Line-tiled .line-tiled .empty-container-titlename .dark-Button--link,
.dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-titlename .dark-Button--link {
color: #f5222d;
}
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item:first-child .tiled-item-title, .dark-InputTable.dark-Line-tiled .line-tiled .tiled-item:first-child .tiled-item-title {
padding: 8px 16px;
}
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-title-left, .dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-title-left {
display: flex;
justify-content: space-around;
}
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-title-left:empty, .dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-title-left:empty {
display: none;
}
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-title-left .dark-Button, .dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-title-left .dark-Button {
border-radius: 10px;
}
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-title-left .dark-Button--danger, .dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-title-left .dark-Button--danger {
width: 80px;
}
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-title-left .dark-Button--info, .dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-title-left .dark-Button--info {
background: var(--saas-Primary-Color);
width: 270px;
}
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-title-left .dark-AddBtnLabel, .dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-title-left .dark-AddBtnLabel {
border: 1px solid var(--saas-Primary-Color);
border-radius: 6px;
width: 100%;
color: var(--saas-Primary-Color);
}
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item, .dark-InputTable.dark-Line-tiled .line-tiled .tiled-item {
border-bottom: 1px solid var(--saas-Border-Dividers);
}
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item:last-child, .dark-InputTable.dark-Line-tiled .line-tiled .tiled-item:last-child {
border-bottom: none;
}
}
@media (min-width: 576px) {
.dark-InputTable.dark-Property-tiled .line-tiled .empty-container, .dark-InputTable.dark-Line-tiled .line-tiled .empty-container {
color: rgba(0, 0, 0, 0.85);
}
.dark-InputTable.dark-Property-tiled .line-tiled .tiled-item-titlename, .dark-InputTable.dark-Line-tiled .line-tiled .tiled-item-titlename {
display: flex;
justify-content: space-between;
}
}
.dark-InputTable.dark-Property-tiled .property-tiled {
overflow-x: hidden;
}
.dark-InputTable.dark-Property-tiled .property-tiled .empty-title {
background: var(--saas-form-property-title-color);
padding: 0 4px !important;
}
.dark-InputTable.dark-Property-tiled .property-tiled .tiled-item > .dark-Form > .dark-Property > table > tbody > tr > td > .cell > .dark-NumberField {
padding: 0 4px;
}
.dark-InputTable.dark-Property-tiled .property-tiled .tiled-item > .dark-Form > .dark-Property .dark-Form-item > .dark-Form-value > .dark-Form-static {
padding: 0 4px;
min-height: 32px;
}
.dark-InputTable.dark-Property-tiled .property-tiled .tiled-item:last-child .dark-Property-wrapper .dark-Property-wrapper-content-row:last-child {
border-bottom: none;
}
.dark-InputTable.dark-Property-tiled .property-tiled .dark-Property > table {
border-right: none;
border-left: none;
}
.dark-InputTable.dark-Property-tiled .property-tiled .dark-Property > table th {
border-left: none;
}
.dark-InputTable.dark-Property-tiled .property-tiled .dark-Property > table tr td:last-child {
border-right: none;
}
.dark-InputTable.dark-Line-tiled.is-mobile .dark-InputTable-toolbar {
padding: 4px 0;
}
.dark-InputTable.dark-Line-tiled.is-mobile .line-tiled .tiled-item > .dark-Form > .dark-Form-item--horizontal {
padding: 12px 0 !important;
}
.dark-InputTable .dark-Table-table > thead > tr > th {
background: var(--saas-crud-table-thead-color);
}
.dark-InputTable.is-mobile .line-tiled .tiled-item .tiled-item-titlename {
padding-left: 0;
}
.dark-InputTable.is-mobile .line-tiled .tiled-item .dark-Form.inModal .dark-Form-item {
margin-left: 0;
padding-left: 0 !important;
padding-right: 0 !important;
}
.dark-InputTable.is-mobile .line-tiled .tiled-item .dark-Form.inModal .dark-Form-item.verticalField {
padding-right: 0 !important;
}
.dark-InputTable-toolbar {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.dark-InputTable-toolbar .add-row {
border: 1px dashed #ccc;
cursor: pointer;
height: 38px;
line-height: 38px;
text-align: center;
width: 100%;
}
.dark-InputTable-toolbar .add-row.disabled {
cursor: not-allowed;
}
.dark-InputTable-toolbar .add-row i {
margin: auto;
padding: 6px 0;
}
@media (min-width: 576px) {
.dark-InputTable-toolbar .add-row {
margin: 0 8px 8px 8px;
}
}
@media (max-width: 767px) {
.dark-InputTable-toolbar .dark-AddBtnLabel {
border: 1px solid var(--saas-Primary-Color);
border-radius: 6px;
width: 100%;
color: var(--saas-Primary-Color);
}
}
.dark-InputTable-pager {
margin-left: auto;
}
.dark-OperationField > .dark-Button,
.dark-OperationField > .dark-Button--disabled-wrap > .dark-Button {
margin: 0.1875rem;
}
.dark-OperationField > .dark-Button--disabled-wrap > .dark-Button--link {
padding: 0;
}
.dark-OperationField > .dark-Button--link {
padding: 0;
margin-right: 0.625rem;
}
@media screen and (min-width: 1100px) {
.dark-Table .table-ping-left .fixed-left-last::after {
box-shadow: inset 10px 0 8px -8px #00000026;
}
.dark-Table .table-ping-right .fixed-right-first::before {
box-shadow: inset -10px 0 8px -8px #00000026;
}
}
@media (max-width: 767px) {
.dark-Table.fix-left .fixed-left-last::after {
box-shadow: inset 10px 0 8px -8px #00000026;
}
.dark-Table.fix-right .fixed-right-first::before {
box-shadow: inset -10px 0 8px -8px #00000026;
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list {
background-color: var(--saas-Background-Header);
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item {
padding: 0 0 12px 0;
border: none;
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item {
background: var(--saas-main-bg);
padding: 0 12px;
width: 100%;
color: var(--saas-Title-Text);
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .table-vertical-row-colItem {
display: flex;
justify-content: flex-start;
align-items: center;
height: 38px;
line-height: 38px;
background-color: var(--saas-Background-Header);
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .table-vertical-row-colItem.first-colItem {
height: 50px;
line-height: 50px;
background-color: var(--saas-main-bg);
display: flex;
justify-content: flex-start;
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .table-vertical-row-colItem.first-colItem .colItem-label {
display: flex;
justify-content: flex-start;
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .table-vertical-row-colItem.first-colItem .colItem-checkbox-label {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .table-vertical-row-colItem .colItem-label {
padding: 0 12px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 7.5rem;
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .table-vertical-row-colItem .colItem-label .colItem-checkbox .dark-Checkbox i {
width: 22px;
height: 22px;
border-radius: 50%;
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .table-vertical-row-colItem .colItem-label .colItem-checkbox-label {
flex: 1;
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .table-vertical-row-colItem .colItem-value {
padding: 0 12px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: calc(100% - 7.5rem);
height: 100%;
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .table-vertical-row-colItem .colItem-value span.dark-PlainField {
display: inline-block;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .table-vertical-row-colItem .colItem-value div,
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .table-vertical-row-colItem .colItem-value p,
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .table-vertical-row-colItem .colItem-value span {
height: 100%;
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .table-vertical-row-colItem .colItem-value .dark-Progress.line-mode .dark-Progress-line {
height: auto;
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .table-vertical-row-colItem .colItem-value .is-linkUrl {
color: var(--saas-Link-Text) !important;
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .table-vertical-row-colItem.first-colItem {
height: 50px;
line-height: 50px;
background-color: var(--saas-main-bg);
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .row-item-expand {
text-align: center;
background: var(--saas-Background-Header);
height: 32px;
line-height: 32px;
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .row-item-operation {
text-align: right;
padding: 10px 0;
background: var(--saas-main-bg);
overflow: auto;
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .ant-list-item .virtual-list-row-item .row-item-operation > div > button {
margin-left: 8px;
}
.dark-Table-contentWrap .dark-Table-content .table-vertical-virtual-list .rc-virtual-list-scrollbar {
width: 0 !important;
display: none;
}
}
.dark-Table td.fixed-left-last,
.dark-Table td.fixed-right-first {
overflow: visible;
}
.dark-Table .fixed-left-last::after,
.dark-Table .fixed-right-first::before {
content: "";
position: absolute;
top: 0;
bottom: -1px;
width: 30px;
transition: box-shadow 0.1s;
pointer-events: none;
background-color: unset;
}
.dark-Table .fixed-left-last::after {
right: 0;
transform: translate(100%);
}
.dark-Table .fixed-right-first::before {
left: 0;
transform: translate(-100%);
}
.dark-Table.fix-left .fixed-left-last::after {
width: 30px;
background-color: unset;
}
.dark-Table.fix-left th.dark-Table-checkCell:not(.bg-warning), .dark-Table.fix-right th.dark-Table-checkCell:not(.bg-warning) {
background: var(--saas-crud-table-thead-color);
}
.dark-Table.fix-left tr.is-hovered .fixed,
.dark-Table.fix-left tr.is-hovered .dark-Table-checkCell, .dark-Table.fix-right tr.is-hovered .fixed,
.dark-Table.fix-right tr.is-hovered .dark-Table-checkCell {
background: var(--Table-onHover-bg);
border-color: var(--saas-border-color);
}
.dark-Table td.bg-warning {
background-color: #ff9f0b;
color: var(--saas-Title-Text);
}
.dark-Table td.bg-warning.lt, .dark-Table td.bg-warning .lt {
background: #fca827;
}
.dark-Table td.bg-warning.lter, .dark-Table td.bg-warning .lter {
background: #fab243;
}
.dark-Table td.bg-warning.dk, .dark-Table td.bg-warning .dk {
background: #f19200;
}
.dark-Table td.bg-warning.dker, .dark-Table td.bg-warning .dker {
background: #d78200;
}
.dark-Table td.bg-warning.bg, .dark-Table td.bg-warning .bg {
background-color: #ff9f0b;
}
.dark-Table td.bg-warning a, .dark-Table td.bg-warning .dark-Button--link {
color: var(--saas-Title-Text);
}
.dark-Table td.bg-warning a:hover, .dark-Table td.bg-warning .dark-Button--link:hover {
color: #fff;
}
.dark-Table td.bg-warning .open > a, .dark-Table td.bg-warning .open > a:hover, .dark-Table td.bg-warning .open > a:focus {
color: #fff;
}
.dark-Table td.bg-warning .text-muted {
color: #dbd6d6 !important;
}
.dark-Table td.bg-warning .text-lt {
color: white !important;
}
td {
background-color: inherit;
}
tr.bg-warning td {
background-color: #ff9f0b;
color: var(--saas-Title-Text);
}
tr.bg-warning td.lt, tr.bg-warning td .lt {
background: #fca827;
}
tr.bg-warning td.lter, tr.bg-warning td .lter {
background: #fab243;
}
tr.bg-warning td.dk, tr.bg-warning td .dk {
background: #f19200;
}
tr.bg-warning td.dker, tr.bg-warning td .dker {
background: #d78200;
}
tr.bg-warning td.bg, tr.bg-warning td .bg {
background-color: #ff9f0b;
}
tr.bg-warning td a, tr.bg-warning td .dark-Button--link {
color: var(--saas-Title-Text);
}
tr.bg-warning td a:hover, tr.bg-warning td .dark-Button--link:hover {
color: #fff;
}
tr.bg-warning td .open > a, tr.bg-warning td .open > a:hover, tr.bg-warning td .open > a:focus {
color: #fff;
}
tr.bg-warning td .text-muted {
color: #dbd6d6 !important;
}
tr.bg-warning td .text-lt {
color: white !important;
}
@media screen and (min-width: 769px) {
.dark-Hierarchy .dark-Table-table > thead > tr > th {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background-color: var(--Table-thead-bg) !important;
font-size: 14px;
}
.dark-Hierarchy .dark-Table-table > tbody > tr > td {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 13px;
align-content: center;
display: flex;
}
}
.dark-Table.dark-Table-ation .dark-Table-contentWrap .dark-Table-content .dark-Table-table thead tr th {
background: #fff;
}
.dark-Table.dark-Table-ation .dark-Table-contentWrap .dark-Table-content .dark-Table-table thead tr th .dark-TableCell--title {
line-height: 46px;
font-size: 15px;
}
.dark-Table.dark-Table-ation .dark-Table-contentWrap .dark-Table-content .dark-Table-table .ant-dropdown-trigger .dark-Table-tr--hasItemAction {
border-top: none;
}
.dark-Table.dark-Table-ation .dark-Table-contentWrap .dark-Table-content .dark-Table-table .ant-dropdown-trigger .dark-Table-tr--hasItemAction td {
display: flex;
align-items: center;
border-radius: 4px;
height: 48px;
cursor: pointer;
}
/* Aug移动端样式 */
@media (max-width: 767px) {
.dark-Table {
padding: 0;
display: flex;
flex-direction: column;
}
.dark-Table--autoFillHeight > .dark-Table-footToolbar {
display: flex;
margin-top: 0;
}
.dark-Table--autoFillHeight > .dark-Table-footToolbar.mobile-toolbar .dark-Crud-toolbar.footer {
flex-direction: unset;
}
.dark-Table--autoFillHeight > .dark-Table-footToolbar.mobile-toolbar .dark-Crud-toolbar.footer .dark-Crud-toolbar-tool--actions {
width: 100%;
display: flex;
}
.dark-Table .dark-Table-statistic {
max-height: 270px;
overflow: auto;
}
.dark-Table .dark-Table-contentWrap {
flex: 1;
}
.dark-Table .dark-Table-contentWrap .offline-opt-in {
position: absolute;
bottom: 24px;
right: 24px;
z-index: 8;
width: 48px;
height: 48px;
border-radius: 100%;
padding: 0;
background-color: unset;
}
.dark-Table .dark-Table-contentWrap .offline-opt-in svg.icon {
top: 0;
width: 48px;
height: 48px;
}
.dark-Table .dark-Table-contentWrap .dark-Table-content {
height: 100%;
overscroll-behavior: none;
}
.dark-Table .dark-Table-contentWrap .dark-Table-content .dark-Table-table.hideCheckToggler .dark-Table-checkCell {
display: none !important;
}
.dark-Table-fixedTop.in {
display: none;
}
.dark-Table-table {
font-size: 14px;
color: var(--saas-Title-Text);
border-collapse: separate;
}
.dark-Table-table > th, .dark-Table-table > td {
padding: 5px 12px;
}
.dark-Table-table td .dark-Tpltab {
display: flex;
}
.dark-Table-footTable > tbody > tr.is-checked {
background: none;
}
.dark-Table-footTable > tbody > tr:not(:first-child) {
border: none;
}
.dark-Table-footTable > tbody > tr > th, .dark-Table-footTable > tbody > tr > td {
padding: 5px 12px;
vertical-align: top;
}
.dark-Table-footTable > tbody > tr > th {
color: #000;
text-align: left;
}
.dark-Table-footTable > tbody > tr .dark-Table-checkCell {
position: absolute;
top: 50%;
margin-top: -15px;
padding-left: 0;
z-index: 1;
}
.dark-Table th {
font-weight: normal;
}
.dark-Table-table.has-checkbox .dark-Table-footTable > tbody > tr > th {
width: 9rem;
}
.dark-Table-table.has-checkbox .dark-Table-checkCell .dark-Checkbox {
margin: 0;
}
.dark-Table-toolbar {
width: 100%;
background: var(--saas-main-bg);
display: flex;
align-items: center;
margin: 0;
height: 53px;
padding: 10px 0;
}
.dark-Table.dark-Table-horizontal .dark-Mobile-header-toolbar-wrapper {
width: auto;
background-color: var(--saas-main-bg);
box-sizing: border-box;
border-bottom: 0;
border-top: 0;
}
.dark-Table.dark-Table-horizontal .dark-Table-content {
overflow-x: auto;
}
.dark-Table.dark-Table-horizontal .dark-Table-content td {
background-color: var(--saas-main-bg);
}
.dark-Table.dark-Table-horizontal .dark-Table-content .is-current {
background: var(--Table-onHover-bg);
border-color: var(--saas-border-color);
}
.dark-Table.dark-Table-horizontal .dark-Table-content .is-current td,
.dark-Table.dark-Table-horizontal .dark-Table-content .is-current .fixed:not(.bg-warning),
.dark-Table.dark-Table-horizontal .dark-Table-content .is-current .dark-Table-checkCell:not(.bg-warning) {
background: var(--Table-onHover-bg);
border-color: var(--saas-border-color);
}
.dark-Table.dark-Table-horizontal .dark-Table-content .dark-Table-table > thead > tr > th {
padding: 0px 2px;
background-color: #f8f8f8;
font-weight: 500;
}
.dark-Table.dark-Table-horizontal .dark-Table-content .dark-Table-table > tbody > tr > td {
padding: 0 2px;
}
.dark-Table.dark-Table-horizontal .dark-Table-content .dark-Table-table > tbody > tr > td > span.dark-PlainField,
.dark-Table.dark-Table-horizontal .dark-Table-content .dark-Table-table > tbody > tr > td > span.dark-TplFiled {
display: block;
min-height: 27px;
line-height: 27px;
}
.dark-Table.dark-Table-horizontal .dark-Table-content .dark-Table-table > tbody > tr > td span.dark-TplField {
display: unset;
}
.dark-Table.dark-Table-horizontal .dark-Table-contentWrap .dark-Table-content .dark-Table-table thead > tr > th {
background-color: var(--saas-crud-table-thead-color);
}
.dark-Table.dark-Table-horizontal .mobile-view-mode {
position: absolute;
bottom: 24px;
right: 24px;
z-index: 8;
background-color: var(--saas-Primary-Color);
width: 48px;
height: 48px;
padding: 12px;
border-radius: 100%;
}
.dark-Table.dark-Table-horizontal .mobile-view-mode svg.icon {
top: 0;
width: 24px;
height: 24px;
}
.dark-Table.tableRotate {
height: 100% !important;
}
.dark-Table.tableRotate .dark-Mobile-header-toolbar-wrapper {
border: 0 !important;
}
.dark-Table.tableRotate .dark-Table-contentWrap.isIos > .dark-Table-content {
position: unset !important;
}
.dark-Table.tableRotate .dark-Table-contentWrap.isIos > .dark-Table-content .dark-Table-operationCell,
.dark-Table.tableRotate .dark-Table-contentWrap.isIos > .dark-Table-content .fixed-right-first {
right: calc(100vw - 100vh - 45px) !important;
}
.dark-Table.tableRotate .dark-Table-contentWrap.isIos.hasFooter > .dark-Table-content .dark-Table-operationCell,
.dark-Table.tableRotate .dark-Table-contentWrap.isIos.hasFooter > .dark-Table-content .fixed-right-first {
right: calc(-65vh + 21px) !important;
}
.dark-Table.tableRotate .dark-Table-contentWrap.isIos.isXsIos > .dark-Table-content .dark-Table-operationCell,
.dark-Table.tableRotate .dark-Table-contentWrap.isIos.isXsIos > .dark-Table-content .fixed-right-first {
right: calc(100vw - 100vh - 45px) !important;
}
.dark-Table.tableRotate .dark-Table-contentWrap.isIos.isXsIos.hasFooter > .dark-Table-content .dark-Table-operationCell,
.dark-Table.tableRotate .dark-Table-contentWrap.isIos.isXsIos.hasFooter > .dark-Table-content .fixed-right-first {
right: calc(100vw - 100vh - 45px - 53px) !important;
}
.dark-Table.tableRotate .dark-Table-content {
overflow: auto;
}
.dark-Table.tableRotate > .dark-Table-footToolbar {
display: flex;
justify-content: flex-end;
flex-wrap: nowrap;
overflow-x: auto;
}
.dark-Table.tableRotate > .dark-Table-footToolbar .dark-Crud-toolbar.footer {
flex: unset;
justify-content: flex-end;
}
.dark-Table.tableRotate > .dark-Table-footToolbar .dark-Crud-toolbar.footer .dark-Crud-toolbar-item {
flex: unset;
justify-content: flex-end;
}
.dark-Table.tableRotate > .dark-Table-footToolbar .dark-Crud-toolbar.footer .dark-Crud-toolbar-item .dark-Button {
flex: unset;
justify-content: flex-end;
}
.dark-Table.tableRotate > .dark-Table-footToolbar .dark-Table-footer {
flex: 1;
overflow: auto;
}
.dark-Table.tableRotate .mobile-view-mode {
transform: rotate(-90deg);
position: fixed;
z-index: 10;
bottom: 24px;
right: 24px;
}
.dark-Table.tableRotate .offline-opt-in {
display: none;
}
.dark-Table.dark-Table-vertical {
background-color: var(--saas-Background-Header);
}
.dark-Table.dark-Table-vertical .dark-Mobile-header-toolbar-wrapper {
padding: 0 0 12px 0;
border: none;
width: auto;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap {
background-color: transparent;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr.is-hovered {
background-color: transparent;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr.is-hovered > td.dark-Table-foot .dark-Table-footTable tbody tr:not(:first-child) .dark-Table-expandCell {
background: var(--them-bg-color);
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr.is-hovered > td.dark-Table-foot .dark-Table-footTable tbody .dark-TplOpen p {
font-size: 14px;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr.is-hovered > td.dark-Table-foot .dark-Table-footTable tbody > tr > th > span {
display: inline-block;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr.is-hovered > td.dark-Table-foot .dark-Table-footTable tfoot th {
background-color: #fff;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr {
margin-bottom: 12px;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot {
background: var(--them-bg-color);
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable {
table-layout: fixed;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody {
display: block;
padding: 0 12px;
background: #fff;
color: #000;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr {
display: block;
background: var(--them-bg-color) !important;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr td > .dark-Container {
height: 100%;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr td > .dark-Container > .dark-Container-body {
height: 100%;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr td > .dark-Container > .dark-Container-body a {
display: flex;
align-items: center;
height: 100%;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr td > .dark-Container > .dark-Container-body a > .dark-Button {
line-height: normal;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr td > .dark-Tpltab > .dark-TplOpen p {
font-size: 14px;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody .dark-Table-expandCell {
background: var(--them-bg-color) !important;
display: block;
color: #000;
text-align: center;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody .dark-Table-expandCell a {
color: #00000065;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tfoot {
display: block;
overflow: hidden;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tfoot th {
background-color: #fff;
padding: 10px 12px;
display: block;
overflow: auto;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr .dark-Table-checkCell {
top: 24px;
background-color: transparent;
border-radius: 50%;
padding-right: 0;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr .dark-Table-checkCell .dark-Checkbox i {
width: 22px !important;
height: 22px !important;
border-radius: 50%;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr:nth-child(1) {
background: #fff !important;
font-size: 15px;
color: #000000;
font-weight: 600;
height: 50px;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr:nth-child(1) th {
height: 50px;
display: inline-block;
box-sizing: border-box;
line-height: 40px;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr:nth-child(1) td {
box-sizing: border-box;
height: 50px;
display: inline-block;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr:nth-child(1) td > span {
line-height: 40px;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable td {
background-color: inherit;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.checkbox-show > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr {
text-align: center;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.checkbox-show > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr .dark-Table-checkCell {
top: 24px;
background-color: transparent;
border-radius: 50%;
padding-right: 0;
display: block;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.checkbox-show > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr .dark-Table-checkCell .dark-Checkbox i {
width: 22px !important;
height: 22px !important;
border-radius: 50%;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.checkbox-show > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr > th {
padding-left: 12px;
width: 7.5rem !important;
display: inline-block;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.checkbox-show > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr > th span {
display: inline-block;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.checkbox-show > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr > td {
display: inline-block;
width: calc(100% - 7.5rem);
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.checkbox-show > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr > .dark-Table-checkCell {
display: block;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.checkbox-show > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr > .dark-Table-expandCell {
width: 100%;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.checkbox-show > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr:nth-child(2) > th {
padding-left: 35px;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.checkbox-show > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr:nth-child(2) {
background: #fff !important;
font-size: 15px;
color: #000000;
font-weight: 600;
height: 50px;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.checkbox-show > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr:nth-child(2) th {
height: 50px;
display: inline-block;
box-sizing: border-box;
line-height: 40px;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.checkbox-show > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr:nth-child(2) td {
box-sizing: border-box;
height: 50px;
display: inline-block;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.checkbox-show > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr:nth-child(2) td > span {
line-height: 40px;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.checkbox-show > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable td {
background-color: inherit;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr:nth-child(1) {
display: none;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr:nth-child(2) > th {
padding-left: 12px;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr:nth-child(2) {
background: #fff !important;
font-size: 15px;
color: #000000;
font-weight: 600;
height: 50px;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr:nth-child(2) th {
height: 50px;
display: inline-block;
box-sizing: border-box;
line-height: 40px;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr:nth-child(2) td {
box-sizing: border-box;
height: 50px;
display: inline-block;
line-height: 40px;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr:nth-child(2) td > span {
line-height: 40px;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr > td,
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody th {
display: inline-block;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr > th {
width: 7.5rem !important;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr > th span {
display: inline-block;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr > td {
width: calc(100% - 7.5rem);
}
.dark-Table.dark-Table-vertical .dark-Table-contentWrap .dark-Table-content .dark-Table-table.has-checkbox.hideCheckToggler > tbody.ant-dropdown-trigger > tr > td.dark-Table-foot .dark-Table-footTable tbody tr > .dark-Table-expandCell {
width: 100%;
}
.dark-Table.dark-Table-vertical .dark-Table-toolbar .dark-Table-actions .dark-Mobile-checkall {
font-size: 15px;
}
.dark-Table.dark-Table-vertical .dark-Table-toolbar .dark-Table-actions .dark-Mobile-checkall .dark-Checkbox i {
width: 22px !important;
height: 22px !important;
border-radius: 50%;
}
.dark-Table.dark-Table-vertical .dark-Table-toolbar .dark-Crud-toolbar .dark-Crud-toolbar-item .dark-Crud-bulkActions .dark-Button {
font-size: 15px;
}
.dark-Table.dark-Table-vertical .dark-Table-statistics {
background-color: var(--Page-header-bg);
}
}
.pc_title.table_row_drawer .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header {
padding-top: 0;
}
.ant-popover-buttons {
display: flex;
}
.dark-Table + div > .ant-drawer > .ant-drawer-content-wrapper {
box-shadow: none;
}
.process-tools-container {
width: 100%;
overflow: hidden;
border-top: 1px solid #ddd;
}
.process-tools-container .process-tools-group {
width: 100%;
overflow-x: auto;
display: flex;
align-items: center;
justify-content: flex-start;
}
.process-tools-container .process-tools-group .process-tools-item {
background-color: #eee;
margin: 2px;
color: rgba(0, 0, 0, 0.85);
padding: 3px 0;
font-size: 14px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.process-tools-container .process-tools-group .process-tools-item .tools-item-title {
padding: 0 8px;
}
.process-tools-container .process-tools-group .process-tools-item .tools-item-title:hover {
color: var(--saas-Primary-Color);
}
.process-tools-container .process-tools-group .process-tools-item .tools-item-icon {
padding: 0 8px;
font-size: 12px;
color: rgba(0, 0, 0, 0.45);
}
.process-tools-container .process-tools-group .process-tools-item .tools-item-icon:hover {
color: rgba(0, 0, 0, 0.85);
}
.process-tools-container .process-tools-group .process-tools-item.active-tools-item {
background-color: var(--saas-crud-hover-color);
color: var(--saas-Primary-Color);
}
.ant-popconfirm .ant-popover-buttons {
justify-content: end;
}
.dark-Table .ant-empty {
color: #999;
}
.dark-Table .ant-empty:hover {
color: #999 !important;
}
.dark-Distance .dark-Panel-body .dark-Table-contentWrap {
min-height: 20vh;
}
.common-modal-component.ant-modal {
padding-bottom: 0;
}
.common-modal-component.ant-modal .ant-modal-header {
height: 34px !important;
min-height: unset !important;
background-color: var(--saas-Background-Header) !important;
padding: 0 !important;
border-bottom: 1px solid var(--saas-Border-Dividers);
}
.common-modal-component.ant-modal .ant-modal-header .dialog-title {
padding: 6px 16px !important;
}
.common-modal-component.ant-modal .ant-modal-header .dialog-title .disabled-move-title {
font-size: 14px !important;
font-weight: 700;
color: var(--ai-tool-title-color);
}
.common-modal-component.ant-modal .ant-modal-content {
background-color: var(--saas-Background-Header);
}
.common-modal-component.ant-modal .ant-modal-content .ant-modal-close-x {
width: 44px !important;
height: 34px !important;
line-height: 34px !important;
}
.common-modal-component.ant-modal .ant-modal-content .ant-modal-footer {
border-top: 1px solid var(--saas-Border-Dividers);
padding: 8px !important;
}
.common-modal-component.ant-modal .ant-modal-content .ant-modal-footer .ant-btn {
border-radius: 5px;
}
.common-modal-component.ant-modal .ant-modal-body {
background: var(--saas-main-bg);
}
.common-modal-component.ant-modal .ant-modal-body .ant-modal-footer {
padding: 8px 0px 0 0 !important;
}
.dark-ColumnToggler {
position: relative;
display: inline-block;
}
.dark-ColumnToggler-caret {
margin-left: var(--DropDown-caret-marginLeft);
display: inline-block;
vertical-align: top;
transition: transform var(--animation-duration) ease;
}
.dark-ColumnToggler-caret > svg {
width: 0.625rem;
height: 0.625rem;
top: 0.125em;
}
.dark-ColumnToggler.is-opened .dark-ColumnToggler-caret {
transform: rotate(180deg);
}
.dark-ColumnToggler.is-actived > .dark-Button {
color: var(--link-color);
}
.dark-ColumnToggler--block {
display: block;
}
.dark-ColumnToggler--block .dark-Button {
display: block;
}
.dark-ColumnToggler-menu {
position: absolute;
z-index: 1000;
top: 100%;
left: 0;
margin: 0.0625rem 0 0;
background: var(--DropDown-menu-bg);
list-style: none;
padding: var(--DropDown-menu-paddingY) var(--DropDown-menu-paddingX);
border: var(--DropDown-menu-borderWidth) solid var(--DropDown-menu-borderColor);
border-radius: var(--DropDown-menu-borderRadius);
box-shadow: var(--DropDown-menu-boxShadow);
min-width: var(--DropDown-menu-minWidth);
text-align: left;
}
.dark-ColumnToggler--alignRight .dark-ColumnToggler-menu {
left: auto;
right: 0;
}
.dark-ColumnToggler-menuItem, .dark-ColumnToggler-menu > li {
padding: var(--DropDown-menuItem-paddingY) var(--DropDown-menuItem-paddingX);
white-space: nowrap;
box-sizing: border-box;
height: var(--DropDown-menu-height);
vertical-align: middle;
user-select: none;
color: var(--link-color);
text-decoration: var(--link-decoration);
}
.dark-ColumnToggler-menuItem:hover, .dark-ColumnToggler-menu > li:hover {
background: var(--DropDown-menuItem-onHover-bg);
color: var(--DropDown-menuItem-onHover-color);
}
.dark-ColumnToggler-menuItem.is-active, .dark-ColumnToggler-menu > li.is-active {
color: var(--DropDown-menuItem-onActive-color);
}
.dark-ColumnToggler-menuItem:not(.is-disabled), .dark-ColumnToggler-menuItem:not(.disabled), .dark-ColumnToggler-menu > li:not(.is-disabled), .dark-ColumnToggler-menu > li:not(.disabled) {
cursor: pointer;
}
.dark-ColumnToggler-menuItem.is-disabled, .dark-ColumnToggler-menu > li.is-disabled {
cursor: not-allowed;
color: var(--DropDown-menuItem-onDisabled-color);
filter: grayscale(80%);
}
.dark-ColumnToggler-menuItem.dark-DropDown-divider, .dark-ColumnToggler-menu > li.dark-DropDown-divider {
height: 0.0625rem;
margin: 0.5625rem 0;
overflow: hidden;
background: var(--DropDown-menu-borderColor);
padding: 0;
}
.dark-ColumnToggler-menu > li a {
color: inherit;
display: block;
text-decoration: none;
}
.dark-ColumnToggler-popover {
border: none;
box-shadow: none;
}
.dark-ColumnToggler > .dark-Button {
min-width: unset;
}
.dark-ColumnToggler-modal {
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
align-items: center;
border-radius: var(--ColumnToggler-borderRadius);
background: var(--ColumnToggler-backgroundColor);
box-shadow: 0 4px 5px 0 rgba(21, 26, 38, 0.06), 0 1px 10px 0 rgba(21, 26, 38, 0.05), 0 2px 4px -1px rgba(21, 26, 38, 0.04);
}
.dark-ColumnToggler-modal-header {
width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.dark-ColumnToggler-modal-header .ant-select:not(.ant-select-customize-input) .ant-select-selector {
border-radius: 6px;
}
.dark-ColumnToggler-modal-body {
display: flex;
flex-wrap: nowrap;
max-height: 500px;
overflow-y: hidden;
width: 100%;
}
.dark-ColumnToggler-modal-body-right {
flex: 1;
overflow-y: hidden;
}
.dark-ColumnToggler-modal-body-right .dark-ColumnToggler-menuItem {
width: 100% !important;
}
.dark-ColumnToggler-modal-body-right .dark-ColumnToggler-modal-content {
max-height: calc(100% - 64px);
}
.dark-ColumnToggler-modal-body-right .display-field-active {
background: var(--ColumnToggler-item-backgroundColor-onHover);
}
.dark-ColumnToggler-modal-body-right .field-search {
padding: 0 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.dark-ColumnToggler-modal-body-right .field-search .ant-input-affix-wrapper {
padding: 2px 8px;
font-size: 14px;
margin-right: 16px;
background-color: var(--Form-input-bg);
color: var(--saas-Title-Text);
}
.dark-ColumnToggler-modal-body-right .field-search .ant-input-affix-wrapper .ant-input {
background-color: var(--Form-input-bg);
color: var(--saas-Title-Text);
}
@media (max-width: 767px) {
.dark-ColumnToggler-modal-body-right .field-search .ant-input-affix-wrapper {
margin-left: 8px;
margin-right: 8px;
}
}
.dark-ColumnToggler-modal-body-right .field-search .field-toolbars-title {
display: flex;
}
.dark-ColumnToggler-modal-body-right .tool-header-box {
display: flex;
justify-content: space-between;
padding: 6px 12px;
background: var(--body-bg);
color: var(--saas-Title-Text);
display: flex;
align-items: center;
justify-content: space-between;
}
.dark-ColumnToggler-modal-body-right .tool-header-box .btns {
display: flex;
align-items: center;
}
.dark-ColumnToggler-modal-body-right .tool-header-box .btns .dark-Button {
padding: 0 5px;
}
.dark-ColumnToggler-modal-body-right ::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.dark-ColumnToggler-modal-body-right ::-webkit-scrollbar-corner {
background-color: #fff;
}
.dark-ColumnToggler-modal-body-right ::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 5px;
border: 1px solid #f1f1f1;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.dark-ColumnToggler-modal-body-right ::-webkit-scrollbar-track {
background: #f8f8f8;
}
.dark-ColumnToggler-modal-content:after {
clear: both;
}
.dark-ColumnToggler-modal-content {
padding: 0;
width: 100%;
list-style: none;
margin: 0 0 0.5rem;
padding-bottom: 16px;
overflow-y: auto;
max-height: calc(100% - 24px);
}
.dark-ColumnToggler-modal-content .dark-ColumnToggler-menuItem {
color: var(--saas-font-size-black);
border-radius: 0.125rem;
font-size: 14px;
padding: 0.25rem 0.5rem;
height: var(--ColumnToggler-lineHeight);
width: 100px;
float: left;
margin: 0.25rem;
white-space: nowrap;
overflow: hidden;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-ColumnToggler-modal-content .dark-ColumnToggler-menuItem {
height: 1.2rem;
font-size: 0.75rem;
padding: 0.15rem 0.5rem;
}
}
.dark-ColumnToggler-modal-content .dark-ColumnToggler-menuItem:hover {
background: var(--ColumnToggler-item-backgroundColor-onHover);
}
.dark-ColumnToggler-modal-content .dark-ColumnToggler-menuItem--dragging {
border: 1px solid var(--link-color);
}
.dark-ColumnToggler-modal-content .dark-ColumnToggler-menuItem label > i {
height: var(--fontSizeLg);
width: var(--fontSizeLg);
vertical-align: top;
}
.dark-ColumnToggler-modal-content .dark-ColumnToggler-menuItem-dragBar {
margin-left: 0;
margin-right: var(--gap-xs);
cursor: move;
color: #d8d8d8;
}
.dark-ColumnToggler-modal-content .dark-ColumnToggler-menuItem-dragBar + span:hover {
flex: 0 0 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dark-ColumnToggler-modal-content .dark-ColumnToggler-menuItem .operation-icons {
margin: 0 14px;
}
.dark-ColumnToggler-modal-footer {
width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.dark-ColumnToggler-modal-footer .dark-ColumnToggler-modeSelect {
color: var(--ColumnToggler-fontColor);
font-size: var(--fontSizeSm);
}
.dark-ColumnToggler-modal-footer .dark-ColumnToggler-modeSelect.is-actived {
color: var(--link-color);
}
.dark-ColumnToggler-modal-footer .footer-btn-group-left {
flex-grow: 1;
}
.dark-ColumnToggler-modal-footer .footer-btn-group-left .defaultModal-footer-left {
display: flex;
align-items: center;
}
.dark-ColumnToggler-modal-footer .footer-btn-group-left .defaultModal-footer-left .ant-select .ant-select-selector {
background-color: var(--Form-input-bg);
color: var(--saas-Title-Text);
border: 1px solid --borderColor;
}
.dark-ColumnToggler-modal-footer .footer-btn-group-left .defaultModal-footer-left .ant-select .ant-select-arrow {
color: var(--saas-Title-Text);
}
.dark-ColumnToggler-modal-footer > div {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.dark-ColumnToggler-modal-footer > div:first-child {
justify-content: flex-start;
}
.dark-ColumnToggler-modal-footer > div:first-child a {
display: inline-block;
}
.dark-ColumnToggler-modal-footer > div:last-child {
justify-content: flex-end;
}
.dark-ColumnToggler-menuItem .dark-Checkbox .dark-TplField {
vertical-align: text-top;
}
.dark-ColumnToggler-menuItem .dark-Checkbox .dark-TplField > span {
position: relative;
top: -3px;
display: inline-block;
max-width: 70px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-ColumnToggler-menuItem .dark-Checkbox .dark-TplField > span {
top: -2px;
}
}
.dark-ColumnToggler.is-mobile {
height: 100%;
display: flex;
flex-direction: column;
font-size: 16px;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-header {
margin-bottom: 0;
padding: 16px;
padding-bottom: 10px;
font-size: 16px;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-header .header-left {
display: flex;
align-items: center;
font-size: 16px;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-header .header-left .dark-Button {
color: var(--them-btn-color);
font-size: 16px;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-header .header-left .name-bar {
color: var(--saas-Title-Text);
font-weight: 500;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-header .header-right .dark-Button {
color: var(--them-btn-color);
font-size: 16px;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-header .header-right .dark-Button:last-child {
padding-right: 0;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-body {
height: 100%;
max-height: 100%;
flex: 1;
border: 0;
display: block;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-body .dark-ColumnToggler-modal-body-right {
margin: 0 16px;
border: 0;
display: block;
height: 100%;
background-color: var(--saas-Background-Header);
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-body .dark-ColumnToggler-modal-body-right .field-search {
padding: 8px 0;
padding-top: 0;
background-color: var(--saas-main-bg);
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-body .dark-ColumnToggler-modal-body-right .field-search .input-box {
align-items: center;
width: 100%;
height: 44px;
border: none;
border-radius: 6px;
font-size: 15px;
background: var(--ai-tool-bg-color);
box-shadow: none;
line-height: 1;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-body .dark-ColumnToggler-modal-body-right .field-search .input-box input {
color: var(--saas-font-size-black);
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-body .dark-ColumnToggler-modal-body-right .field-search .input-box .icon.icon-search {
top: 0;
font-size: 14px;
height: 22px;
width: 22px;
color: #DCDCDC;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-body .dark-ColumnToggler-modal-body-right .dark-ColumnToggler-modal-content {
height: calc(100% - 53px);
max-height: 100%;
padding: 0;
margin: 0;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-body .dark-ColumnToggler-modal-body-right .dark-ColumnToggler-modal-content::-webkit-scrollbar {
display: none;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-body .dark-ColumnToggler-modal-body-right .dark-ColumnToggler-modal-content .dark-ColumnToggler-menuItem {
font-size: 16px;
background-color: var(--saas-main-bg);
padding: 12px 0px;
margin: 0;
margin-bottom: 1px;
height: auto;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-body .dark-ColumnToggler-modal-body-right .dark-ColumnToggler-modal-content .dark-ColumnToggler-menuItem:last-child {
margin-bottom: 0;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-body .dark-ColumnToggler-modal-body-right .dark-ColumnToggler-modal-content .dark-ColumnToggler-menuItem .operation-icons {
opacity: 1;
margin: 0 8px;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-body .dark-ColumnToggler-modal-body-right .dark-ColumnToggler-modal-content .dark-ColumnToggler-menuItem .menuItem-col {
color: var(--saas-Secondary-Text);
max-width: 53vw;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: middle;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-body .dark-ColumnToggler-modal-body-right .dark-ColumnToggler-modal-content .dark-ColumnToggler-menuItem.display-field-active {
background-color: var(--ColumnToggler-item-backgroundColor-onHover);
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-footer {
padding: 10px 12px;
display: flex;
justify-content: flex-end;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-footer .footer-btn-group-left,
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-footer .footer-btn-group-right {
display: flex;
justify-content: flex-end;
align-items: center;
}
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-footer .footer-btn-group-left .dark-Button,
.dark-ColumnToggler.is-mobile .dark-ColumnToggler-modal-footer .footer-btn-group-right .dark-Button {
margin-left: 8px;
}
.dark-ColumnToggler-tooltip {
border: none;
}
.dark-ColumnToggler-tooltip .dark-Tooltip-arrow::before {
border-top-color: transparent;
}
.temp-selector-drop .ant-select-item-option .ant-select-item-option-content {
display: flex;
justify-content: space-between;
}
.temp-selector-drop .ant-select-item-option .temp-tools {
opacity: 0;
}
.temp-selector-drop .ant-select-item-option .temp-tools .anticon {
width: 30px;
}
.temp-selector-drop .ant-select-item-option .temp-tools.is-mobile {
opacity: 1;
}
.temp-selector-drop .ant-select-item-option:hover .temp-tools {
opacity: 1;
}
.dark-ColumnToggler-modal-header .ant-select {
color: var(--saas-font-size-black);
}
.dark-ColumnToggler-modal-header .ant-select .ant-select-selector {
border-radius: 4px;
background-color: var(--Form-input-bg);
border-color: var(--DatePicker-borderColor);
}
.dark-ColumnToggler-modal-header .ant-select .ant-select-selector:hover {
border-color: #40a9ff;
}
.dark-ColumnToggler-modal-header .ant-select .ant-select-arrow {
color: var(--saas-font-size-light-black);
}
.tmp-modal .ant-modal-content {
background-color: var(--saas-crud-advanced-modle-body-color);
}
.tmp-modal .ant-modal-close {
color: var(--saas-font-size-deep-black);
}
.tmp-modal .ant-modal-body .ant-form-item-required {
color: var(--saas-font-size-black);
}
.tmp-modal .ant-modal-body .ant-form-item-control-input-content input {
color: var(--saas-font-size-black);
background-color: var(--Form-input-bg);
border-color: var(--Form-input-borderColor);
}
.tmp-modal .ant-modal-header {
background-color: var(--saasBodyMessageTablePaginationColor);
border-bottom-color: var(--saas-border-color);
}
.tmp-modal .ant-modal-title {
color: var(--saas-font-size-black);
}
.tmp-modal .ant-modal-footer {
border-top-color: var(--saas-border-color);
}
.dark-ColumnToggler-modal {
padding-bottom: 0;
}
.dark-ColumnToggler-modal .ant-modal-content .ant-modal-header .ant-modal-title {
font-weight: 500;
}
.dark-ColumnToggler-modal .ant-modal-content .ant-modal-body {
padding: 16px;
}
.dark-List {
position: relative;
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
}
.dark-List-items {
border-radius: var(--List-borderRadius);
border-bottom: var(--List-borderWidth) solid var(--List-borderColor);
background: var(--saas-main-bg);
flex: 1;
overflow: auto;
}
@media (min-width: 576px) {
.dark-List-items {
border: var(--List-borderWidth) solid var(--List-borderColor);
border-top: 0;
}
}
.dark-List-items .dark-ListItem-wapper {
padding: 8px;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content {
padding-right: 16px;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box {
display: flex;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-head {
display: flex;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-image {
width: 200px;
margin-right: 16px;
overflow: hidden;
border: 1px solid var(--saas-border-color);
text-align: center;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-image .dark-Container,
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-image .dark-Card-img-container {
width: 100%;
height: 100%;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-image .dark-Card-img {
height: 100%;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-image .dark-Cell-img-wrapper img {
width: 80px !important;
height: unset;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-image .dark-Cell-img-wrapper + .dark-Cell-img-wrapper {
display: none;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-icon {
width: 20px;
height: 20px;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-icon .fa {
font-size: 20px;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .resources {
display: inline-block;
line-height: 1;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-body {
flex: 1;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-body .listItem-desc {
color: var(--saas-font-size-dark-black);
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-body .top-content {
display: flex;
justify-content: flex-start;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-body .top-content .dark-ListItem-title,
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-body .top-content .dark-ListItem-subtitle {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: unset;
max-width: 105px;
margin-right: 8px;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-body .top-content .dark-ListItem-title {
max-width: 300px;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-body .top-content .top-item {
display: flex;
align-items: center;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-body .top-content .dark-ListItemtitile {
max-width: 600px;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-body .top-content .dark-ListItem-subtitle {
color: #373737;
display: flex;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-body .top-content .tags {
display: flex;
align-items: center;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-box .listItem-body .top-content .tags .tag-item {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100px;
margin: 0 2px;
border-radius: 4px;
background-color: var(--saas-crud-advanced-modle-body-condition-color);
font-size: 12px;
color: var(--saas-font-size-dark-black);
width: unset;
height: 16px;
padding: 0px 4px;
display: flex;
justify-content: center;
align-items: center;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .dark-Hbox {
display: flex;
flex-wrap: wrap;
font-size: 12px;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .dark-Hbox .dark-Hbox-col {
width: 33%;
flex-grow: 0;
flex-basis: unset;
min-height: 28px;
display: flex;
align-items: center;
overflow: hidden;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .dark-Hbox .dark-Hbox-col .dark-ListItem-field {
flex: 1;
width: 100%;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .dark-Hbox .dark-Hbox-col .dark-ListItem-field .dark-ListItem-fieldLabel {
width: 40%;
min-width: 40%;
display: flex;
align-items: center;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .dark-Hbox .dark-Hbox-col .dark-ListItem-field .dark-ListItem-fieldLabel span {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: auto;
max-width: calc(100% - 3px);
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .dark-Hbox .dark-Hbox-col .dark-ListItem-field .dark-ListItem-fieldValue {
padding: 0 12px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .dark-Hbox .dark-Hbox-col .dark-ListItem-field .dark-ListItem-fieldValue > .dark-ListItem-fieldValue {
padding: 0;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .dark-Hbox .dark-Hbox-col .dark-ListItem-field .dark-ListItem-fieldValue .dark-Form-item {
margin-bottom: 0;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .dark-Hbox .dark-Hbox-col .dark-ListItem-field .dark-ListItem-fieldValue.is-linkUrl {
color: var(--saas-Link-Text);
cursor: pointer;
}
.dark-List-items .dark-ListItem-wapper .dark-ListItem-content .listItem-desc {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #B4B6BA;
height: 42px;
font-size: 12px;
}
.dark-List-toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 8px 0 0;
}
.dark-List-toolbar::before, .dark-List-toolbar::after {
display: table;
content: "";
}
.dark-List-toolbar::after {
clear: both;
}
@media (min-width: 576px) {
.dark-List-toolbar > .dark-List-actions {
margin-bottom: 8px;
}
}
@media (min-width: 576px) {
.dark-List-toolbar .dark-Crud-toolbar-tool--head {
width: auto;
padding-left: 8px;
border: 0.0625rem solid #eceff8;
}
.dark-List-toolbar .dark-Crud-toolbar-tool--head .dark-List-toolbar-page {
float: left;
padding: 0;
}
.dark-List-toolbar .dark-Crud-toolbar-tool--head .dark-List-toolbar-page .dark-List-actions {
margin-bottom: 0;
height: 32px;
line-height: 32px;
font-size: 12px;
cursor: pointer;
color: var(--saas-font-size-dark-black);
}
.dark-List-toolbar .dark-Crud-toolbar-tool--head .dark-List-toolbar-page .dark-List-actions .dark-Context-checkall {
margin-bottom: 0;
color: var(--saas-font-size-dark-black);
margin-right: 0.25rem;
}
.dark-List-toolbar .dark-Crud-toolbar-tool--head .dark-List-toolbar-page .dark-Crud-toolbar-item {
color: var(--saas-Secondary-Text);
}
.dark-List-toolbar .dark-Crud-toolbar-tool--head .dark-List-toolbar-page .dark-Crud-toolbar-item .ant-select,
.dark-List-toolbar .dark-Crud-toolbar-tool--head .dark-List-toolbar-page .dark-Crud-toolbar-item .ant-select-selection-item,
.dark-List-toolbar .dark-Crud-toolbar-tool--head .dark-List-toolbar-page .dark-Crud-toolbar-item .ant-select-arrow {
color: var(--saas-Secondary-Text);
}
.dark-List-toolbar .dark-Crud-toolbar-tool--head .dark-Crud-toolbar {
width: auto;
}
}
@media (max-width: 767px) {
.dark-List-toolbar .dark-Crud-toolbar.footer .dark-Crud-toolbar-tool--actions {
width: 100%;
display: flex;
}
}
.dark-List-toolbar:nth-last-child(1) {
padding: 0 8px;
background-color: var(--Layout-header-bg);
}
@media (max-width: 767px) {
.dark-List-toolbar:nth-last-child(1) {
padding: 8px;
}
}
.dark-List-actions {
display: inline-block;
}
.dark-List-actions > * {
margin-right: var(--Crud-toolbar-gap);
}
.dark-List-header {
padding: var(--List-toolbar-marginY) var(--List-toolbar-marginX);
}
.dark-List-header > * + .dark-Button,
.dark-List-header > * + .dark-ButtonGroup,
.dark-List-header > * + .dark-ButtonToolbar {
margin-left: var(--Crud-toolbar-gap);
}
.dark-List-statistic {
width: 100%;
margin-bottom: var(--List-toolbar-marginY);
}
.dark-List-header + .dark-List-toolbar {
padding-top: 0;
}
.dark-List-heading {
padding: var(--gap-xs) 0;
}
.dark-List-fixedTop {
position: absolute;
background: var(--white);
z-index: -1;
opacity: 0;
box-shadow: var(--List-fixedTop-boxShadow);
}
.dark-List-fixedTop.in {
position: fixed;
opacity: 1;
z-index: 900;
}
.dark-List-fixedTop .dark-Cards-toolbar {
margin-bottom: 0;
}
.dark-List-fixedTop:empty {
display: none;
}
.dark-List--unsaved .dark-List-heading {
background: var(--List--unsaved-heading-bg);
color: var(--List--unsaved-heading-color);
padding: var(--gap-xs) var(--gap-sm);
margin-bottom: var(--gap-sm);
}
.dark-List-dragTip {
width: 100%;
color: var(--info);
clear: both;
margin-top: var(--gap-xs);
}
.dark-List-placeholder {
color: var(--text--muted-color);
text-align: center;
min-height: var(--List-placeholder-height);
line-height: var(--List-placeholder-height);
}
.dark-ListGroup {
max-width: 25rem;
display: flex;
flex-direction: column;
}
.dark-ListGroup-item {
position: relative;
display: block;
padding: var(--ListItem-paddingY) var(--ListItem-paddingX);
margin-bottom: -0.0625rem;
background: var(--white);
border: var(--ListItem-borderWidth) solid var(--List-borderColor);
}
.dark-ListGroup-item:first-child {
border-top-left-radius: var(--borderRadius);
border-top-right-radius: var(--borderRadius);
}
.dark-ListGroup-item:last-child {
border-bottom-left-radius: var(--borderRadius);
border-bottom-right-radius: var(--borderRadius);
margin-bottom: 0;
}
.dark-ListGroup-item:hover {
z-index: 1;
}
.dark-ListGroup-item.is-active {
z-index: 2;
}
.dark-ListGroup-item.is-disabled {
color: var(--text--muted-color);
}
.dark-ListGroup--expanded .dark-ListGroup-item {
border-radius: var(--borderRadius);
margin-bottom: var(--gap-sm);
}
.dark-ListGroup--expanded .dark-ListGroup-item:last-child {
margin-bottom: 0;
}
.dark-ListItem {
width: 100%;
position: relative;
display: inline-flex;
padding: 0;
}
.dark-ListItem::before, .dark-ListItem::after {
display: table;
content: "";
}
.dark-ListItem::after {
clear: both;
}
.dark-ListItem + .dark-ListItem {
border-top: var(--ListItem-borderWidth) solid var(--saas-border-color);
}
.dark-ListItem.is-checked {
background-color: #e6f7ff;
}
.dark-ListItem::before, .dark-ListItem::after {
content: none;
}
.dark-ListItem:nth-child(even) {
background: var(--ListItem--strip-bg);
}
.dark-ListItem-checkBtn {
margin-right: var(--gap-sm);
}
.dark-ListItem-dragBtn {
cursor: move;
margin-right: var(--gap-sm);
}
.dark-ListItem--actions-at-left .dark-ListItem-actions {
margin-right: var(--gap-base);
}
.dark-ListItem-title {
margin: 0;
padding: 0;
font-size: 15px;
color: var(--text--loud-color);
font-weight: var(--fontWeightMd);
}
.dark-ListItem-content {
overflow: hidden;
flex: 1;
}
.dark-ListItem-field {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.dark-ListItem-fieldValue {
position: relative;
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.dark-ListItem-fieldValue.is-linkUrl {
color: var(--saas-Link-Text);
cursor: pointer;
}
.dark-ListItem-fieldLabel {
width: 9.375rem;
color: var(--saas-font-size-dark-black);
}
.dark-ListItem.is-modified, .dark-ListItem.is-moved {
background: var(--ListItem-onModified-bg);
border-color: var(--ListItem-onModified-borderColor);
color: var(--ListItem-onModified-color);
}
.dark-ListItem.is-modified + .dark-ListItem, .dark-ListItem.is-moved + .dark-ListItem {
border-color: var(--ListItem-onModified-borderColor);
}
.dark-ListItem.is-modified .dark-ListItem-fieldLabel, .dark-ListItem.is-moved .dark-ListItem-fieldLabel {
color: var(--ListItem-onModified-fieldLabel-color);
}
.dark-ListItem.is-dragging {
opacity: var(--ListItem-onDragging-opacity);
}
.dark-ListItem--hasItemAction {
cursor: pointer;
}
.dark-ListItem--hasItemAction:hover {
color: var(--ListMenu-item--onHover-color);
background: var(--ListMenu-item--onHover-bg);
}
.dark-ListItem-wapper .dark-ListItem.expand + .dark-ListItem-footable {
display: flex;
}
.dark-ListItem-wapper + .dark-ListItem-wapper {
border-top: var(--ListItem-borderWidth) solid var(--saas-border-color);
}
.dark-ListItem-wapper .dark-ListItem-footable {
display: none;
padding: var(--ListItem-paddingY) var(--ListItem-paddingX);
padding-top: 0;
background-color: #f5f5f5;
color: #333;
font-size: 12px;
font-weight: 500;
}
.dark-ListItem-wapper .footItem {
margin: 5px 8px 0 0;
}
.dark-ListItem-wapper .footItem .label {
text-align: right;
color: #818181;
}
.dark-ListItem-wapper .footItem .value {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: 767px) {
#List-item-content .dark-List {
font-size: 13px;
}
#List-item-content .dark-List-items {
margin: 0;
padding: 4px 8px 0;
}
#List-item-content .dark-List-items .dark-ListItem-wapper {
padding: 8px 0;
}
#List-item-content .dark-List-items .dark-ListItem-wapper + .dark-ListItem-wapper {
border: none;
}
#List-item-content .dark-ListItem {
flex-direction: column;
}
#List-item-content .dark-ListItem::before, #List-item-content .dark-ListItem::after {
content: none;
}
#List-item-content .dark-ListItem-wapper + #List-item-content .dark-ListItem-wapper {
border: none;
}
#List-item-content .dark-ListItem-content {
padding: 0;
}
#List-item-content .dark-ListItem-fieldLabel {
width: auto;
display: inline-block;
}
#List-item-content .dark-ListItem-actions {
padding: 4px 0;
overflow-x: scroll;
display: flex;
flex-wrap: nowrap;
justify-content: right;
}
#List-item-content .dark-ListItem-actions button {
margin-right: 5px;
}
#List-item-content .listItem-box {
align-items: center;
}
#List-item-content .listItem-box .dark-Hbox {
margin-bottom: 5px;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
#List-item-content .listItem-box .listItem-desc,
#List-item-content .listItem-box .dark-Hbox {
flex-wrap: nowrap;
font-size: 13px;
}
#List-item-content .listItem-box .listItem-desc-col,
#List-item-content .listItem-box .dark-Hbox-col {
width: auto;
display: inline-flex;
}
#List-item-content .listItem-box .listItem-desc {
height: auto;
}
#List-item-content .listItem-body {
padding: 8px 8px 0;
overflow: hidden;
}
#List-item-content .listItem-head {
display: flex;
justify-content: center;
margin-right: 5px;
}
#List-item-content .listItem-image {
margin: 0;
width: 84px;
height: 84px;
display: flex;
align-items: center;
justify-content: center;
}
}
.dark-Cards {
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
padding: 0 8px;
}
.dark-Cards-toolbar {
display: flex;
align-items: center;
}
.dark-Cards-toolbar::before, .dark-Cards-toolbar::after {
display: table;
content: "";
}
.dark-Cards-toolbar::after {
clear: both;
}
@media (min-width: 576px) {
.dark-Cards-toolbar > .dark-Cards-actions {
margin-bottom: 8px;
}
}
@media (min-width: 576px) {
.dark-Cards-toolbar > .dark-Crud-toolbar .dark-Crud-toolbar-tool--head {
width: auto;
padding-left: 8px;
border: 0.0625rem solid var(--saas-Border-Dividers);
color: var(--saas-font-size-dark-black);
}
.dark-Cards-toolbar > .dark-Crud-toolbar .dark-Crud-toolbar-tool--head .dark-Cards-toolbar-page {
float: left;
padding: 0;
background: unset;
}
.dark-Cards-toolbar > .dark-Crud-toolbar .dark-Crud-toolbar-tool--head .dark-Cards-toolbar-page .dark-Cards-actions {
height: 32px;
line-height: 32px;
font-size: 12px;
cursor: pointer;
color: var(--saas-font-size-dark-black);
margin-bottom: 0;
}
.dark-Cards-toolbar > .dark-Crud-toolbar .dark-Crud-toolbar-tool--head .dark-Cards-toolbar-page .dark-Cards-actions .dark-Context-checkall {
margin-bottom: 0;
color: var(--saas-font-size-dark-black);
}
.dark-Cards-toolbar > .dark-Crud-toolbar .dark-Crud-toolbar-tool--head .dark-Cards-toolbar-page .dark-Crud-toolbar-item {
color: var(--saas-Secondary-Text);
}
.dark-Cards-toolbar > .dark-Crud-toolbar .dark-Crud-toolbar-tool--head .dark-Cards-toolbar-page .dark-Crud-toolbar-item .ant-select, .dark-Cards-toolbar > .dark-Crud-toolbar .dark-Crud-toolbar-tool--head .dark-Cards-toolbar-page .dark-Crud-toolbar-item .ant-select-selection-item, .dark-Cards-toolbar > .dark-Crud-toolbar .dark-Crud-toolbar-tool--head .dark-Cards-toolbar-page .dark-Crud-toolbar-item .ant-select-arrow {
color: var(--saas-Secondary-Text);
}
.dark-Cards-toolbar > .dark-Crud-toolbar .dark-Crud-toolbar-tool--head .dark-Crud-toolbar {
width: auto;
}
}
@media (max-width: 767px) {
.dark-Cards-toolbar .dark-Crud-toolbar.footer .dark-Crud-toolbar-tool--actions {
width: 100%;
display: flex;
}
}
.dark-Cards-content {
flex: 1;
overflow: auto;
overflow-x: hidden;
padding: 0;
}
.dark-Cards-actions {
display: inline-block;
}
.dark-Cards-actions > * {
margin-right: var(--Crud-toolbar-gap);
}
.dark-Cards-actions > .dark-Context-checkall {
margin-bottom: 8px;
}
.dark-Cards-heading {
padding: var(--gap-xs) 0;
}
.dark-Cards-header {
padding: var(--Cards-toolbar-marginY) var(--Cards-toolbar-marginX);
}
.dark-Cards-header > * + .dark-Button,
.dark-Cards-header > * + .dark-ButtonGroup,
.dark-Cards-header > * + .dark-ButtonToolbar {
margin-left: var(--Crud-toolbar-gap);
}
.dark-Cards-statistic {
width: 100%;
margin-bottom: var(--Cards-toolbar-marginY);
}
.dark-Cards-header + .dark-Cards-toolbar {
padding-top: 0;
}
.dark-Cards-fixedTop {
position: absolute;
background: var(--white);
z-index: -1;
opacity: 0;
box-shadow: var(--Cards-fixedTop-boxShadow);
padding: var(--gap-sm);
}
.dark-Cards-fixedTop.in {
position: fixed;
opacity: 1;
z-index: 900;
}
.dark-Cards-fixedTop .dark-Cards-toolbar {
margin-bottom: 0;
}
.dark-Cards-fixedTop:empty {
display: none;
}
.dark-Cards--unsaved .dark-Cards-heading {
background: var(--Cards--unsaved-heading-bg);
color: var(--Cards--unsaved-heading-color);
padding: var(--gap-xs) var(--gap-sm);
margin-bottom: var(--gap-sm);
}
.dark-Cards-dragTip {
width: 100%;
color: var(--info);
clear: both;
margin-top: var(--gap-xs);
}
.dark-Cards-placeholder {
background: var(--saas-main-bg);
color: var(--text--muted-color);
text-align: center;
height: var(--Cards-placeholder-height);
line-height: var(--Cards-placeholder-height);
border: var(--Card-borderWidth) solid var(--saas-Border-Dividers);
border-radius: var(--Card-borderRadius);
}
.dark-Cards-body > div {
display: flex;
}
.dark-Cards-items {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 -4px;
}
.dark-Cards-items > div {
min-width: 280px;
max-width: 450px;
flex: 1;
border-right: none;
}
.dark-Cards-items > div .dark-Card--link {
padding: 0;
}
.dark-Cards-items > div .dark-Card--NoAvatar {
padding: 6px 0 0px;
}
.dark-Cards--masonry {
display: block;
column-gap: 0;
column-fill: initial;
}
.dark-Cards--masonry:after {
content: none;
}
.dark-Cards--masonry > div {
width: 100%;
float: none;
break-inside: avoid;
max-width: unset;
display: inline-block;
flex: unset;
}
@media (min-width: 576px) {
.dark-Cards--masonrySm1 {
column-count: 12;
}
.dark-Cards--masonrySm2 {
column-count: 6;
}
.dark-Cards--masonrySm3 {
column-count: 4;
}
.dark-Cards--masonrySm4 {
column-count: 3;
}
.dark-Cards--masonrySm6 {
column-count: 2;
}
.dark-Cards--masonrySm12 {
column-count: 1;
}
.dark-Cards-toolbar {
background-color: var(--Layout-header-bg);
display: flex;
flex-wrap: wrap;
padding: 8px 8px 0 0;
}
}
@media (min-width: 768px) {
.dark-Cards--masonryMd1 {
column-count: 12;
}
.dark-Cards--masonryMd2 {
column-count: 6;
}
.dark-Cards--masonryMd3 {
column-count: 4;
}
.dark-Cards--masonryMd4 {
column-count: 3;
}
.dark-Cards--masonryMd6 {
column-count: 2;
}
.dark-Cards--masonryMd12 {
column-count: 1;
}
}
@media (min-width: 992px) {
.dark-Cards--masonryLg1 {
column-count: 12;
}
.dark-Cards--masonryLg2 {
column-count: 6;
}
.dark-Cards--masonryLg3 {
column-count: 4;
}
.dark-Cards--masonryLg4 {
column-count: 3;
}
.dark-Cards--masonryLg6 {
column-count: 2;
}
.dark-Cards--masonryLg12 {
column-count: 1;
}
}
@media (max-width: 767px) {
.dark-Cards-toolbar {
width: 100%;
background: var(--saas-main-bg);
display: flex;
align-items: center;
margin: 0;
height: 53px;
padding: 10px 0;
padding: 0 16px;
}
.dark-Cards-content {
padding: 4px 0 0 0;
}
.dark-Cards .dark-Mobile-header-toolbar-wrapper {
flex-direction: row;
}
.dark-Cards-body {
margin: 0;
background-color: whitesmoke;
}
.dark-Cards-body > div {
width: 50%;
margin: 0;
min-width: auto;
max-width: auto;
flex: auto;
}
.dark-Cards-placeholder {
display: none;
}
.dark-Cards-fixedTop.in {
display: none;
}
}
.dark-Card {
background: var(--saas-main-bg);
border: var(--Card-borderWidth) solid var(--Card-borderColor);
border-radius: var(--Card-borderRadius);
position: relative;
display: flex;
flex-direction: column;
width: 100%;
overflow: hidden;
margin: 4px;
}
.dark-Card--link {
cursor: pointer;
}
.dark-Card-title {
color: var(--text-color);
font-size: 15px;
font-weight: var(--fontWeightMd);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 8px;
min-width: 40px;
}
.dark-Card-title-text {
display: flex;
align-items: center;
}
.dark-Card-title-text .tags {
display: flex;
align-items: center;
}
.dark-Card-title-text .tags .tag-item {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100px;
margin: 0 2px;
border-radius: 4px;
background-color: var(--saas-crud-advanced-modle-body-condition-color);
font-size: 12px;
color: var(--saas-font-size-dark-black);
width: unset;
height: 16px;
padding: 0px 4px;
display: flex;
justify-content: center;
align-items: center;
}
.dark-Card-subTitle {
max-height: calc(var(--fontSizeBase) * var(--lineHeightBase) * 2);
overflow: hidden;
text-overflow: ellipsis;
color: var(--text--muted-color);
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.dark-Card-title-body {
display: flex;
}
.dark-Card-title + .dark-Card-subTitle {
margin-top: 0;
max-height: none;
line-height: normal;
overflow: unset;
}
.dark-Card-title + .dark-Card-subTitle .dark-MappingField {
display: inline-block;
overflow: unset;
}
.dark-Card-title + .dark-Card-subTitle .dark-MappingField .dark-TplField {
display: inline-block;
}
.dark-Card-title + .dark-Card-subTitle .dark-MappingField .dark-TplField > span {
display: inline-block;
height: auto;
}
.dark-Card-title + .dark-Card-subTitle .dark-MappingField .dark-TplField > span > span {
line-height: 1.5;
}
.dark-Card-dragBtn {
display: inline-block;
cursor: pointer;
padding: 0 var(--gap-sm);
}
.dark-Card-heading {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.dark-Card-avtarimg {
width: 100%;
text-align: center;
border-bottom: 1px solid var(--saas-border-color);
margin-bottom: 8px;
}
.dark-Card-avtarimg .dark-Card-avtar {
margin: 0 auto;
height: 100%;
width: 100%;
padding: 0 8px;
border-radius: 0;
float: none;
overflow: hidden;
}
.dark-Card-avtarimg .dark-Card-avtar img {
height: 100%;
}
.dark-Card-avtarimg > div {
display: flex;
flex-direction: column;
align-items: center;
color: #BBD3FB;
}
.dark-Card-avtarimg > div svg {
max-width: 36px;
}
.dark-Card-avtarimg .card-empty-pic {
justify-content: center;
}
.dark-Card-avtar {
max-width: 12.5rem;
}
.dark-Card-avtar img {
max-width: 100%;
}
.dark-Card-avtarText {
flex-shrink: 0;
background: var(--primary);
color: var(--white);
width: 94px;
height: 94px;
line-height: 94px;
text-align: center;
vertical-align: middle;
border-radius: 500px;
font-size: 16px;
display: inline-block;
margin: 8px auto;
}
.dark-Card-meta {
flex: 1;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
padding: 0 8px;
}
.dark-Card-meta-content {
display: flex;
flex-direction: column;
}
.dark-Card-meta + .dark-Card-toolbar {
margin-left: var(--gap-md);
}
.dark-Card-body-content {
display: flex;
overflow: hidden;
width: 100%;
margin-bottom: 4px;
}
.dark-Card-body-content .dark-Card-meta + .dark-Card-toolbar {
margin-left: 0;
}
.dark-Card-toolbar {
line-height: normal;
text-align: right;
}
.dark-Card .dark-Checkbox.dark-Card-CheckboxNoModle {
position: absolute;
top: -20px;
left: -28px;
margin: 0;
}
.dark-Card .dark-Checkbox.dark-Card-CheckboxNoModle > i {
border: none;
width: 40px !important;
height: 40px !important;
border-radius: 0;
transform: rotateZ(45deg);
background-color: #cfe4fe;
}
.dark-Card .dark-Checkbox.dark-Card-CheckboxNoModle > i::before {
transform: translate(45%, -60%) rotate(-90deg);
}
.dark-Card-highlight {
background: var(--success);
width: 0.5rem;
height: 0.5rem;
border-radius: 100%;
display: inline-block;
margin: 0 var(--gap-sm);
}
.dark-Card-body {
padding: 8px;
flex: 1 0 auto;
}
.dark-Card-heading + .dark-Card-body {
padding-top: 0;
}
.dark-Card-field {
position: relative;
display: inline-flex;
flex-wrap: nowrap;
width: 50%;
font-size: 12px;
}
.dark-Card-field > .dark-Card-fieldValue {
display: flex;
align-items: center;
min-height: 25px;
}
.dark-Card-field > .dark-Card-fieldValue .dark-Form-item {
margin-bottom: 0;
}
.dark-Card-field > .dark-Card-fieldValue.is-linkUrl {
color: var(--saas-Link-Text);
cursor: pointer;
}
.dark-Card-desc {
color: var(--saas-font-size-dark-black);
font-size: 12px;
}
.dark-Card-fieldValue {
position: relative;
flex-basis: 0;
flex-grow: 1;
text-overflow: ellipsis;
overflow: hidden;
color: var(--saas-font-size-black);
}
.dark-Card-fieldValue.is-linkUrl {
color: var(--saas-Link-Text);
cursor: pointer;
}
.dark-Card-fieldValue .dark-Progress {
flex: 1;
}
.dark-Card-fieldValue .dark-Progress-line {
width: calc(100% - 3em);
margin: 0;
padding: 0;
}
.dark-Card-fieldValue .dark-Progress-line-text {
margin-left: 0;
text-align: center;
}
.dark-Card-fieldLabel {
color: var(--saas-font-size-dark-black);
font-size: 12px;
text-align: left;
display: flex;
align-items: center;
justify-content: left;
width: 3.75rem;
}
.dark-Card-fieldLabel span {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: auto;
max-width: calc(100% - 3px);
}
.dark-Card-actions {
border-top: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
width: 100%;
text-align: right;
overflow: auto;
padding: 6px 0;
white-space: nowrap;
}
.dark-Card-actions > a {
background: transparent;
flex-grow: 1;
border-color: var(--Card-actions-borderColor);
border-style: solid;
border-width: 0 var(--Card-borderWidth) 0 0;
color: var(--text-color);
text-align: center;
line-height: 2.5rem;
font-size: var(--Card-actions-fontSize);
}
.dark-Card-actions > a:not(.is-disabled) {
cursor: pointer;
}
.dark-Card-actions > a:not(.is-disabled):hover {
background: var(--Card-actions-onHover-bg);
color: var(--Card-actions-onHover-color);
text-decoration: none;
}
.dark-Card-actions > a:last-child {
border: none;
}
.dark-Card-actions > a.is-disabled {
color: var(--text--muted-color);
}
.dark-Card-actions > a.is-disabled:hover {
text-decoration: none;
}
.dark-Card-actions > button {
margin: 0 3px;
}
.dark-Card.is-checked {
background: var(--Card-onChecked-bg);
border-color: var(--Card-onChecked-borderColor);
color: var(--Card-onChecked-color);
}
.dark-Card.is-checked .dark-Card-actions,
.dark-Card.is-checked .dark-Card-actions > a {
border-color: var(--Card-onChecked-borderColor);
color: var(--Card-onChecked-color);
}
.dark-Card.is-checked .dark-Card-fieldLabel {
color: var(--Card-onChecked-fieldLabel-color);
}
.dark-Card.is-checked .dark-Card-actions > a:hover {
background: var(--Card-actions-onChecked-onHover-bg);
color: var(--Card-actions-onChecked-onHover-color);
}
.dark-Card.is-modified, .dark-Card.is-moved {
background: var(--Card-onModified-bg);
border-color: var(--Card-onModified-borderColor);
color: var(--Card-onModified-color);
}
.dark-Card.is-modified .dark-Card-actions,
.dark-Card.is-modified .dark-Card-actions > a, .dark-Card.is-moved .dark-Card-actions,
.dark-Card.is-moved .dark-Card-actions > a {
border-color: var(--Card-onModified-borderColor);
color: var(--Card-onModified-color);
}
.dark-Card.is-modified .dark-Card-fieldLabel, .dark-Card.is-moved .dark-Card-fieldLabel {
color: var(--Card-onModified-fieldLabel-color);
}
.dark-Card.is-modified .dark-Card-actions > a:hover, .dark-Card.is-moved .dark-Card-actions > a:hover {
background: var(--Card-onModified-onHover-bg);
color: var(--Card-onModified-onHover-color);
}
.is-dragging > .dark-Card {
opacity: var(--Card-onDragging-opacity);
}
.dark-Card-footer-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.dark-Card-actions-wrapper {
flex: 1;
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
overflow: hidden;
}
.dark-Card-checkbox {
margin: 0 var(--gap-sm) !important;
}
.dark-Card-secondary {
max-width: 12.5rem;
color: var(--Card-secondary-color);
padding: 0 var(--gap-md);
font-size: var(--fontSizeMd);
font-weight: var(--fontWeightBase);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dark-Card-secondary + .dark-Card-actions-wrapper .dark-Card-actions {
margin-left: unset;
border: none;
width: unset;
}
.dark-Card-secondary + .dark-Card-actions-wrapper .dark-Card-actions > a {
border: none;
}
.dark-Card-multiMedia--top .dark-Card-actions-wrapper .dark-Card-actions, .dark-Card-multiMedia--bottom .dark-Card-actions-wrapper .dark-Card-actions, .dark-Card-multiMedia--left .dark-Card-actions-wrapper .dark-Card-actions, .dark-Card-multiMedia--right .dark-Card-actions-wrapper .dark-Card-actions {
margin-left: unset;
border: none;
width: unset;
}
.dark-Card-multiMedia--top .dark-Card-actions-wrapper .dark-Card-actions > a, .dark-Card-multiMedia--bottom .dark-Card-actions-wrapper .dark-Card-actions > a, .dark-Card-multiMedia--left .dark-Card-actions-wrapper .dark-Card-actions > a, .dark-Card-multiMedia--right .dark-Card-actions-wrapper .dark-Card-actions > a {
border: none;
}
.dark-Card-multiMedia--top {
display: block;
}
.dark-Card-multiMedia--top .dark-Card-multiMedia-img {
border-bottom-left-radius: unset;
border-bottom-right-radius: unset;
}
.dark-Card-multiMedia--bottom {
display: flex;
flex-direction: column-reverse;
}
.dark-Card-multiMedia--bottom .dark-Card-actions {
border-bottom: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
}
.dark-Card-multiMedia--bottom .dark-Card-multiMedia-img {
border-top-left-radius: unset;
border-top-right-radius: unset;
}
.dark-Card-multiMedia--top .dark-Card-body, .dark-Card-multiMedia--bottom .dark-Card-body {
padding-bottom: var(--gap-md);
}
.dark-Card-multiMedia--left {
display: flex;
align-items: center;
}
.dark-Card-multiMedia--left .dark-Card-actions {
margin-left: var(--gap-md);
border-left: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
}
.dark-Card-multiMedia--left .dark-Card-multiMedia-img,
.dark-Card-multiMedia--left .dark-Card-multiMedia-video {
margin: var(--gap-md) 0 var(--gap-md) var(--gap-md);
}
.dark-Card-multiMedia--right {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
}
.dark-Card-multiMedia--right .dark-Card-actions {
margin-right: var(--gap-md);
border-right: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
}
.dark-Card-multiMedia--right .dark-Card-multiMedia-img,
.dark-Card-multiMedia--right .dark-Card-multiMedia-video {
margin: var(--gap-md) var(--gap-md) var(--gap-md) 0;
}
.dark-Card-multiMedia-flex {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.dark-Card-multiMedia-img {
display: block;
width: auto;
height: auto;
object-fit: cover;
border-radius: var(--Card-borderRadius);
}
.dark-Card-multiMedia-video {
width: 11.25rem;
height: 7.5rem;
}
.dark-Card-multiMedia-video .dark-Video {
width: 100%;
height: 100%;
min-width: unset;
border-radius: var(--Card-borderRadius);
overflow: hidden;
}
.dark-Card-multiMedia-video .dark-Video .dark-Video-player {
width: 100%;
height: 100%;
}
.dark-Card-multiMedia-video .dark-Video .dark-Video-player .video-react {
width: 100%;
height: 100%;
padding-top: unset !important;
}
@media (max-width: 767px) {
.dark-Card {
border-radius: 0;
overflow: hidden;
border: none;
}
.dark-Card-avtarimg {
border-bottom: none;
margin-bottom: 0;
}
.dark-Card-avtarimg .dark-Card-avtar {
padding: 0;
}
.dark-Card-body-content {
margin: 5px 0;
}
.dark-Card-desc {
margin-top: 2px;
}
.dark-Card-desc span {
display: block;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 12px;
}
.dark-Card-fieldValue .dark-Form-feedback-icon {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.dark-Field-quickEditBtn {
color: var(--QuickEdit-iconColor);
margin-left: var(--gap-xs);
display: inline-block;
vertical-align: text-top;
cursor: pointer;
opacity: 0.6;
}
.dark-Field-quickEditBtn:hover {
color: var(--QuickEdit-onHover-iconColor);
opacity: 1;
}
.dark-Field--quickEditable {
outline: none;
position: relative;
}
.dark-Field--quickEditable:focus {
position: relative;
}
.dark-Field--quickEditable:focus:after {
content: "";
left: 0;
top: 0;
right: 0;
bottom: 0;
position: absolute;
pointer-events: none;
z-index: 1;
border: var(--QuickEdit-onFocus-borderWidth) dashed var(--QuickEdit-onFocus-borderColor);
}
.dark-Field--quickEditable:hover .dark-Field-quickEditBtn {
visibility: visible;
}
.dark-QuickEdit-popover {
min-width: 20rem;
max-width: 40rem;
}
.dark-QuickEdit-popover .dark-Panel {
margin-bottom: 0;
border: none;
}
.dark-Field-popOverBtn {
color: var(--PopOverAble-iconColor);
margin-left: var(--gap-xs);
display: inline-block;
cursor: pointer;
opacity: 0.6;
vertical-align: middle;
}
.dark-Field-popOverBtn:hover {
color: var(--PopOverAble-onHover-iconColor);
opacity: 1;
}
.dark-Field--popOverAble {
outline: none;
position: relative;
}
.dark-PopOverAble-popover {
min-width: 20rem;
max-width: 40rem;
}
.dark-PopOverAble-popover .dark-Panel {
margin-bottom: 0;
border: none;
}
.dark-PopOverAble--fixed {
position: fixed;
}
.dark-PopOverAble--fixed > * {
margin-bottom: 0;
}
.dark-PopOverAble--fixed-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dark-PopOverAble--fixed-left-top {
top: 0;
left: 0;
}
.dark-PopOverAble--fixed-right-top {
top: 0;
right: 0;
}
.dark-PopOverAble--fixed-left-bottom {
bottom: 0;
left: 0;
}
.dark-PopOverAble--fixed-right-bottom {
bottom: 0;
right: 0;
}
.dark-Progress.line-mode {
display: flex;
justify-content: space-between;
align-items: center;
}
.dark-Progress-line {
display: inline-block;
flex: 1;
position: relative;
}
.dark-Progress-line-threshold {
position: absolute;
height: 100%;
border-left: 1px solid #007bff;
}
.dark-Progress-line-threshold-text {
position: absolute;
font-size: 12px;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
}
.dark-Progress-line-inter {
height: 100%;
background-color: var(--Progress-bar-backgroundColor);
overflow: hidden;
border-radius: var(--Progress-borderRadius);
}
.dark-Progress-line-no-label {
padding-right: 0;
margin-right: 0;
}
.dark-Progress-line-text {
display: inline-block;
width: 25%;
margin-left: 2px;
white-space: nowrap;
text-align: right;
word-break: normal;
min-width: 30px;
max-width: 65px;
}
.dark-Progress-line-text .icon {
font-size: 15px;
}
.dark-Progress-line-bar {
float: left;
width: 0;
height: 8px;
font-size: 12px;
line-height: 10px;
text-align: center;
background: var(--primary);
transition: width var(--animation-duration) ease;
}
.dark-Progress-line-bar--stripe {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 2rem 2rem;
}
.dark-Progress-line-bar--animate {
position: relative;
transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.dark-Progress-line-bar--animate::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--Progress-animate-backgroundColor);
border-radius: 10px;
opacity: 0;
animation: progress-bar-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
content: "";
}
.dark-Progress-line-bar--stripe-animate {
animation: progress-bar-stripes 1s linear infinite;
}
.dark-Progress-circle {
width: 120px;
height: 120px;
position: relative;
}
.dark-Progress-circle-text {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
margin: 0;
padding: 0;
color: var(--text-color);
font-size: 1em;
line-height: 1;
white-space: normal;
text-align: center;
transform: translate(-50%, -50%);
}
.dark-Progress-circle-text .icon {
font-size: 1.2em;
}
.dark-Progress-circle .bg-warning-circle-path {
stroke: var(--warning);
}
.dark-Progress-circle .bg-danger-circle-path {
stroke: var(--danger);
}
.dark-Progress-circle .bg-info-circle-path {
stroke: var(--info);
}
.dark-Progress-circle .bg-success-circle-path {
stroke: var(--success);
}
.dark-Progress-circle .bg-primary-circle-path {
stroke: var(--primary);
}
.dark-Table-content .dark-Progress.line-mode {
width: 100%;
}
@keyframes progress-bar-active {
0% {
transform: translateX(-100%) scaleX(0);
opacity: 0.1;
}
20% {
transform: translateX(-100%) scaleX(0);
opacity: 0.5;
}
100% {
transform: translateX(0) scaleX(1);
opacity: 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 2rem 0;
}
to {
background-position: 0 0;
}
}
.dark-Property-wrapper {
border: 1px solid var(--borderColor);
}
.dark-Property-wrapper-content-row {
display: flex;
justify-content: flex-start;
align-items: stretch;
border-bottom: 1px solid var(--borderColor);
}
.dark-Property-wrapper-content-row .dark-Form-item.verticalField {
margin: 0;
}
.dark-Property-wrapper-content-row .dark-Form-item.verticalField > .dark-Form-value {
padding: 0;
}
.dark-Property-wrapper-content-row .cell > .dark-Form-item {
margin-bottom: 0;
}
.dark-Property-wrapper-content-row .ellipsis {
white-space: nowrap;
overflow: hidden;
}
.dark-Property-wrapper-content-row-table-item {
display: flex;
justify-content: flex-start;
align-items: stretch;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-label {
padding: 0 4px;
background: var(--saas-crud-table-thead-color);
font-weight: normal;
color: var(--Table-thead-color);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-label > .cell {
color: var(--Table-thead-color);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-label > .ellipsis-cell {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-label .dark-Remark-icon {
color: var(--saas-Placeholder-Text);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value {
flex: 1;
min-width: calc(100% - 120px);
color: var(--saas-Title-Text);
background: var(--Form-input-bg);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-NumberField {
padding: 0 4px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell {
width: 100%;
color: var(--saas-Title-Text);
}
@media (min-width: 576px) {
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell {
font-size: 13px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item {
min-height: 32px;
color: var(--saas-Title-Text);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control {
padding: 0 4px;
min-height: 32px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-TextControl-input, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Number, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DatePicker, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DateRangePicker, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker-input,
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-RichTextControl, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ColorPicker, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ResultBox, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker > .dark-Picker-input {
border: none;
font-size: 13px;
padding: 0;
min-height: 32px;
color: var(--saas-Title-Text);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-TextControl-input > .dark-TextControl-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Number > .dark-TextControl-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DatePicker > .dark-TextControl-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DateRangePicker > .dark-TextControl-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker-input > .dark-TextControl-placeholder,
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-RichTextControl > .dark-TextControl-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ColorPicker > .dark-TextControl-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ResultBox > .dark-TextControl-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker > .dark-Picker-input > .dark-TextControl-placeholder {
left: 0;
top: 5px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-TextControl-input .dark-TransferPicker-icon, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Number .dark-TransferPicker-icon, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DatePicker .dark-TransferPicker-icon, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DateRangePicker .dark-TransferPicker-icon, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker-input .dark-TransferPicker-icon,
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-RichTextControl .dark-TransferPicker-icon, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ColorPicker .dark-TransferPicker-icon, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ResultBox .dark-TransferPicker-icon, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker > .dark-Picker-input .dark-TransferPicker-icon {
margin: 0 0 0 auto;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-TextControl-input .dark-Number-input-wrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Number .dark-Number-input-wrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DatePicker .dark-Number-input-wrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DateRangePicker .dark-Number-input-wrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker-input .dark-Number-input-wrap,
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-RichTextControl .dark-Number-input-wrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ColorPicker .dark-Number-input-wrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ResultBox .dark-Number-input-wrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker > .dark-Picker-input .dark-Number-input-wrap {
margin-left: 0;
height: 32px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-TextControl-input .dark-Number-input-wrap .dark-Number-input, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Number .dark-Number-input-wrap .dark-Number-input, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DatePicker .dark-Number-input-wrap .dark-Number-input, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DateRangePicker .dark-Number-input-wrap .dark-Number-input, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker-input .dark-Number-input-wrap .dark-Number-input,
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-RichTextControl .dark-Number-input-wrap .dark-Number-input, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ColorPicker .dark-Number-input-wrap .dark-Number-input, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ResultBox .dark-Number-input-wrap .dark-Number-input, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker > .dark-Picker-input .dark-Number-input-wrap .dark-Number-input {
padding-left: 0;
height: 100%;
color: var(--saas-Title-Text);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-TextControl-input > .dark-Picker-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Number > .dark-Picker-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DatePicker > .dark-Picker-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DateRangePicker > .dark-Picker-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker-input > .dark-Picker-placeholder,
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-RichTextControl > .dark-Picker-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ColorPicker > .dark-Picker-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ResultBox > .dark-Picker-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker > .dark-Picker-input > .dark-Picker-placeholder {
line-height: 30px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-TextControl-input > .dark-Picker-valueWrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Number > .dark-Picker-valueWrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DatePicker > .dark-Picker-valueWrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DateRangePicker > .dark-Picker-valueWrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker-input > .dark-Picker-valueWrap,
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-RichTextControl > .dark-Picker-valueWrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ColorPicker > .dark-Picker-valueWrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ResultBox > .dark-Picker-valueWrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker > .dark-Picker-input > .dark-Picker-valueWrap {
display: flex;
align-items: center;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-TextControl-input .dark-Number-handler-wrap .dark-Number-handler, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Number .dark-Number-handler-wrap .dark-Number-handler, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DatePicker .dark-Number-handler-wrap .dark-Number-handler, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DateRangePicker .dark-Number-handler-wrap .dark-Number-handler, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker-input .dark-Number-handler-wrap .dark-Number-handler,
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-RichTextControl .dark-Number-handler-wrap .dark-Number-handler, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ColorPicker .dark-Number-handler-wrap .dark-Number-handler, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ResultBox .dark-Number-handler-wrap .dark-Number-handler, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker > .dark-Picker-input .dark-Number-handler-wrap .dark-Number-handler {
height: 16px;
line-height: 16px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-TextControl-input .dark-Number-handler-wrap .dark-Number-handler-up, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Number .dark-Number-handler-wrap .dark-Number-handler-up, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DatePicker .dark-Number-handler-wrap .dark-Number-handler-up, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DateRangePicker .dark-Number-handler-wrap .dark-Number-handler-up, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker-input .dark-Number-handler-wrap .dark-Number-handler-up,
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-RichTextControl .dark-Number-handler-wrap .dark-Number-handler-up, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ColorPicker .dark-Number-handler-wrap .dark-Number-handler-up, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ResultBox .dark-Number-handler-wrap .dark-Number-handler-up, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker > .dark-Picker-input .dark-Number-handler-wrap .dark-Number-handler-up {
padding: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-TextControl-input .dark-ResultBox-value-wrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Number .dark-ResultBox-value-wrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DatePicker .dark-ResultBox-value-wrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DateRangePicker .dark-ResultBox-value-wrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker-input .dark-ResultBox-value-wrap,
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-RichTextControl .dark-ResultBox-value-wrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ColorPicker .dark-ResultBox-value-wrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ResultBox .dark-ResultBox-value-wrap, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker > .dark-Picker-input .dark-ResultBox-value-wrap {
padding: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-TextControl-input .dark-ResultBox-value-wrap .dark-ResultBox-singleValue, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-TextControl-input .dark-ResultBox-value-wrap .dark-ResultBox-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Number .dark-ResultBox-value-wrap .dark-ResultBox-singleValue, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Number .dark-ResultBox-value-wrap .dark-ResultBox-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DatePicker .dark-ResultBox-value-wrap .dark-ResultBox-singleValue, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DatePicker .dark-ResultBox-value-wrap .dark-ResultBox-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DateRangePicker .dark-ResultBox-value-wrap .dark-ResultBox-singleValue, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DateRangePicker .dark-ResultBox-value-wrap .dark-ResultBox-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker-input .dark-ResultBox-value-wrap .dark-ResultBox-singleValue, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker-input .dark-ResultBox-value-wrap .dark-ResultBox-placeholder,
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-RichTextControl .dark-ResultBox-value-wrap .dark-ResultBox-singleValue,
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-RichTextControl .dark-ResultBox-value-wrap .dark-ResultBox-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ColorPicker .dark-ResultBox-value-wrap .dark-ResultBox-singleValue, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ColorPicker .dark-ResultBox-value-wrap .dark-ResultBox-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ResultBox .dark-ResultBox-value-wrap .dark-ResultBox-singleValue, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ResultBox .dark-ResultBox-value-wrap .dark-ResultBox-placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker > .dark-Picker-input .dark-ResultBox-value-wrap .dark-ResultBox-singleValue, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker > .dark-Picker-input .dark-ResultBox-value-wrap .dark-ResultBox-placeholder {
padding-left: 0;
margin-left: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-TextControl-input > input {
height: unset;
color: var(--saas-Title-Text);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DatePicker .dark-DatePicker-content .dark-DatePicker-toggler svg {
top: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DateRangePicker .dark-DateRangePicker-content .dark-DateRangePicker-clear {
display: flex;
align-items: center;
height: 32px;
line-height: 32px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-DateRangePicker .dark-DateRangePicker-content .dark-DateRangePicker-toggler svg {
top: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-ResultBox .dark-TransferDropDown-icon {
margin-right: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control > .dark-Picker .dark-Picker-input .dark-Picker-btn {
right: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-ImageControl {
margin: var(--gap-xs) 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-SwitchControl {
min-height: 24px;
padding-top: 4px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-RadiosControl, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-CheckboxesControl {
padding-top: 4px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-control.dark-NumberControl {
padding-right: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-DateRangePicker {
height: unset;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-DateRangePicker .dark-DateRangePicker-content .dark-DateRangePicker-clear {
padding: 0 0.1875rem;
line-height: 30px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-CheckboxesControl > .dark-Grid .dark-Grid-col--sm12, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-CheckboxesControl > .dark-Grid .dark-Grid-col--sm6, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-CheckboxesControl > .dark-Grid .dark-Grid-col--sm3, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-CheckboxesControl > .dark-Grid .dark-Grid-col--md12,
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-CheckboxesControl > .dark-Grid .dark-Grid-col--md6, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-CheckboxesControl > .dark-Grid .dark-Grid-col--md3 {
border-right: none;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-TextareaControl, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-RichTextControl {
padding: 4px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-TextareaControl > textarea, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-RichTextControl > textarea {
border: none;
font-size: 13px;
padding: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-TextareaControl > textarea::placeholder, .dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-RichTextControl > textarea::placeholder {
font-size: 12px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-static {
font-size: 13px;
min-height: 24px;
padding: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-static > .dark-Form-control > .dark-MappingField {
height: 24px;
line-height: 24px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-static {
font-size: 13px;
min-height: 32px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-static > .dark-Form-control {
height: 100%;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-Form-static > .dark-Form-control > .dark-MappingField {
height: 32px;
line-height: 32px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value .dark-Picker-valueWrap {
margin: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-value > .dark-InputTable {
padding: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-static {
font-size: 13px;
min-height: 32px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-static > .dark-Form-control {
height: 100%;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-static > .dark-Form-control > .dark-MappingField {
height: 32px;
line-height: 32px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-static .dark-NumberField {
padding: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-ImageControl {
margin: var(--gap-xs) 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-Form-control {
padding: 0 4px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-TextareaControl {
padding: 0px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell > .dark-Form-item > .dark-InputTable {
padding: 0;
}
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell .is-showCount {
width: auto;
max-width: unset;
min-width: unset;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .cell .is-showCount .dark-TextControl-input {
border: none;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .tiled-item-title-left, .dark-Property-wrapper-content-row-table-item .property-formitem-value .fieldTitle {
font-size: 14px;
font-weight: 500;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .tiled-item-title-left .dark-Remark, .dark-Property-wrapper-content-row-table-item .property-formitem-value .fieldTitle .dark-Remark {
color: var(--saas-Placeholder-Text);
vertical-align: sub;
margin-left: 4px;
margin-right: 4px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .tiled-item-title-left .dark-Remark > svg, .dark-Property-wrapper-content-row-table-item .property-formitem-value .fieldTitle .dark-Remark > svg {
top: 0;
width: 1rem;
height: 1rem;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .tiled-item-title-left .dark-Remark:hover > svg, .dark-Property-wrapper-content-row-table-item .property-formitem-value .fieldTitle .dark-Remark:hover > svg {
color: var(--saas-Placeholder-Text);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Table {
color: var(--saas-Title-Text);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Table .dark-Table-content .dark-Table-table {
border-bottom: none;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Table .dark-Table-content .dark-Table-table > thead tr th .dark-TableCell--title {
height: 30px;
display: flex;
align-items: center;
color: var(--Table-thead-color);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Table .dark-Table-content .dark-Table-table > tbody tr td > div {
display: flex;
align-items: center;
color: var(--saas-Title-Text);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Table .dark-Table-content .dark-Table-table > tbody tr td.is-linkUrl > div {
color: inherit;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-control {
padding: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-item .dark-Form-control > div {
background: transparent;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-item .dark-Form-control > div .dark-TransferDropDown-content {
background-color: var(--saas-main-bg);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-item .dark-Form-control > div .dark-Number-handler {
background: transparent;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-item .dark-Form-control > div .dark-Cell-img-wrapper-isImage {
background: transparent;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-item .dark-Form-control > div.is-disabled {
background: var(--Form-input-onDisabled-bg);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-item .dark-Form-control > div.is-disabled.is-pcImage {
background: transparent;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-item .dark-Form-control > div.is-disabled.is-pcImage > span {
flex-wrap: wrap;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-item .dark-Form-value .dark-ImageControl {
display: flex;
align-items: center;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-item .dark-Form-value .dark-ImageControl-dropzone.is-disabled .dark-Cell-img-wrapper .dark-Cell-img,
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-item .dark-Form-value .dark-ImageControl-dropzone.is-disabled .dark-Cell-img-wrapper-isImage .dark-Cell-img {
width: 66px;
height: 66px;
box-sizing: content-box;
margin: 4px !important;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-item .dark-Form-value .dark-ImageControl-dropzone.is-disabled .dark-Cell-img-wrapper:hover,
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-item .dark-Form-value .dark-ImageControl-dropzone.is-disabled .dark-Cell-img-wrapper-isImage:hover {
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.1);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-item .dark-TransferDropDown-content {
background-color: var(--saas-main-bg);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-item .dark-TransferDropDown-footer {
background-color: var(--saas-SelectedBg);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-item .dark-InputTable {
padding-left: 0;
padding-right: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-item .dark-InputTable .cell.full-cell .dark-Form-control {
padding-right: 3px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .ellipsis-cell .dark-Form-item.view-details .dark-Form-static {
display: flex;
align-items: center;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .ellipsis-cell .dark-Form-item.view-details .dark-Form-static .dark-Form-control {
flex: 1;
width: 100%;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .ellipsis-cell .dark-Form-static .dark-Form-control {
position: relative;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .ellipsis-cell .dark-Form-static .dark-Form-control span.dark-PlainField,
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .ellipsis-cell .dark-Form-static .dark-Form-control span.dark-DateField {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .ellipsis-cell .dark-Form-static .dark-Form-control .dark-Field-popOverWrap {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .ellipsis-cell .dark-Form-static .dark-Form-control .dark-Form-static-pop {
white-space: nowrap;
position: fixed;
background: var(--PopOver-bg);
top: 0;
left: 0;
z-index: 1300;
padding: 0 10px;
max-width: 400px;
max-height: 400px;
overflow: auto;
margin: 0;
white-space: pre-wrap;
font-weight: var(--fontWeightNormal);
letter-spacing: normal;
line-height: var(--lineHeightBase);
font-size: var(--fontSizeBase);
box-shadow: var(--boxShadow);
border: var(--borderWidth) solid var(--borderColor);
border-radius: var(--borderRadius);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .ellipsis-cell .dark-Form-static .dark-Form-control .dark-Form-static-pop::-webkit-scrollbar {
width: 4px;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .ellipsis-cell .dark-Form-static .dark-Form-control .dark-TplField {
word-break: break-all;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .ellipsis-cell .dark-Form-static .dark-Form-control .dark-Tpltab span.dark-TplOpen {
width: calc(100% - 20px);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .ellipsis-cell .dark-ImageControl:has(div.is-empty.dark-ImageControl-dropzone) {
margin: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .ellipsis-cell .dark-ImageControl-dropzone.is-empty {
padding: 6px 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .ellipsis-cell .dark-TplField {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value > .ellipsis-cell .dark-TplField.dark-Static-Html-TplOpen {
white-space: unset;
max-height: 300px;
overflow: auto;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Table-horizontal .dark-Table-headToolbar {
margin: 0;
border-top: 1px solid var(--borderColor);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Table-horizontal .dark-Table-content thead > tr th:nth-child(1) {
border-left: none;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Table-horizontal .dark-Table-content thead > tr th:last-child {
border-right: none;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Table-horizontal .dark-Table-content tbody > tr td:nth-child(1) {
border-left: none;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Table-horizontal .dark-Table-content tbody > tr td:last-child {
border-right: none;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .dark-Form-control > .dark-Table {
margin-bottom: 0;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .fieldTable-block {
height: 8px;
border-bottom: 1px solid var(--borderColor);
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value .item-simple-mode {
height: 41px;
line-height: 41px;
margin-top: 8px;
padding-left: 12px;
background: var(--Property-label-bg);
font-size: var(--fontWeightNormal);
border-bottom: 1px solid #ebedf1;
border-top: 1px solid #ebedf1;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-label, .dark-Property-wrapper-content-row-table-item .property-formitem-value {
border-right: 1px solid var(--borderColor);
min-height: 32px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.dark-Property-wrapper-content-row-table-item .property-formitem-value {
padding: 0 4px;
}
.dark-Property-wrapper-content-row-table-item:last-child .property-formitem-value {
border-right: none;
}
.dark-Property-wrapper-content-row-normal-item {
width: 100%;
}
.dark-Property-wrapper-content-row:last-child {
border-bottom: none;
}
.dark-Property-wrapper-content-row .property-formitem-value.bg-primary {
background: var(--saas-Table-Row-Primary) !important;
}
.dark-Property-wrapper-content-row .property-formitem-value.bg-success {
background: var(--saas-Table-Row-Success) !important;
}
.dark-Property-wrapper-content-row .property-formitem-value.bg-info {
background: var(--saas-Table-Row-Info) !important;
}
.dark-Property-wrapper-content-row .property-formitem-value.bg-warning {
background: var(--saas-Table-Row-Warning) !important;
}
.dark-Property-wrapper-content-row .property-formitem-value.bg-danger {
background: var(--saas-Table-Row-Danger) !important;
}
.dark-Property-wrapper-content-row .property-formitem-value.text-primary {
color: #3574EE !important;
}
.dark-Property-wrapper-content-row .property-formitem-value.text-success {
color: #52C41A !important;
}
.dark-Property-wrapper-content-row .property-formitem-value.text-info {
color: #13A8A8 !important;
}
.dark-Property-wrapper-content-row .property-formitem-value.text-warning {
color: #FDA71E !important;
}
.dark-Property-wrapper-content-row .property-formitem-value.text-danger {
color: #F5222D !important;
}
.dark-Property-wrapper-content-row .property-formitem-value .dark-Grid-col--sm6:last-child {
border-bottom: none;
}
.dark-Property-wrapper-content-row .property-formitem-value .dark-Grid-col--sm12:last-child {
border-bottom: none;
}
.dark-Property-wrapper-content-row .property-formitem-value .dark-RadiosControl .dark-Checkbox, .dark-Property-wrapper-content-row .property-formitem-value .dark-CheckboxesControl .dark-Checkbox {
margin-bottom: 0;
}
.dark-Property-wrapper-content-row .dark-InputTable .dark-Property-wrapper {
border: none;
}
.dark-Property-wrapper-content-row .dark-InputTable .dark-Property-wrapper .dark-Property-wrapper-content-row:last-child {
border-bottom: 1px solid var(--borderColor);
}
.dark-Field-copyBtn {
color: var(--Copyable-iconColor);
margin-left: var(--gap-xs);
display: inline-block;
cursor: pointer;
}
.dark-Field-copyBtn:hover {
color: var(--Copyable-onHover-iconColor);
}
.dark-Divider {
margin: var(--gap-base) calc(var(--gap-base) * -1);
border-bottom: var(--borderWidth) var(--Divider-borderStyle) var(--borderColor);
height: 0.125rem;
font-size: 0;
}
.dark-Divider--solid {
border-bottom-style: solid;
}
.dark-Pagination {
display: flex;
padding: 0;
margin: 0 0 -0.625rem;
border-radius: 0.25rem;
}
.dark-Pagination > div {
display: inline;
font-size: 12px;
}
.dark-Pagination > div > a,
.dark-Pagination > div > span {
user-select: none;
cursor: pointer;
position: relative;
text-decoration: none;
min-width: 18px;
border: 0;
text-align: center;
border-radius: 0;
margin-left: 0;
font-size: 12px;
margin: 0 3px;
border-radius: var(--borderRadius);
}
.dark-Pagination > div .pagination-page-switch {
width: 40px;
background: inherit;
border-radius: 3px;
border: 1px solid #dcdcdc;
height: 20px;
line-height: 20px;
padding: 0 3px;
outline: none;
text-align: center;
}
.dark-Pagination > div.is-disabled > span,
.dark-Pagination > div.is-disabled > a {
cursor: not-allowed;
}
.dark-Pagination > div.is-disabled > a,
.dark-Pagination > div.is-disabled > span,
.dark-Pagination > div.is-disabled > a:hover,
.dark-Pagination > div.is-disabled > span:hover,
.dark-Pagination > div.is-disabled > a:focus,
.dark-Pagination > div.is-disabled > span:focus {
color: #cccccc;
}
.dark-Pagination > div.is-active > a,
.dark-Pagination > div.is-active > span,
.dark-Pagination > div.is-active > a:hover,
.dark-Pagination > div.is-active > span:hover,
.dark-Pagination > div.is-active > a:focus,
.dark-Pagination > div.is-active > span:focus {
background: var(--Pagination-onActive-backgroundColor);
color: var(--Pagination-onActive-color);
border: var(--Pagination-onActive-border);
border-radius: var(--borderRadius);
}
.dark-Pagination-prev > span {
cursor: pointer;
font-size: 10px !important;
}
.dark-Pagination-ellipsis > a > span {
position: relative;
top: -0.25rem;
}
.dark-Pagination-next > span {
cursor: pointer;
font-size: 10px !important;
}
.dark-PaginationWrapper-pager {
text-align: right;
}
.dark-PaginationWrapper-pager:first-child {
margin-bottom: var(--gap-sm);
}
.dark-Wrapper--xs {
padding: var(--gap-xs);
}
.dark-Wrapper--sm {
padding: var(--gap-sm);
}
.dark-Wrapper--md {
padding: var(--gap-md);
}
.dark-Wrapper--lg {
padding: var(--gap-lg);
}
.dark-Wrapper--xl {
padding: var(--gap-xl);
}
.dark-StatusField {
vertical-align: middle;
white-space: nowrap;
display: inline-flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
}
.dark-StatusField-label {
font-size: var(--fontSizeSm);
margin-left: var(--gap-xs);
}
@keyframes animation-rolling_red {
0% {
transform: translateX(0);
}
50% {
transform: translateX(20px);
}
100% {
transform: translateX(0);
}
}
@keyframes animation-rolling_blue {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-20px);
}
100% {
transform: translateX(0);
}
}
.dark-StatusField svg.dark-Status-icon {
width: var(--Satus-icon-width);
height: var(--Satus-icon-height);
top: 0;
}
.dark-StatusField .dark-Status-icon.rolling {
width: 30px;
height: 10px;
display: inline-block;
vertical-align: middle;
position: relative;
}
.dark-StatusField .dark-Status-icon.rolling::before {
content: "";
display: inline-block;
border: 5px solid var(--danger);
border-radius: 500px;
position: absolute;
top: 0;
left: 0;
animation: animation-rolling_red 2s;
animation-iteration-count: infinite;
}
.dark-StatusField .dark-Status-icon.rolling::after {
content: "";
display: inline-block;
border: 5px solid var(--primary);
border-radius: 500px;
position: absolute;
top: 0;
left: 20px;
animation: animation-rolling_blue 2s;
animation-iteration-count: infinite;
}
.dark-StatusField .dark-Status-icon.icon-warning {
color: var(--warning);
}
.dark-Status-icon.rolling + .dark-StatusField-label {
color: var(--warning);
}
.dark-Status-icon.icon-success + .dark-StatusField-label {
color: var(--success);
}
.dark-Status-icon.icon-fail + .dark-StatusField-label {
color: var(--danger);
}
.dark-Status-icon.icon-warning + .dark-StatusField-label {
color: var(--warning);
}
.dark-Carousel {
min-width: var(--Carousel-minWidth);
height: var(--Carousel-height);
position: relative;
display: block;
background: var(--saas-main-bg);
}
.dark-Carousel.dark-Carousel--light .dark-Carousel-dot {
background: var(--saas-Primary-Color);
margin-bottom: auto !important;
}
.dark-Carousel.dark-Carousel--light svg {
fill: var(--Carousel--light-control);
}
.dark-Carousel.dark-Carousel--light .dark-Carousel-item .title,
.dark-Carousel.dark-Carousel--light .dark-Carousel-item .description {
color: var(--Carousel--light-control);
}
.dark-Carousel.dark-Carousel--dark .dark-Carousel-dot {
background: var(--Carousel--dark-control);
}
.dark-Carousel.dark-Carousel--dark svg {
fill: var(--Carousel--dark-control);
}
.dark-Carousel.dark-Carousel--dark .dark-Carousel-item .title,
.dark-Carousel.dark-Carousel--dark .dark-Carousel-item .description {
color: var(--Carousel--dark-control);
}
.dark-Carousel-container {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.dark-Carousel-container .dark-Carousel-item {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transition-duration: var(--Carousel-transitionDuration);
transition-timing-function: ease-out;
transition-property: transform, opacity;
}
.dark-Carousel-container .dark-Carousel-item.fade {
opacity: 0;
}
.dark-Carousel-container .dark-Carousel-item.fade.in {
opacity: 1;
}
.dark-Carousel-container .dark-Carousel-item.slide {
transform: translateX(100%);
}
.dark-Carousel-container .dark-Carousel-item.slide.in {
transform: translateX(0);
}
.dark-Carousel-container .dark-Carousel-item.slide.out {
transform: translateX(-100%);
}
.dark-Carousel-container .dark-Carousel-item.slideRight {
transform: translateX(-100%);
}
.dark-Carousel-container .dark-Carousel-item.slideRight.in {
transform: translateX(0);
}
.dark-Carousel-container .dark-Carousel-item.slideRight.out {
transform: translateX(100%);
}
.dark-Carousel-container .dark-Carousel-item .title {
position: absolute;
bottom: var(--Carousel-imageTitle-bottom);
text-align: center;
width: 100%;
opacity: 0.8;
}
.dark-Carousel-container .dark-Carousel-item .description {
position: absolute;
bottom: var(--Carousel-imageDescription-bottom);
text-align: center;
width: 100%;
opacity: 0.8;
}
.dark-Carousel-container .dark-Carousel-item .image {
width: 100%;
height: 100%;
background-size: cover;
}
.dark-Carousel-image {
width: 100%;
height: 100%;
}
.dark-Carousel-image .dark-Image-origin {
height: 100%;
width: 100%;
}
.dark-Carousel-dotsControl {
position: absolute;
bottom: 0px;
width: 100%;
z-index: 8;
text-align: center;
}
.dark-Carousel-dotsControl .dark-Carousel-dot {
display: inline-block;
height: var(--Carousel-dot-width);
width: var(--Carousel-dot-height);
border-radius: var(--Carousel-dot-borderRadius);
margin: var(--Carousel-dot-margin);
transition-duration: var(--Carousel-transitionDuration);
opacity: 0.3;
}
.dark-Carousel-dotsControl .dark-Carousel-dot.is-active {
opacity: 1;
}
.dark-Carousel .dark-Carousel-leftArrow {
width: 10%;
min-width: var(--Carousel-arrowControl-width);
height: 100%;
cursor: pointer;
top: 0;
bottom: 0;
position: absolute;
transition-duration: var(--Carousel-transitionDuration);
display: none;
left: 0;
}
.dark-Carousel .dark-Carousel-leftArrow svg {
position: absolute;
top: 40%;
left: 50%;
right: 50%;
transform: translate(-50%, -50%);
width: var(--Carousel-svg-width);
height: var(--Carousel-svg-height);
}
.dark-Carousel .dark-Carousel-rightArrow {
width: 10%;
min-width: var(--Carousel-arrowControl-width);
height: 100%;
cursor: pointer;
top: 0;
bottom: 0;
position: absolute;
transition-duration: var(--Carousel-transitionDuration);
display: none;
right: 0;
}
.dark-Carousel .dark-Carousel-rightArrow svg {
position: absolute;
top: 40%;
left: 50%;
right: 50%;
transform: translate(-50%, -50%);
width: var(--Carousel-svg-width);
height: var(--Carousel-svg-height);
}
.dark-Carousel:hover .dark-Carousel-leftArrow {
display: block;
}
.dark-Carousel:hover .dark-Carousel-rightArrow {
display: block;
}
.dark-Carousel-arrowsControl {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
text-align: center;
}
@media (max-width: 767px) {
.dark-Carousel {
height: 30rem !important;
}
.dark-Carousel-dotsControl {
bottom: 22%;
}
.dark-Carousel .dark-Image {
border: none;
}
}
@keyframes disappear {
to {
opacity: 0;
}
}
@keyframes appear {
from {
opacity: 0;
}
}
.dark-ImageGallery {
display: flex;
flex-direction: column;
background: transparent;
border: none;
border-radius: 0;
width: 100% !important;
overflow: hidden;
}
.dark-ImageGallery-close {
position: absolute;
cursor: pointer;
height: 50px;
width: 50px;
background-color: #4f4f4f;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
top: 12px;
right: 12px;
z-index: 10;
}
.dark-ImageGallery-close:hover {
color: #fff;
}
.dark-ImageGallery-close > svg {
width: 1.5rem;
height: 1.5rem;
}
@media screen and (max-width: 768px) {
.dark-ImageGallery-close {
height: 24px;
width: 24px;
}
.dark-ImageGallery-close svg {
width: 1rem;
height: 1rem;
}
}
.dark-ImageGallery-title {
height: 1.875rem;
vertical-align: top;
line-height: 1.875rem;
font-size: 0.75rem;
color: var(--white);
text-align: center;
}
.dark-ImageGallery-main {
flex-basis: 0;
flex-grow: 1;
height: 0;
position: relative;
display: flex;
justify-content: center;
align-items: center;
user-select: none;
}
.dark-ImageGallery-main > img {
display: block;
max-width: 100%;
max-height: 100%;
}
.dark-ImageGallery-prevBtn, .dark-ImageGallery-nextBtn {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
color: #999;
text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px;
animation-name: disappear;
animation-delay: var(--animation-duration);
animation-duration: var(--animation-duration);
animation-fill-mode: both;
}
.dark-ImageGallery-prevBtn > svg, .dark-ImageGallery-nextBtn > svg {
width: 3rem;
height: 3rem;
}
.dark-ImageGallery-prevBtn:hover, .dark-ImageGallery-nextBtn:hover {
color: #fff;
text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;
}
.dark-ImageGallery-prevBtn.is-disabled, .dark-ImageGallery-nextBtn.is-disabled {
pointer-events: none;
}
.dark-ImageGallery-main:hover .dark-ImageGallery-prevBtn, .dark-ImageGallery-main:hover .dark-ImageGallery-nextBtn {
animation-name: appear;
animation-delay: 0s;
animation-duration: var(--animation-duration);
}
.dark-ImageGallery-prevBtn {
left: var(--gap-md);
}
.dark-ImageGallery-nextBtn {
right: var(--gap-md);
}
.dark-ImageGallery-footer {
height: 4.625rem;
background: #222;
display: flex;
flex-direction: row;
user-select: none;
position: relative;
}
.dark-ImageGallery-prevList, .dark-ImageGallery-nextList {
width: var(--gap-md);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: rgba(0, 0, 0, 0.3);
color: #fff;
}
.dark-ImageGallery-prevList.is-disabled, .dark-ImageGallery-nextList.is-disabled {
background: rgba(0, 0, 0, 0.3);
color: rgba(255, 255, 255, 0.1);
pointer-events: none;
}
.dark-ImageGallery-prevList:hover, .dark-ImageGallery-nextList:hover {
background: black;
color: #fff;
}
.dark-ImageGallery-itemsWrap {
flex-grow: 1;
flex-basis: 0;
width: 0;
overflow: hidden;
align-items: center;
justify-content: center;
display: flex;
}
.dark-ImageGallery-items {
display: inline-block;
white-space: nowrap;
}
.dark-ImageGallery-item {
margin: 10px 5px;
width: 54px;
height: 54px;
display: inline-flex;
position: relative;
border: 1px solid #666;
justify-content: center;
align-items: center;
cursor: pointer;
}
.dark-ImageGallery-item > img {
display: block;
max-width: 100%;
max-height: 100%;
}
@supports (object-fit: cover) {
.dark-ImageGallery-item > img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.dark-ImageGallery-item:after {
position: absolute;
content: "";
display: block;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.dark-ImageGallery-item:hover {
border: 1px solid #e5e5e5;
}
.dark-ImageGallery-item:hover:after {
display: none;
}
.dark-ImageGallery-item.is-active {
border: 1px solid var(--primary);
}
.dark-ImageGallery-item.is-active:after {
display: none;
}
.dark-ImageGallery .absoluteCenterWrapper {
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 0;
overflow: hidden;
}
.preview-modal {
bottom: 10px;
}
.preview-modal .ant-modal-content {
background: #ffffff;
overflow: hidden;
box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.24);
/* 阴影效果 */
border-radius: 4px;
}
.preview-modal .ant-modal-content .ant-modal-header {
background-color: var(--image-gallery-modal-bg) !important;
border-bottom: 1px solid var(--saas-border-color);
}
.preview-modal .ant-modal-content .ant-modal-header .dialog-title {
padding: 6px 16px !important;
}
.preview-modal .ant-modal-content .ant-modal-header .dialog-title .disabled-move-title {
font-size: 14px !important;
}
.preview-modal .ant-modal-content .preview-close {
font-size: 26px;
padding: 14px;
background-color: #4f4f4f;
color: white;
}
.preview-modal .ant-modal-content .ant-modal-body {
display: flex;
justify-content: center;
position: relative;
padding: 0 !important;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body {
position: relative;
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
overflow: hidden;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .arrow-icon {
position: absolute;
z-index: 1;
top: 40%;
font-size: 40px;
cursor: pointer;
color: #ccc;
transition: all 0.2s ease;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .arrow-icon:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0.3);
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .arrow-icon.disabled {
color: #ccc;
cursor: not-allowed;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .arrow-icon.disabled .icon {
cursor: not-allowed;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .arrow-icon.disabled:hover {
background-color: transparent;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .arrow-icon.hiddel {
display: none;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .arrow-icon.l {
left: -8px;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .arrow-icon.r {
right: -8px;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
background-color: #f7f8fa;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container .ant-spin-nested-loading > div > .ant-spin {
max-height: unset;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf {
display: block;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container {
display: flex;
flex: 1;
width: 100%;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .preview-pdf {
width: 100%;
flex: 1;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .preview-pdf .react-pdf__message--error {
width: 100%;
margin: 0 auto;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .preview-pdf .react-pdf__message--error .error-txt {
text-align: center;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-side-content {
display: block;
position: sticky;
top: 0;
width: 160px;
min-width: 160px;
overflow-y: auto;
border-right: 1px solid #f1f1f1;
z-index: 1;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-side-content .title {
position: sticky;
top: 0;
background-color: #f7f8fa;
padding-left: 10px;
z-index: 2;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-side-content .aside-item-container {
flex-direction: column;
padding: 10px 0;
width: 100%;
box-shadow: none;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-side-content .aside-item-container .aside-preview-item {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 10px;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-side-content .aside-item-container .aside-preview-item:hover, .preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-side-content .aside-item-container .aside-preview-item.active {
cursor: pointer;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-side-content .aside-item-container .aside-preview-item:hover .preview-pdf-page, .preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-side-content .aside-item-container .aside-preview-item.active .preview-pdf-page {
background-color: rgba(0, 0, 0, 0.1);
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-side-content .aside-item-container .aside-preview-item .preview-pdf-index {
position: absolute;
left: 20px;
top: 0;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-side-content .aside-item-container .preview-pdf-page {
display: flex;
justify-content: center;
align-items: center;
padding: 0 10px;
width: 120px;
height: 90px;
background-color: #fff;
border-radius: 5px;
overflow: hidden;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-side-content .aside-item-container .preview-pdf-page .react-pdf__Page__textContent,
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-side-content .aside-item-container .preview-pdf-page .react-pdf__Page__annotations.annotationLayer {
display: none;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-side-content .aside-item-container .preview-pdf-page .react-pdf__Page {
transform: scale(0.8);
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-side-content .aside-item-container .preview-pdf-index {
z-index: 1;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-main-content {
flex: 1;
display: block;
overflow-y: auto;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-main-content .main-item-container {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-main-content .main-item-container > div {
margin: 0 auto;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-main-content .main-item-container .react-pdf__message--error {
display: flex;
align-items: center;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-render-container .pdf-main-content .main-item-container .react-pdf__message--error .error-txt {
display: flex;
align-items: center;
color: #000;
font-size: 18px;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-main-content .preview-pdf-page {
height: 100%;
overflow: hidden;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-main-content .preview-pdf-page .react-pdf__Page .react-pdf__Page__textContent {
user-select: none;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-main-content .preview-pdf-page .react-pdf__Page .react-pdf__Page__annotations.annotationLayer {
display: none;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-main-content .preview-pdf-page .react-pdf__Page .react-pdf__Page__canvas,
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container.is-pdf .pdf-main-content .preview-pdf-page .react-pdf__Page .react-pdf__Page__svg {
transition: all 0.3s ease;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container .pdf-render-container .pdf-side-content {
display: none;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container .pdf-render-container .pdf-main-content {
display: flex;
align-items: center;
justify-content: center;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container .pdf-render-container .pdf-main-content .preview-pdf-page {
height: 100%;
overflow-x: hidden;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container .preview-pdf,
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container .preview-image {
/* 阴影效果 */
display: flex;
align-items: center;
overflow: auto;
box-shadow: none;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container .preview-pdf::-webkit-scrollbar,
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container .preview-image::-webkit-scrollbar {
display: none;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container .preview-pdf-page {
height: 100%;
overflow: auto;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-pdf-container .preview-pdf-page::-webkit-scrollbar {
display: none;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-box-fileName {
position: sticky;
bottom: 40px;
text-align: center;
height: 20px;
line-height: 20px;
background: var(--image-gallery-modal-bg);
color: var(--text-color);
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-box-fileName.showList {
bottom: 104px;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-tools {
box-sizing: border-box;
position: sticky;
bottom: 0;
background-color: var(--image-gallery-modal-bg);
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 40px;
min-height: 40px;
border-top: 1px solid var(--saas-border-color);
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-tools-item {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin-right: 32px;
width: 20px;
height: 20px;
background: transparent !important;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-tools-item .icon {
width: 20px;
height: 20px;
color: var(--saas-Title-Text);
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-tools-item .icon.icon-download {
height: 15px;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-tools-item-index {
position: relative;
padding-top: 1px;
display: block;
margin-right: 20px;
width: auto;
line-height: 1.5;
font-weight: 500;
font-size: 16px;
color: var(--saas-Title-Text);
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-tools-item.checked .icon {
color: #2a87eb;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-tools-item.disabled .icon {
color: #dbdbdb;
cursor: not-allowed;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-scroll-container {
display: flex;
align-items: center;
justify-content: center;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-scroll-container .file-preview-handler {
cursor: move;
transition: all 0.1s ease;
user-select: none;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .preview-scroll-container .file-preview-handler .ant-image-error {
height: auto !important;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .ant-image-img {
object-fit: contain;
width: auto;
max-width: 100%;
max-height: 100%;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .mediaShowList {
position: sticky;
bottom: 40px;
height: initial;
min-height: 64px;
background-color: var(--image-gallery-modal-bg);
border-top: 1px solid #f1f1f1;
}
.preview-modal .ant-modal-content .ant-modal-body .preview-body .mediaShowList .imgList-arrow {
color: #666;
}
.preview-modal .ant-modal-content .ant-modal-body .frame-container::after {
content: "加载中...";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.preview-modal .ant-modal-content .ant-modal-body .frame-container iframe {
position: sticky;
z-index: 1;
}
.preview-modal .ant-modal-content .ant-modal-body .frame-container body .button-area {
display: none;
}
.mb-images-preview {
z-index: 9999;
}
.mb-pdf-preview {
height: 100vh;
width: 100vw;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9999;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: white;
}
.mb-pdf-preview .react-transform-wrapper {
flex: 1;
}
.mb-pdf-preview-header {
background-color: white;
color: black;
width: 100%;
}
.mb-pdf-preview-doc {
overflow: hidden;
flex: 1;
}
.mb-pdf-preview-page {
margin-top: 8px;
}
.mb-pdf-preview-page:first-child {
margin-top: 0;
}
.dark-Images {
display: flex;
flex-wrap: wrap;
margin: calc(var(--gap-xs) * -1);
}
.dark-Images-item {
display: flex;
margin: var(--gap-xs);
}
.dark-Image {
border: var(--borderWidth) solid var(--borderColor);
}
.dark-Image--thumb {
display: inline-block;
padding: var(--gap-xs);
}
.dark-Image-thumbWrap {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.dark-Image-thumbWrap .dark-Image-thumb {
display: flex;
align-items: center;
justify-content: center;
}
.dark-Image-thumbWrap .icon.icon-fill {
width: 78px;
height: 78px;
}
.dark-Image-image {
display: block;
}
.dark-Image--original .dark-Image-image {
max-width: 100%;
max-height: 100%;
width: auto;
margin: auto;
}
.dark-Image-thumb {
width: 6.875rem;
height: 6.875rem;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Image-thumb {
width: 4.875rem;
height: 4.875rem;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-Image-thumb {
width: 5.875rem;
height: 5.875rem;
}
}
.dark-Image-thumb > img {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
object-fit: contain;
transform: translate(-50%, -50%);
}
.dark-Image-info {
padding: 5px 10px;
}
.dark-Image--thumb .dark-Image-info {
width: 6.875rem;
padding: 0;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Image--thumb .dark-Image-info {
width: 4.875rem;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-Image--thumb .dark-Image-info {
width: 5.875rem;
}
}
.dark-Image-thumb--4-3 {
height: 5.15625rem;
}
.dark-Image-thumb--16-9 {
height: 3.8671875rem;
}
.dark-Image-thumb--fixed-size {
min-width: 6.875rem;
min-height: 6.875rem;
width: 100%;
padding: 0;
height: 100%;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Image-thumb--fixed-size {
min-width: 4.875rem;
min-height: 4.875rem;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-Image-thumb--fixed-size {
min-width: 5.875rem;
min-height: 5.875rem;
}
}
.dark-Image-thumb--fixed-size .dark-Image-thumb {
width: 100%;
height: 100%;
}
.dark-Image-thumb--fixed-size .dark-Image-thumb > img {
width: auto;
height: 100%;
}
.dark-Image-thumb--w-full > img {
width: 100%;
height: auto;
}
@supports (object-fit: contain) {
.dark-Image-thumb--contain > img {
position: static;
width: 100% !important;
height: 100% !important;
transform: translate(0, 0);
top: 0;
left: 0;
object-fit: contain;
}
.dark-Image-origin--contain > img {
width: 100% !important;
height: 100% !important;
object-fit: contain;
}
}
@supports (object-fit: cover) {
.dark-Image-thumb--cover > img {
position: static;
width: 100% !important;
height: 100% !important;
transform: translate(0, 0);
top: 0;
left: 0;
object-fit: cover;
}
.dark-Image-origin--cover > img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
}
.dark-Image-caption {
font-size: var(--fontSizeSm);
}
.dark-Image-title {
font-size: var(--fontSizeBase);
color: var(--text--loud-color);
}
.dark-Image-overlay {
background: rgba(8, 14, 26, 0.5);
position: absolute;
width: 100%;
height: 100%;
display: none;
top: 0;
left: 0;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
color: #fff;
}
.dark-Image-overlay > div {
width: 100%;
text-align: center;
margin-bottom: 5px;
}
.dark-Image-overlay > a {
cursor: pointer;
color: #fff;
display: inline-block;
padding: 0 5px;
line-height: 1;
font-size: 1rem;
}
.dark-Image-origin:hover .dark-Image-overlay, .dark-Image-thumbWrap:hover .dark-Image-overlay {
display: flex;
}
.dark-ImageField--thumb {
display: inline-block;
position: relative;
}
.dark-ImageField--thumb::before, .dark-ImageField--thumb::after {
display: table;
content: "";
}
.dark-ImageField--thumb::after {
clear: both;
}
.dark-ImagesField {
position: relative;
}
.dark-ImagesField::before, .dark-ImagesField::after {
display: table;
content: "";
}
.dark-ImagesField::after {
clear: both;
}
.ImageControl0-Up-Down {
position: fixed;
bottom: 20%;
right: 30px;
z-index: 99999;
width: 40px;
height: 100px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ImageControl0-Up-Down .ImageControl-Up {
flex: 1;
line-height: 50px;
font-size: 16px;
width: 100%;
text-align: center;
}
.ImageControl0-Up-Down .ImageControl-Down {
flex: 1;
line-height: 50px;
font-size: 16px;
width: 100%;
text-align: center;
}
.dark-InputBox {
display: flex;
background: var(--Form-input-bg);
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
border-radius: var(--Form-input-borderRadius);
line-height: var(--Form-input-lineHeight);
padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
font-size: var(--Form-input-fontSize);
flex-wrap: wrap;
justify-content: flex-start;
flex-wrap: nowrap;
}
.dark-InputBox input {
flex-basis: 5rem;
flex-grow: 1;
outline: none;
background: transparent;
border: none;
color: var(--saas-font-size-dark-black);
width: 100%;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
.dark-InputBox input::placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-InputBox input::-webkit-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-InputBox input::-moz-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-InputBox input::-ms-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-InputBox input::placeholder {
user-select: none;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-InputBox input {
height: 100%;
}
.dark-InputBox input[type=checkbox] {
width: auto;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-InputBox input {
height: 100%;
}
.dark-InputBox input[type=checkbox] {
width: auto;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
}
.dark-InputBox:hover {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-InputBox:hover a {
opacity: 1;
}
.dark-InputBox:focus-within {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-InputBox--borderHalf {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
}
.dark-InputBox--borderNone {
border-color: transparent !important;
}
.dark-InputBox--inline {
display: inline-flex;
}
.dark-InputBox > input[readonly] {
cursor: inherit;
}
.dark-InputBox.is-error {
border-color: var(--Form-input-onError-borderColor);
background: var(--Form-input-onError-bg);
}
.dark-InputBox.is-focused {
border-color: var(--Form-input-onFocused-borderColor);
background: var(--Form-input-onFocused-bg);
}
.dark-InputBox.is-clickable:hover {
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
cursor: pointer;
}
.dark-InputBox.is-error.is-focused {
border-color: var(--Form-input-onError-borderColor);
}
.dark-InputBox.is-disabled {
color: var(--text--muted-color);
background: var(--Form-input-onDisabled-bg);
border-color: var(--Form-input-onDisabled-borderColor);
}
.dark-InputBox-clear {
padding: 0.1875rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
}
.dark-InputBox-clear svg {
fill: var(--saas-font-size-dark-black);
top: 0;
width: 0.625rem;
height: 0.625rem;
}
.dark-InputBox-clear:hover svg {
fill: var(--saas-font-size-black);
}
.dark-InputBox > svg {
display: inline-block;
width: 14px;
color: var(--icon-color);
}
.dark-InputBox > a {
cursor: pointer;
}
.dark-ResultBox {
display: flex;
background: var(--Form-input-bg);
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
border-radius: var(--Form-input-borderRadius);
line-height: var(--Form-input-lineHeight);
padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
font-size: var(--Form-input-fontSize);
flex-wrap: wrap;
justify-content: flex-start;
display: flex !important;
flex-wrap: nowrap;
padding: 0 0.1875rem;
min-height: var(--Form-input-height);
align-items: center;
color: var(--saas-font-size-black);
border-radius: 4px;
line-height: 1;
position: relative;
}
.dark-ResultBox input {
flex-basis: 5rem;
flex-grow: 1;
outline: none;
background: transparent;
border: none;
color: var(--saas-font-size-dark-black);
width: 100%;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
.dark-ResultBox input::placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-ResultBox input::-webkit-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-ResultBox input::-moz-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-ResultBox input::-ms-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-ResultBox input::placeholder {
user-select: none;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-ResultBox input {
height: 100%;
}
.dark-ResultBox input[type=checkbox] {
width: auto;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-ResultBox input {
height: 100%;
}
.dark-ResultBox input[type=checkbox] {
width: auto;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
}
.dark-ResultBox:hover {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-ResultBox:hover a {
opacity: 1;
}
.dark-ResultBox:focus-within {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-ResultBox--borderHalf {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
}
.dark-ResultBox--borderNone {
border-color: transparent !important;
}
@media (max-width: 767px) {
.dark-ResultBox {
background: transparent;
}
}
.dark-ResultBox.is-error {
border-color: var(--Form-input-onError-borderColor);
background: var(--Form-input-onError-bg);
}
.dark-ResultBox.is-focused, .dark-ResultBox.is-active, .dark-ResultBox:focus {
outline: none;
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: none;
background: var(--Form-input-onFocused-bg);
}
.dark-ResultBox.is-clickable:not(.is-disabled) {
cursor: pointer;
}
.dark-ResultBox.is-clickable:not(.is-disabled):hover {
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: none;
background: var(--Form-input-onFocused-bg);
}
.dark-ResultBox.is-error.is-focused {
border-color: var(--Form-input-onError-borderColor);
}
.dark-ResultBox.is-disabled {
color: var(--text--muted-color);
background: var(--Form-input-onDisabled-bg);
border-color: var(--Form-input-onDisabled-borderColor);
cursor: not-allowed;
}
@media (max-width: 767px) {
.dark-ResultBox.is-disabled {
background: #fff;
}
}
.dark-ResultBox-value-wrap {
flex-grow: 1;
max-width: calc(100% - 36px);
display: flex;
align-items: center;
flex-wrap: nowrap;
max-height: 2rem;
overflow: hidden;
padding: 0 0.4rem;
}
@media (max-width: 767px) {
.dark-ResultBox-value-wrap {
max-width: none;
padding: 0;
}
}
.dark-ResultBox-singleValue {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-ResultBox-singleValue {
padding: 0;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-ResultBox-singleValue {
padding-left: 0;
}
}
.dark-ResultBox-clear {
padding: 0.1875rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
height: 100%;
padding: 0.25rem;
margin: auto 0;
position: absolute;
right: 18px;
background-color: unset;
}
.dark-ResultBox-clear svg {
fill: var(--saas-font-size-dark-black);
top: 0;
width: 0.625rem;
height: 0.625rem;
}
.dark-ResultBox-clear:hover svg {
fill: var(--saas-font-size-black);
}
.dark-ResultBox > svg {
display: inline-block;
width: 0.875rem;
color: var(--icon-color);
}
.dark-ResultBox > a {
cursor: pointer;
opacity: 0;
}
.dark-ResultBox-value {
display: flex;
align-items: center;
justify-content: center;
background: var(--ResultBox-value-bg);
color: var(--ResultBox-value-color);
font-size: var(--Form-input-fontSize);
padding: 0 var(--gap-xs);
min-height: 1.5rem;
flex-wrap: nowrap;
display: inline-flex;
align-items: center;
margin: 2px 3px;
user-select: none;
white-space: nowrap;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-ResultBox-value {
font-size: 0.75rem;
padding: 0;
min-height: auto;
}
}
.dark-ResultBox-value > a {
cursor: pointer;
margin-left: var(--gap-xs);
color: var(--ResultBox-icon-color);
}
.dark-ResultBox-value > a:hover {
color: var(--ResultBox-icon--onHover-color);
}
.dark-ResultBox-value > a > svg {
width: 0.625rem;
height: 0.625rem;
}
.dark-ResultBox-value:hover {
background: var(--ResultBox-value--onHover-bg);
}
.dark-ResultBox-value.is-disabled {
pointer-events: none;
color: var(--ResultBox-value--onDisabled-color);
}
.dark-ResultBox-value.is-disabled > a {
color: var(--ResultBox-icon--onDisabled-color);
}
.dark-ResultBox-value-background {
background: transparent;
font-size: 12px;
}
.dark-ResultBox-placeholder {
color: var(--saas-Placeholder-Text);
user-select: none;
overflow: hidden;
white-space: nowrap;
}
.dark-ResultBox > input {
padding-left: 8px;
min-height: 24px;
}
.dark-ResultBox.is-mobile {
min-height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg));
border: none;
padding: 0;
font-size: var(--fontSizeLg);
border: none;
justify-content: flex-start;
flex: 1;
}
.dark-ResultBox.is-mobile .dark-ResultBox-arrow {
margin-right: 0;
width: auto;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
margin-left: 4px;
}
.dark-ResultBox.is-mobile .dark-ResultBox-arrow > svg {
transition: transform var(--animation-duration);
display: inline-block;
color: var(--Form-select-caret-iconColor);
width: 10px;
height: 10px;
top: 0;
transform: rotate(-90deg);
}
@media (max-width: 767px) {
.dark-ResultBox.is-mobile .dark-ResultBox-arrow > svg {
color: var(--saas-Placeholder-Text) !important;
}
}
.dark-ResultBox.is-mobile .arrow-bold > svg {
transform: none;
}
.dark-ResultBox.is-mobile.is-disabled {
background: var(--Form-input-onDisabled-bg);
}
@media (max-width: 767px) {
.dark-ResultBox {
min-height: 24px;
}
}
.dark-ResultBox .tag-warp {
margin-top: 5px;
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
width: 255px;
min-height: 25px;
min-height: 16px;
line-height: 1.5715;
vertical-align: bottom;
}
.dark-ResultBox .tag-warp:hover {
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
border-right-width: 1px;
outline: 0;
}
.dark-ResultBox .button-group {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.dark-ResultBox .button-group .ant-btn-sm {
font-size: 12px;
}
.dark-ResultBox-valueLabel {
max-width: 100%;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}
.dark-ResultBox-popover-value {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media (max-width: 767px) {
.dark-ResultBox-popover-value {
font-size: 15px;
}
}
.dark-ResultBox-overflow-overlay .ant-popover-inner-content {
color: var(--saas-font-size-black);
background-color: var(--Form-input-bg);
padding: 0 6px;
}
.dark-ResultBox-overflow-overlay .ant-popover-inner-content .dark-ResultBox-value {
color: var(--saas-font-size-black);
background: var(--Form-input-bg);
}
.dark-ResultBox-overflow-overlay .ant-popover-inner-content .dark-ResultBox-value .dark-ResultBox-valueLabel:hover {
background-color: var(--borderColor);
}
.dark-ResultBox-overflow-overlay .ant-popover-arrow-content::before {
background-color: var(--Form-input-bg);
}
.dark-ResultBox-overflow-wrapper {
max-width: 300px;
max-height: 300px;
overflow: auto;
}
.dark-SelectControl .dark-Form-control .dark-ResultBox-clear {
right: 19px;
}
.dark-SearchBox {
display: inline-flex;
flex-direction: row;
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
height: 30px;
width: 30px;
padding: 0 8px;
transition: all var(--animation-duration) ease-in-out;
border: var(--Form-input-borderWidth) solid transparent;
border-radius: var(--Form-input-borderRadius);
height: 30px;
}
.dark-SearchBox:hover {
background: var(--Form-input-onHover-bg);
}
.dark-SearchBox.is-active {
background: var(--Form-input-bg);
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
width: 150px;
}
.dark-SearchBox.is-active > input {
flex-grow: 1;
}
.dark-SearchBox-activeBtn, .dark-SearchBox-searchBtn, .dark-SearchBox-cancelBtn {
cursor: pointer;
color: var(--icon-color);
}
.dark-SearchBox-activeBtn:hover, .dark-SearchBox-searchBtn:hover, .dark-SearchBox-cancelBtn:hover {
color: var(--icon-onHover-color);
}
.dark-SearchBox.is-disabled .dark-SearchBox-activeBtn, .dark-SearchBox.is-disabled .dark-SearchBox-searchBtn, .dark-SearchBox.is-disabled .dark-SearchBox-cancelBtn {
color: var(--icon-onDisabled-color);
pointer-events: none;
}
.dark-SearchBox > input {
outline: none;
border: none;
background: transparent;
color: var(--Form-input-color);
width: 0;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
.dark-SearchBox > input::placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-SearchBox > input::-webkit-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-SearchBox > input::-moz-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-SearchBox > input::-ms-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-ListMenu {
background: var(--ListMenu-item-bg);
min-width: 12.5rem;
border: var(--ListMenu-borderWidth) solid var(--ListMenu-bordrColor);
border-radius: var(--ListMenu-borderRadius);
}
.dark-ListMenu-groupLabel {
font-size: var(--fontSizeXs);
color: var(--text--muted-color);
padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--gap-sm) ) / 2 ) 0 0 calc(var(--Form-select-paddingX) - var(--gap-xs));
}
.dark-ListMenu-group:not(:first-child) > .dark-ListMenu-groupLabel {
border-top: 0.0625rem solid var(--ListMenu-divider-color);
}
.dark-ListMenu-item {
display: flex;
min-height: var(--ListMenu-item-height);
color: var(--ListMenu-item-color);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
cursor: pointer;
padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
}
.dark-ListMenu-item.is-active {
color: var(--ListMenu-item--onActive-color);
background: var(--ListMenu-item--onActive-bg);
}
.dark-ListMenu-item.is-highlight {
color: var(--ListMenu-item--onHover-color);
background: var(--ListMenu-item--onHover-bg);
}
.dark-ListMenu-item.is-disabled {
color: var(--ListMenu-item--onDisabled-color);
background: var(--ListMenu-item--onDisabled-bg);
}
.dark-ListMenu-placeholder {
display: block;
min-height: var(--ListMenu-item-height);
color: var(--text--muted-color);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
cursor: pointer;
padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
}
.dark-PopOver > .dark-ListMenu {
border-color: var(--listMenu--onActive-borderColor);
}
.dark-Log {
background: var(--Log-bg);
color: var(--Log-color);
padding: var(--Log-padding);
overflow-y: auto;
font-family: var(--fontFamilyMonospace);
}
.dark-Log-line {
padding: var(--Log-line-padding);
white-space: pre-wrap;
word-wrap: break-word;
}
.dark-Log-line code {
color: inherit;
background: inherit;
}
.dark-Log-line:hover {
background: var(--Log-line--onHover-bg);
}
.dark-Log .ansi-bold {
font-weight: 700;
}
.dark-Log .ansi-italic {
font-style: italic;
}
.dark-Log .ansi-underline {
text-decoration: underline;
}
.dark-Log .ansi-black-fg,
.dark-Log .ansi-bright-black-fg {
color: #4e4e4e;
}
.dark-Log .ansi-red-fg,
.dark-Log .ansi-bright-red-fg {
color: #ff6c60;
}
.dark-Log .ansi-green-fg,
.dark-Log .ansi-bright-green-fg {
color: #0a0;
}
.dark-Log .ansi-yellow-fg,
.dark-Log .ansi-bright-yellow-fg {
color: #ffffb6;
}
.dark-Log .ansi-blue-fg,
.dark-Log .ansi-bright-blue-fg {
color: #96cbfe;
}
.dark-Log .ansi-magenta-fg,
.dark-Log .ansi-bright-magenta-fg {
color: #ff73fd;
}
.dark-Log .ansi-cyan-fg,
.dark-Log .ansi-bright-cyan-fg {
color: #5ff;
}
.dark-Log .ansi-white-fg,
.dark-Log .ansi-bright-white-fg {
color: #eee;
}
.dark-Log .ansi-grey-fg,
.dark-Log .ansi-bright-grey-fg {
color: #969696;
}
.dark-Log .ansi-black-bg {
background-color: #4e4e4e;
}
.dark-Log .ansi-red-bg {
background-color: #ff6c60;
}
.dark-Log .ansi-green-bg {
background-color: #0a0;
}
.dark-Log .ansi-yellow-bg {
background-color: #ffffb6;
}
.dark-Log .ansi-blue-bg {
background-color: #96cbfe;
}
.dark-Log .ansi-magenta-bg {
background-color: #ff73fd;
}
.dark-Log .ansi-cyan-bg {
background-color: #0aa;
}
.dark-Log .ansi-white-bg {
background-color: #eee;
}
.dark-JsonField-nodeValue {
white-space: normal;
word-break: break-all;
overflow-wrap: break-word;
}
.dark-Icon {
height: var(--fontSizeBase);
vertical-align: middle;
}
.dark-Steps {
display: flex;
list-style: none;
padding: 0;
}
.dark-Steps .dark-StepsItem {
flex: 1;
overflow: hidden;
padding: 0 1.25rem;
height: auto;
line-height: 2rem;
}
.dark-Steps .dark-StepsItem-containerIcon {
vertical-align: top;
display: inline-block;
padding-right: 0.625rem;
}
.dark-Steps .dark-StepsItem-containerIcon .dark-StepsItem-icon {
display: inline-block;
width: 1.875rem;
height: 1.875rem;
line-height: 1.75rem;
border-radius: 50%;
font-size: var(--Steps-icon-fontsize);
text-align: center;
}
.dark-Steps .dark-StepsItem-containerWrapper {
display: inline-block;
position: relative;
}
.dark-Steps .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title {
font-size: var(--Steps-title-fontsize);
color: var(--Steps-title-color);
padding-right: 1.25rem;
position: relative;
display: inline-block;
}
.dark-Steps .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title > span {
display: inline-block;
}
.dark-Steps .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title:after {
content: "";
position: absolute;
right: 0;
top: 1rem;
height: 1px;
left: 100%;
width: 9999px;
padding-right: 0.625rem;
background-color: var(--Steps-line-bg);
}
.dark-Steps .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title.is-success:after {
background-color: var(--Steps-line-success-bg);
}
.dark-Steps .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-subTitle {
padding-left: 0.625rem;
font-size: var(--Steps-sub-title-fontsize);
color: var(--Steps-sub-title-color);
}
.dark-Steps .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-description {
max-width: 8.75rem;
white-space: nowrap;
}
.dark-Steps .dark-StepsItem:last-child {
flex: none;
}
.dark-Steps .dark-StepsItem:last-child .dark-StepsItem-title:after {
display: none;
}
.dark-Steps--vertical {
flex-direction: column;
}
.dark-Steps--vertical .dark-StepsItem {
padding: 0.3125rem 0;
min-height: 75px;
}
.dark-Steps--vertical .dark-StepsItem-containerIcon > .dark-StepsItem-icon {
position: relative;
}
.dark-Steps--vertical .dark-StepsItem-containerIcon > .dark-StepsItem-icon:after {
content: "";
position: absolute;
right: 0;
top: 2.1875rem;
height: 9999px;
left: 0.875rem;
width: 1px;
background-color: var(--Steps-line-bg);
}
.dark-Steps--vertical .dark-StepsItem-containerWrapper > .dark-StepsItem-body > .dark-StepsItem-title:after {
display: none;
}
.dark-Steps--vertical .dark-StepsItem:last-child {
flex: none;
}
.dark-Steps--vertical .dark-StepsItem:last-child .dark-StepsItem-icon:after {
display: none;
}
.dark-Steps .dark-StepsItem.is-wait .dark-StepsItem-icon {
background-color: var(--white);
color: var(--Steps-bg);
border: 1px solid var(--Steps-bg);
}
.dark-Steps .dark-StepsItem.is-error .dark-StepsItem-icon {
background-color: var(--Steps-status-error);
color: var(--white);
border: 1px solid var(--Steps-status-error);
}
.dark-Steps .dark-StepsItem.is-error .dark-StepsItem-title,
.dark-Steps .dark-StepsItem.is-error .dark-StepsItem-subTitle,
.dark-Steps .dark-StepsItem.is-error .dark-StepsItem-description {
color: var(--Steps-status-error);
}
.dark-Steps .dark-StepsItem.is-finish .dark-StepsItem-icon,
.dark-Steps .dark-StepsItem.is-process .dark-StepsItem-icon {
background-color: var(--Steps-status-success);
color: var(--white);
border: 1px solid var(--Steps-status-success);
}
.dark-Steps-mobile.dark-Steps--horizontal .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title::after {
display: none !important;
}
.dark-Steps-mobile.dark-Steps--horizontal .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title .dark-StepsItem-subTitle {
padding-left: 0.3125rem;
}
.dark-Steps-mobile.dark-Steps--horizontal .dark-StepsItem-containerIcon {
position: relative;
display: block;
}
.dark-Steps-mobile.dark-Steps--horizontal .dark-StepsItem-containerIcon:after {
content: "";
position: absolute;
right: 0;
top: 0.9375rem;
height: 1px;
left: 2.5rem;
width: 99999px;
background-color: var(--Steps-line-bg);
}
.dark-Steps-mobile.dark-Steps--horizontal .dark-StepsItem-containerIcon.is-success:after {
background-color: var(--Steps-line-success-bg);
}
.dark-Steps-mobile.dark-Steps--horizontal .dark-StepsItem:last-child {
flex: 1;
}
.dark-Steps-mobile.dark-Steps--horizontal .dark-StepsItem:last-child .dark-StepsItem-containerIcon:after {
display: none !important;
}
.dark-Portlet {
border: var(--Portlet-borderWidth) var(--Portlet-borderStyle) var(--Portlet-borderColor);
border-radius: var(--Portlet-borderRadius);
padding: var(--gap-base);
}
.dark-Portlet-tab.unactive-select .is-active a:first-child, .dark-Portlet-tab.unactive-select .is-active:hover > a:first-child,
.dark-Portlet-tab.unactive-select .is-active > a:first-child:focus {
border: none !important;
color: inherit !important;
cursor: auto !important;
}
.dark-Portlet-tab.no-divider .dark-Tabs-links {
border-bottom: none;
}
.dark-Portlet .dark-Tabs-pane {
padding: unset;
}
.dark-Portlet-toolbar {
display: inline-flex;
float: right;
justify-content: flex-end;
}
.dark-Portlet-toolbar .dark-Button {
margin-left: calc(var(--gap-xs));
}
.dark-Portlet-header-desc {
height: 100%;
overflow: hidden;
position: relative;
margin-left: var(--gap-base);
}
.dark-Portlet.no-header .dark-Portlet-tab .dark-Tabs-links {
display: none;
}
.u-hairline::after {
position: absolute;
box-sizing: border-box;
content: " ";
pointer-events: none;
top: -50%;
right: -50%;
bottom: -50%;
left: -50%;
border: 0 solid var(--borderColorLight);
z-index: 1;
transform: scale(0.5);
}
.dark-GridNav {
display: flex;
flex-wrap: wrap;
}
.dark-GridNav-top {
position: relative;
}
.dark-GridNav-top::after {
border-top-width: 0.0625rem;
}
.dark-GridNavItem {
position: relative;
box-sizing: border-box;
}
.dark-GridNavItem--square {
height: 0;
position: relative;
}
.dark-GridNavItem-icon {
width: var(--rv-grid-item-icon-size);
}
.dark-GridNavItem-text {
color: var(--text-color);
font-size: var(--fontSizeSm);
line-height: 1.5;
word-break: break-all;
flex-shrink: 0;
}
.dark-GridNavItem-icon + .dark-GridNavItem-text {
margin-top: 0.5rem;
}
.dark-GridNavItem-image {
display: inline-block;
}
.dark-GridNavItem-image svg,
.dark-GridNavItem-image img {
max-width: 100%;
display: block;
width: 60%;
margin: 0 auto;
}
.dark-GridNavItem-content {
display: flex;
flex-direction: column;
box-sizing: border-box;
height: 100%;
padding: var(--gap-md) var(--gap-sm);
background-color: var(--white);
position: relative;
}
.dark-GridNavItem-content .dark-Badge-text {
z-index: 10;
}
.dark-GridNavItem-content--border::after {
border-width: 0 var(--borderWidth) var(--borderWidth) 0;
}
.dark-GridNavItem-content--square {
position: absolute;
top: 0;
right: 0;
left: 0;
}
.dark-GridNavItem-content--center {
align-items: center;
justify-content: center;
}
.dark-GridNavItem-content--horizontal {
flex-direction: row;
}
.dark-GridNavItem-content--horizontal .dark-GridNavItem-text {
margin: 0 0 0 var(--gap-sm);
}
.dark-GridNavItem-content--reverse {
flex-direction: column-reverse;
}
.dark-GridNavItem-content--reverse .dark-GridNavItem-text {
margin: 0 0 var(--gap-sm);
}
.dark-GridNavItem-content--horizontal .dark-GridNavItem-content--reverse {
flex-direction: row-reverse;
}
.dark-GridNavItem-content--horizontal .dark-GridNavItem-content--reverse .dark-GridNavItem-text {
margin: 0 var(--gap-sm) 0 0;
}
.dark-GridNavItem-content--surround::after {
border-width: var(--borderWidth);
}
.dark-GridNavItem-content--clickable {
cursor: pointer;
}
fieldset.dark-Collapse--lg, fieldset.dark-Collapse--md, fieldset.dark-Collapse--base, fieldset.dark-Collapse--sm, fieldset.dark-Collapse--xs {
position: relative;
}
fieldset.dark-Collapse--lg:after, fieldset.dark-Collapse--md:after, fieldset.dark-Collapse--base:after, fieldset.dark-Collapse--sm:after, fieldset.dark-Collapse--xs:after {
content: "";
pointer-events: none;
border: 1px solid var(--borderColor);
position: absolute;
z-index: 0;
top: 11px;
left: 0;
bottom: 0;
right: 0;
}
fieldset.dark-Collapse--lg > legend, fieldset.dark-Collapse--md > legend, fieldset.dark-Collapse--base > legend, fieldset.dark-Collapse--sm > legend, fieldset.dark-Collapse--xs > legend {
position: absolute;
top: 0;
left: 0;
display: inline-block;
border: 0;
width: auto;
z-index: 1;
background: var(--Fieldset-legend-bgColor);
border-left: 0 !important;
}
fieldset.dark-Collapse--lg .collapse, fieldset.dark-Collapse--md .collapse, fieldset.dark-Collapse--base .collapse, fieldset.dark-Collapse--sm .collapse, fieldset.dark-Collapse--xs .collapse {
position: relative;
}
fieldset.dark-Collapse {
margin-bottom: var(--Form-item-gap);
}
fieldset.dark-Collapse > legend {
font-weight: var(--fontWeightNormal);
padding: var(--gap-xs) 0;
font-size: var(--fontSizeMd);
color: var(--text--loud-color);
border-left: var(--primary) 0.25rem solid;
line-height: 1.2;
padding: 0 0 0 14px;
cursor: pointer;
border-bottom: none !important;
background: transparent;
display: flex;
justify-content: flex-start !important;
flex-direction: row !important;
position: relative;
left: 9px;
}
fieldset.dark-Collapse > legend:hover {
background: transparent;
}
fieldset.dark-Collapse--xs {
padding: 20px 5px 5px 5px;
}
fieldset.dark-Collapse--xs > legend {
left: 5px;
font-size: var(--fontSizeXs);
padding: 0 3px;
margin: 0 0 0 -3px;
}
fieldset.dark-Collapse--xs:after {
top: 6px;
}
fieldset.dark-Collapse--sm {
padding: 25px 10px 10px 10px;
}
fieldset.dark-Collapse--sm > legend {
left: 10px;
font-size: var(--fontSizeSm);
padding: 0 5px;
margin: 0 0 0 -5px;
}
fieldset.dark-Collapse--sm:after {
top: 6px;
}
fieldset.dark-Collapse--base {
padding: 30px var(--gap-md) var(--gap-md) var(--gap-md);
}
fieldset.dark-Collapse--base > legend {
left: var(--gap-md);
font-size: var(--fontSizeBase);
padding: 0 8px;
margin: 0 0 0 -8px;
}
fieldset.dark-Collapse--base:after {
top: 7px;
}
fieldset.dark-Collapse--md {
padding: 30px 20px 20px 20px;
}
fieldset.dark-Collapse--md > legend {
left: 20px;
font-size: var(--fontSizeMd);
padding: 0 10px;
margin: 0 0 0 -10px;
}
fieldset.dark-Collapse--md:after {
top: 7px;
}
fieldset.dark-Collapse--lg {
padding: 40px 30px 30px 30px;
}
fieldset.dark-Collapse--lg > legend {
left: 30px;
font-size: var(--fontSizeLg);
padding: 0 var(--gap-md);
margin: 0 0 0 calc(var(--gap-md) * -1);
}
fieldset.dark-Collapse--lg:after {
top: 9px;
}
@media (max-width: 767px) {
fieldset.dark-Collapse {
margin: 8px 0 0 0;
}
fieldset.dark-Collapse > legend {
border-left: none;
font-size: 16px;
font-weight: 500;
letter-spacing: 0px;
color: var(--saas-Title-Text);
padding-left: 16px;
height: 44px;
border-bottom: 1px solid var(--saas-Border-Dividers) !important;
line-height: 44px;
background-color: var(--saas-main-bg) !important;
left: 0;
}
fieldset.dark-Collapse > legend:hover {
background-color: var(--saas-main-bg) !important;
}
fieldset.dark-Collapse > legend::before {
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: 8px;
transform: translateY(-50%);
width: 3px;
height: 16px;
border-radius: 5px;
background-color: var(--saas-Primary-Color);
}
fieldset.dark-Collapse .dark-Collapse-contentWrapper .dark-Collapse-body {
padding-left: 0;
}
fieldset.dark-Collapse .dark-Collapse-contentWrapper .dark-Collapse-body .dark-Collapse-content {
padding: 0;
}
}
.dark-Form-groupColumn {
margin-bottom: var(--gap-sm);
}
@media (min-width: 768px) {
.dark-Form-group {
margin-bottom: var(--Form-item-gap);
}
.dark-Form-group:last-child {
margin-bottom: 0;
}
.dark-Form-value > .dark-Form-group {
margin-bottom: var(--Form-input-marginBottom);
}
.dark-Form-group--hor {
display: flex;
flex-wrap: wrap;
margin-left: calc(var(--Form-group-gutterWidth) / -2);
margin-right: calc(var(--Form-group-gutterWidth) / -2);
align-items: flex-start;
}
.dark-Form-group--hor.v-middle {
align-items: center;
}
.dark-Form-group--hor.v-bottom {
align-items: flex-end;
}
.dark-Form-group--hor > * {
padding-left: calc(var(--Form-group-gutterWidth) / 2);
padding-right: calc(var(--Form-group-gutterWidth) / 2);
}
.dark-Form-group--hor > .dark-Form-item--inline {
margin-right: 0;
}
.dark-Form-group--hor .dark-Form-input > .dark-Form-group {
margin-bottom: 0;
}
.dark-Form-group--lg {
margin-left: calc(var(--Form-group--lg-gutterWidth) / -2);
margin-right: calc(var(--Form-group--lg-gutterWidth) / -2);
}
.dark-Form-group--lg > * {
padding-left: calc(var(--Form-group--lg-gutterWidth) / 2);
padding-left: calc(var(--Form-group--lg-gutterWidth) / 2);
}
.dark-Form-group--md {
margin-left: calc(var(--Form-group--md-gutterWidth) / -2);
margin-right: calc(var(--Form-group--md-gutterWidth) / -2);
}
.dark-Form-group--md > * {
padding-left: calc(var(--Form-group--md-gutterWidth) / 2);
padding-right: calc(var(--Form-group--md-gutterWidth) / 2);
}
.dark-Form-group--sm {
margin-left: calc(var(--Form-group--sm-gutterWidth) / -2);
margin-right: calc(var(--Form-group--sm-gutterWidth) / -2);
}
.dark-Form-group--sm > * {
padding-left: calc(var(--Form-group--sm-gutterWidth) / 2);
padding-right: calc(var(--Form-group--sm-gutterWidth) / 2);
}
.dark-Form-group--xs {
margin-left: calc(var(--Form-group--xs-gutterWidth) / -2);
margin-right: calc(var(--Form-group--xs-gutterWidth) / -2);
}
.dark-Form-group--xs > * {
padding-left: calc(var(--Form-group--xs-gutterWidth) / 2);
padding-right: calc(var(--Form-group--xs-gutterWidth) / 2);
}
.dark-Form-groupColumn {
flex-basis: 0;
flex-grow: 1;
width: 100%;
max-width: 100%;
margin-bottom: 0;
}
.dark-Form-groupColumn--1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
min-height: 1px;
}
.dark-Form-groupColumn--2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
min-height: 1px;
}
.dark-Form-groupColumn--3 {
flex: 0 0 25%;
max-width: 25%;
min-height: 1px;
}
.dark-Form-groupColumn--4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
min-height: 1px;
}
.dark-Form-groupColumn--5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
min-height: 1px;
}
.dark-Form-groupColumn--6 {
flex: 0 0 50%;
max-width: 50%;
min-height: 1px;
}
.dark-Form-groupColumn--7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
min-height: 1px;
}
.dark-Form-groupColumn--8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
min-height: 1px;
}
.dark-Form-groupColumn--9 {
flex: 0 0 75%;
max-width: 75%;
min-height: 1px;
}
.dark-Form-groupColumn--10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
min-height: 1px;
}
.dark-Form-groupColumn--11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
min-height: 1px;
}
.dark-Form-groupColumn--12 {
flex: 0 0 100%;
max-width: 100%;
min-height: 1px;
}
.dark-Form-groupColumn--auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
min-height: 1px;
}
}
.dark-InputGroup {
display: inline-flex;
flex-wrap: nowrap;
}
.dark-InputGroup.dark-Form-control--sizeXs, .dark-InputGroup.dark-Form-control--sizeSm, .dark-InputGroup.dark-Form-control--sizeMd, .dark-InputGroup.dark-Form-control--sizeLg {
display: inline-flex;
}
.dark-InputGroup-addOn, .dark-InputGroup .dark-Form-control {
display: inline-block;
white-space: nowrap;
}
.dark-InputGroup-addOn {
background: var(--InputGroup-addOn-bg);
border: var(--InputGroup-addOn-borderWidth) solid var(--InputGroup-addOn-borderColor);
line-height: calc( var(--InputGroup-height) - var(--InputGroup-paddingY) * 2 - var(--InputGroup-addOn-borderWidth) * 2 );
height: var(--InputGroup-height);
box-sizing: border-box;
padding: var(--InputGroup-paddingY) var(--InputGroup-paddingX);
}
.dark-InputGroup-addOn:not(:last-child) {
border-right: 0;
}
.dark-InputGroup-addOn:first-child {
border-top-left-radius: var(--InputGroup-addOn-borderRadius);
border-bottom-left-radius: var(--InputGroup-addOn-borderRadius);
}
.dark-InputGroup-addOn:last-child {
border-top-right-radius: var(--InputGroup-addOn-borderRadius);
border-bottom-right-radius: var(--InputGroup-addOn-borderRadius);
}
.dark-InputGroup-btn .dark-Button {
border-radius: 0;
border: var(--InputGroup-button-borderWidth) solid var(--InputGroup-button-borderColor);
}
.dark-InputGroup-btn:not(:last-child) .dark-Button {
border-right: 0;
}
.dark-InputGroup-btn:first-child .dark-Button {
border-top-left-radius: var(--InputGroup-button-borderRadius);
border-bottom-left-radius: var(--InputGroup-button-borderRadius);
}
.dark-InputGroup-btn:last-child .dark-Button {
border-top-right-radius: var(--InputGroup-button-borderRadius);
border-bottom-right-radius: var(--InputGroup-button-borderRadius);
}
.dark-InputGroup .dark-TextControl-input {
flex-basis: 0;
flex-grow: 1;
display: inline-flex;
}
.dark-InputGroup .dark-TextControl-input:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dark-InputGroup .dark-SelectControl .dark-Select {
background: var(--InputGroup-select-bg);
border: var(--InputGroup-select-borderWidth) solid var(--InputGroup-select-borderColor);
color: var(--InputGroup-select-color);
}
.dark-InputGroup .dark-SelectControl:not(:last-child) .dark-Select {
border-right: 0;
}
.dark-InputGroup .dark-SelectControl:first-child .dark-Select {
border-top-left-radius: var(--InputGroup-select-borderRadius);
border-bottom-left-radius: var(--InputGroup-select-borderRadius);
}
.dark-InputGroup .dark-SelectControl:last-child .dark-Select {
border-top-right-radius: var(--InputGroup-select-borderRadius);
border-bottom-right-radius: var(--InputGroup-select-borderRadius);
}
.dark-InputGroup .dark-SelectControl:not(:first-child) .dark-Select {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dark-InputGroup .dark-SelectControl:not(:last-child) .dark-Select {
border-right-width: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.dark-InputGroup .dark-Select-arrow {
color: var(--InputGroup-select-arrowColor);
}
.dark-InputGroup.is-focused .dark-InputGroup-addOn,
.dark-InputGroup.is-focused .dark-TextControl-input,
.dark-InputGroup.is-focused .dark-Select,
.dark-InputGroup.is-focused .dark-InputGroup-btn .dark-Button {
border-color: var(--InputGroup-addOn-onFocused-borderColor);
}
.dark-InputGroup.is-focused .dark-Select {
background: var(--InputGroup-select-onFocused-bg);
}
.dark-InputGroup.is-focused .dark-Select {
color: var(--InputGroup-select-onFocused-color);
}
.dark-InputGroup.is-focused .dark-Select-arrow {
color: var(--InputGroup-select-onFocused-arrowColor);
}
.dark-InputGroup.is-focused .dark-InputGroup-addOn {
color: var(--primary);
}
.dark-InputGroup:not(.is-inline) {
display: flex;
}
.dark-TextControl {
position: relative;
max-width: 100%;
color: var(--saas-Title-Text);
}
.dark-TextControl.is-inline {
display: inline-block;
width: var(--Form-control-widthBase);
}
.dark-TextControl-input {
display: flex;
background: var(--Form-input-bg);
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
border-radius: var(--Form-input-borderRadius);
line-height: var(--Form-input-lineHeight);
padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
font-size: var(--Form-input-fontSize);
flex-wrap: wrap;
justify-content: flex-start;
flex-wrap: nowrap;
}
.dark-TextControl-input input {
flex-basis: 5rem;
flex-grow: 1;
outline: none;
background: transparent;
border: none;
color: var(--saas-font-size-dark-black);
width: 100%;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
.dark-TextControl-input input::placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-TextControl-input input::-webkit-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-TextControl-input input::-moz-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-TextControl-input input::-ms-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-TextControl-input input::placeholder {
user-select: none;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-TextControl-input input {
height: 100%;
}
.dark-TextControl-input input[type=checkbox] {
width: auto;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-TextControl-input input {
height: 100%;
}
.dark-TextControl-input input[type=checkbox] {
width: auto;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
}
.dark-TextControl-input:hover {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-TextControl-input:hover a {
opacity: 1;
}
.dark-TextControl-input:focus-within {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-TextControl-input--borderHalf {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
}
.dark-TextControl-input--borderNone {
border-color: transparent !important;
}
.dark-TextControl.is-error > .dark-TextControl-input {
border-color: var(--Form-input-onError-borderColor);
background: var(--Form-input-onError-bg);
transition: all var(--animation-duration);
}
.dark-TextControl.is-focused > .dark-TextControl-input {
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
background: var(--Form-input-onFocused-bg);
transition: all var(--animation-duration);
}
.dark-TextControl.is-error.is-focused > .dark-TextControl-input {
border-color: var(--Form-input-onError-borderColor);
}
.dark-TextControl.is-disabled > .dark-TextControl-input {
color: var(--text--muted-color);
background: var(--Form-input-onDisabled-bg);
border-color: var(--Form-input-onDisabled-borderColor);
transition: all var(--animation-duration);
}
.dark-TextControl-spinner {
line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
.dark-TextControl-clear {
padding: 0.1875rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
}
.dark-TextControl-clear svg {
fill: var(--saas-font-size-dark-black);
top: 0;
width: 0.625rem;
height: 0.625rem;
}
.dark-TextControl-clear:hover svg {
fill: var(--saas-font-size-black);
}
.dark-TextControl-color .anticon svg {
width: 0.875rem;
height: 0.875rem;
}
@media (min-width: 576px) {
.dark-TextControl.dark-Form-control--sizeXs > .dark-TextControl-input, .dark-TextControl.dark-Form-control--sizeSm > .dark-TextControl-input, .dark-TextControl.dark-Form-control--sizeMd > .dark-TextControl-input, .dark-TextControl.dark-Form-control--sizeLg > .dark-TextControl-input {
min-width: 100%;
display: inline-flex;
}
}
.dark-TextControl-placeholder {
color: var(--saas-Placeholder-Text);
user-select: none;
position: absolute;
top: var(--Form-input-paddingY);
margin-top: calc(2 * var(--Form-input-borderWidth));
line-height: 1;
}
.dark-TextControl.format-xs .dark-TextControl-input {
padding-top: 0;
padding-bottom: 0;
font-size: var(--fontSizeXs);
height: var(--Form-input-height-xs);
}
.dark-TextControl.format-xs .dark-TextControl-input input {
height: 100%;
}
.dark-TextControl.format-sm .dark-TextControl-input {
padding-top: 0;
padding-bottom: 0;
font-size: var(--fontSizeSm);
height: var(--Form-input-height-sm);
}
.dark-TextControl.format-sm .dark-TextControl-input input {
height: 100%;
}
.dark-TextControl--withAddOn {
display: flex;
flex-wrap: nowrap;
}
@media (min-width: 576px) {
.dark-TextControl--withAddOn.dark-Form-control--sizeXs, .dark-TextControl--withAddOn.dark-Form-control--sizeSm, .dark-TextControl--withAddOn.dark-Form-control--sizeMd, .dark-TextControl--withAddOn.dark-Form-control--sizeLg {
display: inline-flex;
}
.dark-TextControl--withAddOn.dark-Form-control--sizeXs > .dark-TextControl-input, .dark-TextControl--withAddOn.dark-Form-control--sizeSm > .dark-TextControl-input, .dark-TextControl--withAddOn.dark-Form-control--sizeMd > .dark-TextControl-input, .dark-TextControl--withAddOn.dark-Form-control--sizeLg > .dark-TextControl-input {
min-width: unset;
}
}
.dark-TextControl--withAddOn > .dark-TextControl-input {
flex-basis: 1;
flex-grow: 1;
min-width: 0;
border-radius: 0;
}
.dark-TextControl--withAddOn > .dark-TextControl-input:first-child {
border-top-left-radius: var(--Form-input-borderRadius);
border-bottom-left-radius: var(--Form-input-borderRadius);
}
.dark-TextControl--withAddOn > .dark-TextControl-input:last-child {
border-top-right-radius: var(--Form-input-borderRadius);
border-bottom-right-radius: var(--Form-input-borderRadius);
}
.dark-TextControl-addOn {
display: flex;
align-items: center;
justify-content: center;
padding-left: 0.625rem;
padding-right: 0.625rem;
background: var(--Form-input-addOnBg);
color: var(--Form-input-addOnColor);
border-color: var(--Form-input-borderColor);
border-style: solid;
border-width: 0.0625rem 0;
}
.dark-TextControl-addOn:first-child {
border-left-width: 0.0625rem;
}
.dark-TextControl-addOn:last-child {
border-right-width: 0.0625rem;
border-top-right-radius: var(--Form-input-borderRadius);
border-bottom-right-radius: var(--Form-input-borderRadius);
}
.dark-TextControl--withAddOn > .dark-TextControl-button > .dark-Button {
position: relative;
border-radius: 0;
margin-left: -0.0625rem;
border: var(--InputGroup-button-borderWidth) solid var(--InputGroup-button-borderColor);
}
.dark-TextControl--withAddOn > .dark-TextControl-button:not(:last-child) .dark-Button {
border-right: 0;
}
.dark-TextControl--withAddOn > .dark-TextControl-button:first-child .dark-Button {
border-top-left-radius: var(--InputGroup-button-borderRadius);
border-bottom-left-radius: var(--InputGroup-button-borderRadius);
}
.dark-TextControl--withAddOn > .dark-TextControl-button:last-child .dark-Button {
border-top-right-radius: var(--InputGroup-button-borderRadius);
border-bottom-right-radius: var(--InputGroup-button-borderRadius);
}
.dark-TextControl--withAddOn.is-focused > .dark-TextControl-button .dark-Button {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-TextControl--withAddOn.is-error > .dark-TextControl-addOn {
border-color: var(--Form-input-onError-borderColor);
}
.dark-TextControl--withAddOn.is-focused > .dark-TextControl-addOn {
border-color: var(--Form-input-onFocused-borderColor);
color: var(--Form-input-onFocus-addOnColor);
box-shadow: var(--Form-input-boxShadow);
}
.dark-TextControl--withAddOn.is-disabled > .dark-TextControl-addOn {
color: var(--text--muted-color);
}
.dark-TextControl--withAddOn.is-inline {
display: inline-block;
}
@media (min-width: 576px) {
.dark-TextControl--withAddOn.is-inline.dark-Form-control--sizeXs > .dark-TextControl-input, .dark-TextControl--withAddOn.is-inline.dark-Form-control--sizeSm > .dark-TextControl-input, .dark-TextControl--withAddOn.is-inline.dark-Form-control--sizeMd > .dark-TextControl-input, .dark-TextControl--withAddOn.is-inline.dark-Form-control--sizeLg > .dark-TextControl-input {
min-width: 100%;
}
}
.dark-TextControl-input--withAC {
position: relative;
flex-wrap: wrap;
padding: 0;
line-height: 1;
}
.dark-TextControl-input--withAC input {
width: auto;
}
.dark-TextControl-input--withAC .dark-TextControl-placeholder {
position: unset;
margin: 0;
top: 0;
font-size: 13px;
}
.dark-TextControl-input--withAC.is-opened .dark-TextControl-sugs {
border: none !important;
}
.dark-TextControl-sugs {
position: absolute;
background: var(--Form-select-menu-bg);
color: var(--Form-select-menu-color);
border: var(--Form-input-borderWidth) solid var(--Form-input-onFocused-borderColor);
left: -0.0625rem;
right: -0.0625rem;
top: 100%;
z-index: 10;
max-height: 18.75rem;
overflow: auto;
box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
}
.dark-TextControl-sugItem {
padding: calc((var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem) / 2) 0.75rem;
}
.dark-TextControl-sugItem svg {
width: 1rem;
margin-top: 0.25rem;
float: right;
fill: var(--Form-input-onHover-iconColor);
}
.dark-TextControl-sugItem:not(.is-disabled) {
cursor: pointer;
}
.dark-TextControl-sugItem.is-highlight {
color: var(--Form-select-menu-onHover-color);
background: var(--Form-select-menu-onHover-bg);
}
.dark-TextControl-value {
user-select: none;
line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
vertical-align: middle;
display: inline-block;
}
.dark-TextControl-input--multiple {
height: auto;
min-height: var(--Form-input-height);
}
.dark-TextControl-input--multiple .dark-TextControl-placeholder {
margin-top: 0;
}
.dark-TextControl-input--multiple .dark-TextControl-valueWrap {
white-space: normal;
margin-bottom: calc(var(--gap-xs) * -1);
}
.dark-TextControl-input--multiple .dark-TextControl-valueWrap > input {
margin-bottom: var(--gap-xs);
}
.dark-TextControl-input--multiple .dark-TextControl-value {
white-space: nowrap;
line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
font-size: var(--Form-selectValue-fontSize);
color: var(--Form-selectValue-color);
background: var(--Form-selectValue-bg);
border: 0.0625rem solid var(--Form-selectValue-borderColor);
border-radius: 0.125rem;
margin: 2px 3px;
}
.dark-TextControl-valueIcon {
cursor: pointer;
border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
padding: 1px 5px;
}
.dark-TextControl-valueIcon:hover {
background: var(--Form-selectValue-onHover-bg);
}
.dark-TextControl-input--multiple .dark-TextControl-valueLabel {
padding: 0 var(--gap-xs);
}
.dark-TextControl-counter {
color: var(--text--muted-color);
}
.dark-TextControl input[type=password] {
letter-spacing: 1.3px;
user-select: none;
}
.dark-TextControl input[type=password]::selection {
background-color: none;
/* 设置选中文本的背景色 */
color: none;
}
.dark-TextControl-simulateInput {
pointer-events: none;
position: absolute;
top: -1px;
white-space: "nowarp";
}
.dark-TextControl-simulateInput .dark-TextControl-simulateInput-container {
width: fit-content;
color: none;
background: none;
position: relative;
transform: translateY(-100%);
pointer-events: none;
}
.dark-TextControl-simulateInput .dark-TextControl-simulateInput-container::after {
content: "";
position: absolute;
top: 2px;
right: -1px;
width: 1px;
height: 16px;
background-color: black;
animation: blink 1s infinite;
}
.has-error--maxLength .dark-TextControl-counter {
color: var(--danger);
}
.dark-TextControl-input:hover {
border-color: var(--Form-input-onHover-borderColor);
}
.dark-TextControl-input input {
color: var(--saas-Title-Text);
}
.dark-TextControl.is-defaultOpen {
display: flex;
}
.dark-TextControl.is-disabled-input input {
color: var(--Form-input-onDisabled-color);
}
.dark-TextControl--withPopover {
position: relative;
}
.dark-TextControl--withPopover .dark-TextControl-addOn {
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
padding: 3px;
background: #f5f9ff;
cursor: pointer;
}
.dark-TextControl--withPopover .dark-TextControl-addOn .button-group {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.dark-TextControl--withPopover .dark-TextControl-addOn .button-group .ant-btn-sm {
font-size: 12px;
}
.dark-TextControl--withPopover .dark-TextControl-addOn-icon {
top: 1px;
right: 2px;
bottom: 1px;
width: 25px;
background-color: var(--Form-input-bg);
border: 0;
}
.dark-TextControl--withPopover .dark-TextControl-addOn-icon .dark-TransferPicker-icon {
margin: auto auto;
}
.dark-TextControl--withPopover .dark-TextControl-addOn-icon .dark-TransferPicker-icon .icon-tablet {
width: 17px;
height: 17px;
}
.dark-TextControl--withPopover .dark-TextControl-addOn-icon .dark-TransferPicker-icon .icon-tablet > path {
fill: var(--saas-font-size-black);
}
@keyframes blink {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
.input-text-overflow-overlay .dark-Select--multi {
display: flex;
align-items: center;
padding: 0;
}
.input-text-overflow-overlay .dark-Select--multi .dark-Select-value-list {
padding-top: 6px;
display: flex;
align-items: center;
flex-wrap: wrap;
max-width: 350px;
}
.input-text-overflow-overlay .dark-Select--multi .copy-btn {
display: flex;
align-items: center;
line-height: 1;
cursor: pointer;
}
.dark-TextareaControl {
position: relative;
}
.dark-TextareaControl > textarea {
border: 1px solid var(--Form-input-borderColor);
border-radius: 4px;
background: var(--Form-input-bg);
padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
font-size: var(--Form-input-fontSize);
display: block;
width: 100%;
line-height: var(--Form-input-lineHeight);
outline: none;
resize: none;
}
.dark-TextareaControl > textarea--borderHalf {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
}
.dark-TextareaControl > textarea--borderNone {
border-color: transparent !important;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-TextareaControl > textarea {
font-size: 0.75rem;
border-radius: 0px;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-TextareaControl > textarea {
border-radius: 0px;
}
}
.dark-TextareaControl > textarea::placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-TextareaControl > textarea::-webkit-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-TextareaControl > textarea::-moz-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-TextareaControl > textarea::-ms-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-TextareaControl > textarea:hover {
border-color: var(--Form-input-onHover-borderColor);
}
.dark-TextareaControl > textarea:focus, .dark-TextareaControl.is-focused > textarea {
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
}
.dark-TextareaControl > textarea:focus:hover, .dark-TextareaControl.is-focused > textarea:hover {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-TextareaControl.is-disabled > textarea, .dark-TextareaControl > textarea[disabled] {
background: #e5e7eb;
color: var(--text--muted-color);
}
.dark-TextareaControl.is-error > textarea {
border-color: var(--Form-input-onError-borderColor);
}
.dark-TextareaControl-counter {
position: absolute;
right: var(--Form-input-paddingX);
bottom: var(--Form-input-paddingY);
font-size: var(--fontSizeSm);
padding: 0 5px;
border-radius: 3px;
color: #fff;
background: rgba(0, 0, 0, 0.6);
}
.dark-TextareaControl-counter.is-empty {
color: #666;
background: rgba(0, 0, 0, 0.4);
}
.has-error--maxLength .dark-TextareaControl-counter {
background: var(--danger);
}
.dark-TextareaControl.is-focused.dark-TextareaControl-borderNone > textarea, .dark-TextareaControl-borderNone > textarea {
border-color: transparent;
}
.dark-TextareaControl.is-focused.dark-TextareaControl-borderNone > textarea:focus, .dark-TextareaControl.is-focused.dark-TextareaControl-borderNone > textarea:hover, .dark-TextareaControl-borderNone > textarea:focus, .dark-TextareaControl-borderNone > textarea:hover {
border-color: transparent;
box-shadow: none;
}
/**
* Aug -- 组件大小
*/
.dark-TextareaControl.format-xs > textarea {
padding-top: var(--Form-input-paddingY-sm);
padding-bottom: var(--Form-input-paddingY-sm);
line-height: var(--Form-input-lineHeight-sm);
font-size: var(--fontSizeSm);
}
.dark-TextareaControl.format-sm > textarea {
padding-top: var(--Form-input-paddingY-xs);
padding-bottom: var(--Form-input-paddingY-xs);
line-height: var(--Form-input-lineHeight-xs);
font-size: var(--fontSizeSm);
}
.dark-Checkbox {
margin: 0 var(--gap-sm) 0 0;
font-weight: var(--fontWeightNormal);
user-select: none;
pointer-events: none;
}
.dark-Checkbox-unlimited {
font-size: var(--fontSizeSm);
margin-right: var(--gap-xl);
cursor: pointer;
padding: 2px 6px;
border-radius: 12px;
color: var(--saas-Title-Text);
}
.dark-Checkbox input {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
pointer-events: none;
}
.dark-Checkbox:hover input:not(:disabled) + i {
border-color: var(--Checkbox-onHover-color);
}
.dark-Checkbox > i {
cursor: pointer;
line-height: 1;
background: transparent;
display: inline-block;
vertical-align: middle;
position: relative;
pointer-events: all;
}
.dark-Checkbox > i + span {
pointer-events: all;
margin-left: var(--Checkbox-gap);
cursor: pointer;
vertical-align: middle;
}
.dark-Checkbox > i + span > a {
margin-left: var(--gap-xs);
display: none;
}
.dark-Checkbox > i + span:empty {
display: none;
}
.dark-Checkbox > i:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 0px;
height: 0px;
background: transparent;
transition: all var(--animation-duration);
transform-origin: 50% 50%;
transform: translate(-50%, -50%);
}
.dark-Checkbox:hover > i + span > a {
display: inline-block;
}
.dark-Checkbox--checkbox {
padding-left: var(--Checkbox-size);
}
.dark-Checkbox--checkbox input {
margin-left: calc(var(--Checkbox-size) * -1);
}
.dark-Checkbox--checkbox input:checked + i {
border-color: var(--Checkbox-onHover-color);
}
.dark-Checkbox--checkbox input:checked + i:before {
width: var(--Checkbox-inner-size);
height: var(--Checkbox-inner-size);
background: var(--Checkbox-onHover-color);
}
.dark-Checkbox--checkbox input[disabled] + i {
border-color: var(--Checkbox-onDisabled-color);
cursor: not-allowed;
}
.dark-Checkbox--checkbox input[disabled] + i:before {
width: var(--Checkbox-inner-size);
height: calc(var(--Checkbox-inner-size) / 2);
background: var(--Checkbox-onDisabled-bg);
}
.dark-Checkbox--checkbox input[disabled] + i + span {
cursor: not-allowed;
color: var(--text--muted-color);
}
.dark-Checkbox--checkbox > i {
width: var(--fontSizeLg);
height: var(--fontSizeLg);
border: 0.0625rem solid var(--Checkbox-color);
border-radius: var(--Checkbox-borderRadius);
margin-left: calc(var(--Checkbox-size) * -1);
}
.dark-Checkbox--full.dark-Checkbox--checkbox:not(:disabled) + i:hover {
border-color: var(--Checkbox-color);
}
.dark-Checkbox--full.dark-Checkbox--checkbox input:checked + i {
border-color: var(--Checkbox-onHover-color);
background: var(--Checkbox-onHover-color);
}
.dark-Checkbox--full.dark-Checkbox--checkbox input:checked + i:before {
width: var(--Checkbox--full-inner-size);
height: calc(var(--Checkbox--full-inner-size) / 2);
border-color: #fff;
}
.dark-Checkbox--full.dark-Checkbox--checkbox input[disabled] + i {
border-color: var(--Checkbox-onDisabled-color);
background: var(--Checkbox-onDisabled-bg);
}
.dark-Checkbox--full.dark-Checkbox--checkbox input:checked[disabled] + i {
border-color: var(--Checkbox-onDisabled-color);
background: var(--Checkbox-onDisabled-bg);
}
.dark-Checkbox--full.dark-Checkbox--checkbox > i {
position: relative;
cursor: pointer;
}
.dark-Checkbox--full.dark-Checkbox--checkbox > i:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 0;
height: 0;
border-color: transparent;
transition: width var(--animation-duration), height var(--animation-duration), transform var(--animation-duration);
border-width: 0 0 0.125rem 0.125rem;
transform: translate(-50%, -60%) rotate(-40deg);
border-style: solid;
}
.dark-Checkbox--radio {
padding-left: var(--Radio-size);
}
.dark-Checkbox--radio input {
margin-left: calc(var(--Radio-size) * -1);
}
.dark-Checkbox--radio input:checked + i {
border-color: var(--Radio-onHover-color);
}
.dark-Checkbox--radio input:checked + i:before {
width: var(--Radio-inner-size);
height: var(--Radio-inner-size);
background: var(--Radio-onHover-color);
border-radius: 50%;
}
.dark-Checkbox--radio input[disabled] + i {
border-color: var(--Radio-onDisabled-color);
background: var(--Radio-onDisabled-bg);
cursor: not-allowed;
}
.dark-Checkbox--radio input[disabled] + i:before {
background: var(--Radio-onDisabled-color);
}
.dark-Checkbox--radio input[disabled] + i + span {
cursor: not-allowed;
color: var(--text--muted-color);
}
.dark-Checkbox--radio input:focus + i {
box-shadow: var(--Radio-onFocus-boxShadow);
}
.dark-Checkbox--radio > i {
cursor: pointer;
width: var(--Radio-size);
height: var(--Radio-size);
border: 0.0625rem solid var(--Radio-color);
margin-left: calc(var(--Radio-size) * -1);
margin-top: -0.125rem;
border-radius: 50%;
}
.dark-Checkbox--sm {
padding-left: var(--Checkbox--sm-size);
}
.dark-Checkbox--sm input {
margin-left: calc(var(--Checkbox--sm-size) * -1);
}
.dark-Checkbox--sm input:checked + i:before {
width: var(--Checkbox--sm-inner-size);
height: var(--Checkbox--sm-inner-size);
}
.dark-Checkbox--sm > i {
width: var(--Checkbox--sm-size);
height: var(--Checkbox--sm-size);
margin-left: calc(var(--Checkbox--sm-size) * -1);
margin-top: 0;
}
.dark-Checkbox--sm > i + span {
margin-left: var(--gap-xs);
}
.dark-Checkbox--sm.dark-Checkbox--full input[type=checkbox]:checked + i:before {
width: var(--Checkbox--sm--full-inner-size);
height: calc(var(--Checkbox--sm--full-inner-size) / 2);
}
.dark-Checkbox-desc {
color: var(--text--muted-color);
margin-left: var(--Checkbox-gap);
margin-top: var(--gap-xs);
pointer-events: all;
}
.dark-CheckboxControl,
.dark-RadiosControl,
.dark-CheckboxesControl {
padding-top: calc((var(--Form-input-height) - var(--Checkbox-size)) / 2 - 2px);
}
.dark-RadiosControl .dark-Checkbox,
.dark-CheckboxesControl .dark-Checkbox {
display: block;
margin-bottom: var(--Form-label-paddingTop);
}
.dark-RadiosControl.is-inline .dark-Checkbox,
.dark-CheckboxesControl.is-inline .dark-Checkbox {
display: inline-block;
margin-right: var(--gap-xl);
}
.dark-RadiosControl.is-inline .dark-Grid .dark-Checkbox,
.dark-CheckboxesControl.is-inline .dark-Grid .dark-Checkbox {
margin-right: 0;
}
.dark-RadiosControl-group:not(:first-child),
.dark-CheckboxesControl-group:not(:first-child) {
margin-top: 0.625rem;
}
.dark-RadiosControl-group .dark-RadiosControl-groupLabel,
.dark-RadiosControl-group .dark-CheckboxesControl-groupLabel,
.dark-CheckboxesControl-group .dark-RadiosControl-groupLabel,
.dark-CheckboxesControl-group .dark-CheckboxesControl-groupLabel {
display: block;
font-size: var(--fontSizeSm);
color: #999;
}
.dark-Checkboxes > .dark-Checkbox {
display: block;
height: var(--Form-input-height);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm) calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) calc(var(--gap-sm) + var(--Checkbox-size));
}
.dark-Checkboxes--inline > .dark-Checkbox {
display: inline-block;
}
.dark-Checkboxes-addBtn {
display: block;
cursor: pointer;
}
.dark-Checkboxes-addBtn:hover {
text-decoration: none;
}
.dark-Checkboxes-addBtn > svg {
width: 0.875rem;
height: 0.875rem;
margin-right: var(--Checkbox-gap);
}
.dark-ListCheckboxes-group:not(:first-child) > .dark-ListCheckboxes-itemLabel,
.dark-ListCheckboxes-group:not(:first-child) > .dark-ListRadios-itemLabel,
.dark-ListRadios-group:not(:first-child) > .dark-ListCheckboxes-itemLabel,
.dark-ListRadios-group:not(:first-child) > .dark-ListRadios-itemLabel {
border-top: 0.0625rem solid var(--ListMenu-divider-color);
}
.dark-ListCheckboxes-group > .dark-ListCheckboxes-itemLabel,
.dark-ListCheckboxes-group > .dark-ListRadios-itemLabel,
.dark-ListRadios-group > .dark-ListCheckboxes-itemLabel,
.dark-ListRadios-group > .dark-ListRadios-itemLabel {
font-size: var(--fontSizeSm);
padding: var(--gap-xs) var(--gap-xs);
color: var(--text--muted-color);
}
.dark-ListCheckboxes-item,
.dark-ListRadios-item {
display: flex;
height: var(--Form-input-height);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
flex-direction: row;
cursor: pointer;
user-select: none;
}
.dark-ListCheckboxes-item > .dark-Checkbox,
.dark-ListRadios-item > .dark-Checkbox {
margin-right: 0;
}
.dark-ListCheckboxes-item.is-active,
.dark-ListRadios-item.is-active {
color: var(--Form-select-menu-onActive-color);
background: var(--Form-select-menu-onActive-bg);
}
.dark-ListCheckboxes-item:hover,
.dark-ListRadios-item:hover {
background: var(--Tree-item-onHover-bg);
}
.dark-ListCheckboxes-item.is-disabled,
.dark-ListRadios-item.is-disabled {
pointer-events: none;
color: var(--text--muted-color);
}
.dark-ListCheckboxes-group > .dark-ListCheckboxes-items > .dark-ListCheckboxes-item,
.dark-ListCheckboxes-group > .dark-ListCheckboxes-items > .dark-ListRadios-item,
.dark-ListCheckboxes-group > .dark-ListRadios-items > .dark-ListCheckboxes-item,
.dark-ListCheckboxes-group > .dark-ListRadios-items > .dark-ListRadios-item,
.dark-ListRadios-group > .dark-ListCheckboxes-items > .dark-ListCheckboxes-item,
.dark-ListRadios-group > .dark-ListCheckboxes-items > .dark-ListRadios-item,
.dark-ListRadios-group > .dark-ListRadios-items > .dark-ListCheckboxes-item,
.dark-ListRadios-group > .dark-ListRadios-items > .dark-ListRadios-item {
padding-left: var(--gap-base);
}
.dark-ListCheckboxes-itemLabel,
.dark-ListRadios-itemLabel {
flex-grow: 1;
}
.dark-ListCheckboxes-itemLabel span,
.dark-ListRadios-itemLabel span {
white-space: nowrap;
}
.dark-ListCheckboxes-placeholder,
.dark-ListRadios-placeholder {
height: var(--Form-input-height);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
color: var(--text--muted-color);
}
.dark-TableCheckboxes .dark-Table-content {
border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
}
.dark-TableCheckboxes .dark-Table-table > thead > tr > th,
.dark-TableCheckboxes .dark-Table-table > tbody > tr > td {
font-size: var(--fontSizeSm);
padding-top: var(--gap-xs);
padding-bottom: 0.375rem;
vertical-align: middle;
}
.dark-TableCheckboxes .dark-Table-table > thead > tr > th {
padding-top: 0.375rem;
}
.dark-TableCheckboxes .dark-Table-table > thead > tr > th:first-child,
.dark-TableCheckboxes .dark-Table-table > tbody > tr > td:first-child {
padding-left: 0.625rem;
padding-right: 0;
}
.dark-TableCheckboxes .dark-Table-table > thead > tr > th:last-child,
.dark-TableCheckboxes .dark-Table-table > tbody > tr > td:last-child {
padding-right: var(--gap-md);
}
.dark-TableCheckboxes .dark-Table-table > tbody > tr {
cursor: pointer;
}
.dark-TreeCheckboxes .dark-Table-expandBtn,
.dark-TreeRadios .dark-Table-expandBtn {
color: var(--icon-color);
margin-right: 5px;
}
.dark-TreeCheckboxes-sublist,
.dark-TreeRadios-sublist {
position: relative;
margin: 0 0 0 2.1875rem;
display: none;
}
.dark-TreeCheckboxes-sublist:before,
.dark-TreeRadios-sublist:before {
width: 1px;
content: "";
display: block;
position: absolute;
top: calc(var(--gap-xs) * -1);
bottom: calc(var(--Form-input-height) / 2);
left: -19px;
border-left: dashed 1px var(--icon-color);
}
.dark-TreeCheckboxes-item,
.dark-TreeRadios-item {
position: relative;
}
.dark-TreeCheckboxes-item.is-expanded > .dark-TreeCheckboxes-sublist,
.dark-TreeCheckboxes-item.is-expanded > .dark-TreeRadios-sublist,
.dark-TreeRadios-item.is-expanded > .dark-TreeCheckboxes-sublist,
.dark-TreeRadios-item.is-expanded > .dark-TreeRadios-sublist {
display: block;
}
.dark-TreeCheckboxes-item:not(:last-child) > .dark-TreeCheckboxes-sublist:before,
.dark-TreeCheckboxes-item:not(:last-child) > .dark-TreeRadios-sublist:before,
.dark-TreeRadios-item:not(:last-child) > .dark-TreeCheckboxes-sublist:before,
.dark-TreeRadios-item:not(:last-child) > .dark-TreeRadios-sublist:before {
bottom: 0;
}
.dark-TreeCheckboxes-sublist .dark-TreeCheckboxes-item:before,
.dark-TreeCheckboxes-sublist .dark-TreeRadios-item:before,
.dark-TreeRadios-sublist .dark-TreeCheckboxes-item:before,
.dark-TreeRadios-sublist .dark-TreeRadios-item:before {
height: 1px;
content: "";
display: block;
position: absolute;
top: calc(var(--Form-input-height) / 2);
width: 19px;
left: -19px;
border-top: dashed 1px var(--icon-color);
}
.dark-TreeCheckboxes-itemInner,
.dark-TreeRadios-itemInner {
display: flex;
align-items: center;
height: var(--Form-input-height);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
flex-direction: row;
cursor: pointer;
user-select: none;
position: relative;
}
.dark-TreeCheckboxes-itemInner > .dark-Checkbox,
.dark-TreeRadios-itemInner > .dark-Checkbox {
margin-right: 0;
margin-left: var(--gap-sm);
}
.dark-TreeCheckboxes-itemInner > *,
.dark-TreeRadios-itemInner > * {
position: relative;
z-index: 2;
}
.dark-TreeCheckboxes-itemInner:hover:after,
.dark-TreeRadios-itemInner:hover:after {
position: absolute;
content: "";
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: -99999px;
background: var(--Tree-item-onHover-bg);
}
.dark-TreeCheckboxes-itemInner.is-active,
.dark-TreeRadios-itemInner.is-active {
color: var(--Form-select-menu-onActive-color);
}
.dark-TreeCheckboxes-itemInner.is-disabled,
.dark-TreeRadios-itemInner.is-disabled {
pointer-events: none;
color: var(--text--muted-color);
}
.dark-TreeCheckboxes-itemLabel,
.dark-TreeRadios-itemLabel {
flex-grow: 1;
}
.dark-TreeCheckboxes-placeholder,
.dark-TreeRadios-placeholder {
height: var(--Form-input-height);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
color: var(--text--muted-color);
}
.dark-ChainedCheckboxes {
display: flex;
flex-direction: row;
}
.dark-ChainedCheckboxes-col {
flex-grow: 1;
min-width: 150px;
}
.dark-ChainedCheckboxes-col:not(:last-child) {
border-right: 1px solid var(--borderColor);
}
.dark-ChainedCheckboxes-subTitle {
font-size: var(--fontSizeSm);
padding: var(--gap-xs) var(--gap-xs);
color: var(--text--muted-color);
}
.dark-ChainedCheckboxes-item {
display: flex;
height: var(--Form-input-height);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
flex-direction: row;
cursor: pointer;
user-select: none;
}
.dark-ChainedCheckboxes-item > .dark-Checkbox {
margin-right: 0;
}
.dark-ChainedCheckboxes-item.is-active {
color: var(--Form-select-menu-onActive-color);
background: var(--Form-select-menu-onActive-bg);
}
.dark-ChainedCheckboxes-item:hover {
background: var(--Tree-item-onHover-bg);
}
.dark-ChainedCheckboxes-item.is-disabled {
pointer-events: none;
color: var(--text--muted-color);
}
.dark-ChainedCheckboxes-itemLabel {
flex-grow: 1;
}
.dark-ChainedCheckboxes-placeholder {
height: var(--Form-input-height);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
color: var(--text--muted-color);
}
.dark-AssociatedCheckboxes {
display: flex;
flex-direction: row;
}
.dark-AssociatedCheckboxes-left, .dark-AssociatedCheckboxes-right {
flex-grow: 1;
width: 0;
height: 10.9375rem;
overflow: auto;
}
.dark-AssociatedCheckboxes-left {
border-right: 1px solid var(--borderColor);
}
.dark-AssociatedCheckboxes-reload {
text-align: center;
color: var(--info);
margin: 20px 0 0;
}
.dark-AssociatedCheckboxes-reload.is-clickable {
cursor: pointer;
}
.dark-AssociatedCheckboxes-box {
line-height: var(--Form-input-lineHeight);
font-size: var(--fontSizeSm);
color: var(--text--muted-color);
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
}
.dark-AssociatedCheckboxes-box > p {
text-align: center;
margin: 10px 0 20px;
color: var(--text--muted-color);
}
/**
* Aug -- 组件大小
*/
.dark-CheckboxControl.format-xs,
.dark-RadiosControl.format-xs,
.dark-CheckboxesControl.format-xs {
padding-top: calc( (var(--Form-input-height-xs) - var(--Checkbox-size)) / 2 - 3px );
}
.dark-CheckboxControl.format-sm,
.dark-RadiosControl.format-sm,
.dark-CheckboxesControl.format-sm {
padding-top: calc( (var(--Form-input-height-sm) - var(--Checkbox-size)) / 2 - 3px );
}
.dark-Selection > .dark-Checkbox {
display: block;
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm) calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) calc(var(--gap-sm) + var(--Checkbox-size));
}
.dark-Selection--inline > .dark-Checkbox {
display: inline-block;
}
.dark-Selection-addBtn {
display: block;
cursor: pointer;
}
.dark-Selection-addBtn:hover {
text-decoration: none;
}
.dark-Selection-addBtn > svg {
width: 0.875rem;
height: 0.875rem;
margin-right: var(--Checkbox-gap);
}
.dark-GroupedSelection {
max-height: 18.75rem;
overflow-y: auto;
overflow-x: hidden;
user-select: none;
}
.dark-GroupedSelection-group:not(:first-child) > .dark-GroupedSelection-itemLabel {
border-top: 0.0625rem solid var(--ListMenu-divider-color);
}
.dark-GroupedSelection-group > .dark-GroupedSelection-itemLabel {
font-size: var(--fontSizeSm);
padding: var(--gap-xs) var(--gap-xs);
color: var(--text--muted-color);
}
.dark-GroupedSelection-item {
display: flex;
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
flex-direction: row;
cursor: pointer;
user-select: none;
}
.dark-GroupedSelection-item > .dark-Checkbox {
margin-right: 0;
}
.dark-GroupedSelection-item.is-active {
color: var(--Form-select-menu-onActive-color);
background: var(--Form-select-menu-onActive-bg);
}
.dark-GroupedSelection-item:hover {
background: var(--Tree-item-onHover-bg);
color: var(--saas-Title-Text);
}
.dark-GroupedSelection-item.is-disabled {
pointer-events: none;
color: var(--text--muted-color);
}
.dark-GroupedSelection-group > .dark-GroupedSelection-items > .dark-GroupedSelection-item {
padding-left: var(--gap-base);
}
.dark-GroupedSelection-itemLabel {
flex-grow: 1;
}
.dark-GroupedSelection-itemLabel span {
white-space: nowrap;
max-width: 100%;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}
.dark-GroupedSelection-placeholder {
height: var(--Form-input-height);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
color: var(--text--muted-color);
}
.dark-TableSelection .dark-Table-content {
border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
}
.dark-TableSelection .dark-Table-table > thead > tr > th,
.dark-TableSelection .dark-Table-table > tbody > tr > td {
font-size: var(--fontSizeSm);
padding-top: var(--gap-xs);
padding-bottom: 0.375rem;
vertical-align: middle;
}
.dark-TableSelection .dark-Table-table > thead > tr > th {
padding-top: 0.375rem;
}
.dark-TableSelection .dark-Table-table > thead > tr > th:first-child,
.dark-TableSelection .dark-Table-table > tbody > tr > td:first-child {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.dark-TableSelection .dark-Table-table > thead > tr > th:last-child,
.dark-TableSelection .dark-Table-table > tbody > tr > td:last-child {
padding-right: var(--gap-md);
}
.dark-TableSelection .dark-Table-table > tbody > tr {
cursor: pointer;
}
.dark-TableSelection .dark-Table-table > tbody > tr.is-active {
color: var(--Form-select-menu-onActive-color);
background: var(--Form-select-menu-onActive-bg);
}
.dark-TreeSelection .dark-Table-expandBtn {
color: var(--icon-color);
margin-right: 5px;
}
.dark-TreeSelection-sublist {
position: relative;
margin: 0 0 0 2.1875rem;
display: none;
}
.dark-TreeSelection-sublist:before {
width: 1px;
content: "";
display: block;
position: absolute;
top: calc(var(--gap-xs) * -1);
bottom: calc(var(--Form-input-height) / 2);
left: -19px;
border-left: dashed 1px var(--icon-color);
}
.dark-TreeSelection-item {
position: relative;
}
.dark-TreeSelection-item.is-expanded > .dark-TreeSelection-sublist {
display: block;
}
.dark-TreeSelection-item:not(:last-child) > .dark-TreeSelection-sublist:before {
bottom: 0;
}
.dark-TreeSelection-sublist .dark-TreeSelection-item:before {
height: 1px;
content: "";
display: block;
position: absolute;
top: calc(var(--Form-input-height) / 2);
width: 19px;
left: -19px;
border-top: dashed 1px var(--icon-color);
}
.dark-TreeSelection-itemInner {
display: flex;
align-items: center;
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
flex-direction: row;
white-space: nowrap;
/*控制单行显示*/
overflow: hidden;
/*超出隐藏*/
text-overflow: ellipsis;
/*隐藏的字符用省略号表示*/
cursor: pointer;
user-select: none;
position: relative;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-TreeSelection-itemInner {
font-size: 0.75rem;
}
}
.dark-TreeSelection-itemInner > .dark-Checkbox {
margin-right: 0;
margin-left: var(--gap-sm);
}
.dark-TreeSelection-itemInner > * {
position: relative;
z-index: 2;
}
.dark-TreeSelection-itemInner:hover:after {
position: absolute;
content: "";
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: -99999px;
background: var(--Tree-item-onHover-bg);
}
.dark-TreeSelection-itemInner.is-active {
color: var(--Form-select-menu-onActive-color);
}
.dark-TreeSelection-itemInner.is-disabled {
pointer-events: none;
color: var(--text--muted-color);
}
.dark-TreeSelection-itemLabel {
flex-grow: 1;
}
.dark-TreeSelection-placeholder {
height: var(--Form-input-height);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
color: var(--text--muted-color);
}
.dark-ChainedSelection {
display: flex;
flex-direction: row;
}
.dark-ChainedSelection-col {
flex-grow: 1;
min-width: 150px;
overflow: auto;
}
.dark-ChainedSelection-col:not(:last-child) {
border-right: 1px solid var(--borderColor);
}
.dark-ChainedSelection-subTitle {
font-size: var(--fontSizeSm);
padding: var(--gap-xs) var(--gap-xs);
color: var(--text--muted-color);
}
.dark-ChainedSelection-item {
display: flex;
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
flex-direction: row;
cursor: pointer;
user-select: none;
}
.dark-ChainedSelection-item > .dark-Checkbox {
margin-right: 0;
}
.dark-ChainedSelection-item.is-active {
color: var(--Form-select-menu-onActive-color);
background: var(--Form-select-menu-onActive-bg);
}
.dark-ChainedSelection-item:hover {
background: var(--Tree-item-onHover-bg);
}
.dark-ChainedSelection-item.is-disabled {
pointer-events: none;
color: var(--text--muted-color);
}
.dark-ChainedSelection-itemLabel {
flex-grow: 1;
}
.dark-ChainedSelection-placeholder {
height: var(--Form-input-height);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
color: var(--text--muted-color);
}
.dark-AssociatedSelection {
display: flex;
flex-direction: row;
}
.dark-AssociatedSelection-left, .dark-AssociatedSelection-right {
flex-grow: 1;
width: 0;
min-height: 12.5rem;
max-height: 25rem;
overflow: auto;
}
.dark-AssociatedSelection-left {
border-right: 1px solid var(--borderColor);
}
.dark-AssociatedSelection-reload {
text-align: center;
color: var(--info);
margin: 20px 0 0;
}
.dark-AssociatedSelection-reload.is-clickable {
cursor: pointer;
}
.dark-AssociatedSelection-box {
line-height: var(--Form-input-lineHeight);
font-size: var(--fontSizeSm);
color: var(--text--muted-color);
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
}
.dark-AssociatedSelection-box > p {
text-align: center;
margin: 10px 0 20px;
color: var(--text--muted-color);
}
.dark-CityPicker .dark-Select {
margin-right: var(--gap-xs);
margin-bottom: var(--gap-xs);
}
.dark-CityPicker-input {
outline: none;
vertical-align: top;
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
border-radius: var(--Form-input-borderRadius);
line-height: var(--Form-input-lineHeight);
padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
font-size: var(--Form-input-fontSize);
}
.dark-CityPicker-input::placeholder {
color: var(--Form-input-placeholderColor);
user-select: none;
}
.dark-CityPicker-input:focus {
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
background: var(--Form-input-onFocused-bg);
}
.dark-Form-item--inline > .dark-Form-value > .dark-CityPicker {
display: inline-block;
}
.dark-CityArea-popup {
height: 17.5rem;
}
.dark-CityArea-Input {
margin-top: var(--gap-xs);
outline: none;
vertical-align: top;
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
border-radius: var(--Form-input-borderRadius);
line-height: var(--Form-input-lineHeight);
padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
font-size: var(--Form-input-fontSize);
display: inline-flex !important;
}
.dark-CityArea-Input::placeholder {
color: var(--Form-input-placeholderColor);
user-select: none;
}
.dark-CityArea-Input:focus {
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
background: var(--Form-input-onFocused-bg);
}
.dark-Switch {
cursor: pointer;
position: relative;
display: inline-block;
height: var(--Switch-height);
min-width: var(--Switch-width);
overflow: hidden;
border-radius: 1.875rem;
background: var(--Switch-bgColor);
margin: 0;
vertical-align: middle;
text-align: left;
}
.dark-Switch.is-disabled {
cursor: not-allowed;
opacity: 0.4;
}
.dark-Switch .text {
margin: 0 0.4375rem 0 1.5625rem;
color: var(--Switch-valueColor);
text-indent: calc(var(--Switch-width) / 2);
text-transform: uppercase;
font-size: var(--fontSizeSm);
line-height: var(--Switch-height);
font-style: normal;
font-weight: bold;
transition: all var(--animation-duration);
vertical-align: super;
}
.dark-Switch .text > svg {
width: var(--fontSizeSm);
height: var(--fontSizeSm);
margin-top: calc((var(--Switch-height) - var(--fontSizeSm)) / 2);
}
.dark-Switch .slider:before {
content: "";
position: absolute;
background: var(--white);
width: calc(var(--Switch-height) - 0.125rem);
top: 0.0625rem;
bottom: 0.0625rem;
left: 0.0625rem;
border-radius: 50%;
transition: margin-left var(--animation-duration);
}
.dark-Switch.is-checked {
background: var(--Switch-onActive-bgColor);
}
.dark-Switch.is-checked .slider::before {
left: auto;
right: 0.0625rem;
border-width: 0;
}
.dark-Switch.is-checked .text {
margin: 0 25px 0 7px;
color: var(--white);
text-indent: var(--gap-xs);
}
.dark-Switch.is-checked.is-disabled .slider:before {
color: var(--Switch-onDisabled-color);
}
.dark-Switch.is-checked.is-disabled .text {
color: var(--Switch-onDisabled-color);
}
.dark-Switch input {
position: absolute;
opacity: 0;
}
.dark-Switch-option {
vertical-align: middle;
margin-left: var(--Switch-gap);
}
.dark-Switch-option:first-child {
margin-left: 0;
margin-right: var(--Switch-gap);
}
.dark-Switch-option:empty {
display: none;
}
.dark-SwitchControl {
padding-top: calc((var(--Form-input-height) - var(--Switch-height)) / 2);
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-SwitchControl {
padding-top: 0;
}
}
.dark-SwitchControl.is-inline {
display: inline-block;
}
/**
* Aug -- 组件大小
*/
.dark-SwitchControl.format-sm {
padding-top: calc((var(--Form-input-height-sm) - var(--Switch-height-sm)) / 2);
}
.dark-SwitchControl.format-sm .dark-Switch {
height: var(--Switch-height-sm);
min-width: var(--Switch-width-sm);
}
.dark-SwitchControl.format-sm .dark-Switch .text {
line-height: var(--Switch-height-sm);
}
.dark-SwitchControl.format-sm .dark-Switch .slider:before {
width: calc(var(--Switch-height-sm) - 0.125rem);
}
.dark-SwitchControl.format-xs {
padding-top: calc((var(--Form-input-height-xs) - var(--Switch-height-xs)) / 2);
}
.dark-SwitchControl.format-xs .dark-Switch {
height: var(--Switch-height-xs);
min-width: var(--Switch-width-xs);
}
.dark-SwitchControl.format-xs .dark-Switch .text {
line-height: var(--Switch-height-xs);
}
.dark-SwitchControl.format-xs .dark-Switch .slider:before {
width: calc(var(--Switch-height-xs) - 0.125rem);
}
.dark-Number {
margin: 0;
padding: 0;
font-size: var(--Form-input-fontSize);
display: inline-block;
vertical-align: middle;
background: var(--Number-bg);
border: var(--Number-borderWidth) solid var(--Number-borderColor);
border-radius: 4px;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Number {
border-radius: 0px;
}
}
@media screen and (min-width: 1440px) and (max-width: 1680px) {
.dark-Number {
border-radius: 0px;
}
}
@media (max-width: 767px) {
.dark-Number {
font-size: 15px;
}
}
.dark-Number-disabled {
background: var(--Form-input-onDisabled-bg) !important;
}
.dark-Number--borderHalf {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
}
.dark-Number--borderNone {
border-color: transparent !important;
}
.dark-Number.no-steps > .dark-Number-handler-wrap {
display: none;
}
.dark-Number-focused {
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
}
.dark-Number-handler {
text-align: center;
overflow: hidden;
display: block;
touch-action: none;
}
.dark-Number-handler-active {
background: #ddd;
}
.dark-Number-handler-up-inner, .dark-Number-handler-down-inner {
user-select: none;
-webkit-user-select: none;
display: inline-block;
}
.dark-Number:hover {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-Number:hover .dark-Number-handler-up,
.dark-Number:hover .dark-Number-handler-wrap {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-Number-disabled:hover {
border-color: var(--Form-input-borderColor);
}
.dark-Number-disabled:hover .dark-Number-handler-up,
.dark-Number-disabled:hover .dark-Number-handler-wrap {
border-color: var(--Form-input-borderColor);
}
.dark-Number-input-wrap {
overflow: hidden;
height: 100%;
}
.dark-Number-input {
width: 100%;
background: transparent;
text-align: inherit;
vertical-align: top;
outline: 0;
-moz-appearance: textfield;
line-height: calc(var(--Form-input-height) - var(--Number-borderWidth) * 2);
transition: all var(--animation-duration) ease;
border: 0;
border-radius: var(--Form-input-borderRadius);
padding: 0 var(--Form-input-paddingX);
color: var(--saas-font-size-black);
}
.dark-Number-input::placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-Number-input::-webkit-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-Number-input::-moz-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-Number-input::-ms-input-placeholder {
color: var(--saas-font-size-deep-black);
}
@media (max-width: 767px) {
.dark-Number-input {
padding: 0;
line-height: 22px;
}
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Number-input {
padding: 0;
height: 100%;
}
}
@media screen and (min-width: 1440px) and (max-width: 1680px) {
.dark-Number-input {
line-height: 22px;
}
}
.dark-Number-handler {
background: var(--Number-handler-bg);
color: var(--Number-handler-color);
font-family: var(--Number-handler-fontFamily);
font-size: var(--Number-handler-fontSize);
}
.dark-Number-handler:hover {
background: var(--Number-handler-onHover-bg);
color: var(--Number-handler-onHover-color);
}
.dark-Number-handler:hover:active {
background: var(--Number-handler-onActive-bg);
}
.dark-Number-handler-up-inner {
transform: var(--Number-handler--up-transform);
color: #999;
}
.dark-Number-handler-up-inner:after {
content: var(--Number-handler--up-content);
}
.dark-Number-handler-down-inner:after {
color: #999;
content: var(--Number-handler--down-content);
}
.dark-Number-handler-wrap {
float: right;
border-left: 0.0625rem solid var(--Form-input-borderColor);
width: var(--Number-handler-width);
height: 100%;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
overflow: hidden;
}
.dark-Number-handler {
line-height: calc((var(--Form-input-height) - 0.375rem) / 2);
height: calc((var(--Form-input-height) - var(--Number-borderWidth) * 2) / 2);
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Number-handler {
height: calc(1rem / 2);
line-height: calc((1rem - 0.375rem) / 2);
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-Number-handler {
height: calc(1.3rem / 2);
line-height: calc((1.5rem - 0.375rem) / 2);
}
}
.dark-Number-handler-up {
border-bottom: var(--Number-handler-borderBottom);
padding-top: 0.0625rem;
}
.dark-Number-handler-down-disabled, .dark-Number-handler-up-disabled {
background: var(--Number-handler-onDisabled-bg);
pointer-events: none;
color: var(--Number-handler-onDisabled-color);
}
.dark-Number-disabled .dark-Number-input {
opacity: 0.72;
cursor: not-allowed;
background: var(--Form-input-onDisabled-bg);
}
@media (max-width: 767px) {
.dark-Number-disabled .dark-Number-input {
background: #fff;
}
}
.dark-Number-disabled .dark-Number-handler {
opacity: 0.72;
}
.dark-Number-disabled .dark-Number-handler:hover {
color: var(--text--muted-color);
border-color: var(--Form-input-borderColor);
}
.dark-NumberControl:not(.is-inline) > .dark-Number {
display: block;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-NumberControl:not(.is-inline) > .dark-Number {
height: 1.2rem;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-NumberControl:not(.is-inline) > .dark-Number {
height: 1.5rem;
}
}
.dark-Number--borderHalf .dark-Number-handler-wrap,
.dark-Number--borderNone .dark-Number-handler-wrap {
border-left: none;
}
.dark-NumberControl--withUnit {
display: flex;
}
.dark-NumberControl--withUnit .dark-Number {
flex-grow: 1;
}
.dark-NumberControl--withUnit .dark-Select {
border-left: 0;
}
/**
* Aug -- 组件大小
*/
.dark-NumberControl.format-xs .dark-Number {
height: var(--Form-input-height-xs);
line-height: var(--Form-input-height-xs);
font-size: var(--fontSizeXs);
}
.dark-NumberControl.format-xs .dark-Number-input {
padding-top: 0;
padding-bottom: 0;
}
.dark-NumberControl.format-xs .dark-Number-handler {
font-size: var(--fontSizeXs);
line-height: calc((var(--Form-input-height-xs) - 0.375rem) / 2);
height: calc((var(--Form-input-height-xs) - var(--Number-borderWidth) * 2) / 2);
}
.dark-NumberControl.format-sm .dark-Number {
height: var(--Form-input-height-sm);
line-height: var(--Form-input-height-sm);
font-size: var(--fontSizeSm);
}
.dark-NumberControl.format-sm .dark-Number-input {
padding-top: 0;
padding-bottom: 0;
}
.dark-NumberControl.format-sm .dark-Number-handler {
font-size: var(--fontSizeSm);
line-height: calc((var(--Form-input-height-sm) - 0.375rem) / 2);
height: calc((var(--Form-input-height-sm) - var(--Number-borderWidth) * 2) / 2);
}
.dark-Select {
display: inline-flex;
vertical-align: middle;
text-align: left;
align-items: center;
outline: none;
position: relative;
font-size: var(--Form-input-fontSize);
border: var(--Form-select-borderWidth) solid var(--Form-select-borderColor);
background: var(--Form-input-bg);
border-radius: var(--Form-select-borderRadius);
min-height: var(--Form-selectOption-height);
padding: calc((var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--Form-select-borderWidth) * 2) / 2) 0 calc((var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--Form-select-borderWidth) * 2) / 2) var(--Form-select-paddingX);
cursor: pointer;
color: var(--Form-select-color);
}
.dark-Select.dark-Select--searchable {
cursor: text;
}
.dark-Select-content {
display: flex;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Select:hover {
background: var(--Form-select-onHover-bg);
border-color: var(--Form-select-onHover-borderColor);
}
.dark-Select:hover .dark-Select-arrow:before {
color: var(--Form-select-caret-onHover-iconColor);
}
.dark-Select.is-disabled {
color: var(--text--muted-color);
background: var(--Form-input-onDisabled-bg);
border-color: var(--Form-input-onDisabled-borderColor);
cursor: not-allowed;
}
.dark-Select:focus {
box-shadow: var(--Form-select-onFocus-boxShadow);
}
.dark-Select--borderHalf {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
}
.dark-Select--borderNone {
border-color: transparent !important;
}
.dark-Select-valueWrap {
user-select: none;
position: relative;
flex-grow: 1;
line-height: 1;
max-width: 100%;
}
.dark-Select-valuesNoWrap {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 1.25rem;
}
.dark-Select-placeholder {
color: var(--Form-select-placeholderColor);
line-height: var(--Form-input-lineHeight);
user-select: none;
white-space: nowrap;
}
.dark-Select-value {
line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.dark-Select--multi {
height: auto;
min-height: var(--Form-selectOption-height);
}
.dark-Select--multi .dark-Select-valueWrap {
margin-bottom: calc(var(--gap-xs) * -1);
}
.dark-Select--multi .dark-Select-valueWrap > input {
display: inline-block;
width: 6.25rem;
margin-bottom: var(--gap-xs);
}
.dark-Select--multi .dark-Select-values + .dark-Select-input {
transform: translateY(0);
}
.dark-Select--multi .dark-Select-value {
position: static;
white-space: normal;
user-select: none;
line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
display: inline-block;
vertical-align: middle;
font-size: var(--Form-selectValue-fontSize);
color: var(--Form-selectValue-color);
background: var(--Form-selectValue-bg);
border: 0.0625rem solid var(--Form-selectValue-borderColor);
border-radius: 0.125rem;
margin-right: var(--gap-xs);
margin-bottom: var(--gap-xs);
}
.dark-Select--multi .dark-Select-valueLabel {
padding: 0 var(--gap-xs);
}
.dark-Select-valueIcon {
cursor: pointer;
border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
padding: 1px 5px;
}
.dark-Select-valueIcon:hover {
background: var(--Form-selectValue-onHover-bg);
}
.dark-Select-valueIcon.is-disabled {
pointer-events: none;
display: none;
cursor: not-allowed;
background: var(--Form-selectValue-onDisable-bg);
}
.dark-Select-arrow {
margin-right: var(--gap-xs);
width: var(--gap-md);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.dark-Select-arrow > svg {
transition: transform var(--animation-duration);
display: inline-block;
top: 0;
}
.dark-Select.is-opened:not(.is-mobile) .dark-Select-arrow > svg {
transform: rotate(180deg);
}
.dark-Select.is-mobile {
min-height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg));
border: none;
padding: 0;
font-size: var(--fontSizeLg);
}
.dark-Select.is-mobile .dark-Select-valueWrap {
text-align: left;
padding-right: 4px;
}
.dark-Select.is-mobile .dark-Select-arrow > svg {
transform: rotate(-90deg);
}
.dark-Select-menu {
max-height: 18.75rem;
overflow: auto;
user-select: none;
}
.dark-Select-menu .dark-Checkbox--sm > i {
margin-top: -0.1875rem;
}
.dark-Select-menu.is-mobile {
width: 100%;
text-align: center;
}
.dark-Select-menu.is-mobile .dark-Select-option {
line-height: 2.25rem;
}
.dark-Select--longlist {
overflow: hidden;
max-height: max-content;
}
.dark-Select-input {
cursor: pointer;
outline: none;
border: none;
margin-left: 2px;
height: var(--Form-select-search-height);
font-size: var(--Form-select-input-fontSize);
border-bottom: 1px solid var(--borderColor);
display: flex;
align-items: center;
}
.dark-Select-input > svg {
fill: #999;
width: 0.875rem;
min-width: 0.875rem;
height: 0.875rem;
margin-right: var(--gap-xs);
}
.dark-Select-input > input {
outline: none;
border: none;
flex-grow: 1;
background: transparent;
position: relative;
top: 0.125em;
}
.dark-Select-option {
cursor: pointer;
min-width: 7.5rem;
padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
}
.dark-Select-option.is-active {
color: var(--Form-select-menu-onActive-color);
background: var(--Form-select-menu-onActive-bg);
}
.dark-Select-option.is-highlight {
color: var(--Form-select-menu-onHover-color);
background: var(--Form-select-menu-onHover-bg);
}
.dark-Select-option.is-disabled {
color: var(--Form-select-menu-onDisabled-color);
background: var(--Form-select-menu-onDisabled-bg);
}
.dark-Select-option--placeholder {
color: var(--Form-input-placeholderColor);
}
.dark-Select-option > label {
display: block;
}
.dark-Select-option > a {
float: right;
margin-left: var(--gap-xs);
display: none;
}
.dark-Select-option.is-highlight > a {
display: block;
}
.dark-Select-option.is-touch {
background-color: #f6f6f6;
}
.dark-Select-noResult {
color: var(--Form-select-placeholderColor);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-select-input-fontSize);
user-select: none;
padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
}
.dark-Select-option-hl {
color: var(--danger);
}
.dark-Select-addBtn {
display: block;
cursor: pointer;
padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
}
.dark-Select-addBtn:hover {
text-decoration: none;
}
.dark-Select-addBtn > svg {
width: 0.875rem;
height: 0.875rem;
margin-right: var(--Checkbox-gap);
}
.dark-Select.is-focused:not(.is-mobile), .dark-Select.is-opened:not(.is-mobile) {
border-color: var(--Form-input-onFocused-borderColor);
color: var(--Form-select-onFocused-color);
}
.dark-Select-spinner {
line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
.dark-Select-clear {
padding: 0.1875rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
}
.dark-Select-clear svg {
fill: var(--saas-font-size-dark-black);
width: 0.625rem;
height: 0.625rem;
top: 0;
}
.dark-Select-clear:hover svg {
fill: var(--Form-input-onHover-iconColor);
}
.dark-Select-popup {
height: auto;
}
.dark-Select-popover {
margin-top: calc(var(--Form-select-outer-borderWidth) * -1);
background: var(--Form-select-menu-bg);
color: var(--Form-select-menu-color);
border: var(--Form-select-outer-borderWidth) solid var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-select-outer-boxShadow);
border-top-left-radius: 0;
border-top-right-radius: 0;
min-width: 6.25rem;
}
.dark-Select-popover.dark-PopOver--leftTopLeftBottom {
margin-top: calc((var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth)) * -1);
}
.dark-Select-popover .multiple-box .ant-btn {
line-height: 1;
}
.dark-SelectControl:not(.is-inline) > .dark-Select {
display: flex;
}
.dark-SelectControl.is-error > .dark-Select {
border-color: var(--Form-input-onError-borderColor);
background: var(--Form-input-onError-bg);
}
/**
* Aug -- 组件大小
*/
.dark-SelectControl.format-xs .dark-Select {
padding-top: 0;
padding-bottom: 0;
min-height: var(--Form-input-height-xs);
font-size: var(--fontSizeXs);
}
.dark-SelectControl.format-sm .dark-Select {
padding-top: 0;
padding-bottom: 0;
min-height: var(--Form-input-height-sm);
font-size: var(--fontSizeSm);
}
@media (min-width: 576px) {
.dark-Form-control--sizeXs > .dark-Select,
.dark-Form-control--sizeSm > .dark-Select,
.dark-Form-control--sizeMd > .dark-Select,
.dark-Form-control--sizeLg > .dark-Select {
min-width: 100%;
max-width: 100%;
display: inline-flex !important;
}
.dark-Form-control--sizeXs > .dark-Select .dark-Select-valueWrap,
.dark-Form-control--sizeSm > .dark-Select .dark-Select-valueWrap,
.dark-Form-control--sizeMd > .dark-Select .dark-Select-valueWrap,
.dark-Form-control--sizeLg > .dark-Select .dark-Select-valueWrap {
width: 0;
}
}
.dark-Select-valueWrap {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.dark-Select-valueWrap .dark-Select-input {
width: 4px;
height: 20px;
border: none;
font-size: var(--Form-input-fontSize);
}
.dark-Select-valueWrap .dark-Select-input input {
top: 0;
}
.dark-Selections {
height: 100%;
min-width: 12.5rem;
position: relative;
display: flex;
flex-direction: column;
}
.dark-Selections-title {
height: var(--Form-input-height);
background: var(--Table-thead-bg);
font-size: var(--Form-input-fontSize);
padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
}
.dark-Selections-placeholder {
color: var(--Form-input-placeholderColor);
text-align: center;
width: 100%;
flex-basis: var(--Form-input-height);
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
font-size: var(--Form-input-fontSize);
}
.dark-Selections-items {
flex-grow: 1;
}
.dark-Selections-item {
display: flex;
flex-direction: row;
height: var(--Form-input-height);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
align-items: center;
padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Selections-item {
font-size: 0.75rem;
}
}
.dark-Selections-item > label {
flex-basis: 3.125rem;
flex-grow: 1;
}
.dark-Selections-item > label > span {
max-width: 100%;
overflow: hidden;
white-space: nowrap;
display: block;
text-overflow: ellipsis;
}
.dark-Selections-item > .dark-Selections-dragbar {
top: 0;
width: var(--gap-lg);
position: relative;
left: calc(var(--gap-xs) * -1);
color: var(--icon-color);
cursor: move;
}
.dark-Selections-item--dragging > * {
opacity: 0.2;
}
.dark-Selections-delBtn {
color: var(--icon-color);
cursor: pointer;
}
.dark-Selections-delBtn:hover {
color: var(--icon-onHover-color);
}
.dark-Selections-delBtn > svg {
width: 12px;
height: 12px;
}
.dark-ListControl-items {
display: block;
margin: calc(var(--ListControl-gutterWidth) / -2);
}
.dark-ListControl-items:empty {
display: none;
}
.dark-ListControl-item {
position: relative;
user-select: none;
font-size: var(--ListControl-fontSize);
display: inline-block;
vertical-align: middle;
margin: calc(var(--ListControl-gutterWidth) / 2);
border: var(--ListControl-item-borderWidth) solid var(--ListControl-item-borderColor);
background: var(--ListControl-item-bg);
padding: var(--ListControl-item-paddingY) var(--ListControl-item-paddingX);
color: var(--ListControl-item-color);
transition: var(--ListControl-item-transition);
max-width: calc(12.5rem + 2 * var(--ListControl-item-paddingX));
border-radius: var(--ListControl-item-borderRadius);
}
.dark-ListControl-item:not(.is-disabled) {
cursor: pointer;
}
.dark-ListControl-item .b-inherit {
border-color: var(--ListControl-item-color);
}
.dark-ListControl-item:hover {
background: var(--ListControl-item-onHover-bg);
border-color: var(--ListControl-item-onHover-borderColor);
color: var(--ListControl-item-onHover-color);
}
.dark-ListControl-item:hover .b-inherit {
border-color: var(--ListControl-item-onHover-borderColor);
}
.dark-ListControl-item:hover:active, .dark-ListControl-item.is-active {
background: var(--ListControl-item-onActive-bg);
border-color: var(--ListControl-item-onActive-borderColor);
color: var(--ListControl-item-onActive-color);
}
.dark-ListControl-item:hover:active:hover, .dark-ListControl-item.is-active:hover {
background: var(--ListControl-item-onActive-onHover-bg);
}
.dark-ListControl-item:hover:active .b-inherit, .dark-ListControl-item.is-active .b-inherit {
border-color: var(--ListControl-item-onActive-color);
}
.dark-ListControl-item:hover:active:before, .dark-ListControl-item.is-active:before {
content: "";
position: absolute;
width: 0.875rem;
height: 0.875rem;
background: var(--ListControl-item-onActive-before-bg);
right: 0;
bottom: 0;
}
.dark-ListControl-item:hover:active:after, .dark-ListControl-item.is-active:after {
content: "";
position: absolute;
width: 0.625rem;
height: var(--gap-xs);
border-color: var(--ListControl-item-onActive-after-borderColor);
border-style: solid;
border-width: 0 0 0.125rem 0.125rem;
right: 0.0625rem;
bottom: var(--gap-xs);
transform: rotate(-40deg);
}
.dark-ListControl-item.is-disabled {
pointer-events: none;
opacity: var(--ListControl-item-onDisabled-opacity);
border-color: var(--ListControl-item-onDisabled-borderColor);
background: var(--ListControl-item-onDisabled-bg);
color: var(--ListControl-item-onDisabled-color);
}
.dark-ListControl-item.is-disabled:before {
background: var(--ListControl-item-onDisabled-color);
}
.dark-ListControl-item.is-disabled .b-inherit {
border-color: var(--ListControl-item-onDisabled-borderColor);
}
.dark-ListControl-itemImage {
margin: calc(var(--ListControl-item-paddingY) * -1) calc(var(--ListControl-item-paddingX) * -1);
}
.dark-ListControl-itemImage img {
display: block;
max-width: 100%;
}
.dark-ListControl-itemLabel {
text-align: center;
}
.dark-ListControl-itemImage + .dark-ListControl-itemLabel {
margin-top: var(--ListControl-item-paddingY);
}
.dark-ListControl-placeholder {
color: var(--Form-input-placeholderColor);
}
.dark-LocationPicker {
position: relative;
display: inline-flex;
flex-wrap: nowrap;
border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);
font-size: var(--DatePicker-fontSize);
padding: var(--DatePicker-paddingY) var(--DatePicker-paddingX);
height: var(--DatePicker-height);
outline: none;
white-space: nowrap;
color: var(--DatePicker-color);
background: var(--DatePicker-bg);
border-radius: var(--LocationPicker-borderRadius);
}
.dark-LocationPicker:not(.is-disabled) {
cursor: pointer;
}
.dark-LocationPicker:not(.is-disabled):hover {
background: var(--DatePicker-onHover-bg);
border-color: var(--DatePicker-onHover-borderColor);
}
.dark-LocationPicker:not(.is-disabled):hover .dark-DatePicker-toggler:before {
color: var(--DatePicker-onHover-iconColor);
}
.dark-LocationPicker.is-focused, .dark-LocationPicker.is-active {
border-color: var(--DatePicker-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
}
.dark-LocationPicker.is-disabled {
background: #e5e7eb;
}
.dark-LocationPicker.is-disabled > dark-LocationPicker-input {
color: var(--text--muted-color);
}
.dark-LocationPicker-placeholder {
color: var(--DatePicker-placeholderColor);
user-select: none;
margin-right: var(--gap-base);
flex-basis: 0;
flex-grow: 1;
}
.dark-LocationPicker-value {
margin-right: var(--gap-base);
flex-basis: 0;
flex-grow: 1;
}
.dark-LocationPicker-toggler {
cursor: pointer;
color: var(--DatePicker-iconColor);
}
.dark-LocationPicker-toggler:hover {
color: var(--DatePicker-onHover-iconColor);
}
.dark-LocationPicker-clear {
display: inline-block;
padding: 0.1875rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
line-height: 1;
margin-right: var(--gap-xs);
}
.dark-LocationPicker-clear svg {
fill: var(--saas-font-size-dark-black);
top: 0;
width: 0.625rem;
height: 0.625rem;
}
.dark-LocationPicker-clear:hover svg {
fill: var(--saas-font-size-black);
}
.dark-LocationControl {
position: relative;
width: 100%;
}
.dark-LocationControl:not(.is-inline) > .dark-LocationPicker {
display: flex;
}
.dark-LocationPicker-popover {
min-width: 320px;
width: 100%;
max-width: 100%;
margin-top: -1px;
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-MapPicker-search {
padding: 5px 10px;
}
.dark-MapPicker-map {
display: block;
width: 100%;
height: 200px;
}
.dark-MapPicker-item {
padding: 10px 10px;
position: relative;
border-top: 1px solid var(--borderColor);
}
.dark-MapPicker-item > svg {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.dark-MapPicker-itemTitle {
font-size: var(--fontSizeBase);
}
.dark-MapPicker-itemDesc {
font-size: var(--fontSizeSm);
}
.dark-MapPicker-sugItem {
cursor: pointer;
padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
}
.dark-MapPicker-sugItem:hover {
color: var(--Form-select-menu-onActive-color);
background: var(--Form-select-menu-onActive-bg);
}
.tangram-suggestion-main {
display: none !important;
}
.dark-MatrixControl-error {
margin-bottom: 0;
}
.dark-ColorPicker {
position: relative;
display: inline-flex;
flex-wrap: nowrap;
white-space: nowrap;
border: var(--ColorPicker-borderWidth) solid var(--ColorPicker-borderColor);
font-size: var(--ColorPicker-fontSize);
padding: var(--ColorPicker-paddingY) var(--ColorPicker-paddingX);
background: var(--ColorPicker-bg);
color: var(--ColorPicker-color);
border-radius: var(--borderRadius);
}
@media (max-width: 767px) {
.dark-ColorPicker {
background: none;
}
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-ColorPicker {
min-height: 1.2rem;
line-height: 1.2rem;
font-size: 0.75rem;
padding: 0;
border-radius: 0px;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-ColorPicker {
min-height: 1.5rem;
line-height: 1.5rem;
font-size: 0.8125rem;
padding: 0;
border-radius: 0px;
margin-left: 0;
}
}
.dark-ColorPicker-popup .dark-PopUp-inner {
height: auto;
}
.dark-ColorPicker-popup .colorpicker-header {
display: flex;
justify-content: space-between;
align-items: center;
height: 60px;
}
.dark-ColorPicker-popup .colorpicker-header label {
padding: 0 16px;
font-size: 16px;
color: var(--saas-Title-Text);
text-align: left;
font-weight: 500;
}
.dark-ColorPicker-popup .colorpicker-header .closeWrap-icon {
margin-right: 16px;
width: 24px;
height: 24px;
display: inline-block;
border-radius: 50%;
background: var(--them-bg-color);
font-size: 16px;
color: #000000;
position: relative;
}
.dark-ColorPicker-popup .colorpicker-header .closeWrap-icon .icon-close {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 12px;
color: #000;
position: absolute;
z-index: 1;
color: var(--icon-color);
width: 1em;
height: 1em;
}
.dark-ColorPicker-popup .colorpicker-footer {
height: 60px;
text-align: right;
padding: 12px 16px;
border-top: 1px solid #e7e7e7;
}
.dark-ColorPicker:not(.is-disabled) {
cursor: pointer;
}
.dark-ColorPicker:not(.is-disabled):hover {
background: var(--saas-grid-combination-color);
border-color: var(--ColorPicker-onHover-borderColor);
}
.dark-ColorPicker-input {
border: 0;
background: transparent;
outline: none;
width: 100%;
flex-basis: 0;
flex-grow: 1;
padding: 0;
margin: 0;
height: calc(var(--ColorPicker-fontSize) * var(--ColorPicker-lineHeight));
}
.dark-ColorPicker-input::placeholder {
color: var(--ColorPicker-placeholderColor);
}
.dark-ColorPicker.is-focused {
border-color: var(--ColorPicker-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
}
.dark-ColorPicker.is-disabled {
background: var(--ColorPicker-onDisabled-bg);
color: var(--ColorPicker-onDisabled-color);
pointer-events: none;
}
.dark-ColorPicker.is-disabled > .dark-ColorPicker-input {
color: var(--ColorPicker-onDisabled-color);
}
.dark-ColorPicker.is-disabled > .dark-ColorPicker-input::placeholder {
color: var(--ColorPicker-onDisabled-color);
}
.dark-ColorPicker-preview {
display: flex;
align-items: center;
margin-right: var(--gap-sm);
cursor: pointer;
}
.dark-ColorPicker-previewIcon {
display: block;
width: 60px;
height: 20px;
box-shadow: var(--boxShadowSm);
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-ColorPicker-previewIcon {
width: 30px;
height: 12px;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-ColorPicker-previewIcon {
width: 40px;
height: 15px;
}
}
.dark-ColorPicker-clear {
padding: 0.1875rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
display: inline-block;
line-height: 1;
}
.dark-ColorPicker-clear svg {
fill: var(--saas-font-size-dark-black);
top: 0;
width: 0.625rem;
height: 0.625rem;
}
.dark-ColorPicker-clear:hover svg {
fill: var(--saas-font-size-black);
}
.dark-ColorPicker-arrow {
width: var(--gap-md);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.dark-ColorPicker-arrow > svg {
transition: transform var(--animation-duration);
display: inline-block;
color: var(--saas-font-size-black);
top: 0;
}
.dark-ColorPicker.is-opened .dark-ColorPicker-arrow > svg {
transform: rotate(180deg);
}
.dark-ColorPicker-popover {
border: none;
box-shadow: none;
}
.dark-ColorControl:not(.is-inline) > .dark-ColorPicker {
display: flex;
align-items: center;
}
.sketch-picker {
border: none !important;
border-radius: var(--borderRadius) !important;
box-shadow: none !important;
}
.dark-DatePicker {
position: relative;
display: inline-flex;
flex-wrap: nowrap;
border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);
font-size: var(--DatePicker-fontSize);
padding: 0 var(--DatePicker-paddingX);
outline: none;
white-space: nowrap;
color: var(--saas-font-size-dark-black);
background: var(--Form-input-bg);
border-radius: 4px;
align-items: center;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-DatePicker {
font-size: 0.75rem;
}
}
.dark-DatePicker--borderHalf {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
}
.dark-DatePicker--borderNone {
border-color: transparent !important;
}
.dark-DatePicker-content {
display: flex;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-DatePicker-input {
width: 100%;
border: 0;
outline: 0;
line-height: calc(var(--Form-input-height) - var(--Number-borderWidth) * 2);
color: var(--saas-Title-Text);
background: none;
}
@media (max-width: 767px) {
.dark-DatePicker-input {
line-height: 22px;
}
}
.dark-DatePicker-input::placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-DatePicker-input::-webkit-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-DatePicker-input::-moz-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-DatePicker-input::-ms-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-DatePicker:not(.is-disabled) {
cursor: pointer;
}
.dark-DatePicker:not(.is-disabled):hover {
background: var(--DatePicker-onHover-bg);
border-color: var(--DatePicker-onHover-borderColor);
}
.dark-DatePicker:not(.is-disabled):hover .dark-DatePicker-toggler:before {
color: var(--DatePicker-onHover-iconColor);
}
.dark-DatePicker:not(.is-disabled):hover .dark-DatePicker-clear {
opacity: 1;
}
.dark-DatePicker.is-focused {
border-color: var(--DatePicker-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
}
.dark-DatePicker.is-disabled {
background: #e5e7eb;
cursor: not-allowed;
}
.dark-DatePicker.is-disabled > .dark-DatePicker-input {
color: var(--text--muted-color);
}
.dark-DatePicker-placeholder {
color: var(--DatePicker-placeholderColor);
user-select: none;
margin-right: var(--gap-base);
min-width: 3.125rem;
flex-basis: 0;
flex-grow: 1;
}
.dark-DatePicker-value {
margin-right: var(--gap-base);
flex-basis: 0;
flex-grow: 1;
}
.dark-DatePicker-toggler {
cursor: pointer;
color: var(--saas-font-size-dark-black);
display: flex;
align-items: center;
}
.dark-DatePicker-toggler .icon {
top: 0;
}
.dark-DatePicker-toggler:hover {
color: var(--saas-font-size-black);
}
.dark-DatePicker-clear {
padding: 0.1875rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
line-height: 1;
padding: 0;
margin-right: 2px;
}
.dark-DatePicker-clear svg {
fill: var(--saas-font-size-dark-black);
top: 0;
width: 0.625rem;
height: 0.625rem;
}
.dark-DatePicker-clear:hover svg {
fill: var(--saas-font-size-black);
}
@media (min-width: 576px) {
.dark-DatePicker-clear {
opacity: 0;
}
}
.dark-DateControl:not(.is-inline) > .dark-DatePicker {
display: flex;
}
.dark-DatePicker-shortcuts {
margin: 0;
background: var(--Calendar-shortcuts-bg);
padding: calc((var(--Calendar-shortcuts-height) - var(--Calendar-fontSize) * var(--lineHeightBase)) / 2) var(--gap-sm);
list-style: none;
width: 15.625rem;
}
.dark-DatePicker-shortcuts + .rdt .rdtPicker {
padding-top: 0;
}
.dark-DatePicker-shortcut {
display: inline-block;
margin-right: var(--gap-sm);
}
.dark-DatePicker-shortcut a {
font-size: var(--Calendar-fontSize);
cursor: pointer;
color: var(--Calendar-shortcut-color);
text-decoration: var(--Calendar-shortcut-decoration);
}
.dark-DatePicker-shortcut a:hover {
color: var(--Calendar-shortcut-onHover-color);
text-decoration: var(--Calendar-shortcut-onHover-decoration);
}
.dark-DatePicker-popover {
margin: 0.125rem 0 0;
}
.dark-DatePicker-popover.dark-PopOver--leftTopLeftBottom, .dark-DatePicker-popover.dark-PopOver--rightTopRightBottom {
margin: -0.125rem 0 0;
}
@media screen and (min-width: 769px) {
.dark-DatePicker-popover {
display: flex !important;
}
.dark-DatePicker-popover .dark-DatePicker-shortcuts-container {
padding-bottom: 5px;
border-right: 1px solid var(--saas-Border-Dividers);
}
.dark-DatePicker-popover .dark-DatePicker-shortcuts {
width: 120px;
overflow-y: auto;
}
.dark-DatePicker-popover .dark-DatePicker-shortcuts .dark-DatePicker-shortcut {
display: block;
margin: 4px 0;
margin-right: 0;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-DatePicker-popover .dark-DatePicker-shortcuts .dark-DatePicker-shortcut a {
font-size: 14px;
color: var(--saas-font-size-dark-black);
}
.dark-DatePicker-popover .dark-DatePicker-shortcuts .dark-DatePicker-shortcut a:hover {
color: var(--saas-font-size-black);
}
.dark-DatePicker-popover .dark-DatePicker-body .dark-DatePicker-footer {
text-align: right;
padding: var(--gap-sm);
border-top: 1px solid #e8e9eb;
}
}
.dark-DatePicker-popup {
height: 18.75rem;
}
/**
* Aug -- 组件大小
*/
.dark-DateControl.format-xs .dark-DatePicker {
padding-top: 0;
padding-bottom: 0;
height: var(--Form-input-height-xs);
font-size: var(--fontSizeXs);
}
.dark-DateControl.format-sm .dark-DatePicker {
padding-top: 0;
padding-bottom: 0;
height: var(--Form-input-height-sm);
font-size: var(--fontSizeSm);
}
.dark-DatePicker.is-mobile {
border: 0;
justify-content: flex-end;
}
.dark-DatePicker.is-mobile .dark-DatePicker-content {
justify-content: flex-end;
}
.dark-DatePicker.is-mobile .dark-DatePicker-content .dark-DatePicker-placeholder {
min-width: fit-content;
flex-grow: 0;
font-size: 12px;
}
.dark-DatePicker.is-mobile .dark-DatePicker-content .dark-DatePicker-toggler {
color: var(--DatePicker-placeholderColor);
}
.dark-DatePicker.is-mobile span:focus,
.dark-DatePicker.is-mobile a:focus {
outline: unset;
}
.dark-DatePicker.is-mobile .dark-DatePicker-value,
.dark-DatePicker.is-mobile .dark-DatePicker-clear {
display: inline-flex;
justify-content: flex-end;
padding: 0 0;
}
.dark-DatePicker.is-mobile .dark-DatePicker-value {
margin-right: var(--gap-xs);
justify-content: flex-start;
}
.dark-DatePicker.is-mobile .dark-DatePicker-toggler {
margin-top: -3px;
}
.dark-DatePicker-popup.dark-DatePicker-mobile {
color: red;
}
.dark-DatePicker-popup.dark-DatePicker-mobile .dark-DatePicker-shortcuts,
.dark-DatePicker-popup.dark-DatePicker-mobile .dark-DateRangePicker-rangers {
padding: 8px;
margin: 0;
overflow: auto;
white-space: nowrap;
overflow: auto;
}
.dark-DatePicker-popup.dark-DatePicker-mobile .dark-DatePicker-shortcuts::-webkit-scrollbar,
.dark-DatePicker-popup.dark-DatePicker-mobile .dark-DateRangePicker-rangers::-webkit-scrollbar {
width: 0;
height: 0;
}
.dark-DatePicker-popup.dark-DatePicker-mobile .dark-DatePicker-shortcuts .dark-DateRangePicker-ranger,
.dark-DatePicker-popup.dark-DatePicker-mobile .dark-DateRangePicker-rangers .dark-DateRangePicker-ranger {
height: 30px;
line-height: 30px;
color: var(--saas-Primary-Color);
background-color: #e9f6fe;
text-align: center;
padding: 0 15px;
border-radius: 4px;
margin: 0 6px;
}
.dark-DatePicker-popup.dark-DatePicker-mobile .dark-DatePicker-shortcuts .dark-DateRangePicker-ranger:nth-child(1),
.dark-DatePicker-popup.dark-DatePicker-mobile .dark-DateRangePicker-rangers .dark-DateRangePicker-ranger:nth-child(1) {
margin-left: 0;
}
.dark-DatePicker-popup.dark-DatePicker-mobile .selected-date-show-box {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 8px 8px;
background-color: var(--saas-main-bg);
width: 100%;
color: var(--saas-Title-Text);
font-size: 15px;
font-weight: 500;
}
.dark-DatePicker-popup.dark-DatePicker-mobile .selected-date-show-box .show-date-item {
border-radius: 4px;
background-color: var(--saas-Background-Header);
height: 42px;
line-height: 42px;
padding: 0 6px;
flex: 1;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-DatePicker-popup.dark-DatePicker-mobile .selected-date-show-box .show-date-item.actived {
border-bottom: 2px solid var(--saas-Primary-Color);
}
.dark-DatePicker-popup.dark-DatePicker-mobile .selected-date-show-box .show-date-item.empty {
color: #bcbdbe;
}
.dark-DatePicker-popup.dark-DatePicker-mobile .selected-date-show-box .show-start {
margin-right: 8px;
}
.dark-DatePicker-popup.dark-DatePicker-mobile .rdt {
width: 100%;
}
.dark-DatePicker-popup.dark-DatePicker-mobile .rdt .rdtPicker {
width: 100%;
padding: unset;
}
.rdt {
user-select: none;
font-size: var(--Calendar-fontSize);
color: var(--saas-Title-Text);
}
.rdt .rdtPicker {
margin-top: 0;
padding: var(--gap-sm);
background: transparent;
border: none;
}
.rdt .rdtPicker .dow {
color: var(--Calendar-wLabel-color);
font-weight: normal;
}
.rdt .rdtPicker td.rdtDay,
.rdt .rdtPicker td.rdtHour,
.rdt .rdtPicker td.rdtMinute,
.rdt .rdtPicker td.rdtSecond,
.rdt .rdtPicker .rdtTimeToggle {
background: var(--Calendar-cell-bg);
}
.rdt .rdtPicker td.rdtDay:hover,
.rdt .rdtPicker td.rdtHour:hover,
.rdt .rdtPicker td.rdtMinute:hover,
.rdt .rdtPicker td.rdtSecond:hover,
.rdt .rdtPicker .rdtTimeToggle:hover {
background: var(--saas-data-hover-background-color);
}
.rdt .rdtPicker td.rdtBetween {
background: var(--Calendar-cell-onBetween-bg);
}
.rdt .rdtPicker td.rdtToday:before {
border-bottom-color: var(--Calendar-cell-onActive-bg);
}
.rdt .rdtPicker td.rdtActive.rdtToday:before {
border-bottom-color: var(--Calendar-cell-bg);
}
.rdt .rdtPicker td.rdtActive,
.rdt .rdtPicker td.rdtActive:hover {
background: var(--Calendar-cell-onActive-bg);
}
.rdt .rdtPicker td.rdtDisabled,
.rdt .rdtPicker td.rdtDisabled:hover {
background: var(--Calendar-cell-onDisabled-bg);
}
.rdt thead tr:first-child th {
cursor: default;
font-weight: normal;
border-bottom: none;
}
.rdt thead tr:first-child th:hover {
background: transparent;
}
.rdt tfoot {
border-top: 0;
}
.rdt tfoot td {
padding-top: var(--gap-xs);
text-align: left;
}
.rdt tfoot td span {
width: 10px;
display: inline-block;
text-align: center;
}
.rdt tfoot td .rdtActions {
padding: var(--gap-sm);
text-align: right;
}
.dark-CalendarInput {
outline: none;
width: 40px;
font-size: var(--Calendar-input-fontSize);
color: var(--Calendar-input-color);
border: 1px solid var(--Calendar-input-borderColor);
border-radius: var(--Calendar-input-borderRadius);
height: var(--Calendar-input-height);
line-height: var(--Calendar-input-lineHeight);
padding: var(--Calendar-input-paddingY) var(--Calendar-input-paddingX);
box-shadow: none;
}
.dark-CalendarInput:focus {
border-color: var(--Calendar-input-onFocused-borderColor);
box-shadow: none;
}
.dark-CalendarTime {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.dark-CalendarCounter-btn {
display: flex;
justify-content: center;
align-items: center;
height: 25px;
text-align: center;
color: var(--Button--primary-bg);
}
.dark-CalendarCounter-btn:hover {
color: var(--Button--primary-onActive-bg);
}
.dark-CalendarCounter-btn > svg {
width: 16px;
height: 16px;
}
.dark-CalendarCounter-btn--up > svg {
transform: rotate(-90deg);
}
.dark-CalendarCounter-btn--down > svg {
transform: rotate(90deg);
}
.dark-CalendarCounter-sep {
width: var(--gap-md);
text-align: center;
}
.dark-CalendarCounter--daypart {
margin-left: 10px;
}
.dark-CalendarCounter--daypart .dark-CalendarCounter-value {
height: 30px;
display: flex;
align-items: center;
padding: 0 5px;
}
.rdtBtn {
line-height: var(--Calendar-btn-lineHeight);
padding: var(--Calendar-btn-paddingY) var(--Calendar-btn-paddingX);
display: inline-block;
vertical-align: middle;
text-align: center;
user-select: none;
cursor: pointer;
text-decoration: none;
font-size: var(--Calendar-btn-fontSize);
border: 1px solid var(--Calendar-btn-border);
color: var(--Calendar-btn-color);
background: var(--Calendar-btn-bg);
border-color: var(--Calendar-btn-border);
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
border-radius: var(--Calendar-btn-borderRadius);
}
.rdtBtn:hover {
text-decoration: none;
}
.rdtBtn.is-disabled {
border-color: var(--Button-onDisabled-borderColor);
opacity: 0.6;
pointer-events: none;
}
.rdtBtn .fa,
.rdtBtn .iconfont {
font-size: var(--fontSizeSm);
}
.rdtBtn:not(:disabled):not(.is-disabled):hover {
color: var(--Calendar-btn-onHover-color);
background: var(--Calendar-btn-onHover-bg);
border-color: var(--Calendar-btn-onHover-border);
}
.rdtBtn:not(:disabled):not(.is-disabled):hover:active {
color: var(--Calendar-btn-onActive-color);
background: var(--Calendar-btn-onActive-bg);
border-color: var(--Calendar-btn-onActive-border);
}
.rdtBtn:hover:focus {
box-shadow: var(--Button-boxShadow);
}
.rdtBtn + .rdtBtn {
margin-left: var(--gap-xs);
}
.rdtBtnCancel {
color: var(--Calendar-btnCancel-color);
background: var(--Calendar-btnCancel-bg);
border-color: var(--Calendar-btnCancel-border);
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
}
.rdtBtnCancel:not(:disabled):not(.is-disabled):hover {
color: var(--Calendar-btnCancel-onHover-color);
background: var(--Calendar-btnCancel-onHover-bg);
border-color: var(--Calendar-btnCancel-onHover-border);
}
.rdtBtnCancel:not(:disabled):not(.is-disabled):hover:active {
color: var(--Calendar-btnCancel-onActive-color);
background: var(--Calendar-btnCancel-onActive-bg);
border-color: var(--Calendar-btnCancel-onActive-border);
}
.rdtBtnCancel:hover:focus {
box-shadow: var(--Button-boxShadow);
}
.rdtBtnPrev:before,
.rdtBtnNext:before {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 1;
}
.rdtPrev,
.rdtNext {
cursor: pointer !important;
width: var(--gap-md);
padding: 0;
color: #999;
font-size: var(--fontSizeXl);
text-decoration: none;
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
font-weight: normal;
}
.rdtPrev:hover,
.rdtNext:hover {
text-decoration: none;
color: var(--saas-font-size-black);
}
.rdtSwitch {
text-align: center;
color: var(--saas-font-size-black);
cursor: pointer;
font-weight: normal;
}
.rdtSwitch:hover {
color: var(--link-onHover-color);
text-decoration: none;
}
.rdtHeader {
display: table;
table-layout: fixed;
border-collapse: separate;
width: 100%;
}
.rdtHeader > * {
display: table-cell;
vertical-align: baseline;
text-align: center;
}
.rdtHeader .rdtSwitch + .rdtSwitch {
margin-left: var(--gap-xs);
}
td.rdtMonth,
td.rdtYear,
td.rdtQuarter {
width: 3.125rem;
height: 2.5rem;
}
td.rdtMonth > span,
td.rdtYear > span,
td.rdtQuarter > span {
height: 1.5rem;
display: block;
}
td.rdtMonth.rdtBetween,
td.rdtYear.rdtBetween,
td.rdtQuarter.rdtBetween {
background: transparent !important;
}
td.rdtMonth.rdtBetween > span,
td.rdtYear.rdtBetween > span,
td.rdtQuarter.rdtBetween > span {
background: var(--Calendar-cell-onBetween-bg);
}
td.rdtMonth:hover, td.rdtMonth.rdtActive,
td.rdtYear:hover,
td.rdtYear.rdtActive,
td.rdtQuarter:hover,
td.rdtQuarter.rdtActive {
background: transparent !important;
}
td.rdtMonth:hover > span, td.rdtMonth.rdtActive > span,
td.rdtYear:hover > span,
td.rdtYear.rdtActive > span,
td.rdtQuarter:hover > span,
td.rdtQuarter.rdtActive > span {
background: var(--info);
color: var(--white);
}
td.rdtMonth.rdtDisabled,
td.rdtYear.rdtDisabled,
td.rdtQuarter.rdtDisabled {
background: transparent !important;
}
td.rdtMonth.rdtDisabled > span,
td.rdtYear.rdtDisabled > span,
td.rdtQuarter.rdtDisabled > span {
background: #edf1f2;
color: #999;
}
.dark-DateCalendar {
display: inline-block;
border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);
background: var(--DatePicker-bg);
border-radius: var(--DatePicker-borderRadius);
}
@media screen and (min-width: 769px) {
.rdt {
width: auto;
}
.rdt .rdtPicker {
padding: 0;
}
.rdt .rdtPicker table {
padding: 0 12px;
border-collapse: inherit;
}
.rdt .rdtPicker .footer {
padding: 0;
}
.rdt .rdtPicker.rdtPickerTime {
width: 100%;
}
.rdt .rdtPickerTimeWithoutD {
width: 100%;
}
.rdt .rdtPickerTimeWithoutD .dark-TimeContentWrapper {
display: flex;
}
.rdt .rdtPickerTimeWithoutD .dark-TimeFooterWrapper {
height: 48px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 12px;
border-top: 1px solid var(--Calendar-input-borderColor);
}
.rdt .rdtPickerTimeWithoutD .dark-TimeFooterWrapper .dark-Button {
border-radius: 4px;
}
.rdt .rdtPickerTimeWithoutD .dark-TimeFooterWrapper .dark-QuickWrapper a {
font-size: 14px;
}
.rdt .dark-CalendarTimesWrapper {
display: flex;
flex-direction: column;
height: 100%;
}
.rdt .dark-CalendarTimesWrapper .dark-CalendarInputsWrapper {
height: 15.5rem;
}
.rdt .dark-CalendarInputWrapper {
display: inline-block;
position: relative;
width: 4rem;
height: 15.5rem;
overflow: auto;
}
.rdt .dark-CalendarInputWrapper .dark-CalendarInput-sugs {
list-style: none;
background: var(--inputTime-default-bg-color);
color: var(--inputTime-default-color);
left: -0.0625rem;
right: -0.0625rem;
top: 100%;
z-index: 10;
}
.rdt .dark-CalendarInputWrapper .dark-CalendarInput-sugsHours {
height: 55.75rem;
}
.rdt .dark-CalendarInputWrapper .dark-CalendarInput-sugsTimes {
height: 118.75rem;
border-left: 1px solid var(--Calendar-input-borderColor);
}
.rdt .dark-CalendarInputWrapper .dark-CalendarInput-sugsItem {
text-align: center;
height: 28px;
line-height: 28px;
font-size: var(--inputTime-default-fontSize);
font-weight: var(--inputTime-default-fontWeight);
cursor: pointer;
}
.rdt .dark-CalendarInputWrapper .dark-CalendarInput-sugsItem.is-highlight {
color: #151b26;
background: #e6f0ff;
}
.rdt .dark-CalendarInputWrapper .dark-CalendarInput-sugsItem:not(.is-mobile):hover {
color: var(--inputTime-hover-color);
background: var(--inputTime-hover-bg-color);
}
.rdt .rdtDays {
display: flex;
}
.rdt .rdtDays .rdtDaysPart {
width: 16.5rem;
border-right: 1px solid var(--Calendar-input-borderColor);
}
.rdt .rdtDays .rdtTimePart {
width: 8.25rem;
text-align: center;
}
.rdt .rdtDays .rdtTimePartWithS {
width: 12.25rem;
text-align: center;
}
.rdt .rdtDays .rdtShowTime {
height: 35px;
line-height: 35px;
text-align: center;
}
.rdt .footer {
border-top: 1px solid var(--Calendar-input-borderColor);
}
.rdt .footer tfoot td {
padding: 0;
}
.header-line {
display: block;
position: absolute;
right: 0;
left: 0;
top: 35px;
height: 1px;
background: var(--Calendar-input-borderColor);
}
}
.dark-DateRangePicker {
position: relative;
display: inline-flex;
flex-wrap: nowrap;
border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);
font-size: var(--DatePicker-fontSize);
padding: var(--DatePicker-paddingY) var(--DatePicker-paddingX);
height: var(--DatePicker-height);
outline: none;
border-radius: 4px;
color: var(--saas-Title-Text);
background: var(--Form-input-bg);
vertical-align: top;
}
@media (max-width: 767px) {
.dark-DateRangePicker {
background: var(--saas-main-bg);
}
}
.dark-DateRangePicker--borderHalf {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
}
.dark-DateRangePicker--borderNone {
border-color: transparent !important;
}
.dark-DateRangePicker-content {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
display: flex;
max-width: 100%;
align-items: center;
}
.dark-DateRangePicker-content > .dark-DateRangePicker-input {
flex: 1;
border: 0;
outline: 0;
padding: 0;
width: 50%;
color: var(--saas-Title-Text);
background: none;
width: 150px;
text-align: left;
}
.dark-DateRangePicker-content > .dark-DateRangePicker-input::placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-DateRangePicker-content > .dark-DateRangePicker-input::-webkit-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-DateRangePicker-content > .dark-DateRangePicker-input::-moz-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-DateRangePicker-content > .dark-DateRangePicker-input::-ms-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-DateRangePicker-content .dark-DateRangePicker-input.isActive {
border-bottom: 2px solid #144bcc;
}
.dark-DateRangePicker-content .dark-DateRangePicker-activeCursor {
bottom: 0;
height: 2px;
background: #144bcc;
opacity: 0;
transition: all 0.2s ease-in-out;
pointer-events: none;
}
.dark-DateRangePicker-content .dark-DateRangePicker-activeCursor.isFocused {
opacity: 1;
}
.dark-DateRangePicker-content > .dark-DateRangePicker-input-separator {
margin: 0 8px;
display: flex;
align-items: center;
}
.dark-DateRangePicker-content > .dark-DateRangePicker-input-separator .dark-DateRangePicker-input-separator-line {
width: 8px;
height: 1px;
background: #bab8bf;
}
.dark-DateRangePicker:not(.is-disabled) {
cursor: pointer;
}
.dark-DateRangePicker:not(.is-disabled):hover {
background: var(--DatePicker-onHover-bg);
border-color: var(--DatePicker-onHover-borderColor);
}
.dark-DateRangePicker:not(.is-disabled):hover .dark-DateRangePicker-toggler {
color: var(--saas-font-size-black);
}
.dark-DateRangePicker:not(.is-disabled):hover .dark-DateRangePicker-clear {
opacity: 1;
}
@media screen and (min-width: 769px) {
.dark-DateRangePicker.is-focused {
border-color: var(--DatePicker-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
}
}
.dark-DateRangePicker.is-disabled {
background: #e5e7eb;
}
.dark-DateRangePicker.is-disabled > .dark-DateRangePicker-input {
color: var(--text--muted-color);
}
.dark-DateRangePicker-placeholder {
color: var(--DatePicker-placeholderColor);
user-select: none;
margin-right: var(--gap-base);
flex-basis: 0;
flex-grow: 1;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-DateRangePicker-placeholder {
margin-right: var(--gap-base0.5rem);
}
}
.dark-DateRangePicker-value {
margin-right: var(--gap-base);
flex-basis: 0;
flex-grow: 1;
}
.dark-DateRangePicker-toggler {
cursor: pointer;
color: var(--saas-font-size-dark-black);
display: flex;
align-items: center;
}
.dark-DateRangePicker-toggler .icon {
top: 0;
}
.dark-DateRangePicker-toggler:hover {
color: var(--saas-font-size-black);
}
.dark-DateRangePicker-clear {
padding: 0.1875rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
display: flex;
align-items: center;
line-height: 1;
margin: 0;
margin-right: 2px;
padding: 0;
}
.dark-DateRangePicker-clear svg {
fill: var(--saas-font-size-dark-black);
top: 0;
width: 0.625rem;
height: 0.625rem;
}
.dark-DateRangePicker-clear:hover svg {
fill: var(--saas-font-size-black);
}
@media (min-width: 576px) {
.dark-DateRangePicker-clear {
opacity: 0;
}
}
.dark-DateRangePicker-wrap {
width: auto;
}
.dark-DateRangePicker-start,
.dark-DateRangePicker-end {
display: inline-block;
vertical-align: top;
}
.dark-DateRangePicker-start .rdtPicker,
.dark-DateRangePicker-end .rdtPicker {
padding: 0;
box-shadow: none;
border: none;
}
.dark-DateRangePicker-end {
margin-top: 20px;
border-left: 1px solid var(--Calendar-input-borderColor);
}
.dark-DateRangePicker-rangers {
margin: 0;
padding: calc((var(--Calendar-shortcuts-height) - var(--Calendar-fontSize) * var(--lineHeightBase)) / 2) var(--gap-sm);
list-style: none;
}
.dark-DateRangePicker-rangers .is-dateTime-range {
width: 15.625rem;
}
.dark-DateRangePicker-ranger {
display: inline-block;
margin-right: var(--gap-sm);
}
.dark-DateRangePicker-ranger a {
cursor: pointer;
}
.dark-DateRangePicker-actions {
text-align: right;
padding: var(--gap-sm);
border-top: 1px solid #e8e9eb;
}
.dark-DateRangeControl:not(.is-inline) > .dark-DateRangePicker {
display: flex;
}
.dark-DateRangePicker-popover {
margin: 0.125rem 0 0;
}
.dark-DateRangePicker-popover.dark-PopOver--leftTopLeftBottom, .dark-DateRangePicker-popover.dark-PopOver--rightTopRightBottom {
margin: -0.125rem 0 0;
}
.dark-DateRangePicker-popup {
height: 25rem;
}
@media (min-width: 576px) {
.dark-DateRangePicker-wrap {
white-space: nowrap;
}
.dark-DateRangePicker-end {
margin-top: 0;
}
}
.dark-DateRangeCalendar {
display: inline-block;
border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);
background: var(--DatePicker-bg);
border-radius: var(--DatePicker-borderRadius);
}
.dark-DateRangePicker.is-mobile {
border: 0;
justify-content: flex-end;
padding: 0;
height: auto;
font-size: 15px;
}
.dark-DateRangePicker.is-mobile span:focus,
.dark-DateRangePicker.is-mobile a:focus {
outline: unset;
}
.dark-DateRangePicker.is-mobile .dark-DateRangePicker-value,
.dark-DateRangePicker.is-mobile .dark-DateRangePicker-clear {
display: inline-flex;
justify-content: flex-end;
padding: 0 0;
height: 22px;
}
.dark-DateRangePicker.is-mobile .dark-DateRangePicker-value {
margin-right: var(--gap-xs);
}
.dark-DateRangePicker.is-mobile .dark-DateRangePicker-placeholder {
flex-grow: unset;
flex-basis: unset;
}
.dark-DateRangePicker.is-mobile .dark-DateRangePicker-toggler {
margin-top: -3px;
color: var(--DatePicker-placeholderColor);
}
.dark-DateRangePicker.is-mobile .dark-DateRangePicker-content .show-datetime-value {
display: flex;
justify-content: flex-start;
width: 100%;
}
.dark-DateRangePicker.is-mobile .dark-DateRangePicker-content .show-datetime-value .show-datetime-value-box {
width: 100%;
}
.dark-DateRangePicker.is-mobile .dark-DateRangePicker-content .show-datetime-value .show-datetime-value-item {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 24px;
line-height: 24px;
font-size: 15px;
}
.dark-DateRangePicker.is-mobile .dark-DateRangePicker-content .show-datetime-value .show-datetime-value-item input {
background: none;
}
.dark-DateRangePicker.is-mobile .dark-DateRangePicker-content .show-datetime-value .show-datetime-value-item input::placeholder {
font-size: 15px !important;
color: var(--saas-Placeholder-Text) !important;
}
.dark-DateRangePicker.is-mobile .dark-DateRangePicker-content .show-datetime-value .show-datetime-toggler {
display: flex;
align-items: flex-start;
}
@media screen and (min-width: 769px) {
.dark-DateRangePicker-wrap .dateRange-body {
display: flex;
}
.dark-DateRangePicker-wrap .dateRange-body .dark-DateRangePicker-rangers {
width: 120px;
border-right: 1px solid rgba(0, 0, 0, 0.06);
overflow-y: auto;
}
.dark-DateRangePicker-wrap .dateRange-body .dark-DateRangePicker-rangers .dark-DateRangePicker-ranger {
display: block;
margin: 4px 0;
margin-right: 0;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-DateRangePicker-wrap .dateRange-body .dark-DateRangePicker-rangers .dark-DateRangePicker-ranger a {
font-size: 14px;
color: var(--saas-font-size-dark-black);
}
.dark-DateRangePicker-wrap .dateRange-body .dark-DateRangePicker-rangers .dark-DateRangePicker-ranger a:hover {
color: var(--saas-font-size-black);
}
.dark-DateRangePicker-wrap .dateRange-body .dateRangePicker .rdtTimeWithoutD .rdtPickerTime .dark-TimeRangeHeaderWrapper {
height: 40px;
padding-top: 10px;
text-align: center;
border-bottom: 1px solid var(--Calendar-input-borderColor);
margin: 0 0.25rem;
}
}
.dark-ImageControl {
position: relative;
}
.dark-ImageControl-dropzone {
outline: none;
}
.dark-ImageControl-addBtn {
margin: 0;
width: 6.875rem;
height: 6.875rem;
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: none;
border-radius: var(--ImageControl-addBtn-borderRadius);
cursor: pointer;
margin-right: var(--gap-base);
color: var(--ImageControl-addBtn-color);
background: var(--ImageControl-addBtn-bg);
border-color: var(--ImageControl-addBtn-border);
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
}
.dark-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover {
color: var(--ImageControl-addBtn-onHover-color);
background: var(--ImageControl-addBtn-onHover-bg);
border-color: var(--ImageControl-addBtn-onHover-border);
}
.dark-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover:active {
color: var(--ImageControl-addBtn-onActive-color);
background: var(--ImageControl-addBtn-onActive-bg);
border-color: var(--ImageControl-addBtn-onActive-border);
}
.dark-ImageControl-addBtn:hover:focus {
box-shadow: var(--Button-boxShadow);
}
.dark-ImageControl-addBtn > svg {
width: 1.5rem;
height: 1.5rem;
top: 0;
margin-bottom: 0.5rem;
}
.dark-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover {
background: unset;
box-shadow: unset;
}
.dark-ImageControl-addBtn:not(:disabled):not(.is-disabled):active:hover, .dark-ImageControl-addBtn:not(:disabled):not(.is-disabled):focus:hover, .dark-ImageControl-addBtn:not(:disabled):not(.is-disabled):focus-within:hover {
background: unset;
}
.dark-ImageControl-addBtn.is-disabled {
pointer-events: none;
border: 0.0625rem solid var(--ImageControl-addBtn-onDisabled-border);
background: var(--ImageControl-addBtn-onDisabled-bg);
color: var(--ImageControl-addBtn-onDisabled-color);
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-ImageControl-addBtn {
width: 5.5rem;
height: 5.5rem;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-ImageControl-addBtn {
width: 6.5rem;
height: 6.5rem;
}
}
.dark-ImageControl-pasteTip {
pointer-events: none;
left: 0;
top: 50%;
transform: translateY(-50%);
position: absolute;
font-size: var(--Tooltip--attr-fontSize);
line-height: var(--Tooltip--attr-lineHeigt);
text-align: left;
white-space: nowrap;
background: var(--Tooltip--attr-bg);
border: var(--Tooltip--attr-borderWidth) solid var(--Tooltip--attr-borderColor);
border-radius: var(--Tooltip--attr-borderRadius);
box-shadow: var(--Tooltip--attr-boxShadow);
left: 100%;
color: var(--Tooltip--attr-color);
padding: var(--Tooltip--attr-paddingY) var(--Tooltip--attr-paddingX);
margin: 30px 0 0 var(--Tooltip--attr-gap);
}
.dark-ImageControl-item {
vertical-align: top;
display: inline-block;
margin-right: var(--gap-base);
position: relative;
width: 7.5rem;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-ImageControl-item {
width: 5.5rem;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-ImageControl-item {
width: 6.5rem;
}
}
.dark-ImageControl-item .icon-fill {
width: 42px;
height: 42px;
}
.dark-ImageControl-item .image-info {
text-align: center;
font-size: 12px;
line-height: 16px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-ImageControl-item .url-image-container {
width: 7.5rem;
height: 7.5rem;
}
.dark-ImageControl-item .url-image-container .url-img-mask,
.dark-ImageControl-item .url-image-container .url-img-del,
.dark-ImageControl-item .url-image-container .url-img-detail {
display: none;
}
.dark-ImageControl-item .url-image-container:hover {
position: relative;
}
.dark-ImageControl-item .url-image-container:hover .url-img-mask {
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(8, 14, 26, 0.5);
}
.dark-ImageControl-item .url-image-container:hover .url-img-detail {
display: block;
position: absolute;
top: 50%;
left: 30%;
color: #fff;
font-size: 1rem;
padding: 0 5px;
}
.dark-ImageControl-item .url-image-container:hover .url-img-del {
display: block;
position: absolute;
top: 50%;
left: 50%;
color: #fff;
padding: 0 5px;
font-size: 1rem;
}
.dark-ImageControl-beauty {
width: 5.5rem;
height: 1.5rem;
flex-direction: row;
}
.dark-ImageControl-beauty > svg {
width: 0.875rem;
height: 0.875rem;
margin-bottom: 0rem;
margin-right: 0.2rem;
line-height: 0.875rem;
}
.dark-ImageControl-image {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 0;
border: var(--borderWidth) solid var(--borderColor);
border-radius: var(--ImageControl-addBtn-borderRadius);
padding: var(--gap-xs);
}
.dark-ImageControl-file {
height: auto;
}
.dark-ImageControl-fillCell {
border: none;
height: 100% !important;
}
.dark-ImageControl-itemClear {
position: absolute;
cursor: pointer;
color: #999;
top: 5px;
right: 5px;
line-height: 1;
}
.dark-ImageControl-itemClear > svg {
top: 0;
width: 10px;
height: 10px;
}
.dark-ImageControl-itemInfo {
display: inline-flex;
width: 110px;
height: 110px;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-ImageControl-itemInfo {
width: 4.875rem;
height: 4.875rem;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-ImageControl-itemInfo {
width: 5.875rem;
height: 5.875rem;
}
}
.dark-ImageControl-itemInfo > p {
width: 100%;
text-align: center;
font-size: 12px;
margin-bottom: 5px;
}
.dark-ImageControl-progress {
width: 70px;
height: 5px;
background: #ebebeb;
}
.dark-ImageControl-progressValue {
height: 5px;
border-radius: var(--ImageControl-progress-borderRadius);
display: block;
background: var(--info);
min-width: 10%;
transition: ease-out width var(--animation-duration);
}
.dark-ImageControl-item.is-invalid .dark-ImageControl-itemClear {
display: none;
}
.dark-ImageControl-item.is-invalid:hover .dark-ImageControl-itemClear {
display: block;
}
.dark-ImageControl-retryBtn {
margin: 0;
width: 6.875rem;
height: 6.875rem;
display: inline-flex;
cursor: pointer;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
color: #666;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-ImageControl-retryBtn {
width: 4.875rem;
height: 4.875rem;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-ImageControl-retryBtn {
width: 5.875rem;
height: 5.875rem;
}
}
.dark-ImageControl-retryBtn:hover {
color: #333;
text-decoration: none;
}
.dark-ImageControl-retryBtn > p {
width: 100%;
text-align: center;
color: var(--danger);
margin: 10px 0 0;
white-space: pre-wrap;
word-break: break-all;
}
.dark-ImageControl-retryBtn > p.errorMsg {
font-size: 12px;
margin: 0;
}
.dark-ImageControl-errorMsg {
color: var(--danger);
margin: 5px 0 0;
}
.dark-ImageControl-uploadBtn {
margin-top: 5px;
}
.dark-ImageControl-cropperWrapper {
position: relative;
}
.dark-ImageControl-cropperWrapper img {
max-width: 100%;
max-height: 400px;
}
.dark-ImageControl-croperToolbar {
display: inline-flex;
width: 50px;
position: absolute;
right: 0;
bottom: 0;
flex-direction: column;
align-items: flex-end;
}
.dark-ImageControl-croperToolbar > a {
color: #fff;
padding: 2px 5px;
cursor: pointer;
font-size: 20px;
}
.dark-ImageControl-croperToolbar > a .icon-retry polygon {
fill: #fff;
}
.dark-ImageControl-croperToolbar > a .icon-retry path {
stroke: #fff;
}
.dark-ImageControl-acceptTip {
height: 120px;
color: #999;
border: 2px dashed var(--borderColor);
border-color: var(--info);
background: #f3f9fe;
border-radius: var(--borderRadius);
line-height: 120px;
text-align: center;
}
.dark-ImageControl-fixed-size {
width: 100%;
height: 100%;
padding: 0;
}
.dark-ImageControl-fixed-size .dark-ImageControl-itemOverlay {
width: 100%;
height: 100%;
}
@media screen and (min-width: 789px) {
.dark-ImageControl-formfile {
align-items: center;
}
.dark-ImageControl-formfile .dark-Cell-img-wrapper {
width: auto;
max-width: 100%;
}
.dark-ImageControl-formfile .dark-Cell-img-wrapper > img {
width: 22px;
height: 22px;
cursor: pointer;
object-fit: cover;
margin-right: 4px;
margin-left: 0px !important;
}
.dark-ImageControl-formfile .dark-Cell-img-wrapper > img.is-isImage {
width: 16px;
height: 16px;
}
.dark-ImageControl-formfile .dark-ImageControl-addBtn {
width: 30px;
height: 30px;
}
.dark-ImageControl-formfile .dark-ImageControl-addBtn > svg {
margin-bottom: 0;
}
}
.dark-ImageControl-dropzone.is-pcImage {
display: flex !important;
overflow: visible;
word-wrap: normal;
text-overflow: ellipsis;
flex-wrap: nowrap;
}
.dark-ImageControl-dropzone.is-pcImage > span {
display: flex;
align-items: center;
max-width: 100%;
}
.dark-ImageControl-formfile-noImage.is-pcImage {
text-overflow: unset;
}
.dark-ImageControl-formfile-noImage.is-pcImage > span {
margin-right: 5px;
}
.dark-ImageControl.isMobile {
position: relative;
}
.dark-ImageControl.isMobile .dark-ImageControl-dropzone {
display: flex;
}
.dark-ImageControl.isMobile .dark-ImageControl-dropzone.addble {
color: #2a3e61;
}
.dark-ImageControl.isMobile .dark-ImageControl-dropzone.addble .dark-ImageControl-item:nth-child(2) {
margin-top: 24px;
}
.dark-ImageControl.isMobile .dark-ImageControl-formfile {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.dark-ImageControl.isMobile .dark-ImageControl-formfile .dark-Cell-img-wrapper {
margin-left: 12px;
}
.dark-ImageControl.isMobile .dark-ImageControl-formfile .single-file-preview-box .dark-ImageControl-upload-li {
display: flex;
align-items: center;
list-style: none;
}
.dark-ImageControl.isMobile .dark-ImageControl-formfile .single-file-preview-box .dark-ImageControl-upload-li .upload-li-pdf-name {
display: none;
}
.dark-ImageControl.isMobile .dark-ImageControl-formfile .single-file-preview-box .dark-ImageControl-upload-li .icon {
width: 22px;
height: 22px;
}
.dark-ImageControl.isMobile .dark-ImageControl-addBtn {
border: none;
width: auto;
height: auto;
position: absolute;
right: 0;
top: -30px;
margin-right: 0;
}
.dark-ImageControl.isMobile .dark-ImageControl-item {
width: 100%;
}
.dark-ImageControl.isMobile .dark-ImageControl-item .show-img-container {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
background-color: #f6f6f6;
padding: 4px;
}
.dark-ImageControl.isMobile .dark-ImageControl-item .show-img-container .img-left {
width: 22px;
height: 22px;
overflow: hidden;
}
.dark-ImageControl.isMobile .dark-ImageControl-item .show-img-container .img-right {
text-align: left;
flex: 1;
overflow-x: hidden;
margin: auto 8px;
}
.dark-ImageControl.isMobile .dark-ImageControl-item .show-img-container .img-right > div {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-ImageControl.isMobile .dark-ImageControl-item .show-img-container .img-right .img-size {
color: #bfbfbc;
font-size: 12px;
font-weight: 400;
}
.dark-ImageControl.isMobile .dark-ImageControl-item .show-img-container .img-del {
width: 24px;
text-align: center;
color: #bfbfbc;
}
/* 移动端样式调整 */
@media (max-width: 767px) {
.dark-ImageControl .dark-ImageControl-dropzone {
flex-direction: row;
display: flex;
align-items: flex-start;
}
.dark-ImageControl .dark-ImageControl-dropzone .dark-ImageControl-addBtn {
width: 100%;
display: block;
text-align: right;
position: relative;
background-color: transparent;
transform: translateY(0);
top: 0;
}
.dark-ImageControl .dark-ImageControl-dropzone .dark-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover:active {
background: transparent !important;
border-color: transparent !important;
color: rgba(0, 0, 0, 0.2);
}
.dark-ImageControl .dark-ImageControl-dropzone .dark-ImageControl-addBtn .icon-isMobileUI {
width: 16px;
display: inline-block;
text-align: center;
font-size: 10px;
}
.dark-ImageControl .dark-ImageControl-dropzone .dark-ImageControl-img-wrapper {
display: inline-block;
position: relative;
width: 22px;
height: 22px;
margin-left: 2px;
max-height: 22px;
}
.dark-ImageControl .dark-ImageControl-dropzone .dark-ImageControl-img-wrapper img {
height: 100%;
width: 100%;
}
.dark-ImageControl .dark-ImageControl-dropzone .dark-ImageControl-img-wrapper:first-of-type {
margin-left: 0;
}
.dark-ImageControl .dark-ImageControl-dropzone .dark-ImageControl-img-overlay {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
.dark-ImageControl .dark-ImageControl-dropzone .dark-ImageControl-img-overlay span {
display: inline-flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 14px;
flex-wrap: nowrap;
width: 100%;
height: 100%;
}
.dark-ImageControl .dark-ImageControl-onformfile {
flex-direction: column !important;
}
.dark-ImageControl .dark-ImageControl-onformfile .dark-ImageControl-img-wrapper {
display: flex;
position: relative;
margin-bottom: 6px;
background-color: var(--saas-crud-table-thead-color);
padding: 6px;
border-radius: 6px;
align-items: center;
width: 100%;
height: auto;
max-height: unset;
}
.dark-ImageControl .dark-ImageControl-onformfile .dark-ImageControl-img-wrapper:last-child {
margin-bottom: 0;
}
.dark-ImageControl .dark-ImageControl-onformfile .dark-ImageControl-img-wrapper img, .dark-ImageControl .dark-ImageControl-onformfile .dark-ImageControl-img-wrapper svg {
height: 20px;
width: 20px;
top: 0;
}
.dark-ImageControl .dark-ImageControl-onformfile .dark-ImageControl-img-wrapper .icon {
color: var(--saas-Primary-Color);
}
.dark-ImageControl .dark-ImageControl-onformfile .dark-ImageControl-img-wrapper span {
flex: 1;
margin-left: 6px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dark-ImageControl .dark-ImageControl-dropzone.input-img-mobile {
display: flex !important;
justify-content: flex-start;
flex-wrap: wrap;
}
.dark-ImageControl .dark-ImageControl-dropzone.input-img-mobile .dark-ImageControl-addBtn {
display: flex;
}
}
.upload-file-wrapper .add-content-container .add-content-body-show {
height: 120px;
line-height: 120px;
text-align: center;
background-color: var(--Form-input-bg);
border: 1px dashed var(--borderColor);
color: #a0a0a0;
}
.upload-file-wrapper .add-content-container .add-content-body .add-content-divider {
margin: 12px -16px;
height: 1px;
background: var(--borderColor);
}
.upload-file-wrapper .add-content-container .add-content-body-input {
display: flex;
justify-content: space-between;
align-items: center;
}
.upload-file-wrapper .add-content-container .add-content-body-input .add-content-url {
flex: 1;
}
.upload-file-wrapper .add-content-container .add-content-body-input .add-content-url .ant-input {
color: var(--saas-Title-Text);
background-color: var(--Form-input-bg);
border: none;
}
.upload-file-wrapper .add-content-container .add-content-body-input .add-content-commit {
margin: 0 8px;
}
.upload-file-wrapper .ant-popover-arrow .ant-popover-arrow-content::before {
background: var(--body-bg);
}
.dark-Image.dark-Auto-calc-size {
width: 100%;
border: none;
}
.dark-Image.dark-Auto-calc-size .dark-Image-thumb {
width: 100%;
}
.lion-popover-operation .btn-container {
text-align: center;
}
.lion-popover-operation .btn-container:hover {
background-color: #e9f1fd;
}
.lion-popover-operation .ant-popover-inner-content {
padding: 5px 0;
}
.dark-OperationField {
display: flex;
align-items: center;
}
.dark-OperationField .extendBtn {
display: inline-block;
cursor: pointer;
color: var(--saas-Title-Text);
}
.dark-OperationField .rotate {
font-weight: 800;
transform: rotate(90deg);
letter-spacing: 2px;
}
.dark-OperationField .btnreset {
transform: rotate(0deg);
}
.dark-OperationField .dark-Button-arrow {
font-size: 12px;
width: auto;
border-radius: 5px;
margin: 0 auto;
}
.dark-OperationField .dark-Button-arrow .dark-Select-arrow {
margin-right: 0;
}
.dark-OperationField .dark-Button-arrow .dark-Select-arrow svg {
color: inherit;
}
.dark-OperationField .dark-Button-arrow:first-child {
margin-left: 3px;
}
.dark-OperationField .dark-Button-arrow:last-child {
margin-right: 0;
}
.dark-OperationField .dark-Button-arrow .is-opened svg {
transform: rotate(180deg);
}
.dark-OperationField .dark-Button--link {
margin-right: 0.1875rem;
border: var(--Button-borderWidth) solid transparent;
}
.dark-OperationField .dark-Button--link:hover {
background-color: #e5e7eb;
}
.dark-OperationField .dark-Button:last-child {
margin-right: 0;
}
.dark-ActionSheet .dark-Button--link {
font-size: 13px;
color: #666;
}
.dark-Table-table .dark-OperationField button {
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
margin-bottom: 0;
height: 24px;
line-height: 1;
padding: 0 6px;
}
.dark-FileControl-templateInfo {
display: block;
margin-bottom: var(--gap-base);
padding: var(--Button-paddingY) var(--Button-paddingX);
cursor: pointer;
}
.dark-FileControl-templateInfo > svg {
margin-right: var(--gap-xs);
}
.dark-FileControl-dropzone {
outline: none;
}
.dark-FileControl-selectBtn {
display: inline-flex;
align-items: center;
margin-right: 10px;
}
.dark-FileControl-selectBtn > svg {
width: 0.875rem;
height: 0.875rem;
}
.dark-FileControl-description {
color: #999;
font-size: 12px;
}
.dark-FileControl-list {
list-style: none;
margin: 10px 0;
padding: 0;
}
.dark-FileControl-list > li {
color: #333;
font-size: 12px;
}
.dark-FileControl-list > li:hover {
color: #108cee;
background: #f3f3f3;
}
.dark-FileControl-itemInfo {
padding: 0px 6px;
line-height: 26px;
height: auto;
}
.dark-FileControl-itemInfo span {
word-break: break-all;
}
.dark-FileControl-itemInfo.is-invalid {
color: #999;
}
.dark-FileControl-itemInfo > svg:first-child {
margin-right: 10px;
}
.dark-FileControl-itemInfo > svg:not(:first-child) {
margin-left: 10px;
width: 1rem;
height: 1rem;
top: var(--gap-xs);
}
.dark-FileControl-itemInfoText {
white-space: nowrap;
max-width: 170px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle;
}
.dark-FileControl-clear {
float: right;
color: #999;
display: none;
cursor: pointer;
}
.dark-FileControl-clear:hover {
color: #333;
}
.dark-FileControl-list:empty {
display: none;
}
.dark-FileControl-list > li:hover .dark-FileControl-clear {
display: block;
}
.dark-FileControl-progressInfo {
display: inline-flex;
height: 20px;
padding: 0 6px;
transform: translateY(-3px);
width: 100%;
align-items: center;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-FileControl-progressInfo > span {
display: inline-block;
padding: 0 4px 0 10px;
font-size: 12px;
}
.dark-FileControl-progressInfo > svg {
display: inline-block;
margin: 0 4px 0 10px;
width: 14px;
height: 14px;
top: 0;
}
.dark-FileControl-progress {
height: 5px;
flex: 1;
background: #ebebeb;
}
.dark-FileControl-progress > span {
display: block;
background: var(--info);
border-radius: var(--FileControl-progress-borderRadius);
height: 100%;
min-width: 10%;
transition: ease-out width var(--animation-duration);
}
.dark-FileControl-acceptTip {
height: 120px;
color: #999;
border: 2px dashed var(--info);
border-radius: var(--borderRadius);
background: #f3f9fe;
line-height: 120px;
text-align: center;
}
.dark-FileControl-sum {
font-size: var(--fontSizeSm);
}
.dark-FileControl-sum > a {
cursor: pointer;
}
.dark-ExcelControl-container {
display: flex;
flex-direction: column;
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
cursor: pointer;
}
.dark-ExcelControl-container > p {
font-size: 1rem;
}
.dark-ExcelControl-container > em {
font-size: 0.8rem;
}
.dark-ExcelControl-dropzone {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
padding: var(--gap-md);
border-width: 2px;
border-radius: 2px;
border-color: #eeeeee;
border-style: dashed;
background-color: #fafafa;
color: #bdbdbd;
outline: none;
transition: border 0.24s ease-in-out;
}
.dark-ExcelControl-dropzone:focus {
border-color: var(--primary);
}
.dark-ExcelControl-dropzone.disabled {
opacity: 0.6;
}
.dark-EditorControl {
min-height: 12.5rem;
max-height: 25rem;
overflow: visible;
height: auto;
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
max-width: 100%;
box-sizing: content-box;
}
.dark-EditorControl > .dark-MonacoEditor,
.dark-EditorControl > .dark-MonacoEditor > .monaco-diff-editor {
min-height: 12.375rem;
}
.dark-EditorControl.is-error {
border-color: var(--Form-input-onError-borderColor);
}
.dark-EditorControl.is-focused {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-EditorControl .dark-MonacoEditor {
position: relative;
}
.dark-EditorControl .dark-MonacoEditor-header {
position: absolute;
right: 0.875rem;
top: 0;
padding: 0;
width: 1.125rem;
height: 1.125rem;
z-index: 5;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
background: var(--Modal-header-bg);
box-sizing: border-box;
}
.dark-EditorControl .dark-MonacoEditor-fullscreen {
cursor: pointer;
color: var(--Modal-close-color);
line-height: inherit;
text-decoration: none;
text-align: center;
vertical-align: middle;
}
.dark-EditorControl .dark-MonacoEditor-fullscreen:hover {
color: var(--Model-close-onHover-color);
}
.dark-EditorControl .dark-MonacoEditor-fullscreen:hover svg {
fill: var(--Model-close-onHover-color);
}
.dark-EditorControl--sm {
min-height: 100px;
}
.dark-EditorControl--sm > .dark-MonacoEditor {
min-height: 100px;
}
.dark-EditorControl--md {
min-height: 250px;
}
.dark-EditorControl--md > .dark-MonacoEditor {
min-height: 250px;
}
.dark-EditorControl--lg {
min-height: 300px;
}
.dark-EditorControl--lg > .dark-MonacoEditor {
min-height: 300px;
}
.dark-EditorControl--xl {
min-height: 400px;
}
.dark-EditorControl--xl > .dark-MonacoEditor {
min-height: 400px;
}
.dark-EditorControl--xxl {
min-height: 500px;
}
.dark-EditorControl--xxl > .dark-MonacoEditor {
min-height: 500px;
}
.monaco-inputbox > .wrapper {
padding: 0;
}
.is-fullscreen {
margin: 0 !important;
position: fixed !important;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2147483630 !important;
width: auto !important;
}
.fr-popup {
z-index: 1300 !important;
}
.dark-RichTextControl {
min-height: 18.75rem;
height: auto;
border: 1px solid transparent;
width: 100%;
border-radius: 4px;
}
.dark-RichTextControl > .tox-tinymce {
border: 0;
}
.dark-RichTextControl > textarea {
width: 100%;
}
.dark-RichTextControl--borderHalf {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
}
.dark-RichTextControl--borderNone {
border-color: transparent !important;
}
.dark-RichTextControl .fr-toolbar.fr-top {
box-shadow: none;
border: 0;
position: relative;
}
.dark-RichTextControl .fr-box.fr-basic.fr-top:not(.fr-fullscreen) .fr-wrapper {
min-height: 150px;
max-height: 400px;
box-shadow: none;
overflow: auto;
border: none;
}
.dark-RichTextControl .second-toolbar {
border: none;
}
.dark-RichTextControl .fr-toolbar .fr-command.fr-btn,
.dark-RichTextControl .fr-popup .fr-command.fr-btn {
color: var(--Button--default-color);
}
.dark-RichTextControl .fr-toolbar .fr-command.fr-btn.fr-active,
.dark-RichTextControl .fr-popup .fr-command.fr-btn.fr-active {
color: var(--info);
background: var(--Form-select-onHover-bg);
}
.dark-RichTextControl .fr-desktop .fr-command:hover,
.dark-RichTextControl .fr-desktop .fr-command:focus {
background: var(--Form-select-onHover-bg);
}
.dark-RichTextControl .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.dark-RichTextControl .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
background: var(--Form-select-onHover-bg);
}
.dark-RichTextControl .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
background: var(--info);
color: #fff;
}
.dark-RichTextControl.is-focused {
border: var(--Form-input-borderWidth) solid var(--Form-input-onFocused-borderColor);
}
.dark-RichTextControl .fr-box.fr-basic .fr-element {
min-height: 150px;
}
.dark-RichTextControl .fr-sticky-dummy {
position: absolute;
}
.dark-RichTextControl.is-disabled {
pointer-events: none;
opacity: 0.6;
}
.dark-RichTextControl.is-disabled .fr-box.fr-basic.fr-top .fr-wrapper {
border-color: var(--Form-input-onDisabled-borderColor);
}
.w-e-toolbar {
background-color: var(--saas-Background-Header) !important;
flex-wrap: wrap;
}
.w-e-toolbar .w-e-bar-divider {
background-color: var(--saas-Background-Header);
}
.w-e-text-placeholder {
top: 0;
}
.dark-RichTextControl.is-defaultOpen {
min-height: unset;
border: none;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
overflow: hidden;
}
.dark-RichTextControl.is-defaultOpen .dark-Form-item {
margin-bottom: 0;
flex: 1;
}
.dark-RichTextControl.is-defaultOpen .dark-Form-item .dark-Form-value {
display: block;
}
.dark-RichTextControl.is-defaultOpen .dark-Form-item .dark-Form-value .dark-Form-control {
display: block;
}
.dark-RichTextControl.is-defaultOpen .dark-TplSaving {
top: 0;
}
.dark-RichTextControl.is-defaultOpen .dark-RichTextControl-value {
display: flex;
width: 100%;
overflow: hidden;
}
.dark-RichTextControl.is-defaultOpen .dark-RichTextControl-value .dark-RichTextControl-content {
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-RichTextControl.is-defaultOpen .dark-RichTextControl-value .anticon {
color: var(--saas-font-size-dark-black);
}
.dark-PopRichText .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
width: 550px;
}
@media (max-width: 767px) {
.dark-RichTextControl .w-e-text-container {
min-height: 150px;
max-height: 300px;
height: unset !important;
border: none !important;
overflow-y: auto;
}
.dark-RichTextControl .w-e-toolbar {
display: none !important;
}
.toolbar-form-footer {
width: 100%;
height: 38px;
display: flex;
padding: 0 5px;
align-items: center;
border-bottom: solid 1px rgba(0, 0, 0, 0.06);
overflow: hidden;
background-color: #F7F8FA;
}
.toolbar-form-footer button > span {
display: flex;
}
.toolbar-form-footer .adm-badge-fixed {
transform: unset;
}
.toolbar-form-footer .adm-divider-vertical {
margin: 0 6px;
}
.toolbar-form-footer .adm-button-small {
padding: 8px 10px;
display: flex;
align-items: center;
}
.toolbar-form-footer .adm-button-small .block {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 3px;
}
.textarea-drawer .dark-Form-item {
height: 100%;
margin-bottom: 0;
}
.textarea-drawer .dark-Form-item .dark-Form-rowInner {
height: 100%;
}
.textarea-drawer .dark-Form-item .dark-Form-rowInner .dark-RichTextControl {
height: 100%;
border: none;
}
.textarea-drawer .dark-Form-item .dark-Form-rowInner .dark-RichTextControl .tox {
height: 100% !important;
}
.textarea-drawer .dark-Form-item .dark-Form-rowInner .isIOS-focused .tox .tox-editor-header {
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.textarea-drawer-rich {
top: 0 !important;
bottom: 0 !important;
}
.textarea--drawer-rich-ios {
bottom: 16px !important;
}
}
.tox-tinymce-aux {
z-index: 3000;
}
.tox-fullscreen .tox.tox-tinymce-aux {
z-index: 3000;
}
.dark-RangeControl {
position: relative;
display: flex;
align-items: center;
padding-top: 1rem;
padding-bottom: 1.1rem;
}
.dark-RangeControl::before, .dark-RangeControl::after {
display: table;
content: "";
}
.dark-RangeControl::after {
clear: both;
}
@media (max-width: 767px) {
.dark-RangeControl {
flex-wrap: nowrap !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
.dark-RangeControl--withInput .dark-InputRange {
width: calc(100% - 120px);
}
.dark-RangeControl--withInput .dark-InputRange-label--mid {
left: calc(50% - 60px);
}
.dark-RangeControl--withInput.is-multiple .dark-InputRange {
width: calc(100% - 210px);
}
.dark-RangeControl .dark-InputRange-value {
margin-left: 8px;
text-align: right;
min-width: 2.375rem;
font-size: 14px;
}
.dark-RangeControl .dark-InputRange-input {
font-size: var(--fontSizeSm);
position: absolute;
right: 1.625rem;
top: 0.75rem;
height: 1.875rem;
}
.dark-RangeControl .dark-InputRange-input input {
padding: 0.625rem;
width: 4.625rem;
height: 100%;
}
.dark-RangeControl .dark-InputRange-input input:focus {
outline: none;
border: var(--borderWidth) solid var(--info);
}
.dark-RangeControl .dark-InputRange-input-separator {
display: inline-block;
padding: 0 5px;
}
.dark-RangeControl .dark-InputRange-unit {
position: absolute;
right: 0.625rem;
top: 0.4375rem;
}
.dark-RangeControl .dark-InputRange-clear {
position: absolute;
top: 1.125rem;
right: 0;
cursor: pointer;
}
.dark-RangeControl .dark-InputRange-clear svg {
height: 1rem;
width: 1rem;
fill: #999;
}
.dark-InputRange {
height: var(--InputRange-slider-height);
position: relative;
width: 100%;
}
.dark-InputRange-slider {
appearance: none;
background: white;
border: var(--InputRange-slider-border);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
border-radius: 100%;
cursor: pointer;
display: block;
width: var(--InputRange-slider-width);
height: var(--InputRange-slider-width);
margin-left: calc(var(--InputRange-slider-width) / -2);
margin-top: calc( var(--InputRange-slider-width) / -2 + var(--InputRange-track-height) / -2 );
outline: none;
position: absolute;
z-index: 2;
top: 50%;
transition: var(--InputRange-slider-transition);
}
.dark-InputRange-slider:active {
transform: var(--InputRange-slider-onActive-transform);
border-color: var(--saas-Primary-Color);
}
.dark-InputRange-slider:focus {
box-shadow: var(--InputRange-slider-onFocus-boxShadow);
border-color: var(--saas-Primary-Color);
}
.dark-InputRange-slider:hover {
border-color: var(--saas-Primary-Color);
}
.input-range--disabled .dark-InputRange-slider {
background: var(--InputRange-slider-onDisabled-bg);
border: var(--InputRange-slider-onDisabled-border);
box-shadow: none;
transform: none;
}
.dark-InputRange-slider:before {
color: #fff;
display: block;
line-height: 1.375rem;
text-align: center;
}
.dark-InputRange-sliderContainer {
transition: var(--InputRange-sliderContainer-transition);
}
.dark-InputRange-label {
color: var(--InputRange-label-color);
font-size: var(--InputRange-label-fontSize);
transform: translateZ(0);
white-space: nowrap;
}
.dark-InputRange-label--min, .dark-InputRange-label--max, .dark-InputRange-label--mid {
bottom: var(--InputRange-label-positionBottom);
position: absolute;
display: none;
}
.dark-InputRange-label--mid {
left: 50%;
bottom: calc(var(--gap-xs) * -1);
transform: translateX(-50%);
}
.dark-InputRange-label--max {
right: 0;
}
.dark-InputRange-label--value {
position: absolute;
display: none;
top: var(--InputRange-label--value-positionTop);
left: var(--InputRange-label--value-positionLeft);
}
.dark-InputRange-track {
background: var(--InputRange-track-bg);
cursor: pointer;
display: block;
height: var(--InputRange-track-height);
position: relative;
transition: var(--InputRange-track-transition);
}
.dark-InputRange.is-disabled .dark-InputRange-track {
background: var(--InputRange-track-onDisabled-bg);
}
.dark-InputRange-track.is-active {
background: var(--InputRange-track-onActive-bg);
}
.dark-InputRange-track--background {
left: 0.5rem;
margin-top: calc(-0.5 * var(--InputRange-track-height));
position: absolute;
right: 0.5rem;
top: 50%;
}
.dark-InputRange-track--background::before, .dark-InputRange-track--background::after {
content: "";
width: 0.5rem;
height: 100%;
position: absolute;
top: 0;
background: inherit;
z-index: 1;
}
.dark-InputRange-track--background::before {
left: -0.5rem;
}
.dark-InputRange-track--background::after {
right: -0.5rem;
}
.dark-InputRange-track--active {
background: var(--InputRange-track-onActive-bg);
}
.dark-RepeatControl .repeat-btn {
width: 5rem;
}
.dark-RepeatControl .Select {
display: inline-block;
min-width: 100px;
}
.dark-RepeatControl .input-range {
margin-top: 0;
}
@media (min-width: 768px) {
.repeat-control.form-contorl-inline,
.form-group-inline .repeat-control {
display: inline-block;
min-width: 280px;
width: auto;
}
}
.dark-TreeControl {
border: 1px solid var(--Form-input-borderColor);
padding: 6px 0 6px 12px;
border-radius: 2px;
max-height: 300px;
overflow: auto;
}
.dark-TreeControl.h-full {
max-height: none;
overflow: visible;
}
.dark-TreeControl.no-border {
border: 0;
}
.dark-Tree-list, .dark-Tree-sublist {
list-style: none;
padding: 0;
margin: 0;
}
.dark-Tree-sublist {
margin-left: var(--Tree-indent);
}
.dark-Tree-sublist.is-folded {
display: none;
}
.dark-Tree-item {
line-height: var(--Tree-itemHeight);
position: relative;
}
.dark-Tree-item > div:hover {
text-decoration: none;
}
.dark-Tree-item > div:hover > .dark-Tree-item-icons {
visibility: visible;
}
.dark-Tree-item > div > span > svg {
display: inline-block;
cursor: pointer;
position: relative;
top: 2px;
width: 1rem;
height: 1rem;
margin-left: var(--gap-xs);
}
.dark-Tree.is-disabled {
pointer-events: none;
}
.dark-Tree.is-draggable {
position: relative;
}
.dark-Tree--outline .dark-Tree-sublist .dark-Tree-item--isLeaf:before {
position: absolute;
top: -8px;
left: calc((var(--Tree-indent) - 5px) * -1);
bottom: 0px;
border-left: 1px solid var(--borderColor);
content: "";
}
.dark-Tree-rootItem {
line-height: var(--Tree-itemHeight);
}
.dark-Tree-item > div:hover > .dark-Tree-item-icons, .dark-Tree-rootItem > div:hover > .dark-Tree-item-icons {
visibility: visible;
}
.dark-Tree-itemLabel {
display: flex;
align-items: center;
position: relative;
}
.dark-Tree-itemLabel > * {
position: relative;
z-index: 2;
}
.dark-Tree-itemLabel:hover:after {
position: absolute;
content: "";
z-index: 1;
background: var(--Tree-item-onHover-bg);
top: 0;
right: 0;
bottom: 0;
left: -99999px;
}
.dark-Tree.is-draggable .dark-Tree-itemLabel:hover::after {
display: none;
}
.dark-Tree-item-icons {
visibility: hidden;
transition: visibility var(--animation-duration) ease;
display: inline-block;
vertical-align: top;
height: var(--Tree-itemHeight);
line-height: var(--Tree-itemHeight);
padding-right: var(--gap-xs);
}
.dark-Tree-item-icons > a {
display: inline-block;
vertical-align: middle;
margin-left: var(--gap-xs);
cursor: pointer;
}
.dark-Tree-item-icons > a > svg {
width: 0.75rem;
height: 0.75rem;
top: 0;
}
.dark-Tree-itemInput {
padding-left: var(--Tree-itemArrowWidth);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.dark-Tree-itemInput > a {
display: inline-block;
cursor: pointer;
margin-left: var(--gap-sm);
color: var(--icon-color);
}
.dark-Tree-itemInput > a:hover {
color: var(--icon-onHover-color);
text-decoration: none;
}
.dark-Tree-itemInput > input {
flex-grow: 1;
width: 100%;
outline: none;
background: var(--Form-input-bg);
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
border-radius: var(--Form-input-borderRadius);
line-height: var(--Form-input-lineHeight);
padding: calc((var(--Tree-inputHeight) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem) / 2) var(--Form-input-paddingX);
font-size: var(--Form-input-fontSize);
}
.dark-Tree-itemInput > input::placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-Tree-itemInput > input::-webkit-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-Tree-itemInput > input::-moz-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-Tree-itemInput > input::-ms-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-Tree-itemInput > input:focus {
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
background: var(--Form-input-onFocused-bg);
}
.dark-Tree-addTopBtn {
cursor: pointer;
height: var(--Tree-itemHeight);
line-height: var(--Tree-itemHeight);
display: block;
}
.dark-Tree-addTopBtn:hover {
text-decoration: none;
}
.dark-Tree-addTopBtn.is-disabled {
pointer-events: none;
color: var(--text--muted-color);
}
.dark-Tree-addTopBtn .icon-wrapper {
font-size: var(--Form-fontSize);
margin-right: var(--gap-xs);
}
.dark-Tree-addTopBtn > svg {
position: relative;
width: 0.875rem;
height: 0.875rem;
top: 0.109375rem;
margin-right: var(--gap-xs);
}
.dark-Tree-itemArrow {
cursor: pointer;
width: var(--Tree-itemArrowWidth);
display: inline-flex;
margin-right: var(--gap-xs);
}
.dark-Tree-itemArrow > svg {
width: var(--Tree-itemArrowWidth);
height: var(--Tree-itemArrowWidth);
display: block;
transition: transform var(--animation-duration);
top: 0;
transform: rotate(90deg);
}
.dark-Tree-itemArrow.is-folded > svg {
transform: rotate(0deg);
}
.dark-Tree-itemArrowPlaceholder {
display: inline-block;
width: calc(var(--Tree-itemArrowWidth) + var(--gap-xs));
}
.dark-Tree-itemDrager {
cursor: move;
color: var(--icon-color);
}
.dark-Tree-spinner {
margin-right: var(--gap-xs);
}
.dark-Tree-itemIcon {
display: inline-flex;
margin-right: var(--gap-xs);
}
.dark-Tree-rootIcon > svg, .dark-Tree-folderIcon > svg, .dark-Tree-leafIcon > svg {
top: 0;
width: 0.875rem;
height: 0.875rem;
}
.dark-Tree-itemLabel {
user-select: none;
}
.dark-Tree-itemLabel.is-checked, .dark-Tree-itemLabel.is-children-checked {
color: var(--Tree-itemLabel--onChecked-color);
background-color: var(--Tree-item-onHover-bg);
}
.dark-Tree-itemLabel.is-disabled {
color: var(--text--muted-color);
}
.dark-Tree-itemLabel > .dark-Checkbox {
display: inline-flex;
align-self: center;
}
.dark-Tree-itemText {
cursor: pointer;
flex: 1 auto;
line-height: var(--lineHeightBase);
padding: 0.25rem 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.dark-Tree-placeholder {
color: var(--text--muted-color);
}
.dark-Tree-dropIndicator {
position: absolute;
height: 0.125rem;
background-color: var(--Tree-itemLabel--onChecked-color);
border-radius: 0.0625rem;
z-index: 1;
}
.dark-Tree-dropIndicator::after {
position: absolute;
top: -0.1875rem;
left: -0.375rem;
width: 0.5rem;
height: 0.5rem;
background-color: transparent;
border: 0.125rem solid var(--Tree-itemLabel--onChecked-color);
border-radius: 50%;
content: "";
}
.dark-Tree-dropIndicator--hover {
border-radius: 0;
background-color: var(--Tree-item-onHover-bg);
}
.dark-Tree-dropIndicator--hover::after {
display: none;
}
@media (min-width: 576px) {
.tree-layout .form-tree {
margin-bottom: 0;
overflow-y: hidden;
}
.tree-layout .form-tree .dark-TreeControl {
padding-bottom: 0;
height: 100% !important;
}
}
.tree-layout > .dark-Panel-body {
padding-right: 0;
}
.tree-layout > .dark-Panel-body > .dark-Form > .dark-ReadOnly-item > .dark-TextControl--withAddOn > .dark-TextControl-input {
margin-right: 8px;
background-color: var(--saas-SelectedBg) !important;
}
.tree-layout > .dark-Panel-body > .dark-Form > .form-tree > .dark-TreeControl {
padding: 6px 0;
}
.tree-layout .dark-Tree-item {
white-space: nowrap;
}
.tree-layout .dark-Tree-itemLabel:hover .dark-Tree-itemText {
background: var(--Tree-item-onHover-bg);
}
.dark-TreeSelectControl {
position: relative;
}
.dark-TreeSelectControl > .dark-TreeSelect-popover {
width: 100%;
}
.dark-TreeSelect {
position: relative;
max-width: 100%;
outline: none;
}
.dark-TreeSelect.is-inline {
display: inline-block;
width: var(--Form-control-widthBase);
}
.dark-TreeSelect-input {
display: flex;
background: var(--Form-input-bg);
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
border-radius: var(--Form-input-borderRadius);
line-height: var(--Form-input-lineHeight);
padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
font-size: var(--Form-input-fontSize);
flex-wrap: wrap;
justify-content: flex-start;
flex-wrap: nowrap;
}
.dark-TreeSelect-input input {
flex-basis: 5rem;
flex-grow: 1;
outline: none;
background: transparent;
border: none;
color: var(--saas-font-size-dark-black);
width: 100%;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
.dark-TreeSelect-input input::placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-TreeSelect-input input::-webkit-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-TreeSelect-input input::-moz-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-TreeSelect-input input::-ms-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-TreeSelect-input input::placeholder {
user-select: none;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-TreeSelect-input input {
height: 100%;
}
.dark-TreeSelect-input input[type=checkbox] {
width: auto;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-TreeSelect-input input {
height: 100%;
}
.dark-TreeSelect-input input[type=checkbox] {
width: auto;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
}
.dark-TreeSelect-input:hover {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-TreeSelect-input:hover a {
opacity: 1;
}
.dark-TreeSelect-input:focus-within {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-TreeSelect-input--borderHalf {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
}
.dark-TreeSelect-input--borderNone {
border-color: transparent !important;
}
.dark-TreeSelect.is-error > .dark-TreeSelect-input {
border-color: var(--Form-input-onError-borderColor);
background: var(--Form-input-onError-bg);
transition: all var(--animation-duration);
}
.dark-TreeSelect.is-focused > .dark-TreeSelect-input {
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
background: var(--Form-input-onFocused-bg);
transition: all var(--animation-duration);
}
.dark-TreeSelect.is-error.is-focused > .dark-TreeSelect-input {
border-color: var(--Form-input-onError-borderColor);
}
.dark-TreeSelect.is-disabled > .dark-TreeSelect-input {
color: var(--text--muted-color);
background: var(--Form-input-onDisabled-bg);
border-color: var(--Form-input-onDisabled-borderColor);
transition: all var(--animation-duration);
}
.dark-TreeSelect-spinner {
line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
.dark-TreeSelect-clear {
padding: 0.1875rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
}
.dark-TreeSelect-clear svg {
fill: var(--saas-font-size-dark-black);
top: 0;
width: 0.625rem;
height: 0.625rem;
}
.dark-TreeSelect-clear:hover svg {
fill: var(--saas-font-size-black);
}
.dark-TreeSelect-color .anticon svg {
width: 0.875rem;
height: 0.875rem;
}
@media (min-width: 576px) {
.dark-TreeSelect.dark-Form-control--sizeXs > .dark-TreeSelect-input, .dark-TreeSelect.dark-Form-control--sizeSm > .dark-TreeSelect-input, .dark-TreeSelect.dark-Form-control--sizeMd > .dark-TreeSelect-input, .dark-TreeSelect.dark-Form-control--sizeLg > .dark-TreeSelect-input {
min-width: 100%;
display: inline-flex;
}
}
.dark-TreeSelect.is-opened {
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
background: var(--Form-input-onFocused-bg);
}
.dark-TreeSelect-popup {
height: 25rem;
}
.dark-TreeSelect-popup.isMobile .dark-Tree {
padding: 12px;
}
.dark-TreeSelect-popup.isMobile.firstHide {
opacity: 0;
height: 0;
}
.dark-TreeSelect-popup.isMobile.firstHide.updateChanged {
height: 25rem;
opacity: 1;
max-height: 100vh;
}
.dark-TreeSelect-icon {
margin: 0 0 0 auto;
}
.dark-TreeSelect-popover {
background: transparent;
border: none;
box-shadow: none;
}
.dark-TreeSelect-popover > .dark-Tree {
background: var(--TreeSelect-popover-bg);
border: var(--Form-input-borderWidth) solid var(--Form-input-onFocused-borderColor);
padding: var(--gap-xs) var(--Form-input-paddingX);
border-radius: 0;
margin-top: -1px;
max-height: 400px;
overflow: auto;
}
.dark-Combo-placeholder {
color: var(--text--muted-color);
padding-top: var(--Form-label-paddingTop);
}
.dark-Combo-toolbarBtn {
line-height: var(--Combo-toolbarBtn-lineHeight);
height: var(--Combo-toolbarBtn-height);
color: var(--Combo-toolbarBtn-color);
padding: var(--Combo-toolbarBtn-paddingY) var(--Combo-toolbarBtn-paddingX);
cursor: pointer;
}
.dark-Combo-toolbarBtn:hover {
color: var(--Combo-toolbarBtn-onHover-color);
}
.dark-Combo-setNullBtn {
margin-top: var(--gap-xs);
display: inline-block;
}
.dark-Combo-addBtn {
font-size: var(--Combo-addBtn-fontSize);
padding: var(--Combo-addBtn-paddingY) var(--Combo-addBtn-paddingX);
font-size: var(--Combo-addBtn-fontSize);
line-height: var(--Combo-addBtn-lineHeight);
border-radius: var(--Combo-addBtn-borderRadius);
height: var(--Combo-addBtn-height);
color: var(--Combo-addBtn-color);
background: var(--Combo-addBtn-bg);
border-color: var(--Combo-addBtn-border);
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
}
.dark-Combo-addBtn > svg {
width: var(--Combo-addBtn-fontSize);
height: var(--Combo-addBtn-fontSize);
}
.dark-Combo-addBtn .dark-Button-icon:first-child:not(:last-child):not(.pull-right),
.dark-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
.dark-Combo-addBtn > .pull-left {
margin-right: var(--gap-xs);
}
.dark-Combo-addBtn .dark-Button-icon:last-child:not(:first-child):not(.pull-left),
.dark-Combo-addBtn > .pull-right {
margin-right: var(--gap-xs);
}
.dark-Combo-addBtn .dark-Button--loading:first-child:not(:last-child):not(.pull-right),
.dark-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
.dark-Combo-addBtn > .pull-left {
margin-right: var(--Combo-addBtn-paddingX);
}
.dark-Combo-addBtn .dark-Button--loading:last-child:not(:first-child):not(.pull-left),
.dark-Combo-addBtn > .pull-right {
margin-left: var(--Combo-addBtn-paddingX);
}
.dark-Combo-addBtn img.dark-Button-icon {
height: var(--Button-fontSize);
vertical-align: middle;
}
.dark-Combo-addBtn:not(:disabled):not(.is-disabled):hover {
color: var(--Combo-addBtn-onHover-color);
background: var(--Combo-addBtn-onHover-bg);
border-color: var(--Combo-addBtn-onHover-border);
}
.dark-Combo-addBtn:not(:disabled):not(.is-disabled):hover:active {
color: var(--Combo-addBtn-onActive-color);
background: var(--Combo-addBtn-onActive-bg);
border-color: var(--Combo-addBtn-onActive-border);
}
.dark-Combo-addBtn:hover:focus {
box-shadow: var(--Button-boxShadow);
}
.dark-Combo-addBtn.is-disabled {
pointer-events: none;
opacity: var(--Button-onDisabled-opacity);
}
.dark-Combo-delBtn {
color: var(--icon-color);
cursor: pointer;
}
.dark-Combo-delBtn:hover {
color: var(--icon-onHover-color);
}
.dark-Combo-tab-delBtn {
color: var(--icon-color);
cursor: pointer;
margin-left: var(--gap-sm);
display: inline-block;
}
.dark-Combo-tab-delBtn > svg {
width: 0.6875rem;
height: 0.6875rem;
}
.dark-Combo-tab-delBtn:hover {
color: var(--icon-onHover-color);
}
.dark-Combo-items {
margin-bottom: var(--Combo-items-marginBottom);
}
.dark-Combo-items:empty {
display: none;
}
.dark-Combo-items:empty + .dark-Combo-toolbar {
padding-top: calc( (var(--Form-input-height) - var(--Combo-addBtn-height)) / 2 );
}
.dark-Combo-item {
background: var(--Page-main-bg);
}
.dark-Combo-itemDrager {
cursor: move;
}
.dark-Combo-itemDrager > a {
color: var(--icon-color);
}
.dark-Combo-itemDrager > a:hover {
color: var(--icon-onHover-color);
}
.dark-Combo-itemDrager svg {
width: 1rem;
height: 1rem;
}
.dark-Combo--hor .dark-Combo-item {
display: flex;
flex-wrap: nowrap;
}
.dark-Combo--hor .dark-Combo-item + .dark-Combo-item {
margin-top: var(--Combo--horizontal-item-gap);
}
.dark-Combo--hor .dark-Combo-itemInner {
flex-basis: 0;
flex-grow: 1;
}
.dark-Combo--hor .dark-Combo-itemTag {
margin-right: var(--gap-sm);
}
.dark-Combo--hor .dark-Combo-itemTag label {
color: var(--info);
margin-right: var(--gap-sm);
}
.dark-Combo--hor .dark-Combo-delBtn {
margin-left: var(--gap-xs);
display: flex;
white-space: nowrap;
align-items: flex-start;
padding-top: var(--Form-label-paddingTop);
}
.dark-Combo--hor .dark-Combo-delBtn.is-disabled {
pointer-events: none;
opacity: var(--Button-onDisabled-opacity);
}
.dark-Combo--hor.is-draggable .dark-Combo-toolbar {
padding-left: 1.5rem;
}
.dark-Combo--hor .dark-Combo-itemDrager {
padding: var(--Combo--horizontal-dragger-top) 0.375rem 0 0;
display: flex;
align-items: center;
}
.dark-Combo--ver:not(.dark-Combo--noBorder)::before, .dark-Combo--ver:not(.dark-Combo--noBorder)::after {
display: table;
content: "";
}
.dark-Combo--ver:not(.dark-Combo--noBorder)::after {
clear: both;
}
.dark-Combo--ver:not(.dark-Combo--noBorder) > .dark-Combo-items {
margin: calc(var(--Combo--vertical-item-gap) * -2) calc(var(--Combo--vertical-item-gap) * -2) 0 calc(var(--Combo--vertical-item-gap) * -2);
}
.dark-Combo--ver:not(.dark-Combo--noBorder) > .dark-Combo-items > .dark-Combo-placeholder {
margin: calc(var(--Combo--vertical-item-gap) * 2);
}
.dark-Combo--ver:not(.dark-Combo--noBorder) .dark-Combo-itemTag {
text-align: right;
}
.dark-Combo--ver:not(.dark-Combo--noBorder) .dark-Combo-itemTag label {
color: var(--info);
margin-right: var(--gap-sm);
}
.dark-Combo--ver:not(.dark-Combo--noBorder) > .dark-Combo-item,
.dark-Combo--ver:not(.dark-Combo--noBorder) > .dark-Combo-items > .dark-Combo-item {
border: var(--Combo--vertical-item-borderWidth) dashed var(--Combo--vertical-item-borderColor);
padding: var(--Combo--vertical-item-paddingY) var(--Combo--vertical-item-paddingX);
position: relative;
}
.dark-Combo--ver:not(.dark-Combo--noBorder) > .dark-Combo-items > .dark-Combo-item {
margin: calc(var(--Combo--vertical-item-gap) * 2);
}
.dark-Combo--ver:not(.dark-Combo--noBorder) > .dark-Combo-items > .dark-Combo-item > .dark-Combo-delBtn {
position: absolute;
opacity: 0;
top: var(--gap-xs);
right: var(--gap-xs);
}
.dark-Combo--ver:not(.dark-Combo--noBorder):not(.is-disabled) > .dark-Combo-item:hover, .dark-Combo--ver:not(.dark-Combo--noBorder):not(.is-disabled) > .dark-Combo-items > .dark-Combo-item:hover {
border-color: var(--Combo--vertical-item-onHover-borderColor);
}
.dark-Combo--ver:not(.dark-Combo--noBorder):not(.is-disabled) > .dark-Combo-item:hover > .dark-Combo-delBtn, .dark-Combo--ver:not(.dark-Combo--noBorder):not(.is-disabled) > .dark-Combo-items > .dark-Combo-item:hover > .dark-Combo-delBtn {
opacity: 1;
}
.dark-Combo--ver:not(.dark-Combo--noBorder) > .dark-Combo-items > .dark-Combo-item > .dark-Combo-itemDrager {
position: absolute;
top: var(--Combo--horizontal-dragger-top);
left: -1.875rem;
display: flex;
align-items: center;
}
.dark-Combo--ver:not(.dark-Combo--noBorder).is-draggable > .dark-Combo-items > .dark-Combo-item {
margin-left: 2.1875rem;
}
.dark-Combo--ver:not(.dark-Combo--noBorder).is-draggable > .dark-Combo-toolbar {
padding-left: 1.5625rem;
}
.dark-Combo-item--dragging {
position: relative;
}
.dark-Combo-item--dragging:after {
content: "";
display: block;
position: absolute;
z-index: 5;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
}
.dark-ComboTabs > .dark-Tabs-links::before, .dark-ComboTabs > .dark-Tabs-links::after {
display: table;
content: "";
}
.dark-ComboTabs > .dark-Tabs-links::after {
clear: both;
}
.dark-ComboTabs > .dark-Tabs-links .dark-Tabs-link > a {
word-break: break-all;
}
.dark-ComboTabs-addLink {
float: right;
}
.dark-ComboTabs-addLink > a svg {
margin-right: var(--gap-xs);
}
.dark-Combo-dragableTip {
color: var(--text--muted-color);
font-size: var(--fontSizeSm);
margin-left: var(--gap-xs);
}
.dark-Combo-dragableTip:empty {
display: none;
}
.dark-ComboControl.is-inline .dark-Combo--hor .dark-Combo-itemInner {
flex-grow: unset;
flex-basis: unset;
}
.dark-ComboControl.is-inline .dark-Combo--ver .dark-Combo-item {
display: inline-block;
min-width: var(--Form-control-widthBase);
}
@media (min-width: 576px) {
.dark-Combo-form .dark-Form-item:last-child {
margin-bottom: 0;
}
}
.dark-SubForm-values {
margin: 2px -3px;
}
.dark-SubForm-values:empty {
display: none;
}
.dark-SubForm-value {
background: var(--ResultBox-value-bg);
color: var(--ResultBox-value-color);
font-size: var(--Form-input-fontSize);
padding: 0 var(--gap-xs);
min-height: 1.5rem;
flex-wrap: nowrap;
display: inline-flex;
align-items: center;
margin: 2px 3px;
user-select: none;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-SubForm-value {
min-height: 1rem;
line-height: 1rem;
font-size: 0.75rem;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-SubForm-value {
height: 1.5rem;
line-height: 1.5rem;
font-size: 0.75rem;
}
}
.dark-SubForm-valueLabel {
color: inherit;
}
.dark-SubForm-valueDel, .dark-SubForm-valueEdit, .dark-SubForm-valueDragBar {
cursor: pointer;
margin-left: var(--gap-xs);
color: var(--ResultBox-icon-color);
}
.dark-SubForm-valueDel:hover, .dark-SubForm-valueEdit:hover, .dark-SubForm-valueDragBar:hover {
color: var(--ResultBox-icon--onHover-color);
}
.dark-SubForm-valueDel > svg, .dark-SubForm-valueEdit > svg, .dark-SubForm-valueDragBar > svg {
width: 0.75rem;
height: 0.75rem;
}
.dark-SubForm-valueDragBar {
margin-left: 0;
margin-right: var(--gap-xs);
cursor: move;
}
.dark-SubForm-value:hover {
background: var(--ResultBox-value--onHover-bg);
}
.dark-SubForm-value.is-disabled {
pointer-events: none;
color: var(--ResultBox-value--onDisabled-color);
}
.dark-SubForm-value.is-disabled > a {
color: var(--ResultBox-icon--onDisabled-color);
}
.dark-SubForm-value--dragging {
position: relative;
}
.dark-SubForm-value--dragging:after {
content: "";
display: block;
position: absolute;
z-index: 5;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
}
.dark-SubForm-addBtn {
width: auto;
min-width: auto;
font-weight: var(--fontWeightNormal);
color: var(--Button--link-color);
text-decoration: var(--link-decoration);
border: none;
height: auto;
padding: 0 4px;
display: inline-flex;
align-items: center;
}
.dark-SubForm-addBtn:hover:focus {
color: var(--Button--link-onHover-color);
text-decoration: var(--link-onHover-decoration);
box-shadow: none;
}
.dark-SubForm-addBtn > svg {
width: 12px;
height: 12px;
margin-right: 4px !important;
top: 0;
}
.dark-SubForm-addBtn:disabled, .dark-SubForm-addBtn.is-disabled {
color: var(--text--muted-color);
pointer-events: none;
background: transparent;
}
.dark-SubForm-placeholder {
color: var(--Form-input-placeholderColor);
user-select: none;
padding: 4px;
}
.dark-ChainedSelectControl .dark-Select {
margin-right: var(--gap-xs);
}
.dark-Picker {
position: relative;
max-width: 100%;
outline: none;
}
.dark-Picker.is-inline {
display: inline-block;
width: var(--Form-control-widthBase);
}
.dark-Picker-input {
display: flex;
background: var(--Form-input-bg);
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
border-radius: var(--Form-input-borderRadius);
line-height: var(--Form-input-lineHeight);
padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
font-size: var(--Form-input-fontSize);
flex-wrap: wrap;
justify-content: flex-start;
flex-wrap: nowrap;
}
.dark-Picker-input input {
flex-basis: 5rem;
flex-grow: 1;
outline: none;
background: transparent;
border: none;
color: var(--saas-font-size-dark-black);
width: 100%;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
.dark-Picker-input input::placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-Picker-input input::-webkit-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-Picker-input input::-moz-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-Picker-input input::-ms-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-Picker-input input::placeholder {
user-select: none;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Picker-input input {
height: 100%;
}
.dark-Picker-input input[type=checkbox] {
width: auto;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-Picker-input input {
height: 100%;
}
.dark-Picker-input input[type=checkbox] {
width: auto;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
}
.dark-Picker-input:hover {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-Picker-input:hover a {
opacity: 1;
}
.dark-Picker-input:focus-within {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-Picker-input--borderHalf {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
}
.dark-Picker-input--borderNone {
border-color: transparent !important;
}
.dark-Picker.is-error > .dark-Picker-input {
border-color: var(--Form-input-onError-borderColor);
background: var(--Form-input-onError-bg);
transition: all var(--animation-duration);
}
.dark-Picker.is-focused > .dark-Picker-input {
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
background: var(--Form-input-onFocused-bg);
transition: all var(--animation-duration);
}
.dark-Picker.is-error.is-focused > .dark-Picker-input {
border-color: var(--Form-input-onError-borderColor);
}
.dark-Picker.is-disabled > .dark-Picker-input {
color: var(--text--muted-color);
background: var(--Form-input-onDisabled-bg);
border-color: var(--Form-input-onDisabled-borderColor);
transition: all var(--animation-duration);
}
.dark-Picker-spinner {
line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
.dark-Picker-clear {
padding: 0.1875rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
}
.dark-Picker-clear svg {
fill: var(--saas-font-size-dark-black);
top: 0;
width: 0.625rem;
height: 0.625rem;
}
.dark-Picker-clear:hover svg {
fill: var(--saas-font-size-black);
}
.dark-Picker-color .anticon svg {
width: 0.875rem;
height: 0.875rem;
}
@media (min-width: 576px) {
.dark-Picker.dark-Form-control--sizeXs > .dark-Picker-input, .dark-Picker.dark-Form-control--sizeSm > .dark-Picker-input, .dark-Picker.dark-Form-control--sizeMd > .dark-Picker-input, .dark-Picker.dark-Form-control--sizeLg > .dark-Picker-input {
min-width: 100%;
display: inline-flex;
}
}
.dark-Picker.is-focus > .dark-Picker-input {
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
background: var(--Form-input-onFocused-bg);
}
.dark-Picker.is-disabled {
pointer-events: none;
opacity: var(--Button-onDisabled-opacity);
}
.dark-Picker.is-disabled .dark-Picker-valueWrap {
line-height: unset;
min-height: auto;
}
.dark-Picker.is-disabled .dark-Picker-valueWrap .dark-Picker-values {
line-height: unset;
}
.dark-Picker-placeholder {
color: var(--saas-Placeholder-Text);
user-select: none;
position: absolute;
height: 100%;
line-height: calc(var(--Form-input-height) - 0.0625rem*2);
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: calc(100% - 35px);
}
.dark-Picker-input {
min-height: var(--Form-input-height);
padding: 0 0.625rem;
height: auto;
color: var(--saas-Title-Text);
}
@media (max-width: 767px) {
.dark-Picker-input {
background: none;
}
}
.dark-Picker .dark-Picker-values {
display: inline;
}
.dark-Picker-valueWrap {
flex-grow: 1;
position: relative;
}
.dark-Picker-valueWrap > input {
width: 1rem;
display: inline-block;
height: auto;
}
.dark-Picker .dark-Picker-valueWrap {
margin-bottom: calc(var(--gap-xs) * -1);
min-height: calc(var(--Form-input-height) - (0.0625rem*2));
overflow: hidden;
}
.dark-Picker .dark-Picker-valueWrap .dark-Picker-valueWraps {
max-width: calc(100% - 16px);
color: var(--saas-Title-Text);
}
.dark-Picker .dark-Picker-valueWrap .dark-Picker-values {
display: inline-block;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: calc(var(--Form-input-height) - (0.0625rem*2));
}
.dark-Picker .dark-Picker-value {
cursor: pointer;
user-select: none;
white-space: nowrap;
line-height: 24px;
display: inline-block;
font-size: var(--Form-input-fontSize);
color: var(--ResultBox-value-color);
background: var(--ResultBox-value-bg);
border-radius: 2px;
margin: 0 3px;
padding: 0 var(--gap-xs);
}
.dark-Picker .dark-Picker-valueIcon {
cursor: pointer;
color: var(--ResultBox-icon-color);
padding: 0 var(--gap-xs);
line-height: 18px;
flex-wrap: nowrap;
display: inline-flex;
align-items: center;
user-select: none;
font-size: 10px;
}
.dark-Picker .dark-Picker-valueLabel {
padding: 0 var(--gap-xs);
}
.dark-Picker-btn {
position: absolute;
right: 5px;
display: flex;
align-items: center;
cursor: pointer;
color: var(--saas-font-size-black);
height: 100%;
}
.dark-Picker-clear {
display: inline-block;
padding: 0.1875rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
line-height: 1;
margin-right: var(--gap-xs);
}
.dark-Picker-clear svg {
fill: var(--saas-font-size-dark-black);
top: 0;
width: 0.625rem;
height: 0.625rem;
}
.dark-Picker-clear:hover svg {
fill: var(--saas-font-size-black);
}
.dark-PickerControl.is-inline .dark-Picker {
display: inline-block;
min-width: 9.375rem;
width: 100%;
}
.dark-Picker-ResultBox-overflow .ant-popover-inner-content {
max-width: 400px;
max-height: 400px;
padding: 5px 6px;
}
@media (max-width: 767px) {
.dark-Picker-ResultBox-overflow .ant-popover-inner-content {
max-width: 200px;
max-height: 200px;
}
}
.dark-Picker-ResultBox-overflow .ant-popover-inner-content .dark-Picker-values {
display: flex;
overflow: auto;
flex-wrap: wrap;
}
.dark-Picker-ResultBox-overflow .ant-popover-inner-content .dark-Picker-values::-webkit-scrollbar {
width: 0;
}
.dark-Picker-ResultBox-overflow .ant-popover-inner-content .dark-Picker-values .dark-Picker-value {
cursor: pointer;
user-select: none;
white-space: nowrap;
line-height: 24px;
display: inline-block;
font-size: var(--Form-input-fontSize);
color: var(--ResultBox-value-color);
background: var(--ResultBox-value-bg);
border-radius: 2px;
margin-right: var(--gap-xs);
padding: 0 var(--gap-xs);
word-wrap: break-word;
white-space: wrap;
margin-bottom: 4px;
}
.dark-Picker-ResultBox-overflow .ant-popover-inner-content .dark-Picker-values .dark-Picker-value .dark-Picker-valueIcon {
cursor: pointer;
color: var(--ResultBox-icon-color);
padding: 0 var(--gap-xs);
line-height: 18px;
flex-wrap: nowrap;
display: inline-flex;
align-items: center;
user-select: none;
font-size: 10px;
}
.dark-Picker-ResultBox-overflow .ant-popover-inner-content .dark-Picker-values .dark-Picker-valueLabel-background {
background: transparent;
font-size: 13px;
}
.dark-Picker-ResultBox-overflow .ant-popover-inner-content .dark-Picker-values .dark-Picker-valueLabel-background:hover {
background: var(--ResultBox-value--onHover-bg);
}
.dark-QrCode {
min-height: var(--Form-input-height);
padding: 0.4375rem 0;
}
.dark-TagControl {
position: relative;
}
.dark-TagControl-input.is-focused {
border-radius: 0;
}
.dark-TagControl-input.is-disabled {
border-style: dashed;
background: transparent;
}
.dark-TagControl.is-inline {
display: inline-block;
}
.dark-TagControl > .dark-TagControl-popover {
padding: 0;
border: none;
width: 100%;
margin-top: calc( var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth) );
}
.dark-TagControl > .dark-TagControl-popover.dark-PopOver--leftBottomLeftTop {
top: 100% !important;
}
.dark-TagControl > .dark-TagControl-popover.dark-PopOver--leftTopLeftBottom {
top: auto !important;
bottom: 100% !important;
}
.dark-TagControl-sug {
margin-top: var(--Form-input-marginBottom);
}
.dark-TagControl-sugTip {
color: var(--TagControl-sugTip-color);
margin-bottom: var(--Form-input-marginBottom);
}
.dark-TagControl-sugItem {
margin-right: var(--gap-sm);
margin-bottom: var(--gap-sm);
display: inline-block;
font-size: var(--TagControl-sugBtn-fontSize);
cursor: pointer;
user-select: none;
border: var(--TagControl-sugBtn-borderWidth) solid transparent;
padding: var(--TagControl-sugBtn-paddingY) var(--TagControl-sugBtn-paddingX);
font-size: var(--TagControl-sugBtn-fontSize);
line-height: var(--TagControl-sugBtn-lineHeight);
border-radius: var(--TagControl-sugBtn-borderRadius);
height: var(--TagControl-sugBtn-height);
color: var(--TagControl-sugBtn-color);
background: var(--TagControl-sugBtn-bg);
border-color: var(--TagControl-sugBtn-border);
box-shadow: var(--Button-boxShadow);
text-shadow: var(--Button-textShadow);
}
.dark-TagControl-sugItem .dark-Button-icon:first-child:not(:last-child):not(.pull-right),
.dark-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
.dark-TagControl-sugItem > .pull-left {
margin-right: var(--gap-xs);
}
.dark-TagControl-sugItem .dark-Button-icon:last-child:not(:first-child):not(.pull-left),
.dark-TagControl-sugItem > .pull-right {
margin-right: var(--gap-xs);
}
.dark-TagControl-sugItem .dark-Button--loading:first-child:not(:last-child):not(.pull-right),
.dark-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
.dark-TagControl-sugItem > .pull-left {
margin-right: var(--TagControl-sugBtn-paddingX);
}
.dark-TagControl-sugItem .dark-Button--loading:last-child:not(:first-child):not(.pull-left),
.dark-TagControl-sugItem > .pull-right {
margin-left: var(--TagControl-sugBtn-paddingX);
}
.dark-TagControl-sugItem img.dark-Button-icon {
height: var(--Button-fontSize);
vertical-align: middle;
}
.dark-TagControl-sugItem:not(:disabled):not(.is-disabled):hover {
color: var(--TagControl-sugBtn-onHover-color);
background: var(--TagControl-sugBtn-onHover-bg);
border-color: var(--TagControl-sugBtn-onHover-border);
}
.dark-TagControl-sugItem:not(:disabled):not(.is-disabled):hover:active {
color: var(--TagControl-sugBtn-onActive-color);
background: var(--TagControl-sugBtn-onActive-bg);
border-color: var(--TagControl-sugBtn-onActive-border);
}
.dark-TagControl-sugItem:hover:focus {
box-shadow: var(--Button-boxShadow);
}
.dark-TagControl-sugItem.is-disabled {
pointer-events: none;
opacity: var(--Button-onDisabled-opacity);
}
.dark-TagControl-popover.dark-PopOver--leftBottomLeftTop > .dark-ListMenu {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.dark-TagControl-popover.dark-PopOver--leftTopLeftBottom > .dark-ListMenu {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.dark-Rating {
display: flex;
position: relative;
align-items: center;
justify-content: flex-start;
flex-flow: row wrap;
}
.dark-Rating > ul {
display: flex;
padding: unset;
margin: unset;
align-items: center;
justify-content: flex-start;
flex-flow: row wrap;
}
.dark-Rating-star {
position: relative;
margin-right: var(--Rating-star-margin);
overflow: hidden;
display: block;
font-size: var(--Rating-star-size);
line-height: 1;
cursor: pointer;
user-select: none;
color: var(--Rating-inactive-color);
}
.dark-Rating-star-half > svg.icon, .dark-Rating-star > svg.icon {
display: block;
width: 1.5rem;
height: 1.5rem;
top: 0;
}
.dark-Rating-star:last-of-type {
margin-right: 0;
}
.dark-Rating-star.is-disabled {
cursor: not-allowed;
pointer-events: none;
}
.dark-Rating-star-half {
position: absolute;
overflow: hidden;
display: block;
z-index: 1;
top: 0;
left: 0;
width: 50%;
}
.dark-Rating-text {
font-size: var(--fontSizeSm);
color: var(--text-color);
font-weight: var(--fontWeightNormal);
}
.dark-Rating-text--left {
margin-right: var(--Rating-star-margin);
}
.dark-Rating-text--right {
margin-left: var(--Rating-star-margin);
}
.dark-RatingControl {
position: relative;
overflow: hidden;
}
.dark-Transfer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
min-height: 18.75rem;
position: relative;
}
.dark-Transfer--inline {
display: inline-flex;
flex-wrap: nowrap;
}
.dark-Transfer-title {
display: flex;
align-items: center;
background: var(--Transfer-title-bg);
height: 1.875rem;
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc((1.875rem - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
flex-direction: row;
border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
.dark-Transfer-title--light {
background: transparent;
}
.dark-Transfer-title > span {
flex-grow: 1;
}
.dark-Transfer-select, .dark-Transfer-result {
max-height: 25rem;
flex-grow: 1;
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
display: flex;
flex-direction: column;
border-radius: var(--borderRadius);
}
.dark-Transfer-select {
max-width: 70%;
min-width: 50%;
}
.dark-Transfer-result {
max-width: 50%;
}
.dark-Transfer-select > .dark-Transfer-selection, .dark-Transfer-result > .dark-Transfer-value {
flex-grow: 1;
max-height: 100%;
overflow: auto;
position: relative;
}
.dark-Transfer-selection .dark-ListSelection-placeholder {
height: 100%;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}
.dark-Transfer-search {
padding: var(--gap-sm);
}
.dark-Transfer-mid {
min-width: 0.625rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.dark-Transfer-arrow {
width: 40px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--borderColor);
margin: 0 10px;
color: var(--icon-color);
}
.dark-Transfer-arrow > svg {
top: 0;
width: 14px;
height: 14px;
}
.dark-Transfer-checkAll, .dark-Transfer-clearAll {
user-select: none;
cursor: pointer;
}
.dark-Transfer-checkAll.is-disabled, .dark-Transfer-clearAll.is-disabled {
pointer-events: none;
color: var(--text--muted-color);
}
.dark-Transfer-selection .dark-Table-content {
border-top: 0;
}
.dark-Transfer-selection .dark-Table-content .dark-Table-table {
border-bottom: 0;
}
.dark-Transfer-selection .dark-Table-content .dark-Table-table thead > tr th:first-child {
border-left: none;
}
.dark-Transfer-selection .dark-Table-content .dark-Table-table thead > tr th:last-child {
border-right: none;
}
.dark-Transfer-selection .dark-Table-content .dark-Table-table tbody > tr:first-child td {
border-top: none;
}
.dark-Transfer-selection .dark-Table-content .dark-Table-table tbody > tr > td {
border-top: 1px solid var(--borderColor);
}
.dark-Transfer-selection .dark-Table-content .dark-Table-table tbody > tr > td:first-child {
padding-right: 0.625rem;
}
.dark-TabsTransfer .dark-Transfer-title {
height: 40px;
}
.dark-TabsTransfer-placeholder {
height: var(--Form-input-height);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-input-fontSize);
padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
color: var(--text--muted-color);
}
.dark-TabsTransfer-tab {
padding: 0;
overflow: auto;
}
.dark-TabsTransfer-tabs {
display: flex;
flex-direction: column;
height: 100%;
}
.dark-TabsTransfer-tabs > .dark-Tabs-links {
border-top: 0 none;
padding: 5px 0 0 5px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.dark-TabsTransfer-tabs > .dark-Tabs-links > .dark-Tabs-link > a:first-child {
font-size: 12px;
padding: 7px 8px;
}
.dark-TabsTransfer-tabs > .dark-Tabs-links .dark-TabsTransfer-tabsMid {
flex-grow: 1;
}
.dark-TabsTransfer-tabs > .dark-Tabs-links > .dark-SearchBox {
margin: -5px 5px 0 10px;
}
.dark-TabsTransfer-tabs > .dark-Tabs-links > .dark-SearchBox.is-active {
width: 150px;
margin-right: 10px;
padding-left: 10px;
}
.dark-TabsTransfer-tabs > .dark-Tabs-content {
flex-grow: 1;
min-height: 0;
position: relative;
padding: 5px 0 0;
}
.dark-TabsTransfer-tabs > .dark-Tabs-content > .dark-Tabs-pane {
position: relative;
height: 100%;
}
.dark-TabsTransfer-tabs > .dark-Tabs-content > .dark-Tabs-pane.is-active {
display: flex;
flex-direction: column;
}
.dark-TabsTransfer-tabs > .dark-Tabs-content > .dark-Tabs-pane.is-active > .dark-Transfer-selection {
flex-grow: 1;
max-height: 100%;
overflow: auto;
}
.dark-TransferControl {
position: relative;
}
.dark-TransferControl.is-inline {
display: inline-block;
}
.dark-TransferPicker-icon {
transition: transform var(--animation-duration) ease-out;
margin: 5px 5px 5px auto;
display: flex;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-TransferPicker-icon {
margin: 0px 5px 0px auto;
}
}
.dark-TransferPicker-icon:hover {
color: var(--saas-font-size-black);
}
.dark-TransferPicker-icon > svg {
top: 0;
}
.dark-TransferDropDown-icon {
transition: transform var(--animation-duration) ease-out;
margin: 5px 5px 5px auto;
display: flex;
color: var(--saas-font-size-black);
}
.dark-TransferDropDown-icon:hover {
color: var(--saas-font-size-black);
}
.dark-TransferDropDown-icon > svg {
top: 0;
}
.dark-TransferDropDown.is-active .dark-TransferDropDown-icon {
transform: rotate(180deg);
}
.dark-TransferDropDown-content {
min-height: 12.5rem;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 1680px) {
.dark-TransferDropDown-content {
min-height: auto;
}
}
.dark-TransferDropDown-content.is-mobile {
width: 100%;
}
.dark-TransferDropDown-content > .dark-Transfer-selection {
flex-grow: 1;
max-height: 300px;
overflow: auto;
position: relative;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-TransferDropDown-content > .dark-Transfer-selection {
max-height: 200px;
}
}
.dark-NestedSelectControl {
position: relative;
}
.dark-NestedSelect {
position: relative;
}
.dark-NestedSelect--borderHalf {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
}
.dark-NestedSelect--borderNone {
border-color: transparent !important;
}
.dark-NestedSelect-optionArrowRight {
display: inline-block;
padding-right: 0.625rem;
}
.dark-NestedSelect-optionArrowRight svg {
width: 0.75rem;
height: 0.75rem;
fill: var(--Form-input-iconColor);
}
.dark-NestedSelect-menuOuter {
display: flex;
}
.dark-NestedSelect-noResult {
width: 10rem;
padding: 0 var(--gap-xs);
color: var(--Form-select-placeholderColor);
line-height: var(--Form-input-lineHeight);
font-size: var(--Form-select-input-fontSize);
user-select: none;
padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
}
.dark-NestedSelect-menu {
width: 10rem;
height: 10.9375rem;
background: var(--Form-select-menu-bg);
color: var(--Form-select-menu-color);
border: var(--Form-select-outer-borderWidth) solid var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-select-outer-boxShadow);
overflow-y: auto;
overflow-x: hidden;
}
.dark-NestedSelect-menu:not(:first-child) {
border-left: 0;
}
.dark-NestedSelect-menu .dark-NestedSelect-option {
position: relative;
padding-left: var(--gap-md);
min-height: var(--Form-input-height);
line-height: var(--Form-input-height);
cursor: pointer;
display: flex;
}
.dark-NestedSelect-menu .dark-NestedSelect-option > .dark-NestedSelect-optionLabel {
flex: 1;
}
.dark-NestedSelect-menu .dark-NestedSelect-option > .dark-NestedSelect-optionLabel.is-disabled {
cursor: not-allowed;
color: var(--text--muted-color);
}
.dark-NestedSelect-menu .dark-NestedSelect-option.is-active {
color: var(--Form-select-menu-onActive-color);
background: var(--Form-select-menu-onActive-bg);
}
.dark-NestedSelect-menu .dark-NestedSelect-option:hover {
color: var(--Form-select-menu-onHover-color);
background: var(--Form-select-menu-onHover-bg);
}
.dark-NestedSelect-menu .dark-NestedSelect-option:hover > .dark-NestedSelect-childrenOuter {
display: block;
}
.dark-NestedSelect-menu .dark-NestedSelect-option.checkall {
border-bottom: 0.0625rem solid #eceff8;
}
.dark-NestedSelect-popup {
height: 28.75rem;
}
.dark-Cascader-tabs {
display: flex;
}
.dark-Cascader-tabs.scrollable {
display: block;
overflow-x: auto;
white-space: nowrap;
}
.dark-Cascader-tabs.scrollable::-webkit-scrollbar {
display: none;
}
.dark-Cascader-tab {
flex: 1;
width: calc((100vw - 20px) / 3);
height: 23.125rem;
overflow-y: auto;
display: inline-block;
}
.dark-Cascader-tab::-webkit-scrollbar {
display: none;
}
.dark-Cascader {
width: 100%;
padding: 0 10px;
}
.dark-Cascader-Nav {
overflow-x: auto;
}
.dark-Cascader-NavItem {
display: inline-block;
margin-right: 0.625rem;
list-style: none;
cursor: pointer;
user-select: none;
padding: 0 0.375rem;
}
.dark-Cascader-btnGroup {
display: flex;
justify-content: space-between;
align-items: center;
height: 3.75rem;
}
.dark-Cascader-options {
box-sizing: border-box;
height: var(--Cascader-option-height);
padding-top: 0.375rem;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
margin: 0;
padding: 0;
}
.dark-Cascader-option {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.375rem 0;
font-size: var(--fontSizeMd);
line-height: var(--Cascader-option-lineHeight);
cursor: pointer;
position: relative;
}
.dark-Cascader-option.selected span {
color: var(--primary);
}
.dark-Cascader-option.disabled span {
color: gray;
}
.dark-Cascader-option--text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
user-select: none;
}
.dark-Cascader-option-selectedNum {
min-width: 1rem;
height: 1rem;
line-height: 1rem;
border-radius: 100%;
text-align: center;
background: var(--Form-select-menu-onActive-color);
color: var(--white) !important;
font-size: var(--fontSizeSm);
display: inline-block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.dark-Cascader-icon {
color: var(--primary);
}
.dark-Cascader-tab {
padding: 0;
}
.dark-Cascader-btnCancel {
color: var(--PopUp-cancelAction-color);
}
.dark-IconPickerControl {
position: relative;
max-width: 100%;
}
.dark-IconPickerControl.is-inline {
display: inline-block;
width: var(--Form-control-widthBase);
}
.dark-IconPickerControl-input {
display: flex;
background: var(--Form-input-bg);
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
border-radius: var(--Form-input-borderRadius);
line-height: var(--Form-input-lineHeight);
padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
font-size: var(--Form-input-fontSize);
flex-wrap: wrap;
justify-content: flex-start;
flex-wrap: nowrap;
}
.dark-IconPickerControl-input input {
flex-basis: 5rem;
flex-grow: 1;
outline: none;
background: transparent;
border: none;
color: var(--saas-font-size-dark-black);
width: 100%;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
.dark-IconPickerControl-input input::placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-IconPickerControl-input input::-webkit-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-IconPickerControl-input input::-moz-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-IconPickerControl-input input::-ms-input-placeholder {
color: var(--saas-font-size-deep-black);
}
.dark-IconPickerControl-input input::placeholder {
user-select: none;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-IconPickerControl-input input {
height: 100%;
}
.dark-IconPickerControl-input input[type=checkbox] {
width: auto;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-IconPickerControl-input input {
height: 100%;
}
.dark-IconPickerControl-input input[type=checkbox] {
width: auto;
height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
}
.dark-IconPickerControl-input:hover {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-IconPickerControl-input:hover a {
opacity: 1;
}
.dark-IconPickerControl-input:focus-within {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-IconPickerControl-input--borderHalf {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
}
.dark-IconPickerControl-input--borderNone {
border-color: transparent !important;
}
.dark-IconPickerControl.is-error > .dark-IconPickerControl-input {
border-color: var(--Form-input-onError-borderColor);
background: var(--Form-input-onError-bg);
transition: all var(--animation-duration);
}
.dark-IconPickerControl.is-focused > .dark-IconPickerControl-input {
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
background: var(--Form-input-onFocused-bg);
transition: all var(--animation-duration);
}
.dark-IconPickerControl.is-error.is-focused > .dark-IconPickerControl-input {
border-color: var(--Form-input-onError-borderColor);
}
.dark-IconPickerControl.is-disabled > .dark-IconPickerControl-input {
color: var(--text--muted-color);
background: var(--Form-input-onDisabled-bg);
border-color: var(--Form-input-onDisabled-borderColor);
transition: all var(--animation-duration);
}
.dark-IconPickerControl-spinner {
line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
}
.dark-IconPickerControl-clear {
padding: 0.1875rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
}
.dark-IconPickerControl-clear svg {
fill: var(--saas-font-size-dark-black);
top: 0;
width: 0.625rem;
height: 0.625rem;
}
.dark-IconPickerControl-clear:hover svg {
fill: var(--saas-font-size-black);
}
.dark-IconPickerControl-color .anticon svg {
width: 0.875rem;
height: 0.875rem;
}
@media (min-width: 576px) {
.dark-IconPickerControl.dark-Form-control--sizeXs > .dark-IconPickerControl-input, .dark-IconPickerControl.dark-Form-control--sizeSm > .dark-IconPickerControl-input, .dark-IconPickerControl.dark-Form-control--sizeMd > .dark-IconPickerControl-input, .dark-IconPickerControl.dark-Form-control--sizeLg > .dark-IconPickerControl-input {
min-width: 100%;
display: inline-flex;
}
}
.dark-IconPickerControl-placeholder {
color: var(--Form-input-placeholderColor);
user-select: none;
position: absolute;
left: var(--Form-input-paddingX);
top: var(--Form-input-paddingY);
margin-top: calc(2 * var(--Form-input-borderWidth));
line-height: var(--Form-input-lineHeight);
}
.dark-IconPickerControl-valueWrap {
flex-grow: 1;
line-height: 1;
white-space: nowrap;
}
.dark-IconPickerControl-valueWrap > input {
display: inline-block;
width: auto;
vertical-align: middle;
}
.dark-IconPickerControl-input--withAC {
position: relative;
flex-wrap: wrap;
}
.dark-IconPickerControl-input--withAC > input {
width: auto;
}
.dark-IconPickerControl-sugsPanel {
position: absolute;
background: var(--Form-select-menu-bg);
color: var(--Form-select-menu-color);
border: var(--Form-input-borderWidth) solid var(--Form-input-onFocused-borderColor);
left: -0.0625rem;
right: -0.0625rem;
top: 100%;
z-index: 10;
height: auto;
}
.dark-IconPickerControl-tabs {
background: var(--IconPicker-tabs-bg);
}
.dark-IconPickerControl-tab {
display: inline-block;
padding: var(--IconPicker-tab-padding);
height: var(--IconPicker-tab-height);
line-height: var(--IconPicker-tab-lineHeight);
cursor: pointer;
text-align: center;
font-size: var(--fontSizeSm);
user-select: none;
}
.dark-IconPickerControl-tab.active {
background: var(--IconPicker-tab-onActive-bg);
}
.dark-IconPickerControl-sugs {
position: relative;
padding: var(--IconPicker-padding);
max-height: var(--IconPicker-content-maxHeight);
overflow-y: auto;
}
.dark-IconPickerControl-sugItem {
display: inline-block;
width: var(--IconPicker-sugItem-width);
height: var(--IconPicker-sugItem-height);
text-align: center;
line-height: var(--IconPicker-sugItem-lineHeight);
cursor: pointer;
}
.dark-IconPickerControl-sugItem:hover {
background: var(--Form-select-menu-onHover-bg);
}
.dark-IconPickerControl-sugItem.is-active {
color: var(--white);
background: var(--Form-select-menu-onActive-color);
}
.dark-IconPickerControl-value {
user-select: none;
line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
vertical-align: middle;
display: inline-block;
}
.dark-IconPickerControl-value > i {
display: inline-block;
margin-right: var(--IconPicker-selectedIcon-marginRight);
}
.dark-Form {
font-size: var(--Form-fontSize);
position: relative;
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Form {
font-size: 0.75rem;
}
}
.dark-Form-moreBtn {
position: absolute;
bottom: 0;
left: calc(50% - 30px);
z-index: 8;
border: 1px solid var(--saas-border-color);
border-bottom: none;
background-color: #f8f7fa;
font-size: 12px;
color: gray;
padding: 0 4px;
border-radius: 4px 4px 0 0;
cursor: pointer;
}
.dark-Form-moreBtn:hover {
color: var(--saas-Primary-Color);
}
.dark-Form .dark-Alert {
margin: 0 -8px;
}
.dark-Form .h- {
box-shadow: none;
}
.dark-Form .data-display {
padding: 8px 0;
overflow: hidden;
}
@media (max-width: 767px) {
.dark-Form .data-display {
padding: 8px;
}
}
.dark-Form--quickEdit .dark-TextControl-input {
padding: 4px 2px;
}
.dark-Form--quickEdit .dark-TextControl-input .icon.icon-close {
padding: 0;
top: 0;
font-size: 10px;
height: 100%;
font-weight: bold;
fill: var(--saas-font-size-dark-black);
}
.dark-Form--quickEdit > div:last-of-type {
margin-bottom: 0;
}
.dark-Form--hidden {
display: none !important;
}
.dark-Form--inline {
background-color: var(--saas-crud-title-from-color);
padding: 8px;
padding-bottom: 0;
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Form--inline .is-dragging {
opacity: 0.4;
border: 1px dashed;
}
.dark-Form--inline svg.icon {
top: 0;
font-size: 14px;
}
.dark-Form--inline .dark-Form-group--inline {
display: none;
}
.dark-Form--inline .dark-Form-item--hidden {
display: none;
}
.dark-Form--inline .dark-Form-item .dark-Form-label {
height: var(--Form-input-height);
padding-top: 0;
margin-bottom: 0;
font-size: 0.75rem;
border: none;
background: transparent;
}
.dark-Form--inline .dark-Form-item .dark-Form-label + .dark-Form-value .dark-SelectControl,
.dark-Form--inline .dark-Form-item .dark-Form-label + .dark-Form-value .dark-ResultBox,
.dark-Form--inline .dark-Form-item .dark-Form-label + .dark-Form-value .dark-Select,
.dark-Form--inline .dark-Form-item .dark-Form-label + .dark-Form-value .dark-DatePicker,
.dark-Form--inline .dark-Form-item .dark-Form-label + .dark-Form-value .dark-DateRangePicker,
.dark-Form--inline .dark-Form-item .dark-Form-label + .dark-Form-value .dark-Picker-input,
.dark-Form--inline .dark-Form-item .dark-Form-label + .dark-Form-value .dark-SwitchControl,
.dark-Form--inline .dark-Form-item .dark-Form-label + .dark-Form-value .dark-DateRangeControl,
.dark-Form--inline .dark-Form-item .dark-Form-label + .dark-Form-value .dark-DatePicker-content,
.dark-Form--inline .dark-Form-item .dark-Form-label + .dark-Form-value .dark-TextControl-input {
font-size: 0.75rem;
}
.dark-Form--inline .dark-Form-item .dark-Form-value {
overflow: hidden;
font-size: 0.75rem;
}
.dark-Form--inline .dark-Form-item .dark-Form-value .dark-TextControl-input,
.dark-Form--inline .dark-Form-item .dark-Form-value .dark-ResultBox,
.dark-Form--inline .dark-Form-item .dark-Form-value .dark-SelectControl,
.dark-Form--inline .dark-Form-item .dark-Form-value .dark-Select,
.dark-Form--inline .dark-Form-item .dark-Form-value .dark-SwitchControl,
.dark-Form--inline .dark-Form-item .dark-Form-value .dark-PickerControl,
.dark-Form--inline .dark-Form-item .dark-Form-value .dark-Picker-input,
.dark-Form--inline .dark-Form-item .dark-Form-value .dark-DateRangePicker {
height: var(--Form-input-height);
border-radius: 4px;
min-height: unset;
font-size: 0.75rem;
}
.dark-Form--inline .dark-Form-item .dark-Form-value .dark-TransferDropDown-content .dark-GroupedSelection-item {
font-size: 0.75rem;
}
.dark-Form--inline > .dark-Button {
margin-bottom: 8px;
margin-right: calc(var(--Form-item-gap) / 2);
}
.dark-Form--inline > .dark-PlainField {
display: inline-block;
padding-top: var(--Form-input-paddingY);
}
.dark-Form.hasFieldSet.inModal .dark-Collapse {
margin-top: 0;
border-bottom: 8px solid var(--saas-Border-Dividers);
}
.dark-Form.hasFieldSet.inModal .dark-Collapse:first {
margin-top: 8px;
}
.dark-Form.hasFieldSet .dark-Collapse-header {
width: calc(100% - 8px);
}
.dark-Form.hasFieldSet .dark-TextControl-sugs {
border-radius: 0.1875rem;
top: calc(var(--Form-input-height) + 0.25rem);
box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2) !important;
border: none;
}
.dark-Form-value .is-showCount {
max-width: unset;
}
.dark-Form-value .dark-MatrixControl {
margin-bottom: -0.5rem;
}
.dark-Form--grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
width: 100%;
background-color: var(--saas-crud-title-from-color);
padding: 8px;
border-bottom: 1px solid var(--saas-Border-Dividers);
row-gap: var(--Form-item-gap);
}
.dark-Form--grid .is-dragging {
opacity: 0.4;
border: 1px dashed;
}
.dark-Form--grid svg.icon {
top: 0;
font-size: 14px;
}
.dark-Form--grid .dark-Form-group--grid {
display: none;
width: 100%;
grid-column: 1/-1;
justify-content: center;
align-items: center;
border-top: 1px solid #e7e7e7;
padding: 8px 0;
margin-left: 0;
}
.dark-Form--grid .dark-Form-group--grid .dark-Form-groupColumn {
width: auto;
flex: none;
}
.dark-Form--grid .dark-Form-group--grid .dark-Form-groupColumn .dark-CheckboxControl {
padding-top: 0;
}
.dark-Form--grid .show-divider {
position: relative;
}
.dark-Form--grid .show-divider:after {
position: absolute;
top: -4px;
left: 130px;
content: "";
width: calc(100% - 130px);
height: 1px;
background-color: var(--saas-Border-Dividers);
}
.dark-Form--grid .dark-Form-item {
display: flex;
justify-content: space-between;
}
.dark-Form--grid .dark-Form-item--grid {
margin-bottom: 0px;
margin-right: 8px;
}
.dark-Form--grid .dark-Form-item .dark-Form-label {
height: var(--Form-input-height);
max-width: unset;
padding-top: 0;
margin-bottom: 0;
width: 130px;
max-width: 50%;
font-size: 0.75rem;
border: none;
background: transparent;
margin-right: 1rem;
}
@media screen and (min-width: 1921px) and (max-width: 4680px) {
.dark-Form--grid .dark-Form-item .dark-Form-label {
width: 160px;
}
}
.dark-Form--grid .dark-Form-item .dark-Form-label + .dark-Form-value .dark-SelectControl,
.dark-Form--grid .dark-Form-item .dark-Form-label + .dark-Form-value .dark-ResultBox,
.dark-Form--grid .dark-Form-item .dark-Form-label + .dark-Form-value .dark-Select,
.dark-Form--grid .dark-Form-item .dark-Form-label + .dark-Form-value .dark-DatePicker,
.dark-Form--grid .dark-Form-item .dark-Form-label + .dark-Form-value .dark-DateRangePicker,
.dark-Form--grid .dark-Form-item .dark-Form-label + .dark-Form-value .dark-Picker-input,
.dark-Form--grid .dark-Form-item .dark-Form-label + .dark-Form-value .dark-SwitchControl,
.dark-Form--grid .dark-Form-item .dark-Form-label + .dark-Form-value .dark-DateRangeControl,
.dark-Form--grid .dark-Form-item .dark-Form-label + .dark-Form-value .dark-DatePicker-content,
.dark-Form--grid .dark-Form-item .dark-Form-label + .dark-Form-value .dark-TextControl-input {
font-size: 0.75rem;
}
.dark-Form--grid .dark-Form-item .dark-Form-value {
flex: 1;
overflow: hidden;
font-size: 0.75rem;
}
.dark-Form--grid .dark-Form-item .dark-Form-value .dark-Form-control {
width: 100%;
}
.dark-Form--grid .dark-Form-item .dark-Form-value .dark-TextControl-input,
.dark-Form--grid .dark-Form-item .dark-Form-value .dark-ResultBox,
.dark-Form--grid .dark-Form-item .dark-Form-value .dark-SelectControl,
.dark-Form--grid .dark-Form-item .dark-Form-value .dark-Select,
.dark-Form--grid .dark-Form-item .dark-Form-value .dark-SwitchControl,
.dark-Form--grid .dark-Form-item .dark-Form-value .dark-PickerControl,
.dark-Form--grid .dark-Form-item .dark-Form-value .dark-Picker-input,
.dark-Form--grid .dark-Form-item .dark-Form-value .dark-DateRangePicker {
height: var(--Form-input-height);
border-radius: 4px;
min-height: unset;
font-size: 0.75rem;
}
.dark-Form--grid .dark-Form-item .dark-Form-value .dark-DateRangePicker-clear {
margin-right: 0px;
}
.dark-Form--grid .dark-Form-item .dark-Form-value .dark-DateRangePicker.is-mobile {
height: auto;
}
.dark-Form--grid .dark-Form-item .dark-Form-value .dark-DateRangePicker.is-mobile .show-datetime-value-item .dark-DateRangePicker-input {
height: 100%;
}
.dark-Form--grid .dark-Form-item .dark-Form-value .dark-DateRangePicker.is-mobile .dark-DateRangePicker-toggler .icon {
top: 0;
}
.dark-Form--grid .dark-Form-item .dark-Form-value .dark-DateRangePicker.is-mobile .dark-DateRangePicker-clear {
margin-right: unset;
}
.dark-Form--grid .dark-Form-item .dark-Form-value .dark-TextControl-input {
display: flex;
align-items: center;
}
.dark-Form--grid .dark-Form-item .dark-Form-value .dark-TransferDropDown-content .dark-GroupedSelection-item {
font-size: 0.75rem;
}
.dark-Form-static {
min-height: var(--Form-input-height);
margin-bottom: 0;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Form-static {
min-height: 1.2rem;
padding: 0 0;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-Form-static {
min-height: 1.5rem;
padding: 0rem 0;
}
}
.dark-Form-item--inline > .dark-Form-value > .dark-Form-static {
display: inline-block;
vertical-align: top;
}
.dark-Form-static--borderFull {
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
border-radius: var(--Form-input-borderRadius);
padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
}
.dark-Form-static--borderHalf {
border-bottom: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
border-radius: var(--Form-input-borderRadius);
padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
}
.dark-Form-label {
font-weight: var(--fontWeightNormal);
margin-bottom: var(--gap-xs);
position: relative;
font-size: var(--Form-item-fontSize);
color: var(--Form-item-fontColor);
}
.dark-Form-label > span {
position: relative;
display: flex;
justify-content: flex-end;
align-items: center;
height: 100%;
}
@media (max-width: 767px) {
.dark-Form-label > span {
justify-content: start;
}
}
.dark-Form-star {
color: var(--danger);
font-size: 16px;
line-height: 1;
margin-left: 4px;
}
.dark-Form-feedback {
color: var(--danger);
margin: var(--Form-input-marginBottom) 0 0;
padding-left: var(--gap-base);
font-size: var(--fontSizeSm);
}
.dark-Form-description {
display: block;
color: var(--Form-description-color);
margin: var(--Form-input-marginBottom) 0 0;
font-size: var(--Form-description-fontSize);
}
.dark-Form-hint {
display: inline-block;
margin-left: var(--gap-sm);
padding-top: var(--Form-input-paddingY);
vertical-align: top;
}
.dark-Form-item {
margin-bottom: var(--Form-item-gap);
}
.dark-Form-item.view-details .dark-TextareaControl > textarea {
padding: 0;
}
.dark-Form-item.view-details .dark-TextareaControl > .dark-TextareaControl-counter {
display: none;
}
.dark-Grid-form > .dark-Form-item:last-child {
margin-bottom: 0;
}
.dark-Form--inline > .dark-Form-item--inline:last-child {
margin-right: 0;
margin-bottom: 0;
}
.dark-Form-item .dark-Form-remark {
padding-top: var(--Form-label-paddingTop);
vertical-align: top;
}
.dark-Form-item--inline {
margin-bottom: 8px;
margin-right: calc(var(--Form-item-gap) / 2);
}
.dark-Form-item--horizontal > .dark-Form-label {
text-align: var(--Form--horizontal-label-align);
white-space: var(--Form--horizontal-label-whiteSpace);
}
.dark-Form-item--normal {
width: 100%;
}
.dark-Form-item--normal > .dark-Form-label {
display: block;
}
.dark-Form-item--normal > .dark-Form-label > span {
display: flex;
justify-content: flex-start;
}
.dark-Form-item--normal > .dark-Form-label .dark-Form-star {
margin-left: 4px;
font-size: 16px;
}
.dark-Form-item.is-error > .dark-Form-label {
color: var(--danger);
}
.dark-Form-item.is-linkUrl {
color: var(--saas-Link-Text);
cursor: pointer;
}
.dark-Form-item.is-linkUrl .dark-Form-value .dark-Form-control {
color: var(--saas-Link-Text) !important;
}
.dark-Form-item.is-linkUrl .dark-Form-static .dark-Form-control {
color: var(--saas-Link-Text) !important;
}
.dark-TextControl-xs .dark-TextControl-input {
height: 100%;
/* IE/Edge 特有的前缀 */
}
.dark-TextControl-xs .dark-TextControl-input input[type=password] {
letter-spacing: 3.3px;
}
.dark-TextControl-xs .dark-TextControl-input input[type=password]::selection {
background-color: none;
color: unset;
/* 设置选中文本的背景色 */
}
.dark-TextControl-xs .dark-TextControl-input input[type=password]::-moz-selection {
background-color: none;
color: unset;
/* 设置选中文本的背景色 */
}
.dark-TextControl-xs .dark-TextControl-input input[type=password]::-webkit-selection {
background-color: none;
color: unset;
/* 设置选中文本的背景色 */
}
.dark-TextControl-xs .dark-TextControl-input input[type=password]::selection {
color: none;
/* 设置选中文本的背景色 */
}
.dark-TextControl-xs .dark-TextControl-input input {
height: 2.5rem;
font-size: 1.5rem !important;
}
.dark-TextControl-xs .dark-TextControl-simulateInput {
height: 2.5rem;
line-height: 2.5rem;
top: 5px;
font-size: 1.5rem !important;
}
.dark-TextControl-xs .dark-TextControl-simulateInput .dark-TextControl-simulateInput-container {
color: transparent;
font-size: 1.5rem !important;
}
.dark-TextControl-xs .dark-TextControl-simulateInput .dark-TextControl-simulateInput-container::after {
height: 2.5rem;
top: 0;
}
.dark-Form-placeholder {
color: var(--Form-input-placeholderColor);
}
.dark-Form-caption {
display: inline-block;
line-height: var(--Form-input-height);
height: var(--Form-input-height);
margin-left: 0.625rem;
}
@media (min-width: 576px) {
.dark-Form-label {
display: inline-block;
max-width: 100%;
}
.dark-Form-item--width {
flex-grow: 0 !important;
flex-basis: unset !important;
}
.dark-Form-control--width {
width: inherit;
}
.dark-Form-control--sizeXs {
width: var(--Form-control-widthXs);
max-width: 100%;
display: inline-block;
vertical-align: top;
}
.dark-Form-control--sizeXs.dark-NumberControl {
width: var(--Form-control-widthXs);
}
.dark-Form-control--sizeSm {
width: var(--Form-control-widthSm);
max-width: 100%;
display: inline-block;
vertical-align: top;
}
.dark-Form-control--sizeSm.dark-NumberControl {
width: var(--Form-control-widthSm);
}
}
@media screen and (min-width: 576px) and (min-width: 1280px) and (max-width: 1440px) {
.dark-Form-control--sizeSm {
width: 7rem;
}
}
@media screen and (min-width: 576px) and (min-width: 1441px) and (max-width: 1680px) {
.dark-Form-control--sizeSm {
width: 8rem;
}
}
@media (min-width: 576px) {
.is-showCount {
width: auto;
max-width: 20rem;
min-width: 10rem;
}
.is-showCount .dark-TextControl-input {
display: flex;
align-items: center;
min-height: 32px;
overflow: hidden;
flex-wrap: nowrap;
}
.is-showCount .dark-TextControl-input input {
flex-basis: 0;
width: 30px;
max-height: 30px;
}
.is-showCount .dark-TextControl-input .dark-TextControl-value {
display: flex;
align-items: center;
max-height: 28px;
}
.is-showCount .dark-TextControl-input .dark-TextControl-spinner {
color: var(--Form-select-placeholderColor);
}
}
@media screen and (min-width: 576px) and (min-width: 1280px) and (max-width: 1440px) {
.is-showCount {
min-width: 7rem;
}
.is-showCount .dark-TextControl-input {
line-height: 1;
min-height: 32px;
}
.is-showCount .dark-TextControl-input .dark-TextControl-value {
margin: 0 2px;
line-height: 20px;
font-size: 12px;
}
.is-showCount .dark-TextControl-input .dark-TextControl-value .dark-TextControl-valueIcon {
line-height: 12px;
}
.is-showCount .dark-TextControl-input input {
margin: 0;
}
}
@media screen and (min-width: 576px) and (min-width: 1441px) and (max-width: 1680px) {
.is-showCount {
min-width: 8rem;
}
.is-showCount .dark-TextControl-input .dark-TextControl-value {
margin: 0 2px;
line-height: 20px;
font-size: 12px;
}
.is-showCount .dark-TextControl-input .dark-TextControl-value .dark-TextControl-valueIcon {
line-height: 14px;
}
}
@media (min-width: 576px) {
.dark-Form-control--sizeMd {
width: var(--Form-control-widthMd);
max-width: 100%;
display: inline-block;
vertical-align: top;
}
}
@media (min-width: 576px) {
.dark-Form-control--sizeLg {
width: var(--Form-control-widthLg);
max-width: 100%;
display: inline-block;
vertical-align: top;
}
.dark-Form-control--sizeLg.dark-NumberControl {
width: var(--Form-control-widthLg);
}
}
@media (min-width: 576px) {
.dark-Form-item--horizontal {
display: flex;
flex-wrap: nowrap;
margin-left: calc(var(--Form--horizontal-gutterWidth) / 2 * -1);
margin-right: calc(var(--Form--horizontal-gutterWidth) / 2 * -1);
}
.dark-Form-item--horizontal > * {
padding-left: calc(var(--Form--horizontal-gutterWidth) / 2);
padding-right: calc(var(--Form--horizontal-gutterWidth) / 2);
}
.dark-Form-item--horizontal > .dark-Form-value {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
min-width: 0;
}
.dark-Form-item--horizontal .dark-Form-itemColumn--xs,
.dark-Form-item--horizontal .dark-Form-itemColumn--sm,
.dark-Form-item--horizontal .dark-Form-itemColumn--normal,
.dark-Form-item--horizontal .dark-Form-itemColumn--auto,
.dark-Form-item--horizontal .dark-Form-itemColumn--md,
.dark-Form-item--horizontal .dark-Form-itemColumn--lg {
flex-grow: unset;
flex-basis: unset;
}
.dark-Form-item--horizontal > .dark-Form-label {
padding-top: var(--Form-label-paddingTop);
margin-bottom: 0;
flex-shrink: 0;
}
.dark-Form-item--horizontal > .dark-Form-label .dark-Form-star {
margin-left: 4px;
font-size: 16px;
}
.dark-Form-item--horizontal .dark-Form-itemColumn--xs {
width: var(--Form--horizontal-label-widthXs);
}
.dark-Form-item--horizontal .dark-Form-itemColumn--sm {
width: var(--Form--horizontal-label-widthSm);
}
.dark-Form-item--horizontal .dark-Form-itemColumn--normal {
width: var(--Form--horizontal-label-widthBase);
}
.dark-Form-item--horizontal .dark-Form-itemColumn--md {
width: var(--Form--horizontal-label-widthMd);
}
.dark-Form-item--horizontal .dark-Form-itemColumn--lg {
width: var(--Form--horizontal-label-widthLg);
}
.dark-Form-item--horizontal .dark-Form-itemColumn--auto {
width: auto;
}
.dark-Form-item--horizontal .dark-Form-itemColumn--1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
min-height: 1px;
}
.dark-Form-item--horizontal .dark-Form-itemColumn--2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
min-height: 1px;
}
.dark-Form-item--horizontal .dark-Form-itemColumn--3 {
flex: 0 0 25%;
max-width: 25%;
min-height: 1px;
}
.dark-Form-item--horizontal .dark-Form-itemColumn--4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
min-height: 1px;
}
.dark-Form-item--horizontal .dark-Form-itemColumn--5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
min-height: 1px;
}
.dark-Form-item--horizontal .dark-Form-itemColumn--6 {
flex: 0 0 50%;
max-width: 50%;
min-height: 1px;
}
.dark-Form-item--horizontal .dark-Form-itemColumn--7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
min-height: 1px;
}
.dark-Form-item--horizontal .dark-Form-itemColumn--8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
min-height: 1px;
}
.dark-Form-item--horizontal .dark-Form-itemColumn--9 {
flex: 0 0 75%;
max-width: 75%;
min-height: 1px;
}
.dark-Form-item--horizontal .dark-Form-itemColumn--10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
min-height: 1px;
}
.dark-Form-item--horizontal .dark-Form-itemColumn--11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
min-height: 1px;
}
.dark-Form-item--horizontal .dark-Form-itemColumn--12 {
flex: 0 0 100%;
max-width: 100%;
min-height: 1px;
}
.dark-Form-item--inline {
display: inline-block;
vertical-align: top;
}
.dark-Form-item--inline > .dark-Form-label {
padding-top: var(--Form-label-paddingTop);
margin-bottom: 0;
margin-right: calc(var(--Form-item-gap) / 2);
}
}
@media screen and (min-width: 576px) and (min-width: 1441px) and (max-width: 1680px) {
.dark-Form-item--inline > .dark-Form-label {
padding-top: 0px;
}
}
@media (min-width: 576px) {
.dark-Form-item--inline > .dark-Form-label .dark-Form-star {
margin-left: 4px;
font-size: 16px;
display: flex;
align-items: center;
}
}
@media (min-width: 576px) {
.dark-Form-item--inline > .dark-Form-label .dark-TplField {
display: flex;
align-items: center;
}
}
@media (min-width: 576px) {
.dark-Form-item--inline > .dark-Form-value {
display: inline-block;
vertical-align: top;
}
.dark-Form-item--inline > .dark-Form-value > .dark-Button--link {
padding-top: var(--Form-label-paddingTop);
}
.dark-Form-item--inline > .dark-Form-value > .dark-Form-control {
vertical-align: top;
display: inline-block;
}
.dark-Form-item--inline > .dark-Form-value > .dark-Form-control.dark-InputGroup {
display: inline-flex;
}
.dark-Form-item--inline > .dark-Form-value > .dark-TextControl--withAddOn {
display: inline-flex;
}
}
@media (min-width: 576px) {
.dark-Form-item.nolabel-required .dark-Form-label {
padding: 0;
}
}
@media screen and (min-width: 576px) and (min-width: 1280px) and (max-width: 1440px) {
.dark-Form-item.nolabel-required .dark-Form-label {
height: 22px;
}
}
@media screen and (min-width: 576px) and (min-width: 1441px) and (max-width: 1680px) {
.dark-Form-item.nolabel-required .dark-Form-label {
height: 26px;
}
}
@media (min-width: 576px) {
.dark-Form-item.nolabel-required .dark-Form-label span {
align-items: center;
justify-content: unset;
margin-left: 9px;
}
}
@media (min-width: 576px) {
.dark-Form-item.nolabel-required .dark-TextControl-input {
border-left: 0;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
}
@media screen and (min-width: 576px) and (min-width: 1280px) and (max-width: 1440px) {
.dark-Form-item.nolabel-required .dark-TextControl-input {
min-height: 1.4rem;
}
}
@media screen and (min-width: 576px) and (min-width: 1441px) and (max-width: 1680px) {
.dark-Form-item.nolabel-required .dark-TextControl-input {
min-height: 1.5rem;
}
}
@media (min-width: 576px) {
.dark-Form-item.nolabel-required .dark-ResultBox {
border-left: 0;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
}
@media screen and (min-width: 576px) and (min-width: 1280px) and (max-width: 1440px) {
.dark-Form-item.nolabel-required .dark-ResultBox .dark-ResultBox-value {
margin: 0 3px;
line-height: 1.2rem;
}
.dark-Form-item.nolabel-required .dark-ResultBox .dark-ResultBox-placeholder {
height: 1.2rem;
}
}
@media screen and (min-width: 576px) and (min-width: 1441px) and (max-width: 1680px) {
.dark-Form-item.nolabel-required .dark-ResultBox .dark-ResultBox-value {
margin: 0 3px;
line-height: 1.3rem;
}
.dark-Form-item.nolabel-required .dark-ResultBox .dark-ResultBox-placeholder {
height: 1.5rem;
}
}
@media (min-width: 576px) {
.dark-Form-item.nolabel-required .dark-ResultBox:hover {
box-shadow: none;
}
}
@media (min-width: 576px) {
.dark-Form-item.nolabel-required:hover .dark-Form-label {
border-color: var(--Form-input-onHover-borderColor);
}
.dark-Form-item.nolabel-required:hover .dark-ResultBox {
box-shadow: none;
}
}
@media (min-width: 576px) {
.dark-Form-item.nolabel-required.is-error .dark-Form-label {
border-color: #ff4d4f;
}
.dark-Form-item.nolabel-required.is-error:hover .dark-Form-label {
border-color: var(--Form-input-onHover-borderColor);
}
}
@media (min-width: 576px) {
.dark-Form-row {
display: flex;
flex-wrap: wrap;
margin-left: calc(var(--Form-row-gutterWidth) / -2);
margin-right: calc(var(--Form-row-gutterWidth) / -2);
align-items: flex-start;
}
.dark-Form-row > * {
padding-left: calc(var(--Form-row-gutterWidth) / 2);
padding-right: calc(var(--Form-row-gutterWidth) / 2);
}
}
@media (min-width: 576px) {
.dark-Form-col {
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
}
}
@media (min-width: 576px) {
.dark-Form-rowInner {
display: flex;
flex-wrap: nowrap;
}
.dark-Form-rowInner > .dark-Form-label {
display: inline-block;
vertical-align: top;
padding-top: var(--Form-label-paddingTop);
padding-right: var(--Form-row-gutterWidth);
}
.dark-Form-rowInner > .dark-Form-control {
flex-basis: 0;
flex-grow: 1;
}
}
.dark-Form--column {
display: flex;
flex-wrap: wrap;
margin-left: calc(var(--Form-group-gutterWidth) / -2);
margin-right: calc(var(--Form-group-gutterWidth) / -2);
}
.dark-Form--column .dark-Form-item {
padding-left: calc(var(--Form-group-gutterWidth) / 2);
padding-right: calc(var(--Form-group-gutterWidth) / 2);
width: 100%;
margin-left: 0;
margin-right: 0;
}
.dark-Form--column .dark-Form-item.autoLayout-other {
width: 100%;
}
.dark-Form--column .dark-Tabs-pane {
padding-left: 0;
padding-right: 0;
}
.dark-Form--column .dark-Service-body {
display: flex;
flex-wrap: wrap;
}
.dark-Form--column-2 .dark-Form-item {
width: 50%;
}
.dark-Form--column-3 .dark-Form-item {
width: 33.33%;
}
.dark-Form--column-4 .dark-Form-item {
width: 25%;
}
.dark-Form--column-5 .dark-Form-item {
width: 20%;
}
.dark-Form--column-6 .dark-Form-item {
width: 16.6%;
}
.dark-Form--column-7 .dark-Form-item {
width: 14.2%;
}
.dark-Form--column-8 .dark-Form-item {
width: 12.5%;
}
.dark-Form-column-9 .dark-Form-item {
width: 11.1%;
}
.dark-Form-column-10 .dark-Form-item {
width: 10%;
}
.dark-Static-Html-TplOpen {
display: inline-block;
}
/* 移动端样式调整 */
@media (max-width: 767px) {
.dark-Form .dark-Form-item {
display: flex;
margin-bottom: 0;
padding: 16px;
position: relative;
background-color: var(--saas-main-bg);
overflow: hidden;
}
.dark-Form .dark-Form-item .dark-TplField.dark-OpenExpandBtn {
display: flex;
justify-content: space-between;
align-items: center;
}
.dark-Form .dark-Form-item .dark-TplField.dark-OpenExpandBtn .dark-Table-expandBtn {
color: var(--saas-Placeholder-Text);
height: 100%;
display: flex;
align-items: center;
}
.dark-Form .dark-Form-item .dark-Static-Html-TplOpen {
display: flex;
align-items: center;
justify-content: center;
}
.dark-Form .dark-Form-item .dark-Static-Html-TplOpen,
.dark-Form .dark-Form-item .dark-Static-Html-TplOpen > span {
color: var(--saas-Title-Text);
max-height: 67.5px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.dark-Form .dark-Form-item .dark-Form-feedback-icon,
.dark-Form .dark-Form-item .dark-Form-feedback {
margin: 5px 0 0;
font-size: 12px;
}
.dark-Form .dark-Form-item .dark-Form-feedback-icon-topup,
.dark-Form .dark-Form-item .dark-Form-feedback-topup {
margin: 0 0 5px 0;
}
.dark-Form .dark-Form-item .dark-Form-feedback-icon {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-InputGroup-addOn,
.dark-Form .dark-Form-item .dark-TextControl-addOn {
border: none;
}
.dark-Form .dark-Form-item input::-webkit-input-placeholder {
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
font-size: 14px;
color: var(--Form-select-placeholderColor);
}
.dark-Form .dark-Form-item input::-moz-placeholder {
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
font-size: 14px;
color: var(--Form-select-placeholderColor);
}
.dark-Form .dark-Form-item input::-ms-input-placeholder {
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
font-size: 14px;
color: var(--Form-select-placeholderColor);
}
.dark-Form .dark-Form-item > .dark-Form-label {
flex: 0 0 30%;
max-width: 112px;
min-width: 112px;
min-height: 1px;
text-align: left;
padding-right: 16px;
overflow-wrap: break-word;
margin-right: 0;
margin-bottom: 0;
font-size: 15px;
letter-spacing: 0.5px;
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
color: var(--saas-Placeholder-Text);
display: flex;
align-items: center;
font-weight: 500;
}
.dark-Form .dark-Form-item > .dark-Form-label span {
width: 100%;
min-height: 20px;
max-height: 25px;
}
.dark-Form .dark-Form-item > .dark-Form-label .dark-Form-star {
font-size: 12px;
display: flex;
align-items: center;
position: absolute;
left: -10px;
top: 50%;
color: red;
transform: translateY(-50%);
}
.dark-Form .dark-Form-item .dark-Form-rowInner > .dark-Form-label {
display: block;
width: 100%;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.5px;
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
color: var(--saas-Placeholder-Text);
padding-right: 16px;
}
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-Table {
font-size: 14px;
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-Table-table,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-Table th,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-Table td {
font-size: 12px;
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-Table th {
font-size: 12px;
}
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-Table .dark-Table-foot {
padding: 0;
}
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-Table .dark-Table-foot .dark-Table-footTable > tbody > tr > th {
padding-left: 0;
}
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-Table .dark-Form-item .dark-TextControl-input {
min-width: 50px;
}
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-ImageControl {
overflow: visible;
text-align: left;
min-height: unset;
}
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-RichTextControl {
text-align: left;
border: none !important;
}
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-RichTextControl .dark-RichTextControl-Rich {
height: 100%;
color: var(--saas-Title-Text);
display: flex;
justify-content: space-between;
align-items: center;
}
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-RichTextControl .dark-RichTextControl-Rich .dark-RichTextControl-RichValue {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
padding-right: 8px;
}
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-RichTextControl .dark-RichTextControl-Rich .dark-RichTextControl-RichValue .dark-RichTextControl-placeholder {
color: var(--saas-Placeholder-Text);
white-space: nowrap;
height: 22px;
line-height: 22px;
}
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-RichTextControl .dark-RichTextControl-Rich .dark-Table-expandBtn {
color: var(--saas-Placeholder-Text);
width: 16px;
overflow: hidden;
display: inline-flex;
align-items: center;
height: 100%;
min-width: 10px;
}
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-RichTextControl .rich-text-editor .w-e-text-container {
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-RichTextControl .rich-text-editor .w-e-text-container .w-e-text {
padding: 0;
}
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-RichTextControl .rich-text-editor .w-e-text-container .w-e-text p:nth-child(1) {
margin-top: 0;
}
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-DateRangePicker {
font-size: 15px;
font-weight: 500;
letter-spacing: 0.5px;
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
}
.dark-Form .dark-Form-item .dark-Form-description {
font-size: 15px;
}
.dark-Form .dark-Form-item .dark-TextControl-input {
font-size: 15px;
}
.dark-Form .dark-Form-item .dark-TextControl-input input {
height: 22px;
font-weight: 500;
letter-spacing: 0.5px;
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
color: var(--saas-Title-Text);
text-align: left;
}
.dark-Form .dark-Form-item .dark-TextControl-input input::-webkit-input-placeholder {
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
font-size: 14px;
color: var(--saas-Placeholder-Text);
font-weight: 500;
}
.dark-Form .dark-Form-item .dark-TextControl-input input::-moz-placeholder {
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
font-size: 14px;
color: var(--saas-Placeholder-Text);
font-weight: 500;
}
.dark-Form .dark-Form-item .dark-TextControl-input input::-ms-input-placeholder {
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
font-size: 14px;
color: var(--saas-Placeholder-Text);
font-weight: 500;
}
.dark-Form .dark-Form-item .dark-Form-value,
.dark-Form .dark-Form-item .dark-Form-control {
flex: 1;
overflow: hidden;
min-height: 22px;
flex-wrap: wrap;
font-size: 15px;
text-align: left;
}
.dark-Form .dark-Form-item .dark-Form-value.is-disabled > .dark-TextControl-input,
.dark-Form .dark-Form-item .dark-Form-control.is-disabled > .dark-TextControl-input {
background: transparent;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-Select.is-mobile,
.dark-Form .dark-Form-item .dark-Form-control .dark-Select.is-mobile {
font-size: 15px;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-Select.is-mobile .dark-Select-valueWrap,
.dark-Form .dark-Form-item .dark-Form-control .dark-Select.is-mobile .dark-Select-valueWrap {
font-weight: 500;
letter-spacing: 0.5px;
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
color: #666;
font-size: 15px;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-Select.is-mobile .dark-Select-arrow,
.dark-Form .dark-Form-item .dark-Form-control .dark-Select.is-mobile .dark-Select-arrow {
margin: 0;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-Number,
.dark-Form .dark-Form-item .dark-Form-control .dark-Number {
border: none;
background: none;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-Number .dark-Number-input,
.dark-Form .dark-Form-item .dark-Form-control .dark-Number .dark-Number-input {
text-align: inherit;
font-weight: 500;
letter-spacing: 0.5px;
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item .dark-Form-value .dark-Number .dark-Number-input::-webkit-input-placeholder,
.dark-Form .dark-Form-item .dark-Form-control .dark-Number .dark-Number-input::-webkit-input-placeholder {
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
font-size: 14px;
color: var(--saas-Placeholder-Text);
font-weight: 500;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-Number .dark-Number-input::-moz-placeholder,
.dark-Form .dark-Form-item .dark-Form-control .dark-Number .dark-Number-input::-moz-placeholder {
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
font-size: 14px;
color: var(--saas-Placeholder-Text);
font-weight: 500;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-Number .dark-Number-input::-ms-input-placeholder,
.dark-Form .dark-Form-item .dark-Form-control .dark-Number .dark-Number-input::-ms-input-placeholder {
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
font-size: 14px;
color: var(--saas-Placeholder-Text);
font-weight: 500;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-TransferPicker .dark-TransferPicker-icon,
.dark-Form .dark-Form-item .dark-Form-control .dark-TransferPicker .dark-TransferPicker-icon {
margin: 5px;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-ResultBox-singleValue,
.dark-Form .dark-Form-item .dark-Form-control .dark-ResultBox-singleValue {
text-align: left;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-Form-feedback-icon,
.dark-Form .dark-Form-item .dark-Form-value .dark-Form-feedback,
.dark-Form .dark-Form-item .dark-Form-control .dark-Form-feedback-icon,
.dark-Form .dark-Form-item .dark-Form-control .dark-Form-feedback {
margin: 5px 0 0;
font-size: 12px;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-Form-feedback-icon,
.dark-Form .dark-Form-item .dark-Form-control .dark-Form-feedback-icon {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-value .dark-SelectControl .dark-ResultBox .dark-ResultBox-singleValue,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-SelectControl .dark-ResultBox .dark-ResultBox-singleValue {
padding: 0;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-PickerControl .dark-Picker-input,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-PickerControl .dark-Picker-input {
border-color: transparent;
font-size: 15px;
padding-left: 0;
padding-right: 18px;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-PickerControl .dark-Picker-input .dark-Picker-placeholder,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-PickerControl .dark-Picker-input .dark-Picker-placeholder {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-value .dark-PickerControl .dark-Picker-input .dark-Picker-btn,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-PickerControl .dark-Picker-input .dark-Picker-btn {
width: 6px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-PickerControl .dark-Picker-input.isMobile-picker,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-PickerControl .dark-Picker-input.isMobile-picker {
padding-right: 0;
min-height: 24px;
line-height: unset;
align-items: center;
justify-content: space-between;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-PickerControl .dark-Picker-input.isMobile-picker .dark-Picker-valueWrap,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-PickerControl .dark-Picker-input.isMobile-picker .dark-Picker-valueWrap {
margin: 0;
min-height: unset;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-PickerControl .dark-Picker-input.isMobile-picker .dark-Picker-btn,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-PickerControl .dark-Picker-input.isMobile-picker .dark-Picker-btn {
position: static;
width: auto;
color: rgba(0, 0, 0, 0.45);
}
.dark-Form .dark-Form-item .dark-Form-value .dark-CheckboxesControl .dark-Checkbox span,
.dark-Form .dark-Form-item .dark-Form-value .dark-RadiosControl .dark-Checkbox span,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-CheckboxesControl .dark-Checkbox span,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-RadiosControl .dark-Checkbox span {
color: var(--saas-Title-Text);
font-weight: 500;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content {
white-space: initial;
justify-content: space-between;
align-items: center;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content .dark-DateRangePicker-value,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content .dark-DateRangePicker-value {
justify-content: left;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content .dark-DateRangePicker-placeholder,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content .dark-DateRangePicker-placeholder {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-value .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content .dark-DateRangePicker-clear svg,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content .dark-DateRangePicker-clear svg {
fill: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-value .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content .dark-DateRangePicker-toggler,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content .dark-DateRangePicker-toggler {
margin-top: 0;
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-value .dark-RadiosControl .dark-Checkbox i,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-RadiosControl .dark-Checkbox i {
width: 18px;
height: 18px;
border-radius: 50%;
z-index: 1;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-DateRangeControl .dark-DateRangePicker,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker {
align-items: center;
}
.dark-Form .dark-Form-item .dark-Form-value .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-placeholder,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-placeholder {
flex: 1;
text-align: left;
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-value .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-value,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-value {
flex: 1;
justify-content: left;
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item .dark-Form-value .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-toggler,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-toggler {
margin-top: 0;
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-value .dark-DateRangeControl .dark-DateRangePicker:not(.is-disabled):hover .dark-DateRangePicker-toggler,
.dark-Form .dark-Form-item .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker:not(.is-disabled):hover .dark-DateRangePicker-toggler {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-control {
font-weight: 500;
letter-spacing: 0.5px;
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DateField {
color: var(--saas-Title-Text);
letter-spacing: 0;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-ResultBox {
border: none;
padding-right: 18px;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-ResultBox-clear {
position: absolute;
right: 0;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-ResultBox-clear svg {
fill: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-control .dark-ResultBox-singleValue {
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item .dark-Form-control .dark-ResultBox-placeholder {
margin-left: 0;
color: var(--saas-Placeholder-Text);
font-size: 15px;
white-space: nowrap;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-ResultBox .dark-TransferPicker-icon, .dark-Form .dark-Form-item .dark-Form-control .dark-ResultBox-arrow {
position: absolute;
right: 0px;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-ResultBox .dark-ResultBox-clear + .dark-ResultBox-arrow {
right: 18px;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-ResultBox input {
padding-left: 0;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-ResultBox input::-webkit-input-placeholder {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-control .dark-ResultBox input::-moz-placeholder {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-control .dark-ResultBox input::-ms-input-placeholder {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-control .dark-ResultBox-value-wrap .dark-ResultBox-value {
white-space: nowrap;
line-height: 1.5rem;
padding: 0 6px;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-ResultBox-value-wrap .dark-ResultBox-value .dark-ResultBox-valueLabel {
white-space: nowrap;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-ResultBox-value-wrap .dark-ResultBox-value .dark-ResultBox-valueLabel span {
white-space: nowrap;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DatePicker.is-mobile {
padding: 0;
line-height: 24px;
background: none;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DatePicker.is-mobile .dark-DatePicker-content {
font-size: 15px;
justify-content: space-between;
align-items: center;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DatePicker.is-mobile .dark-DatePicker-content .dark-DatePicker-placeholder {
font-size: 15px;
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DatePicker.is-mobile .dark-DatePicker-content input::placeholder {
font-size: 15px !important;
color: var(--saas-Placeholder-Text) !important;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DatePicker.is-mobile .dark-DatePicker-content input::-webkit-input-placeholder {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DatePicker.is-mobile .dark-DatePicker-content input::-moz-placeholder {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DatePicker.is-mobile .dark-DatePicker-content input::-ms-input-placeholder {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DatePicker.is-mobile .dark-DatePicker-content .dark-DatePicker-value {
font-weight: 500;
letter-spacing: 0.5px;
font-family: system-ui, -apple-system, Helvetica Neue, sans-serif;
color: var(--saas-Title-Text);
font-size: 15px;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DatePicker.is-mobile .dark-DatePicker-content .dark-DatePicker-clear > svg {
fill: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DatePicker.is-mobile .dark-DatePicker-content .dark-DatePicker-toggler {
color: var(--saas-Placeholder-Text);
margin-top: 0;
height: 22px;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DatePicker.is-mobile .dark-DatePicker-content .dark-DatePicker-toggler > svg polyline,
.dark-Form .dark-Form-item .dark-Form-control .dark-DatePicker.is-mobile .dark-DatePicker-content .dark-DatePicker-toggler > svg circle {
stroke: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DateRangePicker.is-mobile .dark-DateRangePicker-content input::-webkit-input-placeholder {
color: var(--saas-Placeholder-Text);
font-size: 14px;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DateRangePicker.is-mobile .dark-DateRangePicker-content input::-moz-placeholder {
color: var(--saas-Placeholder-Text);
font-size: 14px;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DateRangePicker.is-mobile .dark-DateRangePicker-content input::-ms-input-placeholder {
color: var(--saas-Placeholder-Text);
font-size: 14px;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DateRangePicker.is-mobile .dark-DateRangePicker-content .dark-DateRangePicker-placeholder {
font-size: 15px;
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DateRangePicker.is-mobile .dark-DateRangePicker-content .dark-DateRangePicker-toggler {
color: var(--saas-Placeholder-Text);
margin-top: 0;
height: 24px;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DateRangePicker.is-mobile .dark-DateRangePicker-content .dark-DateRangePicker-toggler > svg {
width: 0.625rem;
height: 0.625rem;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DateRangePicker.is-mobile .dark-DateRangePicker-content .dark-DateRangePicker-toggler > svg polyline,
.dark-Form .dark-Form-item .dark-Form-control .dark-DateRangePicker.is-mobile .dark-DateRangePicker-content .dark-DateRangePicker-toggler > svg circle {
stroke: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-control .dark-DatePicker.is-disabled {
background: #fff;
}
.dark-Form .dark-Form-item .dark-Form-control .dark-TextControl-placeholder {
right: 0;
left: 0;
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-SelectControl .dark-Select-arrow > svg {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-ColorControl.dark-Form-control .dark-ColorPicker {
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item .dark-ColorControl.dark-Form-control .dark-ColorPicker .dark-ColorPicker-clear > svg {
fill: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-ColorControl .dark-Form-hint,
.dark-Form .dark-Form-item .dark-Form-remark,
.dark-Form .dark-Form-item .dark-Form-static,
.dark-Form .dark-Form-item .dark-Form-group--hor .dark-Form-item,
.dark-Form .dark-Form-item .dark-SwitchControl,
.dark-Form .dark-Form-item .dark-CheckboxControl,
.dark-Form .dark-Form-item .dark-RadiosControl,
.dark-Form .dark-Form-item .dark-CheckboxesControl {
padding-top: 0;
padding-bottom: 0;
}
.dark-Form .dark-Form-item .dark-Form-group--horizontal .dark-TextControl-input input {
height: var(--Form-input-height);
}
.dark-Form .dark-Form-item .dark-Form-hint {
font-size: var(--fontSizeBase);
margin-left: 0;
color: var(--text--muted-color);
}
.dark-Form .dark-Form-item .dark-TextControl-placeholder {
top: 0;
}
.dark-Form .dark-Form-item .dark-Form-static {
min-height: 0;
flex: 1;
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item > .dark-Form-static {
max-width: 70%;
}
.dark-Form .dark-Form-item .dark-Form-description {
font-size: var(--fontSizeBase);
}
.dark-Form .dark-Form-item .dark-InputGroup .dark-Select,
.dark-Form .dark-Form-item .dark-InputGroup .dark-InputGroup-btn .dark-Button {
border: none;
}
.dark-Form .dark-Form-item .dark-InputGroup > .dark-TextControl-input input {
height: var(--Form-input-height);
}
.dark-Form .dark-Form-item .dark-ColorPicker {
padding: 0;
border: none;
}
.dark-Form .dark-Form-item .dark-ColorPicker .dark-ColorPicker-arrow {
display: none;
}
.dark-Form .dark-Form-item .dark-ColorPicker .dark-ColorPicker-input::-webkit-input-placeholder {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-ColorPicker .dark-ColorPicker-input::-moz-placeholder {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-ColorPicker .dark-ColorPicker-input::-ms-input-placeholder {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item .dark-Form-group--hor .dark-Form-item .dark-Button {
margin-bottom: var(--gap-xs);
}
.dark-Form .dark-Form-item .dark-TextareaControl > textarea,
.dark-Form .dark-Form-item .dark-Form-control > .dark-TextControl-input,
.dark-Form .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input {
border: none;
padding: 0 var(--Form-input-paddingX) 0 0;
box-shadow: none;
}
.dark-Form .dark-Form-item .dark-TextareaControl > textarea input::placeholder,
.dark-Form .dark-Form-item .dark-Form-control > .dark-TextControl-input input::placeholder,
.dark-Form .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input input::placeholder {
font-size: 15px;
}
.dark-Form .dark-Form-item .dark-TextareaControl > textarea:hover, .dark-Form .dark-Form-item .dark-TextareaControl > textarea:focus, .dark-Form .dark-Form-item .dark-TextareaControl > textarea.active,
.dark-Form .dark-Form-item .dark-Form-control > .dark-TextControl-input:hover,
.dark-Form .dark-Form-item .dark-Form-control > .dark-TextControl-input:focus,
.dark-Form .dark-Form-item .dark-Form-control > .dark-TextControl-input.active,
.dark-Form .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input:hover,
.dark-Form .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input:focus,
.dark-Form .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input.active {
border: none;
outline: none;
outline-style: none;
}
.dark-Form .dark-Form-item .dark-TextareaControl > textarea {
color: var(--saas-Title-Text);
font-size: 15px;
line-height: 24px;
}
.dark-Form .dark-Form-item .dark-TextareaControl.is-readOnly > textarea {
color: var(--Form-down-input-noteditable);
}
.dark-Form .dark-Form-item .dark-Form-control > .dark-TextControl-input {
padding: 0;
background-color: none;
background: none;
}
.dark-Form .dark-Form-item .dark-Form-control > .dark-TextControl-input--multiple {
padding: 0;
min-height: 0;
}
.dark-Form .dark-Form-item .dark-Form-rowInner {
width: 100%;
}
.dark-Form > .dark-CollapseGroup .dark-Collapse .dark-Collapse-body {
padding: 0;
}
.dark-Form .dark-Collapse {
border-bottom: 0;
}
.dark-Form .dark-Form-item.view-details {
color: var(--saas-Title-Text);
padding: 12px 16px !important;
height: auto;
}
.dark-Form .dark-Form-item.view-details .dark-Form-value,
.dark-Form .dark-Form-item.view-details .dark-Form-control {
text-align: left;
font-size: 15px;
}
.dark-Form .dark-Form-item.view-details .dark-Form-static {
text-align: left;
padding: 0 !important;
}
.dark-Form .dark-Form-item.view-details .dark-Form-static .dark-Form-value,
.dark-Form .dark-Form-item.view-details .dark-Form-static .dark-Form-control {
text-align: left;
font-size: 15px;
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item.view-details .dark-Form-static .dark-Form-value .dark-PlainField,
.dark-Form .dark-Form-item.view-details .dark-Form-static .dark-Form-control .dark-PlainField {
white-space: initial;
}
.dark-Form .dark-Form-item.view-details .dark-Form-static .dark-Form-value .dark-Mapping,
.dark-Form .dark-Form-item.view-details .dark-Form-static .dark-Form-control .dark-Mapping {
overflow: initial;
white-space: initial;
}
.dark-Form .dark-Form-item.view-details > .dark-Form-label {
color: var(--saas-Placeholder-Text);
padding-right: 16px;
}
.dark-Form .dark-Form-item.view-details .dark-Form-rowInner .dark-Form-label {
color: var(--saas-Placeholder-Text);
padding-right: 16px;
}
.dark-Form .dark-Form-item.view-details .dark-Form-rowInner .dark-Form-label .dark-Form-star {
font-size: 12px;
display: flex;
align-items: center;
position: absolute;
left: -10px;
color: red;
top: 50%;
transform: translateY(-50%);
}
.dark-Form .dark-Form-item.view-details .dark-Form-rowInner .dark-DateRangePicker {
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item.view-details .dark-TextControl-input input {
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item.view-details .dark-Form-value .dark-Select.is-mobile .dark-Select-valueWrap,
.dark-Form .dark-Form-item.view-details .dark-Form-control .dark-Select.is-mobile .dark-Select-valueWrap {
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item.view-details .dark-Form-value .dark-Number .dark-Number-input,
.dark-Form .dark-Form-item.view-details .dark-Form-control .dark-Number .dark-Number-input {
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item.view-details .dark-Form-value .dark-Number-disabled .dark-Number-input,
.dark-Form .dark-Form-item.view-details .dark-Form-control .dark-Number-disabled .dark-Number-input {
color: var(--Form-down-input-noteditable);
}
.dark-Form .dark-Form-item.view-details .dark-Form-control {
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item.view-details .dark-Form-control .dark-DatePicker.is-mobile .dark-DatePicker-content .dark-DatePicker-value {
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item.view-details .dark-Form-control .dark-TextControl-placeholder {
right: 0;
}
.dark-Form .dark-Form-item.view-details .dark-SwitchControl {
text-align: left;
}
.dark-Form .dark-Form-item.is-linkUrl .dark-Form-control {
color: var(--saas-Link-Text);
}
.dark-Form .dark-Form-item.verticalField {
padding: 12px 16px !important;
height: auto;
}
.dark-Form .dark-Form-item.verticalField::before {
left: 0;
}
}
@media (max-width: 767px) and (max-width: 767px) {
.dark-Form .dark-Form-item.verticalField {
margin-top: 8px;
margin-bottom: 8px;
}
}
@media (max-width: 767px) and (max-width: 767px) {
.dark-Form .dark-Form-item.horizonField {
margin-top: 8px;
margin-bottom: 8px;
}
.dark-Form .dark-Form-item.horizonField .dark-Form-label {
width: 100%;
max-width: 100% !important;
flex: 1 !important;
}
}
@media (max-width: 767px) {
.dark-Form .dark-Form-groupColumn {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.dark-Form .dark-Divider {
display: none;
}
}
@media (max-width: 767px) {
.dark-Form .dark-Tabs-pane {
padding: 0;
}
}
@media (max-width: 767px) {
.dark-Form > .dark-Form-item:last-child::after, .dark-Form > .dark-Form-item:last-of-type::after {
display: none;
}
}
@media (max-width: 767px) {
.dark-Form .dark-Form-item .dark-Form-groupColumn > .dark-Form-item {
padding-bottom: var(--Form-input-paddingX);
}
}
@media (max-width: 767px) {
.dark-Form .dark-Form-item.view-details {
padding: 3px 0;
}
.dark-Form .dark-Form-item.view-details::after {
content: none;
}
.dark-Form .dark-Form-item.view-details > .dark-Form-label > span {
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.dark-Form .dark-Form-item.view-details > .dark-Form-label > span .dark-TplField {
display: block;
max-width: 100%;
}
.dark-Form .dark-Form-item.view-details > .dark-Form-label > span .dark-TplField > span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Form .dark-Form-item.view-details > .dark-Form-label > span .dark-Static-Html-TplOpen {
color: var(--Form-down-input-noteditable);
max-height: 67.5px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
}
}
@media (max-width: 767px) {
.dark-Form .dark-Alert {
margin-top: var(--Alert-paddingX);
}
}
@media (max-width: 767px) {
.dark-Form .dark-Form-item.dark-Form-item--row {
height: auto;
flex-wrap: wrap;
}
.dark-Form .dark-Form-item.dark-Form-item--row > .dark-Form-feedback {
padding-left: 30%;
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner {
display: flex;
flex-wrap: wrap;
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-Form-label {
flex: 0 0 30%;
max-width: 112px;
min-width: 112px;
margin-bottom: 0;
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-Form-label span {
min-height: 20px;
max-height: 25px;
width: 100%;
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-Form-label .dark-Form-star {
font-size: 12px;
display: flex;
align-items: center;
position: absolute;
left: -10px;
color: red;
top: 50%;
transform: translateY(-50%);
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content {
white-space: initial;
justify-content: space-between;
align-items: center;
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content .dark-DateRangePicker-placeholder {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content .dark-DateRangePicker-value {
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content .dark-DateRangePicker-toggler > svg polyline,
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content .dark-DateRangePicker-toggler > svg circle {
stroke: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content .dark-DateRangePicker-clear svg {
fill: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-content .dark-Table-expandBtn {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-ImageControl {
overflow: hidden;
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-ImageControl .dark-ImageControl-dropzone {
width: 100%;
height: 100%;
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-ImageControl .dark-ImageControl-dropzone .dark-ImageControl-addBtn {
color: var(--saas-Placeholder-Text);
box-shadow: none;
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-ImageControl .dark-ImageControl-dropzone .dark-ImageControl-addBtn svg.icon {
fill: var(--saas-Placeholder-Text);
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-ImageControl .dark-ImageControl-dropzone .dark-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover {
color: var(--ImageControl-addBtn-onHover-color);
background: transparent;
border-color: transparent;
box-shadow: unset;
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-InputTable {
padding-top: 12px;
width: 100%;
flex: auto;
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-InputTable .dark-Table .dark-Table-horizontal {
min-height: 200px;
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-InputTable .empty-container {
color: rgba(0, 0, 0, 0.4);
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-InputTable.is-mobile .line-tiled .dark-Form.inModal-item {
margin-left: 0;
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-TextareaControl > textarea[disabled] {
background: #fff;
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-TextareaControl-TextArea {
height: 100%;
color: var(--saas-Title-Text);
display: flex;
justify-content: space-between;
align-items: center;
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-TextareaControl-TextArea-original {
max-height: 67.5px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
padding-right: 8px;
white-space: nowrap;
color: var(--saas-Title-Text);
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-TextareaControl-TextArea .dark-Table-expandBtn {
color: var(--saas-Placeholder-Text);
width: 16px;
overflow: hidden;
display: inline-flex;
align-items: center;
height: 100%;
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-TextareaControl .dark-TextAreaControl-notReadOnly {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-TextareaControl.is-readOnly .dark-TextareaControl-TextArea {
color: var(--Form-down-input-noteditable);
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-TextareaControl textarea::-webkit-input-placeholder {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-TextareaControl textarea::-moz-placeholder {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner .dark-TextareaControl textarea::-ms-input-placeholder {
color: var(--saas-Placeholder-Text);
}
.dark-Form .dark-Form-item.dark-Form-item--row .dark-Form-rowInner > .dark-Form-static {
flex: 0 0 70%;
max-width: calc(100% - 112px);
overflow: hidden;
}
}
@media (max-width: 767px) {
.dark-Form .dark-Form-item.dateRangeFormItem {
align-items: flex-start;
}
.dark-Form .dark-Form-item.dateRangeFormItem .dark-Form-label > span {
align-items: flex-start;
}
.dark-Form .dark-Form-item.dateRangeFormItem .dark-Form-label > span > span.dark-TplField {
display: inline-block;
height: 24px;
line-height: 24px;
}
}
@media (max-width: 767px) {
form.dark-Form,
.dark-Form.row-edit-form {
background-color: var(--saas-Background-Header);
padding-top: 8px;
}
form.dark-Form.hasFieldSet,
.dark-Form.row-edit-form.hasFieldSet {
margin-top: 0;
}
form.dark-Form.hasFieldSet .dark-Collapse-header,
.dark-Form.row-edit-form.hasFieldSet .dark-Collapse-header {
width: 100%;
}
form.dark-Form.hasFieldSet, form.dark-Form.inModal,
.dark-Form.row-edit-form.hasFieldSet,
.dark-Form.row-edit-form.inModal {
background-color: var(--saas-main-bg);
padding-top: 0px;
}
form.dark-Form.hasFieldSet .dark-Form-item, form.dark-Form.inModal .dark-Form-item,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item,
.dark-Form.row-edit-form.inModal .dark-Form-item {
padding: 12px 16px !important;
}
form.dark-Form.hasFieldSet .dark-Form-item::after, form.dark-Form.inModal .dark-Form-item::after,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item::after,
.dark-Form.row-edit-form.inModal .dark-Form-item::after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
left: 16px;
height: 1px;
background: var(--saas-Border-Dividers);
}
form.dark-Form.hasFieldSet .dark-Form-item:last-child::after, form.dark-Form.inModal .dark-Form-item:last-child::after,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item:last-child::after,
.dark-Form.row-edit-form.inModal .dark-Form-item:last-child::after {
content: none;
}
form.dark-Form.hasFieldSet .dark-Form-item--horizontal, form.dark-Form.inModal .dark-Form-item--horizontal,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item--horizontal,
.dark-Form.row-edit-form.inModal .dark-Form-item--horizontal {
display: flex;
align-items: flex-start;
}
form.dark-Form.hasFieldSet .dark-Form-item .dark-TplField, form.dark-Form.inModal .dark-Form-item .dark-TplField,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-TplField,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-TplField {
display: flex;
align-items: flex-start !important;
line-height: 22px;
}
form.dark-Form.hasFieldSet .dark-Form-item .dark-TplField > span, form.dark-Form.inModal .dark-Form-item .dark-TplField > span,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-TplField > span,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-TplField > span {
line-height: 22px;
}
form.dark-Form.hasFieldSet .dark-Form-item--row .dark-Form-label span, form.dark-Form.inModal .dark-Form-item--row .dark-Form-label span,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item--row .dark-Form-label span,
.dark-Form.row-edit-form.inModal .dark-Form-item--row .dark-Form-label span {
align-items: flex-start;
}
form.dark-Form.hasFieldSet .dark-Form-item--row .dark-Form-label--row .dark-Form-label span, form.dark-Form.inModal .dark-Form-item--row .dark-Form-label--row .dark-Form-label span,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item--row .dark-Form-label--row .dark-Form-label span,
.dark-Form.row-edit-form.inModal .dark-Form-item--row .dark-Form-label--row .dark-Form-label span {
align-items: flex-start;
}
form.dark-Form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-TextControl-input,
form.dark-Form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-ColorPicker,
form.dark-Form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-Number-input-wrap, form.dark-Form.inModal .dark-Form-item--row .dark-Form-label .dark-TextControl-input,
form.dark-Form.inModal .dark-Form-item--row .dark-Form-label .dark-ColorPicker,
form.dark-Form.inModal .dark-Form-item--row .dark-Form-label .dark-Number-input-wrap,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-TextControl-input,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-ColorPicker,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-Number-input-wrap,
.dark-Form.row-edit-form.inModal .dark-Form-item--row .dark-Form-label .dark-TextControl-input,
.dark-Form.row-edit-form.inModal .dark-Form-item--row .dark-Form-label .dark-ColorPicker,
.dark-Form.row-edit-form.inModal .dark-Form-item--row .dark-Form-label .dark-Number-input-wrap {
display: flex;
align-items: center;
}
form.dark-Form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-TextControl-input input,
form.dark-Form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-ColorPicker input,
form.dark-Form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-Number-input-wrap input, form.dark-Form.inModal .dark-Form-item--row .dark-Form-label .dark-TextControl-input input,
form.dark-Form.inModal .dark-Form-item--row .dark-Form-label .dark-ColorPicker input,
form.dark-Form.inModal .dark-Form-item--row .dark-Form-label .dark-Number-input-wrap input,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-TextControl-input input,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-ColorPicker input,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-Number-input-wrap input,
.dark-Form.row-edit-form.inModal .dark-Form-item--row .dark-Form-label .dark-TextControl-input input,
.dark-Form.row-edit-form.inModal .dark-Form-item--row .dark-Form-label .dark-ColorPicker input,
.dark-Form.row-edit-form.inModal .dark-Form-item--row .dark-Form-label .dark-Number-input-wrap input {
font-size: 15px;
}
form.dark-Form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-TextControl-input input::placeholder,
form.dark-Form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-ColorPicker input::placeholder,
form.dark-Form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-Number-input-wrap input::placeholder, form.dark-Form.inModal .dark-Form-item--row .dark-Form-label .dark-TextControl-input input::placeholder,
form.dark-Form.inModal .dark-Form-item--row .dark-Form-label .dark-ColorPicker input::placeholder,
form.dark-Form.inModal .dark-Form-item--row .dark-Form-label .dark-Number-input-wrap input::placeholder,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-TextControl-input input::placeholder,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-ColorPicker input::placeholder,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item--row .dark-Form-label .dark-Number-input-wrap input::placeholder,
.dark-Form.row-edit-form.inModal .dark-Form-item--row .dark-Form-label .dark-TextControl-input input::placeholder,
.dark-Form.row-edit-form.inModal .dark-Form-item--row .dark-Form-label .dark-ColorPicker input::placeholder,
.dark-Form.row-edit-form.inModal .dark-Form-item--row .dark-Form-label .dark-Number-input-wrap input::placeholder {
font-size: 15px;
}
form.dark-Form.hasFieldSet .dark-Form-item .dark-TextControl-input,
form.dark-Form.hasFieldSet .dark-Form-item .dark-ColorPicker,
form.dark-Form.hasFieldSet .dark-Form-item .dark-Number-input-wrap, form.dark-Form.inModal .dark-Form-item .dark-TextControl-input,
form.dark-Form.inModal .dark-Form-item .dark-ColorPicker,
form.dark-Form.inModal .dark-Form-item .dark-Number-input-wrap,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-TextControl-input,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-ColorPicker,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-Number-input-wrap,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-TextControl-input,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-ColorPicker,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-Number-input-wrap {
display: flex;
align-items: center;
}
form.dark-Form.hasFieldSet .dark-Form-item .dark-TextControl-input input,
form.dark-Form.hasFieldSet .dark-Form-item .dark-TextControl-input .dark-Number-input,
form.dark-Form.hasFieldSet .dark-Form-item .dark-ColorPicker input,
form.dark-Form.hasFieldSet .dark-Form-item .dark-ColorPicker .dark-Number-input,
form.dark-Form.hasFieldSet .dark-Form-item .dark-Number-input-wrap input,
form.dark-Form.hasFieldSet .dark-Form-item .dark-Number-input-wrap .dark-Number-input, form.dark-Form.inModal .dark-Form-item .dark-TextControl-input input,
form.dark-Form.inModal .dark-Form-item .dark-TextControl-input .dark-Number-input,
form.dark-Form.inModal .dark-Form-item .dark-ColorPicker input,
form.dark-Form.inModal .dark-Form-item .dark-ColorPicker .dark-Number-input,
form.dark-Form.inModal .dark-Form-item .dark-Number-input-wrap input,
form.dark-Form.inModal .dark-Form-item .dark-Number-input-wrap .dark-Number-input,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-TextControl-input input,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-TextControl-input .dark-Number-input,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-ColorPicker input,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-ColorPicker .dark-Number-input,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-Number-input-wrap input,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-Number-input-wrap .dark-Number-input,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-TextControl-input input,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-TextControl-input .dark-Number-input,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-ColorPicker input,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-ColorPicker .dark-Number-input,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-Number-input-wrap input,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-Number-input-wrap .dark-Number-input {
font-size: 15px;
}
form.dark-Form.hasFieldSet .dark-Form-item .dark-TextControl-input input::placeholder,
form.dark-Form.hasFieldSet .dark-Form-item .dark-TextControl-input .dark-Number-input::placeholder,
form.dark-Form.hasFieldSet .dark-Form-item .dark-ColorPicker input::placeholder,
form.dark-Form.hasFieldSet .dark-Form-item .dark-ColorPicker .dark-Number-input::placeholder,
form.dark-Form.hasFieldSet .dark-Form-item .dark-Number-input-wrap input::placeholder,
form.dark-Form.hasFieldSet .dark-Form-item .dark-Number-input-wrap .dark-Number-input::placeholder, form.dark-Form.inModal .dark-Form-item .dark-TextControl-input input::placeholder,
form.dark-Form.inModal .dark-Form-item .dark-TextControl-input .dark-Number-input::placeholder,
form.dark-Form.inModal .dark-Form-item .dark-ColorPicker input::placeholder,
form.dark-Form.inModal .dark-Form-item .dark-ColorPicker .dark-Number-input::placeholder,
form.dark-Form.inModal .dark-Form-item .dark-Number-input-wrap input::placeholder,
form.dark-Form.inModal .dark-Form-item .dark-Number-input-wrap .dark-Number-input::placeholder,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-TextControl-input input::placeholder,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-TextControl-input .dark-Number-input::placeholder,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-ColorPicker input::placeholder,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-ColorPicker .dark-Number-input::placeholder,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-Number-input-wrap input::placeholder,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-Number-input-wrap .dark-Number-input::placeholder,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-TextControl-input input::placeholder,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-TextControl-input .dark-Number-input::placeholder,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-ColorPicker input::placeholder,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-ColorPicker .dark-Number-input::placeholder,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-Number-input-wrap input::placeholder,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-Number-input-wrap .dark-Number-input::placeholder {
font-size: 15px;
}
form.dark-Form.hasFieldSet .dark-Form-item .empty-container .empty-title, form.dark-Form.inModal .dark-Form-item .empty-container .empty-title,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .empty-container .empty-title,
.dark-Form.row-edit-form.inModal .dark-Form-item .empty-container .empty-title {
color: var(--saas-Placeholder-Text);
}
form.dark-Form.hasFieldSet .dark-Form-item .empty-container .empty-content, form.dark-Form.inModal .dark-Form-item .empty-container .empty-content,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .empty-container .empty-content,
.dark-Form.row-edit-form.inModal .dark-Form-item .empty-container .empty-content {
color: var(--saas-Title-Text);
}
form.dark-Form.hasFieldSet .dark-Form-item .dark-Form-label, form.dark-Form.inModal .dark-Form-item .dark-Form-label,
.dark-Form.row-edit-form.hasFieldSet .dark-Form-item .dark-Form-label,
.dark-Form.row-edit-form.inModal .dark-Form-item .dark-Form-label {
align-items: flex-start;
}
form.dark-Form.hasFieldSet .dark-TextControl-input, form.dark-Form.inModal .dark-TextControl-input,
.dark-Form.row-edit-form.hasFieldSet .dark-TextControl-input,
.dark-Form.row-edit-form.inModal .dark-TextControl-input {
align-items: flex-start;
background: transparent;
}
form.dark-Form.hasFieldSet .dark-TextControl-input--withAC, form.dark-Form.inModal .dark-TextControl-input--withAC,
.dark-Form.row-edit-form.hasFieldSet .dark-TextControl-input--withAC,
.dark-Form.row-edit-form.inModal .dark-TextControl-input--withAC {
border: none;
min-height: unset;
}
form.dark-Form.hasFieldSet .dark-TextControl-input--withAC .dark-TextControl-placeholder, form.dark-Form.inModal .dark-TextControl-input--withAC .dark-TextControl-placeholder,
.dark-Form.row-edit-form.hasFieldSet .dark-TextControl-input--withAC .dark-TextControl-placeholder,
.dark-Form.row-edit-form.inModal .dark-TextControl-input--withAC .dark-TextControl-placeholder {
font-size: 15px;
margin-top: -4px;
}
form.dark-Form.hasFieldSet .dark-TextControl-input--withAC input, form.dark-Form.inModal .dark-TextControl-input--withAC input,
.dark-Form.row-edit-form.hasFieldSet .dark-TextControl-input--withAC input,
.dark-Form.row-edit-form.inModal .dark-TextControl-input--withAC input {
font-size: 15px;
}
form.dark-Form.hasFieldSet .dark-TextControl-input--withAC input::placeholder, form.dark-Form.inModal .dark-TextControl-input--withAC input::placeholder,
.dark-Form.row-edit-form.hasFieldSet .dark-TextControl-input--withAC input::placeholder,
.dark-Form.row-edit-form.inModal .dark-TextControl-input--withAC input::placeholder {
font-size: 15px;
}
form.dark-Form.hasFieldSet .dark-ResultBox, form.dark-Form.inModal .dark-ResultBox,
.dark-Form.row-edit-form.hasFieldSet .dark-ResultBox,
.dark-Form.row-edit-form.inModal .dark-ResultBox {
align-items: center !important;
min-height: 20px;
}
form.dark-Form.hasFieldSet .dark-ResultBox .dark-ResultBox-value-wrap, form.dark-Form.inModal .dark-ResultBox .dark-ResultBox-value-wrap,
.dark-Form.row-edit-form.hasFieldSet .dark-ResultBox .dark-ResultBox-value-wrap,
.dark-Form.row-edit-form.inModal .dark-ResultBox .dark-ResultBox-value-wrap {
padding-left: 0;
align-items: flex-start !important;
}
form.dark-Form.hasFieldSet .dark-ResultBox-arrow, form.dark-Form.inModal .dark-ResultBox-arrow,
.dark-Form.row-edit-form.hasFieldSet .dark-ResultBox-arrow,
.dark-Form.row-edit-form.inModal .dark-ResultBox-arrow {
top: 2px;
}
form.dark-Form.hasFieldSet .dark-ResultBox-placeholder, form.dark-Form.inModal .dark-ResultBox-placeholder,
.dark-Form.row-edit-form.hasFieldSet .dark-ResultBox-placeholder,
.dark-Form.row-edit-form.inModal .dark-ResultBox-placeholder {
line-height: 1;
}
form.dark-Form.hasFieldSet .dark-Picker-input.isMobile-picker, form.dark-Form.inModal .dark-Picker-input.isMobile-picker,
.dark-Form.row-edit-form.hasFieldSet .dark-Picker-input.isMobile-picker,
.dark-Form.row-edit-form.inModal .dark-Picker-input.isMobile-picker {
align-items: flex-start !important;
line-height: 1 !important;
}
form.dark-Form.hasFieldSet .dark-Picker-input.isMobile-picker .dark-Picker-valueWrap, form.dark-Form.inModal .dark-Picker-input.isMobile-picker .dark-Picker-valueWrap,
.dark-Form.row-edit-form.hasFieldSet .dark-Picker-input.isMobile-picker .dark-Picker-valueWrap,
.dark-Form.row-edit-form.inModal .dark-Picker-input.isMobile-picker .dark-Picker-valueWrap {
height: 22px;
line-height: 22px;
}
form.dark-Form.hasFieldSet .dark-Picker-input.isMobile-picker .dark-Picker-placeholder, form.dark-Form.inModal .dark-Picker-input.isMobile-picker .dark-Picker-placeholder,
.dark-Form.row-edit-form.hasFieldSet .dark-Picker-input.isMobile-picker .dark-Picker-placeholder,
.dark-Form.row-edit-form.inModal .dark-Picker-input.isMobile-picker .dark-Picker-placeholder {
line-height: 1 !important;
}
form.dark-Form.hasFieldSet .text-muted, form.dark-Form.inModal .text-muted,
.dark-Form.row-edit-form.hasFieldSet .text-muted,
.dark-Form.row-edit-form.inModal .text-muted {
color: rgba(0, 0, 0, 0.45);
}
form.dark-Form .dark-Form-item,
.dark-Form.row-edit-form .dark-Form-item {
margin-right: 0;
}
form.dark-Form .dark-Alert,
.dark-Form.row-edit-form .dark-Alert {
margin-left: 8px;
margin-right: 8px;
}
form.dark-Form .dark-Form-item:nth-last-child(1)::before,
.dark-Form.row-edit-form .dark-Form-item:nth-last-child(1)::before {
content: none;
}
}
/**
* Aug -- 组件大小 --start
*/
.dark-Form--format-sm {
font-size: var(--fontSizeSm);
line-height: var(--Form-input-lineHeight-sm);
}
.dark-Form--format-sm .dark-Form-label {
margin-bottom: 2px;
font-size: var(--fontSizeSm);
}
.dark-Form--format-sm .dark-Form-item {
margin-bottom: var(--gap-sm);
}
.dark-Form--format-sm .dark-Form-description {
margin-top: 2px;
}
.dark-Form--format-sm .dark-Form-static {
min-height: var(--Form-input-height-sm);
}
.dark-Form--format-sm .dark-Form-feedback {
margin-top: 2px;
}
.dark-Form--format-xs {
font-size: var(--fontSizeXs);
line-height: var(--Form-input-lineHeight-xs);
}
.dark-Form--format-xs .dark-Form-label {
margin-bottom: 0;
font-size: var(--fontSizeXs);
}
.dark-Form--format-xs .dark-Form-item {
margin-bottom: var(--gap-xs);
}
.dark-Form--format-xs .dark-Form-description {
margin-top: 0;
}
.dark-Form--format-xs .dark-Form-static {
min-height: var(--Form-input-height-xs);
}
.dark-Form--format-xs .dark-Form-feedback {
font-size: var(--fontSizeXs);
margin-top: 0;
}
@media (min-width: 576px) {
.dark-Form--format-xs .dark-Form-item--horizontal > * {
padding-left: 2px;
padding-right: 2px;
}
.dark-Form--format-sm .dark-Form-item--horizontal > * {
padding-left: 4px;
padding-right: 4px;
}
}
/**
* Aug -- 组件大小 --end
*/
.advanced-filter-row {
min-height: 30px;
align-items: center;
}
.advanced-filter-row .dark-Form-item {
margin-bottom: 0px;
}
.advanced-filter-row > .ant-col .ant-select {
width: 100%;
}
.advanced-filter-row > .ant-col .ant-select-selector {
height: 30px;
}
.advanced-filter-row > .ant-col .ant-select-selector .ant-select-selection-item {
line-height: 30px;
}
.advanced-filter-row > .ant-col .condition {
position: relative;
top: 5px;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 3px;
font-size: 12px;
text-align: center;
color: #fff;
cursor: pointer;
user-select: none;
background: #06d6a0;
}
.advanced-filter-row > .ant-col .condition.or {
background: #feb60a;
}
.advanced-filter-row > .ant-col .condition.not {
background: #aaa;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.advanced-filter-row > .ant-col .condition {
top: 0;
}
}
.advanced-filter-row > .ant-col .fa-minus-square-o {
position: relative;
top: 3px;
font-size: 16px;
cursor: pointer;
}
.advanced-filter-row > .ant-col .fa-minus-square-o.not {
color: #ccc;
}
.advanced-filter-row > .ant-col > .dark-Select {
display: flex;
}
.advanced-filter-row > .ant-col .dark-Form-item,
.advanced-filter-row > .ant-col .dark-Form-value,
.advanced-filter-row > .ant-col .dark-Form-control {
width: 100%;
}
.advanced-filter-row > .ant-col .double {
display: flex;
}
.advanced-filter-row > .ant-col .double .dark-Form-item:last-child {
margin-right: 0;
}
.dark-AnchorNav {
display: flex;
height: 25rem;
}
.dark-AnchorNav--vertical .dark-AnchorNav-link-wrap {
margin: 0;
padding: 0;
width: var(--Tabs--vertical-width);
border-right: var(--AnchorNav-links-container-borderRight);
padding-bottom: 3.75rem;
}
.dark-AnchorNav--vertical .dark-AnchorNav-link-wrap > .dark-AnchorNav-link {
position: relative;
display: block;
}
.dark-AnchorNav--vertical .dark-AnchorNav-link-wrap > .dark-AnchorNav-link > a {
display: block;
border: var(--Tabs-borderWidth) solid transparent;
border-width: var(--AnchorNav-onActive-borderWidth);
color: var(--Tabs-color);
padding: var(--Tabs-linkPadding);
font-size: var(--Tabs-linkFontSize);
outline: none;
text-align: right;
text-decoration: none;
cursor: pointer;
margin: 0;
}
.dark-AnchorNav--vertical .dark-AnchorNav-link-wrap > .dark-AnchorNav-link > a:hover {
color: var(--primary);
}
.dark-AnchorNav--vertical .dark-AnchorNav-link-wrap > .dark-AnchorNav-link.is-active > a,
.dark-AnchorNav--vertical .dark-AnchorNav-link-wrap > .dark-AnchorNav-link.is-active > a:hover {
color: var(--Tabs--vertical-onActive-color);
border-color: var(--Tabs--vertical-onActive-border);
}
.dark-AnchorNav--horizontal {
flex-direction: column;
}
.dark-AnchorNav--horizontal .dark-AnchorNav-link-wrap {
user-select: none;
margin: 0px;
padding: 0px;
border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
list-style: none;
}
.dark-AnchorNav--horizontal .dark-AnchorNav-link-wrap > .dark-AnchorNav-link {
margin-bottom: calc(var(--Tabs-borderWidth) * -1);
display: inline-block;
position: relative;
}
.dark-AnchorNav--horizontal .dark-AnchorNav-link-wrap > .dark-AnchorNav-link > a:first-child {
font-size: var(--Tabs-linkFontSize);
outline: 0;
border: var(--Tabs-borderWidth) solid transparent;
border-width: 0 0 var(--Tabs--line-borderWidth) 0;
border-top-left-radius: var(--Tabs-borderRadius);
border-top-right-radius: var(--Tabs-borderRadius);
color: var(--Tabs-color);
margin: var(--Tabs-linkMargin);
padding: var(--Tabs-linkPadding);
text-decoration: none;
cursor: pointer;
display: block;
}
.dark-AnchorNav--horizontal .dark-AnchorNav-link-wrap > .dark-AnchorNav-link > a:first-child:hover, .dark-AnchorNav--horizontal .dark-AnchorNav-link-wrap > .dark-AnchorNav-link > a:first-child:focus {
color: var(--primary);
background: transparent;
border-color: transparent;
}
.dark-AnchorNav--horizontal .dark-AnchorNav-link-wrap > .dark-AnchorNav-link:last-child > a {
margin: 0;
}
.dark-AnchorNav--horizontal .dark-AnchorNav-link-wrap > .dark-AnchorNav-link.is-active > a:first-child,
.dark-AnchorNav--horizontal .dark-AnchorNav-link-wrap > .dark-AnchorNav-link.is-active > a:first-child:hover,
.dark-AnchorNav--horizontal .dark-AnchorNav-link-wrap > .dark-AnchorNav-link.is-active > a:first-child:focus {
font-size: var(--Tabs-linkFontSize);
border-width: 0 0 var(--Tabs--line-borderWidth) 0;
border-color: var(--Tabs--line-onHover-borderColor);
color: var(--Tabs--line-onHover-color);
background: transparent;
}
.dark-AnchorNav-section-wrap {
border: none;
flex-grow: 1;
overflow: auto;
scroll-behavior: smooth;
background: var(--Tabs-content-bg);
}
.dark-AnchorNav-section-wrap > .dark-AnchorNav-section {
display: block;
padding: var(--gap-base);
}
.dark-Markdown strong {
font-weight: bolder;
}
.dark-Markdown img {
border-style: none;
}
.dark-Markdown svg:not(:root) {
overflow: hidden;
}
.dark-Markdown button:-moz-focusring,
.dark-Markdown [type=button]:-moz-focusring,
.dark-Markdown [type=reset]:-moz-focusring,
.dark-Markdown [type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.dark-Markdown [type=checkbox] {
box-sizing: border-box;
padding: 0;
}
.dark-Markdown table {
border-spacing: 0;
border-collapse: collapse;
}
.dark-Markdown table td,
.dark-Markdown table th {
padding: 0;
}
.dark-Markdown hr {
height: 0;
margin: 15px 0;
overflow: hidden;
background: transparent;
border: 0;
border-bottom: 1px solid #ddd;
}
.dark-Markdown hr::before {
display: table;
content: "";
}
.dark-Markdown hr::after {
display: table;
clear: both;
content: "";
}
.dark-Markdown p {
margin-top: 0;
margin-bottom: 10px;
}
.dark-Markdown blockquote {
margin: 0;
}
.dark-Markdown ul,
.dark-Markdown ol {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}
.dark-Markdown ol ol,
.dark-Markdown ul ol {
list-style-type: lower-roman;
}
.dark-Markdown ul ul ol,
.dark-Markdown ul ol ol,
.dark-Markdown ol ul ol,
.dark-Markdown ol ol ol {
list-style-type: lower-alpha;
}
.dark-Markdown dd {
margin-left: 0;
}
.dark-Markdown p,
.dark-Markdown blockquote,
.dark-Markdown ul,
.dark-Markdown ol,
.dark-Markdown dl,
.dark-Markdown table,
.dark-Markdown pre {
margin-top: 0;
margin-bottom: 16px;
}
.dark-Markdown hr {
height: 4px;
padding: 0;
margin: 16px 0;
background-color: #e7e7e7;
border: 0 none;
}
.dark-Markdown ul:not(.dropdown-menu):not(.nav),
.dark-Markdown ol {
padding-left: 2em;
}
.dark-Markdown ul ul,
.dark-Markdown ul ol,
.dark-Markdown ol ol,
.dark-Markdown ol ul {
margin-top: 0;
margin-bottom: 0;
}
.dark-Markdown li > p {
margin-top: 16px;
}
.dark-Markdown dl {
padding: 0;
}
.dark-Markdown dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: bold;
}
.dark-Markdown dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.dark-Markdown blockquote {
padding: 0 15px;
color: #777;
border-left: 4px solid #ddd;
}
.dark-Markdown blockquote > :first-child {
margin-top: 0;
}
.dark-Markdown blockquote > :last-child {
margin-bottom: 0;
}
.dark-Markdown table {
display: block;
width: 100%;
overflow: auto;
word-break: normal;
}
.dark-Markdown table th {
font-weight: bold;
}
.dark-Markdown table th,
.dark-Markdown table td {
padding: 6px 13px;
border: 1px solid #ddd;
}
.dark-Markdown table tr {
background-color: #fff;
border-top: 1px solid #ccc;
}
.dark-Markdown table tr:nth-child(2n) {
background-color: #f8f8f8;
}
@media (min-width: 1200px) {
.dark-Markdown img {
max-width: 800px;
}
}
.dark-Markdown code {
padding: 0;
padding-top: 0.2em;
padding-bottom: 0.2em;
margin: 0;
background-color: rgba(0, 0, 0, 0.04);
border-radius: 3px;
}
.dark-Markdown code:before,
.dark-Markdown code:after {
letter-spacing: -0.2em;
content: " ";
}
.dark-Markdown pre > code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.dark-Markdown .highlight {
margin-bottom: 16px;
}
.dark-Markdown .highlight pre,
.dark-Markdown pre {
padding: 16px;
overflow: auto;
line-height: 1.45;
background-color: #f7f7f7;
border-radius: 3px;
}
.dark-Markdown .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.dark-Markdown pre {
word-wrap: normal;
}
.dark-Markdown pre code {
display: inline;
max-width: initial;
padding: 0;
margin: 0;
overflow: initial;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.dark-Markdown pre code:before,
.dark-Markdown pre code:after {
content: normal;
}
.dark-Markdown kbd {
display: inline-block;
padding: 3px 5px;
line-height: 10px;
color: #555;
vertical-align: middle;
background-color: #fcfcfc;
border: solid 1px #ccc;
border-bottom-color: #bbb;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #bbb;
}
.dark-Markdown hr {
border-bottom-color: #eee;
}
.dark-Link.is-disabled {
cursor: not-allowed;
color: var(--text--muted-color);
}
.dark-Mapping {
display: inline-block;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle;
}
.dark-MappingField {
overflow-x: hidden;
overflow-y: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-right: var(--gap-xs);
display: block;
}
.dark-MappingField:last-child {
margin-right: 0;
}
.dark-FormulaEditor {
overflow: visible;
max-width: 100%;
box-sizing: content-box;
/* 变量列表 */
/* 函数列表 */
}
.dark-FormulaEditor-content {
border-radius: var(--borderRadius);
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
}
.dark-FormulaEditor-header {
width: 100%;
height: 1.875rem;
line-height: 1.875rem;
padding: 0 0.625rem;
box-sizing: border-box;
background: var(--InputFormula-header-bgColor);
border-radius: var(--borderRadius) var(--borderRadius) 0 0;
border-bottom: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
font-weight: 500;
}
.dark-FormulaEditor-editor {
height: 12.5rem;
padding: 0.3125rem;
min-height: 14.875rem;
max-height: 20rem;
padding-right: 0;
}
.dark-FormulaEditor-editor::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.dark-FormulaEditor-editor::-webkit-scrollbar-thumb {
border-radius: 3px;
background: rgba(0, 0, 0, 0.3);
}
.dark-FormulaEditor-editor .CodeMirror {
width: 100%;
height: 100%;
}
.dark-FormulaEditor.is-error .dark-FormulaEditor-editor {
border-color: var(--Form-input-onError-borderColor);
}
.dark-FormulaEditor.is-focused .dark-FormulaEditor-editor {
border-color: var(--Form-input-onFocused-borderColor);
}
.dark-FormulaEditor-settings {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
justify-content: space-between;
height: 15.625rem;
margin-top: 0.625rem;
}
.dark-FormulaEditor-panel {
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
align-items: stretch;
height: 15.625rem;
width: 13.75rem;
border-radius: var(--borderRadius);
border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
}
.dark-FormulaEditor-panel:not(:last-child) {
margin-right: 0.625rem;
}
.dark-FormulaEditor-panel:last-child {
flex: 1;
}
.dark-FormulaEditor-panel-header {
width: 100%;
height: 1.875rem;
line-height: 1.875rem;
padding: 0 0.625rem;
box-sizing: border-box;
background: var(--InputFormula-header-bgColor);
border-radius: var(--borderRadius) var(--borderRadius) 0 0;
border-bottom: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
font-weight: 500;
}
.dark-FormulaEditor-panel-body {
flex: 1;
display: flex;
flex-flow: column nowrap;
max-height: 13.75rem;
}
.dark-FormulaEditor-VariableList-root {
max-height: 13.75rem;
}
.dark-FormulaEditor-VariableList-root.is-scrollable {
overflow-x: hidden;
overflow-y: auto;
}
.dark-FormulaEditor-VariableList-root.is-scrollable::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.dark-FormulaEditor-VariableList-root.is-scrollable::-webkit-scrollbar-thumb {
border-radius: 3px;
background: rgba(0, 0, 0, 0.3);
}
.dark-FormulaEditor-VariableList-base {
--Form-input-fontSize: var(--fontSizeSm);
max-width: inherit;
overflow: hidden;
}
.dark-FormulaEditor-VariableList-tabs {
--Tabs-linkFontSize: var(--fontSizeSm);
--Tabs--card-linkPadding: 0.3125rem;
max-height: 13.75rem;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
}
.dark-FormulaEditor-VariableList-tabs > ul {
border-top: none;
}
.dark-FormulaEditor-VariableList-tabs > div {
overflow-x: hidden;
overflow-y: auto;
flex: 1;
border-radius: var(--borderRadius);
}
.dark-FormulaEditor-VariableList-tabs > div::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.dark-FormulaEditor-VariableList-tabs > div::-webkit-scrollbar-thumb {
border-radius: 3px;
background: rgba(0, 0, 0, 0.3);
}
.dark-FormulaEditor-VariableList-tab {
padding: 0;
}
.dark-FormulaEditor-VariableList-item {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
white-space: nowrap;
}
.dark-FormulaEditor-VariableList-item > label {
white-space: nowrap;
}
.dark-FormulaEditor-VariableList-item-tag {
vertical-align: middle;
text-align: center;
padding: 0 0.5rem;
line-height: 17px;
border-radius: var(--borderRadius);
background: #f5f5f5;
color: var(--black);
}
.dark-FormulaEditor-FuncList {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: stretch;
flex: 1;
}
.dark-FormulaEditor-FuncList:not(:last-child) {
margin-right: 0.625rem;
}
.dark-FormulaEditor-FuncList-searchBox {
display: flex;
width: auto;
flex-shrink: 0;
padding: 0.5rem;
}
.dark-FormulaEditor-FuncList-searchBox > div {
flex: 1;
font-size: var(--fontSizeSm);
height: var(--gap-xl);
}
.dark-FormulaEditor-FuncList-body {
flex: 1;
overflow-x: hidden;
overflow-y: auto;
}
.dark-FormulaEditor-FuncList-body::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.dark-FormulaEditor-FuncList-body::-webkit-scrollbar-thumb {
border-radius: 3px;
background: rgba(0, 0, 0, 0.3);
}
.dark-FormulaEditor-FuncList-collapseGroup .dark-FormulaEditor-FuncList-collapse {
border: none;
}
.dark-FormulaEditor-FuncList-collapseGroup .dark-FormulaEditor-FuncList-collapse .dark-FormulaEditor-FuncList-expandIcon {
font-size: var(--fontSizeSm);
line-height: var(--fontSizeXl);
transform-origin: 0.4375rem 0.5625rem;
transition: transform 0.2s;
}
.dark-FormulaEditor-FuncList-groupTitle {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: unset;
padding: 0.3125rem 0.625rem;
background: transparent;
font-size: var(--fontSizeSm);
font-weight: bold;
}
.dark-FormulaEditor-FuncList-groupBody > div {
padding: 5px 0;
}
.dark-FormulaEditor-FuncList-item {
cursor: pointer;
padding: 0 var(--gap-lg);
height: var(--gap-xl);
line-height: var(--gap-xl);
}
.dark-FormulaEditor-FuncList-item.is-active {
background: var(--Tree-item-onHover-bg);
}
.dark-FormulaEditor-FuncList-doc {
display: flex;
flex-flow: column nowrap;
padding: 0.625rem;
max-height: 12.5rem;
}
.dark-FormulaEditor-FuncList-doc pre {
white-space: pre-wrap;
word-wrap: break-word;
background: var(--InputFormula-code-bgColor);
padding: 0.3125rem 0.625rem;
border-radius: var(--borderRadius);
margin-top: 0;
}
.dark-FormulaEditor-FuncList-doc pre code {
color: #2468f2;
}
.dark-FormulaEditor-FuncList-doc-desc {
color: var(--text--loud-color);
overflow-x: hidden;
overflow-y: auto;
flex: 1;
}
.dark-FormulaEditor-FuncList-doc-desc::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.dark-FormulaEditor-FuncList-doc-desc::-webkit-scrollbar-thumb {
border-radius: 3px;
background: rgba(0, 0, 0, 0.3);
}
.dark-FormulaEditor .cm-field,
.dark-FormulaEditor .cm-func {
border-radius: 3px;
color: #fff;
margin: 0 1px;
padding: 0 2px;
}
.dark-FormulaEditor .cm-field {
padding: 3px 5px;
}
.dark-FormulaEditor .cm-field {
background: #007bff;
}
.dark-FormulaEditor .cm-func {
color: #ae4597;
font-weight: bold;
line-height: 14px;
}
.dark-FormulaPicker {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.dark-FormulaPicker-input {
flex: 1;
margin-right: 0.625rem;
}
.dark-FormulaPicker-action {
display: flex;
justify-content: center;
align-items: center;
}
.dark-FormulaPicker-icon {
top: 0 !important;
font-size: var(--InputFormula-icon-size);
}
.dark-FormulaPicker-icon:not(:last-child) {
margin-right: var(--fontSizeSm);
}
.dark-FormulaPicker-icon.is-filled {
fill: var(--InputFormula-icon-color-onActive);
color: var(--InputFormula-icon-color-onActive);
}
.dark-Timeline {
min-height: 50px;
}
.dark-Timeline-vertical {
display: flex;
flex-flow: column;
min-height: 60px;
height: 100%;
}
.dark-Timeline-vertical .dark-TimelineItem {
display: flex;
flex: 1;
flex-direction: row;
}
.dark-Timeline-vertical .dark-TimelineItem:last-of-type .dark-TimelineItem-axle .dark-TimelineItem-line {
display: none;
}
.dark-Timeline-vertical .dark-TimelineItem-axle {
position: relative;
flex: var(--TimelineItem--axle-flex);
}
.dark-Timeline-vertical .dark-TimelineItem-axle .dark-TimelineItem-line {
position: absolute;
height: calc(100% - var(--TimelineItem--left-line-top));
width: var(--TimelineItem--left-line-width);
left: var(--TimelineItem--left-line-left);
top: var(--TimelineItem--left-line-top);
background-image: linear-gradient(var(--TimelineItem--line-bg) 50%, rgba(255, 255, 255, 0) 0%);
/* 35%设置虚线点y轴上的长度 */
background-position: left;
/* right配置右边框位置的虚线 */
background-size: 1px 8px;
/* 第一个参数设置虚线点x轴上的长度；第二个参数设置虚线点的间距 */
background-repeat: repeat-y;
}
.dark-Timeline-vertical .dark-TimelineItem-axle .dark-TimelineItem-line--danger {
background-image: linear-gradient(var(--Timeline--danger-bg) 50%, rgba(255, 255, 255, 0) 0%);
/* 35%设置虚线点x轴上的长度 */
}
.dark-Timeline-vertical .dark-TimelineItem-axle .dark-TimelineItem-line--info {
background-image: linear-gradient(var(--Timeline--info-bg) 50%, rgba(255, 255, 255, 0) 0%);
/* 35%设置虚线点x轴上的长度 */
}
.dark-Timeline-vertical .dark-TimelineItem-axle .dark-TimelineItem-line--success {
background-image: linear-gradient(var(--Timeline--success-bg) 50%, rgba(255, 255, 255, 0) 0%);
/* 35%设置虚线点x轴上的长度 */
}
.dark-Timeline-vertical .dark-TimelineItem-axle .dark-TimelineItem-line--warning {
background-image: linear-gradient(var(--Timeline--warning-bg) 50%, rgba(255, 255, 255, 0) 0%);
/* 35%设置虚线点x轴上的长度 */
}
.dark-Timeline-vertical .dark-TimelineItem-axle .dark-TimelineItem-round {
position: absolute;
width: var(--TimelineItem--round-width);
height: var(--TimelineItem--round-height);
left: var(--TimelineItem--round-left);
top: var(--TimelineItem--round-top);
background: var(--TimelineItem-round-bg);
border-radius: var(--TimelineItem--round-radius);
}
.dark-Timeline-vertical .dark-TimelineItem-axle .dark-TimelineItem-round--danger {
background: var(--Timeline--danger-bg);
}
.dark-Timeline-vertical .dark-TimelineItem-axle .dark-TimelineItem-round--info {
background: var(--Timeline--info-bg);
}
.dark-Timeline-vertical .dark-TimelineItem-axle .dark-TimelineItem-round--success {
background: var(--Timeline--success-bg);
}
.dark-Timeline-vertical .dark-TimelineItem-axle .dark-TimelineItem-round--warning {
background: var(--Timeline--warning-bg);
}
.dark-Timeline-vertical .dark-TimelineItem-axle .dark-TimelineItem-icon {
position: absolute;
left: var(--TimelineItem--icon-left);
border-radius: var(--TimelineItem--icon-radius);
}
.dark-Timeline-vertical .dark-TimelineItem-axle .dark-TimelineItem-icon .icon {
width: var(--TimelineItem--icon-width);
height: var(--TimelineItem--icon-height);
}
.dark-Timeline-vertical .dark-TimelineItem-content {
padding-bottom: var(--TimelineItem--content-padding-bottom);
margin-left: var(--TimelineItem--content-margin-left);
}
.dark-Timeline-vertical .dark-TimelineItem-content .dark-TimelineItem-time {
display: inline-block;
color: var(--TimelineItem--text-secondary-color);
font-size: 13px;
margin-bottom: var(--TimelineItem--content-time-margin-bottom);
}
.dark-Timeline-vertical .dark-TimelineItem-content .dark-TimelineItem-title {
display: inline-block;
margin-right: 8px;
color: var(--TimelineItem--text-primary-color);
font-size: 14px;
margin-bottom: var(--TimelineItem--content-title-margin-bottom);
font-weight: 500;
}
.dark-Timeline-vertical .dark-TimelineItem-content .dark-TimelineItem-title:empty {
display: none;
}
.dark-Timeline-vertical .dark-TimelineItem-content .dark-TimelineItem-detail-text {
max-width: 100%;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
font-size: 12px;
color: var(--TimelineItem-detail-visible-text);
}
.dark-Timeline-vertical .dark-TimelineItem-content .dark-TimelineItem-detail-text.visible {
-webkit-line-clamp: unset;
}
.dark-Timeline-vertical .dark-TimelineItem-content .dark-TimelineItem-detail .dark-TimelineItem-detail-button {
display: flex;
cursor: pointer;
align-items: center;
font-size: 14px;
color: var(--TimelineItem--detail-button-color);
margin-bottom: var(--TimelineItem--detail-button-margin-bottom);
}
.dark-Timeline-vertical .dark-TimelineItem-content .dark-TimelineItem-detail .dark-TimelineItem-detail-arrow {
width: var(--TimelineItem-detail-arrow-width);
height: var(--TimelineItem-detail-arrow-width);
}
.dark-Timeline-vertical .dark-TimelineItem-content .dark-TimelineItem-detail .dark-TimelineItem-detail-arrow-top {
transform: rotateX(180deg);
}
.dark-Timeline-vertical .dark-TimelineItem-content .dark-TimelineItem-detail .dark-TimelineItem-detail-visible {
display: block;
width: fit-content;
font-size: 12px;
padding: var(--TimelineItem-detail-visible-padding);
border: 1px solid var(--TimelineItem-detail-visible-border);
color: var(--TimelineItem-detail-visible-text);
}
.dark-Timeline-vertical .dark-TimelineItem-content .dark-TimelineItem-detail .dark-TimelineItem-detail-invisible {
display: none;
}
.dark-Timeline-vertical.dark-Timeline-left .dark-TimelineItem {
flex-direction: row-reverse;
}
.dark-Timeline-vertical.dark-Timeline-alternate .dark-TimelineItem:nth-child(odd) {
flex-direction: row-reverse;
max-width: 50%;
}
.dark-Timeline-vertical.dark-Timeline-alternate .dark-TimelineItem:nth-child(even) {
margin-left: calc(50% - var(--Timeline-alternate-margin-left));
max-width: calc(50% + var(--Timeline-alternate-margin-left));
}
.dark-Timeline-horizontal {
display: block;
justify-content: flex-start;
overflow-x: auto;
white-space: nowrap;
}
.dark-Timeline-horizontal .dark-TimelineItem {
display: inline-flex;
width: 150px;
flex-flow: column;
}
.dark-Timeline-horizontal .dark-TimelineItem:last-of-type .dark-TimelineItem-axle .dark-TimelineItem-line {
display: none;
}
.dark-Timeline-horizontal .dark-TimelineItem-axle {
position: relative;
flex: var(--TimelineItem--axle-flex);
display: flex;
align-items: center;
}
.dark-Timeline-horizontal .dark-TimelineItem-axle .dark-TimelineItem-line {
position: absolute;
height: var(--TimelineItem--left-line-width);
width: calc(100% - var(--TimelineItem--left-line-left));
left: var(--TimelineItem--left-line-top);
top: var(--TimelineItem--left-line-left);
background-image: linear-gradient(to right, var(--TimelineItem--line-bg) 50%, rgba(255, 255, 255, 0) 0%);
/* 35%设置虚线点x轴上的长度 */
background-position: bottom;
/* top配置上边框位置的虚线 */
background-size: 8px 1px;
/* 第一个参数设置虚线点的间距；第二个参数设置虚线点y轴上的长度 */
background-repeat: repeat-x;
}
.dark-Timeline-horizontal .dark-TimelineItem-axle .dark-TimelineItem-line--danger {
background-image: linear-gradient(to right, var(--Timeline--danger-bg) 50%, rgba(255, 255, 255, 0) 0%);
/* 35%设置虚线点x轴上的长度 */
}
.dark-Timeline-horizontal .dark-TimelineItem-axle .dark-TimelineItem-line--info {
background-image: linear-gradient(to right, var(--Timeline--info-bg) 50%, rgba(255, 255, 255, 0) 0%);
/* 35%设置虚线点x轴上的长度 */
}
.dark-Timeline-horizontal .dark-TimelineItem-axle .dark-TimelineItem-line--success {
background-image: linear-gradient(to right, var(--Timeline--success-bg) 50%, rgba(255, 255, 255, 0) 0%);
/* 35%设置虚线点x轴上的长度 */
}
.dark-Timeline-horizontal .dark-TimelineItem-axle .dark-TimelineItem-line--warning {
background-image: linear-gradient(to right, var(--Timeline--warning-bg) 50%, rgba(255, 255, 255, 0) 0%);
/* 35%设置虚线点x轴上的长度 */
}
.dark-Timeline-horizontal .dark-TimelineItem-axle .dark-TimelineItem-round {
position: absolute;
width: var(--TimelineItem--round-width);
height: var(--TimelineItem--round-height);
left: var(--TimelineItem--round-top);
top: var(--TimelineItem--round-left);
background: var(--TimelineItem-round-bg);
border-radius: var(--TimelineItem--round-radius);
}
.dark-Timeline-horizontal .dark-TimelineItem-axle .dark-TimelineItem-round--danger {
background: var(--Timeline--danger-bg);
}
.dark-Timeline-horizontal .dark-TimelineItem-axle .dark-TimelineItem-round--info {
background: var(--Timeline--info-bg);
}
.dark-Timeline-horizontal .dark-TimelineItem-axle .dark-TimelineItem-round--success {
background: var(--Timeline--success-bg);
}
.dark-Timeline-horizontal .dark-TimelineItem-axle .dark-TimelineItem-round--warning {
background: var(--Timeline--warning-bg);
}
.dark-Timeline-horizontal .dark-TimelineItem-axle .dark-TimelineItem-icon {
position: absolute;
left: var(--TimelineItem--icon-left);
border-radius: var(--TimelineItem--icon-radius);
}
.dark-Timeline-horizontal .dark-TimelineItem-axle .dark-TimelineItem-icon .icon {
top: calc(var(--TimelineItem--icon-height) / 4);
width: var(--TimelineItem--icon-width);
height: var(--TimelineItem--icon-height);
}
.dark-Timeline-horizontal .dark-TimelineItem-content {
padding-bottom: var(--TimelineItem--content-padding-bottom);
margin-left: var(--TimelineItem--content-margin-left);
}
.dark-Timeline-horizontal .dark-TimelineItem-content .dark-TimelineItem-time {
color: var(--TimelineItem--text-secondary-color);
font-size: 13px;
margin-bottom: var(--TimelineItem--content-time-margin-bottom);
}
.dark-Timeline-horizontal .dark-TimelineItem-content .dark-TimelineItem-title {
margin-bottom: var(--TimelineItem--content-title-margin-bottom);
height: 20px;
color: var(--TimelineItem--text-primary-color);
font-size: 14px;
font-weight: 500;
}
.dark-Timeline-horizontal .dark-TimelineItem-content .dark-TimelineItem-detail-text {
max-width: 100%;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
font-size: 12px;
color: var(--TimelineItem-detail-visible-text);
white-space: normal;
}
.dark-Timeline-horizontal .dark-TimelineItem-content .dark-TimelineItem-detail-text.visible {
-webkit-line-clamp: unset;
}
.dark-Timeline-horizontal .dark-TimelineItem-content .dark-TimelineItem-detail .dark-TimelineItem-detail-button {
display: flex;
cursor: pointer;
align-items: center;
font-size: 14px;
color: var(--TimelineItem--detail-button-color);
margin-bottom: var(--TimelineItem--detail-button-margin-bottom);
}
.dark-Timeline-horizontal .dark-TimelineItem-content .dark-TimelineItem-detail .dark-TimelineItem-detail-arrow {
width: var(--TimelineItem-detail-arrow-width);
height: var(--TimelineItem-detail-arrow-width);
}
.dark-Timeline-horizontal .dark-TimelineItem-content .dark-TimelineItem-detail .dark-TimelineItem-detail-arrow-top {
transform: rotateX(180deg);
}
.dark-Timeline-horizontal .dark-TimelineItem-content .dark-TimelineItem-detail .dark-TimelineItem-detail-visible {
display: block;
width: fit-content;
max-width: var(--TimelineItem-detail-visible-max-width);
font-size: 12px;
padding: var(--TimelineItem-detail-visible-padding);
border: 1px solid var(--TimelineItem-detail-visible-border);
color: var(--TimelineItem-detail-visible-text);
white-space: pre-wrap;
}
.dark-Timeline-horizontal .dark-TimelineItem-content .dark-TimelineItem-detail .dark-TimelineItem-detail-invisible {
display: none;
}
.dark-Timeline-horizontal.dark-Timeline-left .dark-TimelineItem {
flex-direction: row-reverse;
}
.dark-Timeline-horizontal.dark-Timeline-alternate .dark-TimelineItem:nth-child(odd) {
flex-direction: row-reverse;
max-width: 50%;
}
.dark-Timeline-horizontal.dark-Timeline-alternate .dark-TimelineItem:nth-child(even) {
margin-left: calc(50% - var(--Timeline-alternate-margin-left));
max-width: calc(50% + var(--Timeline-alternate-margin-left));
}
.dark-Timeline--mobile .dark-TimelineItem-content .dark-TimelineItem-title {
font-size: 15px;
}
.dark-Timeline--mobile .dark-TimelineItem-content .dark-TimelineItem-detail-text {
font-size: 13px;
}
.dark-Timeline--mobile .dark-TimelineItem-content .dark-TimelineItem-detail-visible {
font-size: 13px;
}
.dark-Timeline--mobile .dark-TimelineItem-content .dark-TimelineItem-time {
font-size: 14px;
}
.dark-Tips-Container {
position: relative;
background-color: var(--saas-crud-title-from-color);
font-size: var(--fontSizeSm);
padding: 8px;
width: 100%;
border-bottom: 1px solid var(--saas-border-color);
}
.dark-Tips-Container .more {
opacity: 0.3;
}
.dark-Tips-Container .more:hover {
opacity: 1;
}
.dark-Tips-Container .tool-bars {
z-index: 1;
width: min(120px, 25%);
display: flex;
align-items: center;
justify-content: space-around;
position: absolute;
top: 5px;
right: 6px;
}
.dark-Tips-Container .tool-bars a {
color: var(--saas-font-size-deep-black);
}
.dark-Tips-Container .tool-bars a:hover {
color: var(--saas-font-size-black);
}
.tips-modal .ant-btn-block {
width: unset;
}
.tips-modal .ant-btn-block:last-of-type {
border-left: 1px solid var(--saas-border-color);
}
.dark-Container {
white-space: nowrap;
}
.dark-Container.scroll-hidden {
overflow: hidden;
}
.dark-Container-body .dark-Button--link {
padding-left: 0;
}
.dark-Container-body div:first-child .dark-Alert {
border-bottom: 1px solid var(--borderColor);
}
.dark-Container.container-absolute-top {
background: var(--saas-main-bg);
}
.dark-Container.container-absolute-bottom {
background: var(--saas-main-bg);
}
.dark-Container.container-flex {
height: 100%;
}
.dark-Container.container-flex > .dark-Container-body {
display: flex;
flex-direction: column;
height: 100%;
}
.dark-Container.container-flex > .dark-Container-body .container-flex-grow {
flex: 1;
overflow-y: hidden;
}
.dark-Container.container-flex > .dark-Container-body .container-flex-grow > .dark-Container-body {
height: 100%;
overflow-y: auto;
display: flex;
flex-direction: column;
}
.dark-Container.container-flex > .dark-Container-body .container-flex-grow > .dark-Container-body .container-h-full {
flex: 1;
}
.dark-Container.container-flex > .dark-Container-body .container-flex-grow > .dark-Container-body .container-h-full > .dark-Container-body {
height: 100%;
}
.dark-Container.container-flex > .dark-Container-body .container-flex-grow > .dark-Container-body .container-h-full > .dark-Container-body .dark-Distance {
height: 100% !important;
}
/**
* Debug 模块的 UI，由于没法使用任何主题，所以这里使用独立配色风格
*/
.AMISDebug {
position: fixed;
z-index: 4000;
top: 0;
right: 0;
height: 100vh;
width: 24px;
display: none;
}
.AMISDebug h3 {
color: inherit;
}
.AMISDebug .primary {
color: #009fff;
}
.AMISDebug-header {
padding: var(--Drawer-header-padding);
background: var(--Drawer-header-bg);
border-bottom: var(--Drawer-content-borderWidth) solid var(--Drawer-header-borderColor);
}
.AMISDebug-hoverBox {
pointer-events: none;
position: absolute;
outline: 1px dashed #1c76c4;
}
.AMISDebug-activeBox {
pointer-events: none;
position: absolute;
outline: 1px #1c76c4;
}
.AMISDebug-tab {
overflow: hidden;
}
.AMISDebug-tab > button {
color: inherit;
background: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: var(--gap-sm) var(--gap-md);
transition: 0.3s;
border-bottom: 1px solid transparent;
}
.AMISDebug-tab > button:hover {
color: #e7e7e7;
}
.AMISDebug-tab > button.active {
color: #e7e7e7;
border-bottom-color: #e7e7e7;
}
.AMISDebug-toggle {
background: var(--body-bg);
position: fixed;
top: 50%;
right: 0;
width: 24px;
height: 48px;
box-shadow: rgba(0, 0, 0, 0.24) -2px 0px 4px 0px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
padding-top: 14px;
padding-left: 6px;
cursor: pointer;
}
.AMISDebug-toggle i {
color: var(--text-color);
}
.AMISDebug-toggle:hover i {
color: var(--primary);
}
.AMISDebug-content {
display: none;
}
.AMISDebug-resize {
position: absolute;
width: 4px;
top: 0;
left: 0;
bottom: 0;
cursor: col-resize;
}
.AMISDebug-resize:hover {
background: #75715e;
}
.AMISDebug-changePosition {
position: absolute;
font-size: 18px;
right: 40px;
top: var(--gap-sm);
cursor: pointer;
}
.AMISDebug-close {
position: absolute;
font-size: 18px;
right: var(--gap-sm);
top: var(--gap-sm);
cursor: pointer;
}
.AMISDebug.is-expanded {
width: 420px;
overflow: auto;
background: #272821;
color: #cccccc;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.AMISDebug.is-expanded .AMISDebug-toggle {
display: none;
}
.AMISDebug.is-expanded .AMISDebug-content {
display: block;
}
.AMISDebug.is-left {
left: 0;
}
.AMISDebug.is-left .AMISDebug-resize {
left: unset;
right: 0;
}
.AMISDebug-log {
padding: var(--gap-sm);
}
.AMISDebug-log button {
cursor: pointer;
background: #0e639c;
flex-grow: 1;
box-sizing: border-box;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 6px 11px;
outline: none;
text-decoration: none;
color: inherit;
max-width: 300px;
border: none;
}
.AMISDebug-log button:hover {
background: #1177bb;
}
.AMISDebug-inspect {
padding: var(--gap-sm);
}
/*
* utilities
*/
.bg-light {
background-color: #3a3a3a;
color: #f3f1f1;
}
.bg-light.lt, .bg-light .lt {
background: #3f3f3f;
}
.bg-light.lter, .bg-light .lter {
background: #424242;
}
.bg-light.dk, .bg-light .dk {
background: #343131;
}
.bg-light.dker, .bg-light .dker {
background: #302b2b;
}
.bg-light.bg, .bg-light .bg {
background-color: #3a3a3a;
}
.bg-dark {
background-color: #1e1f22;
color: var(--saas-Title-Text);
}
.bg-dark.lt, .bg-dark .lt {
background: #2b2c2e;
}
.bg-dark.lter, .bg-dark .lter {
background: #39393a;
}
.bg-dark.dk, .bg-dark .dk {
background: #121215;
}
.bg-dark.dker, .bg-dark .dker {
background: #060607;
}
.bg-dark.bg, .bg-dark .bg {
background-color: #1e1f22;
}
.bg-dark a, .bg-dark .dark-Button--link {
color: var(--saas-Title-Text);
}
.bg-dark a:hover, .bg-dark .dark-Button--link:hover {
color: #fff;
}
.bg-dark .open > a, .bg-dark .open > a:hover, .bg-dark .open > a:focus {
color: #fff;
}
.bg-dark .text-muted {
color: #dbd6d6 !important;
}
.bg-dark .text-lt {
color: white !important;
}
.bg-black {
background-color: #141316;
color: var(--saas-Title-Text);
}
.bg-black.lt, .bg-black .lt {
background: #212023;
}
.bg-black.lter, .bg-black .lter {
background: #2e2d2f;
}
.bg-black.dk, .bg-black .dk {
background: #070709;
}
.bg-black.dker, .bg-black .dker {
background: black;
}
.bg-black.bg, .bg-black .bg {
background-color: #141316;
}
.bg-black a, .bg-black .dark-Button--link {
color: var(--saas-Title-Text);
}
.bg-black a:hover, .bg-black .dark-Button--link:hover {
color: #fff;
}
.bg-black .open > a, .bg-black .open > a:hover, .bg-black .open > a:focus {
color: #fff;
}
.bg-black .text-muted {
color: #dbd6d6 !important;
}
.bg-black .text-lt {
color: white !important;
}
.bg-primary {
background-color: #0983ff;
color: var(--saas-Title-Text);
color: var(--saas-Title-Text);
}
.bg-primary.lt, .bg-primary .lt {
background: #2590fc;
}
.bg-primary.lter, .bg-primary .lter {
background: #419dfa;
}
.bg-primary.dk, .bg-primary .dk {
background: #0076ef;
}
.bg-primary.dker, .bg-primary .dker {
background: #006ad5;
}
.bg-primary.bg, .bg-primary .bg {
background-color: #0983ff;
}
.bg-primary a, .bg-primary .dark-Button--link {
color: var(--saas-Title-Text);
}
.bg-primary a:hover, .bg-primary .dark-Button--link:hover {
color: #fff;
}
.bg-primary .open > a, .bg-primary .open > a:hover, .bg-primary .open > a:focus {
color: #fff;
}
.bg-primary .text-muted {
color: #dbd6d6 !important;
}
.bg-primary .text-lt {
color: white !important;
}
.bg-success {
background-color: #32d74b;
color: var(--saas-Title-Text);
color: var(--saas-Title-Text);
}
.bg-success.lt, .bg-success .lt {
background: #4ad860;
}
.bg-success.lter, .bg-success .lter {
background: #62da74;
}
.bg-success.dk, .bg-success .dk {
background: #24cb3d;
}
.bg-success.dker, .bg-success .dker {
background: #1eb835;
}
.bg-success.bg, .bg-success .bg {
background-color: #32d74b;
}
.bg-success a, .bg-success .dark-Button--link {
color: var(--saas-Title-Text);
}
.bg-success a:hover, .bg-success .dark-Button--link:hover {
color: #fff;
}
.bg-success .open > a, .bg-success .open > a:hover, .bg-success .open > a:focus {
color: #fff;
}
.bg-success .text-muted {
color: #dbd6d6 !important;
}
.bg-success .text-lt {
color: white !important;
}
.bg-info {
background-color: #2296f3;
color: var(--saas-Title-Text);
color: var(--saas-Title-Text);
}
.bg-info.lt, .bg-info .lt {
background: #3da1f2;
}
.bg-info.lter, .bg-info .lter {
background: #57acf1;
}
.bg-info.dk, .bg-info .dk {
background: #0a8bf2;
}
.bg-info.dker, .bg-info .dker {
background: #067ddc;
}
.bg-info.bg, .bg-info .bg {
background-color: #2296f3;
}
.bg-info a, .bg-info .dark-Button--link {
color: var(--saas-Title-Text);
}
.bg-info a:hover, .bg-info .dark-Button--link:hover {
color: #fff;
}
.bg-info .open > a, .bg-info .open > a:hover, .bg-info .open > a:focus {
color: #fff;
}
.bg-info .text-muted {
color: #dbd6d6 !important;
}
.bg-info .text-lt {
color: white !important;
}
.bg-warning {
background-color: #ff9f0b;
color: var(--saas-Title-Text);
color: var(--saas-Title-Text);
}
.bg-warning.lt, .bg-warning .lt {
background: #fca827;
}
.bg-warning.lter, .bg-warning .lter {
background: #fab243;
}
.bg-warning.dk, .bg-warning .dk {
background: #f19200;
}
.bg-warning.dker, .bg-warning .dker {
background: #d78200;
}
.bg-warning.bg, .bg-warning .bg {
background-color: #ff9f0b;
}
.bg-warning a, .bg-warning .dark-Button--link {
color: var(--saas-Title-Text);
}
.bg-warning a:hover, .bg-warning .dark-Button--link:hover {
color: #fff;
}
.bg-warning .open > a, .bg-warning .open > a:hover, .bg-warning .open > a:focus {
color: #fff;
}
.bg-warning .text-muted {
color: #dbd6d6 !important;
}
.bg-warning .text-lt {
color: white !important;
}
.bg-danger {
background-color: #dc3545;
color: var(--saas-Title-Text);
color: var(--saas-Title-Text);
}
.bg-danger.lt, .bg-danger .lt {
background: #dd4d5b;
}
.bg-danger.lter, .bg-danger .lter {
background: #df6571;
}
.bg-danger.dk, .bg-danger .dk {
background: #d62133;
}
.bg-danger.dker, .bg-danger .dker {
background: #c31b2b;
}
.bg-danger.bg, .bg-danger .bg {
background-color: #dc3545;
}
.bg-danger a, .bg-danger .dark-Button--link {
color: var(--saas-Title-Text);
}
.bg-danger a:hover, .bg-danger .dark-Button--link:hover {
color: #fff;
}
.bg-danger .open > a, .bg-danger .open > a:hover, .bg-danger .open > a:focus {
color: #fff;
}
.bg-danger .text-muted {
color: #dbd6d6 !important;
}
.bg-danger .text-lt {
color: white !important;
}
.bg-white {
background-color: #fff;
color: #f3f1f1;
}
.bg-white.lt, .bg-white .lt {
background: white;
}
.bg-white.lter, .bg-white .lter {
background: white;
}
.bg-white.dk, .bg-white .dk {
background: #f3f2f2;
}
.bg-white.dker, .bg-white .dker {
background: #e7e4e4;
}
.bg-white.bg, .bg-white .bg {
background-color: #fff;
}
.bg-none {
background: none !important;
}
.cursor-pointer {
cursor: pointer;
}
a.bg-primary:hover {
background: #0076ef;
}
a.text-primary:hover {
color: #0076ef;
}
.text-primary {
color: #0983ff;
}
.text-primary-lt {
color: #0076ef;
}
.text-primary-lter {
color: #006ad5;
}
.text-primary-dk {
color: #0076ef;
}
.text-primary-dker {
color: #006ad5;
}
a.bg-info:hover {
background: #0d8aef;
}
a.text-info:hover {
color: #0d8aef;
}
.text-info {
color: #2296f3;
}
.text-info-lt {
color: #0d8aef;
}
.text-info-lter {
color: #0c7cd6;
}
.text-info-dk {
color: #0d8aef;
}
.text-info-dker {
color: #0c7cd6;
}
a.bg-success:hover {
background: #27c840;
}
a.text-success:hover {
color: #27c840;
}
.text-success {
color: #32d74b;
}
.text-success-lt {
color: #27c840;
}
.text-success-lter {
color: #23b339;
}
.text-success-dk {
color: #27c840;
}
.text-success-dker {
color: #23b339;
}
a.bg-warning:hover {
background: #f19200;
}
a.text-warning:hover {
color: #f19200;
}
.text-warning {
color: #ff9f0b;
}
.text-warning-lt {
color: #f19200;
}
.text-warning-lter {
color: #d78200;
}
.text-warning-dk {
color: #f19200;
}
.text-warning-dker {
color: #d78200;
}
a.bg-danger:hover {
background: #d32535;
}
a.text-danger:hover {
color: #d32535;
}
.text-danger {
color: #dc3545;
}
.text-danger-lt {
color: #d32535;
}
.text-danger-lter {
color: #bd2130;
}
.text-danger-dk {
color: #d32535;
}
.text-danger-dker {
color: #bd2130;
}
a.bg-dark:hover {
background: #121314;
}
a.text-dark:hover {
color: #121314;
}
.text-dark {
color: #1e1f22;
}
.text-dark-lt {
color: #121314;
}
.text-dark-lter {
color: #060607;
}
.text-dark-dk {
color: #121314;
}
.text-dark-dker {
color: #060607;
}
a.bg-white:hover {
background: #f2f2f2;
}
a.text-white:hover {
color: #f2f2f2;
}
.text-white {
color: #fff;
}
.text-white-lt {
color: #f2f2f2;
}
.text-white-lter {
color: #e6e6e6;
}
.text-white-dk {
color: #f2f2f2;
}
.text-white-dker {
color: #e6e6e6;
}
a.bg-black:hover {
background: #080708;
}
a.text-black:hover {
color: #080708;
}
.text-black {
color: #141316;
}
.text-black-lt {
color: #080708;
}
.text-black-lter {
color: black;
}
.text-black-dk {
color: #080708;
}
.text-black-dker {
color: black;
}
.text-muted {
color: var(--text--muted-color);
}
.text-loud {
color: var(--text--loud-color);
}
.clearfix::before, .clearfix::after {
display: table;
content: "";
}
.clearfix::after {
clear: both;
}
.pos-rlt {
position: relative;
}
.pos-stc {
position: static !important;
}
.pos-abt {
position: absolute;
}
.pos-fix {
position: fixed;
}
.show {
visibility: visible;
}
.line {
height: 2px;
margin: 10px 0;
font-size: 0;
overflow: hidden;
}
.line-xs {
margin: 0;
}
.line-lg {
margin-top: 15px;
margin-bottom: 15px;
}
.line-dashed {
border-style: dashed !important;
background: transparent;
border-width: 0;
}
.no-line {
border-width: 0;
}
.no-border,
.no-borders {
border-color: transparent;
border-width: 0;
}
.no-b-t {
border-top-width: 0;
}
.no-b-r {
border-right-width: 0;
}
.no-b-b {
border-bottom-width: 0;
}
.no-b-l {
border-left-width: 0;
}
.no-radius {
border-radius: 0;
}
.flex-column {
display: flex;
flex-direction: column;
}
.block {
display: block;
}
.block.hide {
display: none;
}
.inline {
display: inline-block;
}
.none {
display: none;
}
.pull-none {
float: none;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.rounded {
border-radius: 500px;
}
.clear {
display: block;
overflow: hidden;
}
.no-bg {
background: transparent;
color: inherit;
}
.no-select {
user-select: none;
}
.l-h {
line-height: var(--lineHeightBase);
}
.l-h-0x {
line-height: 0;
}
.l-h-1x {
line-height: 1.2;
}
.l-h-2x {
line-height: 2em;
}
.l-s-1x {
letter-spacing: 1;
}
.l-s-2x {
letter-spacing: 2;
}
.l-s-3x {
letter-spacing: 3;
}
.font-normal {
font-weight: normal;
}
.font-thin {
font-weight: 300;
}
.font-bold {
font-weight: 700;
}
.text-5x {
font-size: 5em;
}
.text-4x {
font-size: 4em;
}
.text-3x {
font-size: 3em;
}
.text-2x {
font-size: 2em;
}
.text-xl {
font-size: var(--fontSizeXl) !important;
}
.text-lg {
font-size: var(--fontSizeLg) !important;
}
.text-md {
font-size: var(--fontSizeMd) !important;
}
.text-base {
font-size: var(--fontSizeBase) !important;
}
.text-sm {
font-size: var(--fontSizeSm) !important;
}
.text-xs {
font-size: var(--fontSizeXs) !important;
}
.text-xxs {
text-indent: -9999px;
}
.text-ellipsis {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.text-u-c {
text-transform: uppercase;
}
.text-l-t {
text-decoration: line-through;
}
.text-u-l {
text-decoration: underline;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.box-shadow {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}
.box-shadow-lg {
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
}
.text-shadow {
font-size: 170px;
text-shadow: 0 1px 0 var(--borderColor), 0 2px 0 var(--borderColorLight), 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2);
}
.no-shadow {
box-shadow: none !important;
}
.wrapper-xs {
padding: 5px;
}
.wrapper-sm {
padding: 10px;
}
.wrapper {
padding: 15px;
}
.wrapper-md {
padding: 20px;
}
.wrapper-lg {
padding: 30px;
}
.wrapper-xl {
padding: 50px;
}
.padder-lg {
padding-left: 30px;
padding-right: 30px;
}
.padder-md {
padding-left: 20px;
padding-right: 20px;
}
.padder {
padding-left: 15px;
padding-right: 15px;
}
.padder-v-xs {
padding-top: 5px;
padding-bottom: 5px;
}
.padder-v-sm {
padding-top: 10px;
padding-bottom: 10px;
}
.padder-v {
padding-top: 15px;
padding-bottom: 15px;
}
.padder-v-md {
padding-top: 20px;
padding-bottom: 20px;
}
.padder-v-lg {
padding-top: 30px;
padding-bottom: 30px;
}
.no-padder {
padding: 0 !important;
}
.pull-in {
margin-left: -15px;
margin-right: -15px;
}
.pull-in-md {
margin-left: -20px;
margin-right: -20px;
}
.pull-in-sm {
margin-left: -10px;
margin-right: -10px;
}
.pull-out {
margin: -10px -15px;
}
.b {
border: 1px solid rgba(0, 0, 0, 0.05);
}
.b-a {
border: 1px solid var(--borderColor);
}
.b-t {
border-top: 1px solid var(--borderColor);
}
.b-t-none {
border-top-width: 0;
}
.b-r {
border-right: 1px solid var(--borderColor);
}
.b-r-none {
border-right-width: 0;
}
.b-b {
border-bottom: 1px solid var(--borderColor);
}
.b-b-none {
border-bottom-width: 0;
}
.b-l {
border-left: 1px solid var(--borderColor);
}
.b-l-none {
border-left-width: 0;
}
.b-light {
border-color: var(--light);
}
.b-dark {
border-color: var(--dark);
}
.b-black {
border-color: var(--dark);
}
.b-primary {
border-color: var(--primary);
}
.b-success {
border-color: var(--success);
}
.b-info {
border-color: var(--info);
}
.b-warning {
border-color: var(--warning);
}
.b-danger {
border-color: var(--danger);
}
.b-white {
border-color: #fff;
}
.b-dashed {
border-style: dashed !important;
}
.b-l-light {
border-left-color: var(--light);
}
.b-l-dark {
border-left-color: var(--dark);
}
.b-l-black {
border-left-color: var(--dark);
}
.b-l-primary {
border-left-color: var(--primary);
}
.b-l-success {
border-left-color: var(--success);
}
.b-l-info {
border-left-color: var(--info);
}
.b-l-warning {
border-left-color: var(--warning);
}
.b-l-danger {
border-left-color: var(--danger);
}
.b-l-white {
border-left-color: #fff;
}
.b-l-2x {
border-left-width: 2px;
}
.b-l-3x {
border-left-width: 3px;
}
.b-l-4x {
border-left-width: 4px;
}
.b-l-5x {
border-left-width: 5px;
}
.b-2x {
border-width: 2px;
}
.b-3x {
border-width: 3px;
}
.b-4x {
border-width: 4px;
}
.b-5x {
border-width: 5px;
}
.r {
border-radius: var(--borderRadius) var(--borderRadius) var(--borderRadius) var(--borderRadius);
}
.r-2x {
border-radius: var(--borderRadiusMd);
}
.r-3x {
border-radius: var(--borderRadiusLg);
}
.r-l {
border-radius: var(--borderRadius) 0 0 var(--borderRadius);
}
.r-r {
border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
}
.r-t {
border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}
.r-b {
border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}
.m-xxs {
margin: 2px 4px;
}
.m-xs {
margin: 5px;
}
.m-sm {
margin: 10px;
}
.m {
margin: 15px;
}
.m-md {
margin: 20px;
}
.m-lg {
margin: 30px;
}
.m-xl {
margin: 50px;
}
.m-n,
.m-none {
margin: 0 !important;
}
.m-l-none {
margin-left: 0 !important;
}
.m-l-xs {
margin-left: 5px;
}
.m-l-sm {
margin-left: 10px;
}
.m-l {
margin-left: 15px;
}
.m-l-md {
margin-left: 20px;
}
.m-l-lg {
margin-left: 30px;
}
.m-l-xl {
margin-left: 40px;
}
.m-l-xxl {
margin-left: 50px;
}
.m-l-n-xxs {
margin-left: -1px;
}
.m-l-n-xs {
margin-left: -5px;
}
.m-l-n-sm {
margin-left: -10px;
}
.m-l-n {
margin-left: -15px;
}
.m-l-n-md {
margin-left: -20px;
}
.m-l-n-lg {
margin-left: -30px;
}
.m-l-n-xl {
margin-left: -40px;
}
.m-l-n-xxl {
margin-left: -50px;
}
.m-t-none {
margin-top: 0 !important;
}
.m-t-xxs {
margin-top: 1px;
}
.m-t-xs {
margin-top: 5px;
}
.m-t-sm {
margin-top: 10px;
}
.m-t {
margin-top: 15px;
}
.m-t-md {
margin-top: 20px;
}
.m-t-lg {
margin-top: 30px;
}
.m-t-xl {
margin-top: 40px;
}
.m-t-xxl {
margin-top: 50px;
}
.m-t-n-xxs {
margin-top: -1px;
}
.m-t-n-xs {
margin-top: -5px;
}
.m-t-n-sm {
margin-top: -10px;
}
.m-t-n {
margin-top: -15px;
}
.m-t-n-md {
margin-top: -20px;
}
.m-t-n-lg {
margin-top: -30px;
}
.m-t-n-xl {
margin-top: -40px;
}
.m-t-n-xxl {
margin-top: -50px;
}
.m-r-none {
margin-right: 0 !important;
}
.m-r-xxs {
margin-right: 1px;
}
.m-r-xs {
margin-right: 5px;
}
.m-r-sm {
margin-right: 10px;
}
.m-r {
margin-right: 15px;
}
.m-r-md {
margin-right: 20px;
}
.m-r-lg {
margin-right: 30px;
}
.m-r-xl {
margin-right: 40px;
}
.m-r-xxl {
margin-right: 50px;
}
.m-r-n-xxs {
margin-right: -1px;
}
.m-r-n-xs {
margin-right: -5px;
}
.m-r-n-sm {
margin-right: -10px;
}
.m-r-n {
margin-right: -15px;
}
.m-r-n-md {
margin-right: -20px;
}
.m-r-n-lg {
margin-right: -30px;
}
.m-r-n-xl {
margin-right: -40px;
}
.m-r-n-xxl {
margin-right: -50px;
}
.m-b-none {
margin-bottom: 0 !important;
}
.m-b-xxs {
margin-bottom: 1px;
}
.m-b-xs {
margin-bottom: 5px;
}
.m-b-sm {
margin-bottom: 10px;
}
.m-b {
margin-bottom: 15px;
}
.m-b-md {
margin-bottom: 20px;
}
.m-b-lg {
margin-bottom: 30px;
}
.m-b-xl {
margin-bottom: 40px;
}
.m-b-xxl {
margin-bottom: 50px;
}
.m-b-n-xxs {
margin-bottom: -1px;
}
.m-b-n-xs {
margin-bottom: -5px;
}
.m-b-n-sm {
margin-bottom: -10px;
}
.m-b-n {
margin-bottom: -15px;
}
.m-b-n-md {
margin-bottom: -20px;
}
.m-b-n-lg {
margin-bottom: -30px;
}
.m-b-n-xl {
margin-bottom: -40px;
}
.m-b-n-xxl {
margin-bottom: -50px;
}
.p-xxs {
padding: 2px 4px;
}
.p-xs {
padding: 5px;
}
.p-sm {
padding: 10px;
}
.p {
padding: 15px;
}
.p-md {
padding: 20px;
}
.p-lg {
padding: 30px;
}
.p-xl {
padding: 50px;
}
.p-n,
.p-none {
padding: 0 !important;
}
.p-l-none {
padding-left: 0 !important;
}
.p-l-xs {
padding-left: 5px;
}
.p-l-sm {
padding-left: 10px;
}
.p-l {
padding-left: 15px;
}
.p-l-md {
padding-left: 20px;
}
.p-l-lg {
padding-left: 30px;
}
.p-l-xl {
padding-left: 40px;
}
.p-l-xxl {
padding-left: 50px;
}
.p-t-none {
padding-top: 0 !important;
}
.p-t-xxs {
padding-top: 1px;
}
.p-t-xs {
padding-top: 5px;
}
.p-t-sm {
padding-top: 10px;
}
.p-t {
padding-top: 15px;
}
.p-t-md {
padding-top: 20px;
}
.p-t-lg {
padding-top: 30px;
}
.p-t-xl {
padding-top: 40px;
}
.p-t-xxl {
padding-top: 50px;
}
.p-t-n-xxs {
padding-top: -1px;
}
.p-r-none {
padding-right: 0 !important;
}
.p-r-xxs {
padding-right: 1px;
}
.p-r-xs {
padding-right: 5px;
}
.p-r-sm {
padding-right: 10px;
}
.p-r {
padding-right: 15px;
}
.p-r-md {
padding-right: 20px;
}
.p-r-lg {
padding-right: 30px;
}
.p-r-xl {
padding-right: 40px;
}
.p-r-xxl {
padding-right: 50px;
}
.p-b-none {
padding-bottom: 0 !important;
}
.p-b-xxs {
padding-bottom: 1px;
}
.p-b-xs {
padding-bottom: 5px;
}
.p-b-sm {
padding-bottom: 10px;
}
.p-b {
padding-bottom: 15px;
}
.p-b-md {
padding-bottom: 20px;
}
.p-b-lg {
padding-bottom: 30px;
}
.p-b-xl {
padding-bottom: 40px;
}
.p-b-xxl {
padding-bottom: 50px;
}
.w-1x {
width: 1em;
}
.w-2x {
width: 2em;
}
.w-3x {
width: 3em;
}
.w-xxs {
width: 60px;
}
.h-xxs {
height: 60px;
}
.w-xs {
width: 90px;
}
.h-xs {
height: 90px;
}
.w-ssm {
width: 120px;
}
.w-sm {
width: 150px;
}
.h-sm {
height: 150px;
}
.h-ssm {
height: 120px;
}
.w {
width: 200px;
}
.h {
height: 200px;
}
.w-md {
width: 240px;
}
.h-md {
height: 240px;
}
.w-lg {
width: 280px;
}
.h-lg {
height: 280px;
}
.w-xl {
width: 320px;
}
.h-xl {
height: 320px;
}
.w-xxl {
width: 360px;
}
.h-xxl {
height: 360px;
}
.w-xxxl {
width: 420px;
}
.h-xxxl {
height: 420px;
}
.w-full {
width: 100%;
}
.w-auto {
width: auto;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.no-grow {
flex-grow: unset !important;
flex-basis: unset !important;
}
.nowrap {
white-space: nowrap;
flex-wrap: nowrap;
}
@media (min-width: 576px) {
.dark-Form-col.w, .dark-Form-col.w-xs, .dark-Form-col.w-sm, .dark-Form-col.w-md, .dark-Form-col.w-lg {
flex-basis: unset;
flex-grow: unset;
}
}
.thumb-xl {
width: 128px;
height: 128px;
display: inline-block;
}
.thumb-lg {
width: 96px;
height: 96px;
display: inline-block;
}
.thumb-md {
width: 64px;
height: 64px;
display: inline-block;
}
.thumb {
width: 50px;
height: 50px;
display: inline-block;
}
.thumb-sm {
width: 40px;
height: 40px;
display: inline-block;
}
.thumb-xs {
width: 34px;
height: 34px;
display: inline-block;
}
.thumb-xxs {
width: 30px;
height: 30px;
display: inline-block;
}
.thumb-wrapper {
padding: 2px;
border: 1px solid var(--borderColor);
}
.thumb img,
.thumb-xxs img,
.thumb-xs img,
.thumb-sm img,
.thumb-md img,
.thumb-lg img,
.thumb-btn img,
.thumb-xl img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.img-full {
width: 100%;
}
.img-full img {
width: 100%;
}
.avatar {
position: relative;
display: block;
border-radius: 500px;
white-space: nowrap;
}
.avatar img {
width: 100%;
border-radius: 5px;
height: 100%;
object-fit: cover;
}
.avatar i {
position: absolute;
left: 0;
top: 0;
width: 10px;
height: 10px;
margin: 2px;
border-width: 2px;
border-style: solid;
border-radius: 100%;
}
.avatar i.right {
left: auto;
right: 0;
}
.avatar i.bottom {
left: auto;
top: auto;
bottom: 0;
right: 0;
}
.avatar i.left {
top: auto;
bottom: 0;
}
.avatar i.on {
background: var(--success);
}
.avatar i.off {
background: var(--text--muted-color);
}
.avatar i.busy {
background: var(--danger);
}
.avatar i.away {
background: var(--warning);
}
.avatar.thumb-md i {
width: 12px;
height: 12px;
margin: 3px;
}
.avatar.thumb-sm i {
margin: 1px;
}
.avatar.thumb-xs i {
margin: 0;
}
.v-top {
vertical-align: top !important;
align-self: flex-start;
}
.v-middle {
vertical-align: middle !important;
align-self: center;
}
.v-bottom {
vertical-align: bottom !important;
align-self: flex-end;
}
.scrollable {
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.scrollable.hover, .scrollable.hover > .cell-inner {
overflow-y: hidden !important;
}
.scrollable.hover:hover, .scrollable.hover:focus, .scrollable.hover:active {
overflow: visible;
overflow-y: auto;
}
.scrollable.hover:hover > .cell-inner, .scrollable.hover:focus > .cell-inner, .scrollable.hover:active > .cell-inner {
overflow-y: auto !important;
}
.smart .scrollable, .smart .scrollable > .cell-inner {
overflow-y: auto !important;
}
.scroll-x,
.scroll-y {
overflow: hidden;
-webkit-overflow-scrolling: touch;
}
.scroll-y {
overflow-y: auto;
}
.scroll-x {
overflow-x: auto;
}
.hover-action {
display: none;
}
.hover-rotate {
transition: all var(--animation-duration) ease-in-out var(--animation-duration);
}
.hover-anchor:hover > .hover-action,
.hover-anchor:focus > .hover-action,
.hover-anchor:active > .hover-action {
display: inherit;
}
.hover-anchor:hover > .hover-rotate,
.hover-anchor:focus > .hover-rotate,
.hover-anchor:active > .hover-rotate {
transform: rotate(90deg);
}
.backdrop {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
}
.backdrop.fade {
opacity: 0;
}
.backdrop.in {
opacity: 0.8;
}
.col-xs-2-4,
.col-sm-2-4,
.col-md-2-4,
.col-lg-2-4,
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-2-4 {
width: 20%;
float: left;
}
.col-xs-1-5 {
width: 12.5%;
float: left;
}
.invisible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.invisible2 {
visibility: hidden;
}
.hbox {
display: table;
table-layout: fixed;
border-spacing: 0;
width: 100%;
height: 100%;
}
.hbox > .col {
display: table-cell;
vertical-align: top;
height: 100%;
float: none;
}
.vbox {
display: table;
border-spacing: 0;
position: relative;
width: 100%;
height: 100%;
min-height: 240px;
}
.vbox .row-row {
display: table-row;
height: 100%;
}
.vbox .row-row .cell {
position: relative;
height: 100%;
width: 100%;
}
.ie .vbox .row-row .cell {
display: table-cell;
overflow: auto;
}
.ie .vbox .row-row .cell .cell-inner {
overflow: visible !important;
}
.vbox .row-row .cell .cell-inner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.word-break {
white-space: normal;
word-break: break-all;
word-wrap: break-word;
}
.white-space-pre {
white-space: pre;
}
.label {
display: inline;
padding: 0.2em 0.6em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: var(--label-color);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25em;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
a.label:hover, a.label:focus {
color: var(--label-link--hover-color);
text-decoration: none;
cursor: pointer;
}
.label-default {
background: var(--label--default-bg);
}
.label-primary {
background: var(--label--primary-bg);
}
.label-success {
background: var(--label--success-bg);
}
.label-info {
background: var(--label--info-bg);
}
.label-warning {
background: var(--label--warning-bg);
}
.label-danger {
background: var(--label--danger-bg);
}
@keyframes apearSensor {
from {
opacity: 0;
}
}
@media (min-width: 768px) {
.col-sm-2-4 {
width: 20%;
float: left;
}
.col-sm-1-5 {
width: 12.5%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-2-4 {
width: 20%;
float: left;
}
.col-md-1-5 {
width: 12.5%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-2-4 {
width: 20%;
float: left;
}
.col-lg-1-5 {
width: 12.5%;
float: left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm.show {
display: inherit !important;
}
.no-m-sm {
margin: 0 !important;
}
.no-padder-sm {
padding: 0 !important;
}
}
.visible-xs {
display: none;
}
/*phone*/
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
.hidden-xs {
display: none !important;
}
.w-auto-xs {
width: auto;
}
.shift {
display: none !important;
}
.shift.in {
display: block !important;
}
.row-2 [class*=col] {
width: 50%;
float: left;
}
.row-2 .col-0 {
clear: none;
}
.row-2 li:nth-child(odd) {
clear: left;
margin-left: 0;
}
.text-center-xs {
text-align: center;
}
.text-left-xs {
text-align: left;
}
.text-right-xs {
text-align: right;
}
.no-border-xs {
border-width: 0;
}
.pull-none-xs {
float: none !important;
}
.pull-right-xs {
float: right !important;
}
.pull-left-xs {
float: left !important;
}
.dropdown-menu.pull-none-xs {
left: 0;
}
.hidden-xs.show {
display: inherit !important;
}
.wrapper-lg,
.wrapper-md {
padding: 15px;
}
.padder-lg,
.padder-md {
padding-left: 15px;
padding-right: 15px;
}
.no-m-xs {
margin: 0 !important;
}
.no-padder-xs {
padding: 0 !important;
}
}
.dark-Modal.dark-Modal-print {
z-index: 1010 !important;
}
.dark-Modal.dark-Modal-print .ant-form-item-label > label {
color: #616161;
}
.dark-Modal.dark-Modal-print.is-label .dark-Modal-content {
width: 90%;
max-width: none;
height: calc(100vh - 56px);
}
.dark-Modal.dark-Modal-print .dark-Modal-content {
width: 90%;
max-width: none;
height: calc(100vh - 56px);
}
.dark-Modal.dark-Modal-print .dark-Modal-content .ant-col {
max-height: 75px;
}
.dark-Modal.dark-Modal-print .print-form-container {
width: 100%;
height: 100%;
display: flex;
}
.dark-Modal.dark-Modal-print .print-form-container label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
display: none;
}
.dark-Modal.dark-Modal-print .print-form-container .ant-tabs-content {
height: 100%;
}
.dark-Modal.dark-Modal-print .print-form-container .print-setting {
width: 100%;
height: 100%;
padding-right: 8px;
display: flex;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
}
.dark-Modal.dark-Modal-print .print-form-container .print-setting-label {
width: 100%;
height: 32px;
font-weight: 500;
padding-left: 12px;
background-color: #f3f3f3;
color: black;
line-height: 32px;
}
.dark-Modal.dark-Modal-print .print-form-container .print-setting-content {
padding: 10px 0 0 0;
}
.dark-Modal.dark-Modal-print .print-form-container .print-setting-content .ant-form-item, .dark-Modal.dark-Modal-print .print-form-container .print-setting-content .ant-row {
margin-bottom: 8px;
}
.dark-Modal.dark-Modal-print .print-form-container .print-setting-content .ant-divider {
margin: 0 0 8px;
}
.dark-Modal.dark-Modal-print .print-form-container .preview-container {
position: relative;
flex: 1;
height: 100%;
border: solid 1px #e8e8e8;
border-radius: 5px;
margin-right: 20px;
}
.dark-Modal.dark-Modal-print .print-form-container .preview-container .preview-empty {
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
font-size: 16px;
}
.dark-Modal.dark-Modal-print .print-form-container .column-config-table {
text-align: center;
table-layout: fixed;
font-size: 13px;
}
.dark-Modal.dark-Modal-print .print-form-container .column-config-table-select-dropdown .ant-select-item {
padding: 0;
min-height: 30px;
line-height: 30px;
font-size: 12px;
font-weight: 400;
}
.dark-Modal.dark-Modal-print .print-form-container .column-config-table .ant-select {
width: 100%;
font-size: 13px;
}
.dark-Modal.dark-Modal-print .print-form-container .column-config-table .ant-select-selector {
border: none;
box-shadow: none;
border-radius: 0;
}
.dark-Modal.dark-Modal-print .print-form-container .column-config-table .ant-input-number-input {
padding: 0 4px;
text-align: center;
}
.dark-Modal.dark-Modal-print .print-form-container .column-config-table thead {
background-color: #ddd;
}
.dark-Modal.dark-Modal-print .print-form-container .column-config-table th,
.dark-Modal.dark-Modal-print .print-form-container .column-config-table td {
border: 1px solid #ccc;
}
.dark-Modal.dark-Modal-print .print-form-container .column-config-table td {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: default;
}
.dark-Modal.dark-Modal-print .input-count {
width: 100%;
}
.dark-Modal.dark-Modal-print .dark-Modal-footer .dark-Button {
margin-left: 1rem;
}
.dark-Modal.dark-Modal-print .label-print-template {
display: flex;
align-items: center;
justify-content: space-between;
}
.dark-Modal.dark-Modal-print .label-print-template .ant-popover-open {
display: inline;
}
.dark-Modal.dark-Modal-print .label-print-template .button-add {
width: 100px;
}
.dark-Modal.dark-Modal-print .label-print-template .ant-select {
width: 240px;
}
.dark-Modal.dark-Modal-print .label-print-template .ant-select-dropdown {
padding: 0;
}
.dark-Modal.dark-Modal-print .label-print-template .ant-select-selection-item {
color: #555;
}
.dark-Modal.dark-Modal-print .label-print-template .ant-select-selection-item .label-print-HideIcon {
display: none;
}
.dark-Modal.dark-Modal-print .remark {
display: flex;
justify-content: center;
width: 100%;
margin: 0 auto 15px;
color: #999;
}
.label-print-template-select .label-print-template-add {
text-align: center;
height: 30px;
line-height: 30px;
color: #555;
cursor: pointer;
background-color: #f5f5f5;
}
.label-print-template-select .select-item {
width: 240px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.label-print-template-select .ant-select-item-option-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.label-print-template-select .ant-select-item-option {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #fff !important;
color: #555;
}
.label-print-template-select .ant-select-item-option .label-print-HideIcon {
font-size: 13px;
}
.label-print-template-select .ant-select-item-option:hover {
color: #2a87eb !important;
background-color: #fff !important;
}
.label-print-template-select .ant-select-item-option:hover .label-print-HideIcon {
color: #2a87eb !important;
}
.label-print-template-select .ant-select-item-option-active {
background-color: #fff !important;
}
.label-print-add-pop {
padding-left: 0;
}
.label-print-add-pop .ant-popover-arrow {
display: none;
}
.label-print-add-pop .ant-popover-inner {
box-shadow: none;
}
.label-print-add-pop .ant-popover-inner-content {
position: relative;
top: 1px;
padding: 4px;
background-color: #fff;
}
.label-print-selector .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
color: #2a77eb;
background-color: #f5f5f5;
}
.label-print-selector .ant-select-item-option:hover {
color: #4185ec;
}
.chart-statistic {
display: inline-block;
background-color: #f9f5f5;
padding: 12px 20px 15px 20px;
min-width: 220px;
border: solid 1px #e8e8e8;
border-radius: 3px;
margin: 10px;
}
.chart-statistic-header {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.chart-statistic-header-title {
font-size: 12px;
color: gray;
}
.chart-statistic-header-subtitle {
font-size: 12px;
color: gray;
}
.chart-statistic-header-subtitle span {
font-size: 18px;
}
.chart-statistic-content {
display: flex;
align-items: baseline;
}
.chart-statistic-content-value {
font-size: 20px;
color: black;
font-weight: bold;
}
.chart-statistic-content-value-decimal {
font-size: 14px;
}
.chart-statistic-content-rate {
margin-left: 10px;
font-size: 14px;
}
.chart-statistic-footer {
margin-top: 12px;
background-color: #e8e8e8;
}
.chart-statistic-footer-progress {
text-align: center;
color: white;
font-size: 13px;
height: 19px;
padding-right: 5px;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.chart-statistic {
padding: 6px 10px 8px 10px;
min-width: 170px;
margin: 5px;
}
.chart-statistic-header-subtitle span {
font-size: 15px;
}
.chart-statistic-content-value {
font-size: 15px;
}
}
.chart-table {
padding: 8px;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.data-display {
width: 100%;
padding: 8px;
position: relative;
}
.data-display .ant-empty {
color: #999;
}
.data-display-fold {
max-height: 44px;
overflow: hidden;
}
.data-display-spin {
position: absolute;
top: calc(50% - 10px);
left: calc(50% - 10px);
z-index: 1;
}
.data-display-arrow {
position: absolute;
top: 2px;
left: 50%;
z-index: 1;
color: var(--saas-Placeholder-Text);
font-size: 12px;
}
.data-display .title {
font-size: 14px;
color: var(--saas-Title-Text);
}
.data-display .title.dark-Display-info {
color: var(--display-color-info);
}
.data-display .title.dark-Display-warning {
color: var(--display-color-warning);
}
.data-display .title.dark-Display-success {
color: var(--display-color-success);
}
.data-display .title.dark-Display-error {
color: var(--display-color-error);
}
.data-display .title.dark-Display-default {
color: var(--display-color-default);
}
.data-display .group-title {
font-size: 14px;
font-weight: 550;
color: var(--saas-Title-Text);
}
.data-display .sub-title {
font-size: 12px;
color: var(--saas-Secondary-Text);
}
.data-display .sub-title.dark-Display-info {
color: var(--display-color-info);
}
.data-display .sub-title.dark-Display-warning {
color: var(--display-color-warning);
}
.data-display .sub-title.dark-Display-success {
color: var(--display-color-success);
}
.data-display .sub-title.dark-Display-error {
color: var(--display-color-error);
}
.data-display .sub-title.dark-Display-default {
color: var(--display-color-default);
}
.data-display .desc {
font-size: 12px;
color: var(--saas-Placeholder-Text);
margin-top: 6px;
}
.data-display .group-desc {
font-size: 14px;
color: var(--saas-Secondary-Text);
}
.data-display .group-desc.dark-Display-info {
color: var(--display-color-info);
}
.data-display .group-desc.dark-Display-warning {
color: var(--display-color-warning);
}
.data-display .group-desc.dark-Display-success {
color: var(--display-color-success);
}
.data-display .group-desc.dark-Display-error {
color: var(--display-color-error);
}
.data-display .group-desc.dark-Display-default {
color: var(--display-color-default);
}
.data-display .icon {
margin-right: 6px;
top: 0.1rem !important;
}
.data-display .link {
cursor: pointer;
color: var(--saas-Link-Text);
}
.data-display-item {
padding: 8px;
border-style: solid;
}
.data-display-item.dark-Display-info {
background-color: var(--display-bg-color-info);
border: 1px solid var(--display-color-info);
}
.data-display-item.dark-Display-warning {
background-color: var(--display-bg-color-warning);
border: 1px solid var(--display-color-warning);
}
.data-display-item.dark-Display-success {
background-color: var(--display-bg-color-success);
border: 1px solid var(--display-color-success);
}
.data-display-item.dark-Display-error {
background-color: var(--display-bg-color-error);
border: 1px solid var(--display-color-error);
}
.data-display-item.dark-Display-default {
background-color: var(--display-bg-color-default);
border: 1px solid var(--display-color-default);
}
.data-display-item-group {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
}
.data-display-item .ant-progress-line {
display: flex;
align-items: center;
}
.data-display-item .ant-progress-line .ant-progress-inner {
background-color: var(--Table-onHover-bg);
}
.data-display-item .ant-progress-line .ant-progress-text {
width: auto;
flex: 1;
margin-left: 6px;
color: var(--saas-Title-Text);
}
.data-display-item .ant-progress-circle .ant-progress-text {
color: var(--saas-Title-Text);
}
.data-display-item-labels {
flex: 1;
}
.data-display-item-labels-item .wrap {
display: flex;
}
.data-display-item-labels-item .wrap .icon {
color: aqua;
}
.data-display-item-labels-item .wrap .icon.dark-Display-info {
color: var(--display-color-info);
}
.data-display-item-labels-item .wrap .icon.dark-Display-warning {
color: var(--display-color-warning);
}
.data-display-item-labels-item .wrap .icon.dark-Display-success {
color: var(--display-color-success);
}
.data-display-item-labels-item .wrap .icon.dark-Display-error {
color: var(--display-color-error);
}
.data-display-item-labels-item .wrap .icon.dark-Display-default {
color: var(--display-color-default);
}
.data-display-item-labels-item .left {
display: flex;
align-items: center;
}
.data-display-item-labels-item .right {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
}
.data-display-item-labels-item-header {
display: flex;
justify-content: space-between;
line-height: 25px;
}
.data-display-item-vertical-labels {
flex: 1;
}
.data-display-item-vertical-labels-item .wrap {
display: flex;
align-items: center;
}
.data-display-item-vertical-labels-item .left {
margin-right: 6px;
}
.data-display-item-vertical-labels-item .right {
flex: 1;
}
.data-display-item-vertical-labels-item .right .sub-title {
margin-bottom: 8px;
}
@media (max-width: 767px) {
.data-display .group-title {
font-size: 16px;
font-weight: 550;
color: var(--saas-Title-Text);
}
.data-display .group-desc {
font-size: 16px;
color: var(--saas-Secondary-Text);
}
.data-display .sub-title {
font-size: 14px;
color: var(--saas-Secondary-Text);
}
}
.dark-lionChildView {
position: absolute;
width: 100%;
height: 100%;
overflow: auto;
opacity: 0;
transition: ease-in opacity var(--animation-duration);
}
.dark-lionChildView.in {
opacity: 1;
}
.dark-lionChildView.out {
opacity: 0;
}
.dark-lionChildView-content {
padding: 16px;
}
.dark-lionChildView-header {
display: flex;
align-items: center;
padding-bottom: 16px;
}
.dark-lionChildView-back {
display: inline-block;
cursor: pointer;
}
.dark-lionChildView-back .icon {
font-size: 12px;
margin-right: 5px;
color: var(--ChildView-back-color);
}
.dark-lionChildView .line {
height: 14px;
border-left: 1px solid #ccc;
margin: 0 12px;
}
.dark-LionList .batch-manage.is-active {
color: var(--Button--link-color);
}
.dark-LionList .batch-manage-icon {
font-size: 16px;
}
.dark-LionList .dark-ListItem {
display: flex;
justify-content: space-between;
align-items: center;
}
.dark-LionList .dark-ListItem::before, .dark-LionList .dark-ListItem::after {
display: none;
}
.dark-LionList .dark-ListItem-content {
flex: 1;
}
.dark-List-header-more {
margin-left: 8px;
cursor: pointer;
}
.dark-List-header-more-pop .dark-Crud-toolbar {
min-width: 80px;
}
.dark-List-header-more-pop .dark-Crud-toolbar-item {
display: block;
float: none;
margin: 0;
height: auto;
}
.dark-List-header-more-pop .dark-Crud-toolbar-item button,
.dark-List-header-more-pop .dark-Crud-toolbar-item button:hover {
border: none !important;
background: none !important;
color: #fff !important;
font-size: 14px;
}
.dark-List-header-more-pop .dark-Crud-toolbar-item button:not(:last-child),
.dark-List-header-more-pop .dark-Crud-toolbar-item button:hover:not(:last-child) {
border-bottom: 1px solid #999;
}
.dark-List-header-more-pop .dark-Crud-toolbar-item .dark-Button.is-disabled,
.dark-List-header-more-pop .dark-Crud-toolbar-item .dark-Button:disabled {
background: none;
border: none;
font-size: 14px;
}
.dark-List.is-mobile .dark-List-toolbar {
width: 100%;
background: var(--saas-main-bg);
display: flex;
align-items: center;
margin: 0;
height: 53px;
padding: 10px 0;
padding: 0 16px;
}
.unionContentWrapper {
height: 100%;
width: 100%;
overflow: hidden;
}
.unionContentWrapper .imgContentWrapper {
height: calc(100% - 43px);
display: flex;
flex-wrap: wrap;
overflow: hidden;
align-content: flex-start;
padding-top: 24px;
background-color: white;
}
.unionContentWrapper .imgContentWrapper .baseUnionImgWrapper {
display: flex;
flex-direction: column;
}
.unionContentWrapper .imgContentWrapper .baseUnionImgWrapper .bottomName {
font-size: 12px;
text-align: center;
height: 24px;
line-height: 24px;
width: 100%;
background-color: #fff;
}
.unionContentWrapper .imgContentWrapper .unionImgWrapper_2 {
width: calc((100%) / 2);
height: 100%;
}
.unionContentWrapper .imgContentWrapper .unionImgWrapper_3 {
width: calc((100%) / 3);
height: 100%;
}
.unionContentWrapper .imgContentWrapper .unionImgWrapper_4 {
width: calc((100%) / 2);
height: calc((100%) / 2);
}
.unionContentWrapper .imgContentWrapper .unionImgWrapper_6 {
width: calc((100%) / 3);
height: calc((100%) / 2);
}
.unionContentWrapper .imgContentWrapper .unionImgWrapper_9 {
width: calc((100%) / 3);
height: calc((100%) / 3);
}
.unionContentWrapper .imgContentWrapper .unionImgWrapper_12 {
width: calc((100%) / 4);
height: calc((100%) / 3);
}
.unionContentWrapper .imgContentWrapper .unionImgWrapper_16 {
width: calc((100%) / 4);
height: calc((100%) / 4);
}
.unionContentWrapper .imgContentWrapper .unionImgWrapper_20 {
width: calc((100%) / 5);
height: calc((100%) / 4);
}
.unionContentWrapper .imgContentWrapper .unionImgWrapper {
flex: 1;
overflow: hidden;
background-color: #fff;
}
.unionContentWrapper .imgContentWrapper .unionImgWrapper .unionImg {
height: 100%;
width: 100%;
object-fit: contain;
}
.unionContentWrapper .bottomActionWrapper {
height: 43px;
display: flex;
align-items: center;
justify-content: center;
}
.viewerUtilsWrapper {
height: 90px;
width: 100%;
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
}
.viewerUtilsWrapper .centerContent {
height: 54px;
margin-bottom: 16px;
color: #FFFFFF;
border-radius: 5px;
padding: 0 10px;
background-color: #353535;
display: flex;
flex-direction: column;
}
.viewerUtilsWrapper .centerContent .currentMediaName {
font-size: 14px;
margin-top: 10px;
text-align: center;
user-select: none;
max-width: 368px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.viewerUtilsWrapper .centerContent .actionListWrapper {
flex: 1;
text-align: center;
}
.viewerUtilsWrapper .centerContent .actionListWrapper .utilItemWrapper {
width: 46px;
height: 100%;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
}
.viewerUtilsWrapper .centerContent .actionListWrapper .utilItemWrapper:hover {
color: #2A87EB;
}
.viewerUtilsWrapper .centerContent .actionListWrapper .utilItemWrapper_selected {
color: #2A87EB;
}
.viewerUtilsWrapper .centerContent .actionListWrapper .utilItemWrapper_disabled {
opacity: 0.3;
cursor: not-allowed;
}
.viewerUtilsWrapper .centerContent .actionListWrapper .utilItemWrapper_disabled:hover {
color: #FFFFFF;
}
.mediaShowList {
position: relative;
height: 64px;
background-color: #353535;
color: #ebebeb;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.mediaShowList .mediaShowListWrapper {
width: 95%;
display: flex;
align-items: center;
justify-content: center;
max-height: 64px;
}
.mediaShowList .mediaShowListContent {
overflow: hidden;
height: 100%;
display: flex;
justify-content: center;
}
.mediaShowList .imgListWrapper {
display: flex;
justify-content: center;
overflow: hidden;
white-space: nowrap;
}
.mediaShowList .imgList {
display: flex;
height: 100%;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.mediaShowList .imgList.small .imgWrapper {
width: 24px;
height: 24px;
margin: 4px;
}
.mediaShowList .imgList-arrow {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
min-width: 18px;
visibility: hidden;
}
.mediaShowList .imgList-arrow.show {
visibility: visible;
}
.mediaShowList .imgWrapper {
width: 30px;
height: 30px;
border: 2px solid #666;
cursor: pointer;
position: relative;
display: flex;
align-items: center;
justify-content: center;
user-select: none;
margin: 0 4px;
transition: all 0.1s ease;
}
.mediaShowList .imgWrapper img {
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
}
.mediaShowList .imgWrapper svg.icon {
top: 0;
width: 22px;
height: 22px;
pointer-events: none;
}
.mediaShowList .imgWrapper .check-icon {
position: absolute;
top: -1px;
right: 0;
font-size: 14px;
color: #2A87EB;
line-height: 14px;
}
.mediaShowList .imgWrapper_selected {
border: 2px solid #2A87EB;
}
.mediaShowList .unionImgHandle {
display: flex;
align-items: center;
justify-content: center;
padding: 0 8px;
min-width: 208px;
max-width: 208px;
height: 72px;
}
.mediaShowList .unionImgHandle .item:not(:first-child) {
margin-left: 8px;
}
.mediaShowList .unionImgHandle .ant-btn.ant-btn-link {
padding: 0;
}
.mediaShowListWrapper_hidden {
height: 0;
}
.dark-Cell-img-wrapper {
height: 100%;
width: 100%;
overflow: hidden;
white-space: nowrap;
word-wrap: normal;
text-overflow: ellipsis;
text-align: center;
text-align: left;
flex-shrink: 0;
}
.dark-Cell-img-wrapper > img {
width: 28px;
height: 28px;
cursor: pointer;
object-fit: cover;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.dark-Cell-img-wrapper > img {
width: 20px;
height: 20px;
}
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.dark-Cell-img-wrapper > img {
width: 25px;
height: 25px;
}
}
.dark-Cell-img-wrapper > img:not(:first-child) {
margin-left: 4px;
}
.table-media-format-popover {
padding-top: 5px;
z-index: 1000;
}
.table-media-format-popover .ant-popover-inner {
background-color: var(--saas-main-bg);
}
.table-media-format-popover .amis-scope {
background: none;
}
.table-media-format-popover .amis-scope .ant-popover-inner-content {
padding: 0;
}
.table-media-format-popover .ant-popover-inner {
background: var(--saas-main-bg);
}
.table-media-format-popover .ant-popover-arrow .ant-popover-arrow-content {
--antd-arrow-background-color: var(--saas-main-bg);
}
.table-media-format-popover .ant-popover-inner-content {
padding: 0 !important;
}
.mediaPopoverContent {
width: 250px;
color: var(--saas-Title-Text);
}
.mediaPopoverContent .topAction {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 13px;
height: 36px;
}
.mediaPopoverContent .topAction .actionTitle {
font-size: 14px;
font-weight: bold;
}
.mediaPopoverContent .topAction .afterActionWrapper {
color: #2A87EB;
font-size: 12px;
cursor: pointer;
}
.mediaPopoverContent .bottomBorder {
border-bottom: 1px solid var(--saas-Border-Dividers);
}
.mediaPopoverContent .centerContent {
height: 124px;
}
.mediaPopoverContent .centerContent::-webkit-scrollbar {
width: 0;
}
.mediaPopoverContent .bottomAction {
height: 60px;
display: flex;
border-top: 1px solid var(--saas-Border-Dividers);
}
.mediaPopoverContent .bottomAction .actionItem {
height: 100%;
flex: 1;
display: inline-flex;
align-items: center;
justify-content: center;
flex-direction: column;
cursor: pointer;
color: var(--saas-Title-Text);
}
.mediaPopoverContent .bottomAction .actionItem .actionItemName {
margin-top: 4px;
font-size: 12px;
}
.mediaPopoverContent .bottomAction .actionDisabled {
opacity: 0.5;
}
.mediaPopoverContent .allImgContent {
display: flex;
flex-wrap: wrap;
height: 100%;
width: 100%;
padding-left: 13px;
padding-top: 4px;
overflow-x: hidden;
overflow-y: auto;
}
.mediaPopoverContent .allImgContent .commonBorder {
border: 1px solid var(--saas-Border-Dividers);
}
.mediaPopoverContent .allImgContent .singleImgWrapper {
height: 110px;
width: calc(100% - 13px);
}
.mediaPopoverContent .allImgContent .doubleImgWrapper {
height: 110px;
width: 110px;
}
.mediaPopoverContent .allImgContent .doubleImgWrapper:nth-child(2) {
margin-left: 4px;
}
.mediaPopoverContent .allImgContent .mostImgWrapper {
height: 72px;
width: 72px;
margin-bottom: 4px;
}
.mediaPopoverContent .allImgContent .mostImgWrapper:not(:nth-child(3n)) {
margin-right: 4px;
}
.mediaPopoverContent .allImgContent img {
height: 100%;
width: 100%;
cursor: pointer;
object-fit: cover;
}
.mediaPopoverContent .fileListWarp {
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
padding-right: 5px;
color: var(--saas-Title-Text);
}
.mediaPopoverContent .fileListWarp .fileNameWrapper {
min-width: 40px;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mediaPopoverContent .popoverContentScrollBar::-webkit-scrollbar {
width: 13px;
height: 0;
}
.mediaPopoverContent .popoverContentScrollBar::-webkit-scrollbar-thumb {
background-color: #D2D6DE;
background-clip: content-box;
border-width: 0 3px 0 3px;
border-style: solid;
border-color: #FFFFFF;
}
.mediaPopoverContent .MediaSelectedWrapper_common {
position: relative;
}
.mediaPopoverContent .MediaSelectedWrapper_common .selectCheckBox {
display: none;
position: absolute;
top: 2px;
left: 2px;
line-height: 16px;
}
.mediaPopoverContent .MediaSelectedWrapper_common .selectCheckBox .ant-checkbox-inner {
border-radius: 50%;
}
.mediaPopoverContent .MediaSelectedWrapper_common .selectCheckBox .ant-checkbox-checked::after {
display: none;
}
.mediaPopoverContent .MediaSelectedWrapper_common:hover {
border: 1px solid #2A87EB !important;
}
.mediaPopoverContent .MediaSelectedWrapper_common:hover .selectCheckBox {
display: unset;
}
.mediaPopoverContent .MediaSelectedWrapper_selected {
border: 1px solid #2A87EB !important;
}
.mediaPopoverContent .MediaSelectedWrapper_selected .selectCheckBox {
display: unset;
}
.dark-Cell-img-wrapper-isImage {
max-width: 200px;
font-size: 13px;
background-color: var(--saas-form-table-cell-img-color);
border-radius: 4px;
overflow: hidden;
display: flex;
width: auto;
padding-left: 4px;
cursor: pointer;
}
.dark-Cell-img-wrapper-isImage .dark-Cell-img-wrapper-content {
display: flex;
flex: 1;
overflow: hidden;
}
.dark-Cell-img-wrapper-isImage .dark-Cell-img-wrapper-content .textfile_icon {
width: 13px;
margin-right: 2px;
}
.dark-Cell-img-wrapper-isImage .dark-Cell-img-wrapper-content .text {
flex: 1;
overflow: hidden;
word-wrap: normal;
text-overflow: ellipsis;
white-space: nowrap;
}
.dark-Cell-img-wrapper-isImage .item-select-tag-btn {
width: 20px;
}
.dark-Cell-img-box {
display: flex;
align-items: center;
justify-content: center;
}
.dark-Cell-img-box .dark-Cell-img,
.dark-Cell-img-box svg.icon {
width: 20px;
height: 20px;
cursor: pointer;
margin: 0 2px;
top: 0;
}
.dark-Matrix-container {
background-color: var(--saas-main-bg);
padding: 10px;
}
.dark-Matrix-container .dark-Matrix-Search {
margin-bottom: 10px;
}
.dark-Matrix-container .dark-Matrix-Search .ant-input {
border-radius: 8px;
border: none;
}
.dark-Matrix-container .dark-Matrix-group {
display: flex;
flex-wrap: wrap;
padding: 8px 0 16px 0;
text-align: center;
background-color: var(--saas-main-bg);
border-radius: 8px;
}
.dark-Matrix-container .dark-Matrix-group .dark-Matrix-item {
width: 25%;
}
.dark-Matrix-container .dark-Matrix-group .dark-Matrix-item.clear-bot {
border-bottom: none;
}
.dark-Matrix-container .dark-Matrix-group .dark-Matrix-item .matrix-action {
display: flex;
flex-direction: column;
align-items: center;
}
.dark-Matrix-container .dark-Matrix-group .dark-Matrix-item .matrix-action .dark-TplField {
padding: 0 4px;
max-width: 96%;
height: 40px;
font-size: 14px;
font-family: system-ui;
color: var(--saas-Title-Text);
margin-top: 10px;
}
.dark-Matrix-container .dark-Matrix-group .dark-Matrix-item .matrix-action .dark-TplField span {
width: 100%;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: wrap;
word-wrap: break-word;
}
.dark-Matrix-container .dark-Matrix-group .dark-Matrix-item .matrix-action .fa {
margin-top: 10px;
height: 42px;
width: 42px;
color: #fff;
border-radius: 8px;
font-size: 22px;
display: flex;
justify-content: center;
align-items: center;
}
.dark-Matrix-container .dark-Matrix-group .dark-Matrix-item:nth-child(3n) {
border-right: none;
}
.dark-Scan-code-container {
position: relative;
height: 100%;
}
.dark-Scan-code-container .dark-Scan-btn {
position: absolute;
bottom: 200px;
z-index: 10;
}
.scan-code-modal .ant-modal-content {
border-radius: 10px;
background-color: #eee;
}
.scan-code-modal .code-input-container .title {
text-align: center;
color: #000;
font-size: 15px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 16px;
}
.scan-code-modal .ant-modal-footer {
display: flex;
justify-content: space-between;
padding: 0;
border-color: #ccc;
}
.scan-code-modal .ant-modal-footer .ant-btn {
flex: 1;
height: 40px;
border: none;
background: unset;
color: #4a7ace;
}
.scan-code-modal .ant-modal-footer .ant-btn:nth-child(1) {
border-right: 1px solid #ccc;
}
.transfer-check-group {
margin: 10px 0px;
}
.transfer-check-group .transfer-check-bat {
color: var(--saas-font-size-black);
background: var(--Button--default-bg);
border-color: transparent;
margin: 5px;
padding: 10px 20px;
position: relative;
overflow: hidden;
border-radius: 4px;
width: 100px;
height: 45px;
}
.transfer-check-group .transfer-check-bat.ant-btn-text[disabled] {
color: var(--saas-font-size-light-black);
border-color: transparent;
background: transparent;
text-shadow: none;
box-shadow: none;
}
.transfer-check-group .transfer-check-bat-icon {
background-color: #2a87eb;
transform: rotateZ(-45deg);
position: absolute !important;
bottom: -3px;
width: 40px;
height: 20px;
right: -13px;
text-align: center;
}
.transfer-check-group .transfer-check-bat-icon::before {
content: "✓";
color: #fff;
transform: rotateZ(45deg);
display: inline-block;
}
.transfer-check-group .ant-checkbox-wrapper {
color: var(--saas-font-size-black);
}
.transfer-container {
height: 300px;
display: flex;
}
.transfer-container .transfer-source {
width: calc(50% - 40px);
height: 100%;
border-radius: 3px;
border: 1px solid var(--saas-border-color);
display: flex;
flex-flow: column nowrap;
position: relative;
}
.transfer-container .transfer-source .transfer-source-header {
flex-shrink: 0;
height: 36px;
background: var(--saas-crud-advanced-modle-title-color);
padding: 0 10px;
border-bottom: 1px solid var(--saas-border-color);
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
.transfer-container .transfer-source .transfer-source-header .option-group {
font-size: 14px;
display: flex;
}
.transfer-container .transfer-source .transfer-source-header .option-group .option {
cursor: pointer;
color: var(--saas-Primary-Color);
}
.transfer-container .transfer-source .transfer-source-header .title {
font-size: 14px;
color: var(--saas-font-size-dark-black);
}
.transfer-container .transfer-source .transfer-source-position {
position: absolute;
right: 20px;
bottom: -32px;
width: 120px;
}
.transfer-container .transfer-source .transfer-source-position .ant-input {
border: none;
color: transparent;
text-shadow: 0 0 0 #000;
background-color: transparent;
}
.transfer-container .transfer-source .transfer-source-position .ant-input:focus,
.transfer-container .transfer-source .transfer-source-position .ant-input-focused {
box-shadow: none;
border: none;
}
.transfer-container .transfer-source .transfer-source-content {
flex-grow: 1;
overflow-y: auto;
color: var(--saas-font-size-black);
}
.transfer-container .transfer-source .transfer-source-content .source-content-inner .display-field {
display: flex;
padding: 5px 0px 5px 10px;
}
.transfer-container .transfer-source .transfer-source-content .source-content-inner .display-field .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
background: var(--Checkbox-gb);
border-color: var(--borderColor);
}
.transfer-container .transfer-source .transfer-source-content .source-content-inner .display-field .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-disabled .ant-checkbox-inner {
background: var(--Checkbox-gb);
border-color: var(--borderColor) !important;
}
.transfer-container .transfer-source .transfer-source-content .source-content-inner .display-field .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
background: var(--saas-SelectedBorder);
border-color: var(--saas-SelectedBorder);
}
.transfer-container .transfer-source .transfer-source-content .source-content-inner .display-field .display-field-label {
flex: 1;
margin-left: 5px;
cursor: pointer;
}
.transfer-container .transfer-source .transfer-source-content .source-content-inner .display-field-active {
background-color: var(--saas-crud-hover-color);
}
.transfer-container .transfer-target-group {
height: 100%;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
flex: 1;
}
.transfer-container .target-box {
display: flex;
flex-flow: row nowrap;
align-items: center;
height: 50%;
}
.transfer-container .target-box .btn-group {
padding: 0 10px;
display: flex;
flex-flow: column nowrap;
align-items: center;
}
.transfer-container .target-box .btn-group .btn {
width: 20px;
height: 20px;
margin-bottom: 30px;
border: 1px solid var(--saas-border-color);
border-radius: 3px;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
background: #fff;
outline: none;
font-size: 10px;
cursor: pointer;
}
.transfer-container .target-box .btn-group .btn:last-child {
margin-bottom: 0;
}
.transfer-container .target-box .btn-group .btn.disabled {
filter: grayscale(100%);
box-shadow: none;
cursor: not-allowed;
color: var(--text--muted-color);
pointer-events: auto;
border: var(--Button-borderWidth) solid var(--Button-onDisabled-borderColor);
background: var(--Button-onDisabled-bg);
}
.transfer-container .transfer-target {
border-radius: 3px;
border: 1px solid var(--borderColor);
flex: 1;
height: 100%;
}
.transfer-container .transfer-target .transfer-target-header {
flex-shrink: 0;
height: 32px;
background: var(--saas-crud-advanced-modle-title-color);
padding: 0 10px;
border-bottom: 1px solid var(--borderColor);
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.transfer-container .transfer-target .transfer-target-header .title {
font-size: 14px;
color: var(--saas-font-size-dark-black);
}
.transfer-container .transfer-target .transfer-target-content {
overflow-y: auto;
display: flex;
flex-wrap: wrap;
height: calc(100% - 32px);
padding: 6px;
gap: 6px;
position: relative;
}
.transfer-container .transfer-target .transfer-target-content .option {
overflow-y: auto;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
height: calc(100% - 16px);
gap: 6px;
}
.transfer-container .transfer-target .transfer-target-content .option-item {
padding: 6px 12px 6px 0;
height: 24px;
display: flex;
flex-flow: row nowrap;
align-items: center;
font-size: 12px;
background: var(--saas-crud-hover-color);
color: var(--saas-Primary-Color);
}
.transfer-container .transfer-target .transfer-target-content .option-item .icon {
cursor: pointer;
font-size: 16px;
}
.transfer-container .transfer-target .transfer-target-content .option-item .item-title {
height: 24px;
width: 24px;
display: flex;
justify-content: center;
align-items: center;
color: var(--saas-font-size-color-reverse);
background: var(--Table--unsaved-heading-color);
margin-right: 8px;
}
.transfer-container .transfer-target .transfer-target-content .option-item .item-label {
margin-left: 8px;
margin-right: 8px;
flex: 1;
cursor: move;
user-select: none;
max-width: 150px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: auto;
}
.transfer-container .transfer-target .transfer-target-content .option-item .close-btn {
color: #aaa;
cursor: pointer;
}
.transfer-container .transfer-target .transfer-target-content .option-item .anticon-close {
opacity: 0;
}
.transfer-container .transfer-target .transfer-target-content .option-item:hover .close-btn {
display: block;
}
.transfer-container .transfer-target .transfer-target-content .option-item:hover .anticon-close {
opacity: 1;
}
.transfer-container .transfer-target .transfer-target-content .target-content-inner {
display: flex;
flex-wrap: wrap;
}
.transfer-container .transfer-target .transfer-target-content .transfer-target-footer {
height: 16px;
color: var(--saas-font-size-deep-black);
font-size: 12px;
position: absolute;
bottom: 6px;
}
.transfer-segment-container {
display: flex;
color: var(--saas-font-size-black);
}
.transfer-segment-container .left-content {
width: calc(50% - 40px);
}
.transfer-segment-container .left-content .segment-select {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
height: 100%;
}
.transfer-segment-container .left-content .segment-select-item {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 8px;
}
.transfer-segment-container .left-content .segment-select-item .ant-select {
color: var(--saas-font-size-black);
font-size: 12px;
}
.transfer-segment-container .left-content .segment-select-item .ant-select .ant-select-selector {
font-size: 12px;
border-radius: 4px;
background-color: var(--Form-input-bg);
border-color: var(--DatePicker-borderColor);
}
.transfer-segment-container .left-content .segment-select-item .ant-select .ant-select-selector:hover {
border-color: #40a9ff;
}
.transfer-segment-container .left-content .segment-select-item .ant-input-number {
color: var(--saas-font-size-black);
border-color: var(--DatePicker-borderColor);
background-color: var(--Form-input-bg);
}
.transfer-segment-container .left-content .segment-select-item .ant-input-number-handler-wrap {
background-color: var(--Form-input-bg);
}
.transfer-segment-container .left-content .segment-select-item .ant-input-number-handler-wrap span {
color: var(--saas-font-size-deep-black);
border-color: var(--DatePicker-borderColor);
}
.transfer-segment-container .left-content .segment-select-item .ant-input-number-handler-wrap span:hover {
color: #40a9ff;
}
.transfer-segment-container .left-content .segment-select-item .ant-input-number-input-wrap {
border-radius: 4px;
background-color: var(--Form-input-bg);
}
.transfer-segment-container .right-content {
flex: 1;
}
.transfer-segment-container .right-content .transfer-target {
border-radius: 3px;
border: 1px solid var(--borderColor);
flex: 1;
height: 100%;
}
.transfer-segment-container .right-content .transfer-target .transfer-target-header {
flex-shrink: 0;
height: 32px;
background: var(--saas-crud-advanced-modle-title-color);
padding: 0 10px;
border-bottom: 1px solid var(--borderColor);
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.transfer-segment-container .right-content .transfer-target .transfer-target-header .title {
font-size: 14px;
color: var(--saas-font-size-dark-black);
}
.transfer-segment-container .right-content .transfer-target .transfer-target-content {
overflow-y: auto;
display: flex;
flex-wrap: wrap;
height: calc(100% - 32px);
padding: 6px;
gap: 6px;
position: relative;
}
.transfer-segment-container .right-content .transfer-target .transfer-target-content .option {
overflow-y: auto;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
height: calc(100% - 16px);
gap: 6px;
}
.transfer-segment-container .right-content .transfer-target .transfer-target-content .option-item {
padding: 6px 12px 6px 0;
height: 24px;
display: flex;
flex-flow: row nowrap;
align-items: center;
font-size: 12px;
background: var(--saas-crud-hover-color);
color: var(--saas-Primary-Color);
}
.transfer-segment-container .right-content .transfer-target .transfer-target-content .option-item .icon {
cursor: pointer;
font-size: 16px;
}
.transfer-segment-container .right-content .transfer-target .transfer-target-content .option-item .item-title {
height: 24px;
width: 24px;
display: flex;
justify-content: center;
align-items: center;
color: var(--saas-font-size-color-reverse);
background: var(--Table--unsaved-heading-color);
margin-right: 8px;
}
.transfer-segment-container .right-content .transfer-target .transfer-target-content .option-item .item-label {
margin-left: 8px;
margin-right: 8px;
flex: 1;
cursor: move;
user-select: none;
max-width: 150px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: auto;
}
.transfer-segment-container .right-content .transfer-target .transfer-target-content .option-item .close-btn {
color: #aaa;
cursor: pointer;
}
.transfer-segment-container .right-content .transfer-target .transfer-target-content .option-item .anticon-close {
opacity: 0;
}
.transfer-segment-container .right-content .transfer-target .transfer-target-content .option-item:hover .close-btn {
display: block;
}
.transfer-segment-container .right-content .transfer-target .transfer-target-content .option-item:hover .anticon-close {
opacity: 1;
}
.transfer-segment-container .right-content .transfer-target .transfer-target-content .target-content-inner {
display: flex;
flex-wrap: wrap;
}
.transfer-segment-container .right-content .transfer-target .transfer-target-content .transfer-target-footer {
height: 16px;
color: var(--saas-font-size-deep-black);
font-size: 12px;
position: absolute;
bottom: 6px;
}
.transfer-segment-container .right-content .target-box {
display: flex;
flex-flow: row nowrap;
align-items: center;
height: 50%;
height: 72px;
}
.transfer-segment-container .right-content .target-box .btn-group {
padding: 0 10px;
display: flex;
flex-flow: column nowrap;
align-items: center;
}
.transfer-segment-container .right-content .target-box .btn-group .btn {
width: 20px;
height: 20px;
margin-bottom: 30px;
border: 1px solid var(--saas-border-color);
border-radius: 3px;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
background: #fff;
outline: none;
font-size: 10px;
cursor: pointer;
}
.transfer-segment-container .right-content .target-box .btn-group .btn:last-child {
margin-bottom: 0;
}
.transfer-segment-container .right-content .target-box .btn-group .btn.disabled {
filter: grayscale(100%);
box-shadow: none;
cursor: not-allowed;
color: var(--text--muted-color);
pointer-events: auto;
border: var(--Button-borderWidth) solid var(--Button-onDisabled-borderColor);
background: var(--Button-onDisabled-bg);
}
.drawer-advanced .dark-Form {
padding-top: 0;
height: 100%;
}
.drawer-advanced .dark-Form .advanced_drawer {
height: 100%;
background-color: var(--saas-Background-Header);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs {
height: 100%;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-nav {
margin: 0;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-nav .ant-tabs-extra-content {
width: 36px;
height: 38px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .left-text {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-nav .ant-tabs-extra-content .left-text svg {
width: 12px;
height: 12px;
color: var(--saas-Title-Text);
transform: rotateY(180deg);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap {
color: var(--saas-Title-Text);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
padding: 0;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-ink-bar {
display: none;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-nav::before {
border-bottom: 1px solid var(--saas-Border-Dividers);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder {
flex: 1;
overflow: hidden;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content {
height: 100%;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
height: 100%;
overflow: auto;
background-color: var(--saas-main-bg);
position: relative;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-check {
height: 100%;
display: flex;
flex-direction: column;
background-color: var(--saas-main-bg);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-container {
flex: 1;
height: 100%;
max-height: calc(100vh - 250px);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-container .transfer-source {
width: calc(50% - 20px);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-container .transfer-source .transfer-source-header {
position: sticky;
top: 0;
z-index: 1;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-container .transfer-source .source-content-inner {
height: 100%;
max-height: calc(100vh - 300px);
overflow: auto;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-container .transfer-source .source-content-inner .display-field .display-field-label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-container .transfer-target-group {
flex-direction: column;
overflow: hidden;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-container .transfer-target-group .target-box {
flex: 1;
background: var(--saas-Background-Header);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-container .transfer-target-group .target-box .transfer-target {
flex: 1;
width: auto;
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-container .transfer-target-group .target-box .transfer-target .transfer-target-content {
height: auto;
flex: 1;
width: 100%;
overflow: hidden;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-container .transfer-target-group .target-box .transfer-target .transfer-target-content .target-content-inner {
flex-direction: column;
width: 100%;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-container .transfer-target-group .target-box .transfer-target .transfer-target-content .target-content-inner .option-item .fa {
width: 12px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-container .transfer-target-group .target-box .transfer-target .transfer-target-content .target-content-inner .option-item .item-label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-container .transfer-target-group .target-box:nth-child(1) {
padding-bottom: 5px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-container .transfer-target-group .target-box:nth-child(2) {
padding-top: 5px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-check-group {
padding-left: 10px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-segment-container .left-content {
padding-left: 10px;
padding-bottom: 10px;
width: 100%;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .transfer-segment-container .left-content .segment-select-item > span {
display: block;
width: 70px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersbody {
max-height: calc(100% - 84px);
overflow: auto;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_param_title-box {
padding-top: 10px;
padding-left: 10px;
background: var(--saas-main-bg);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_param_title-box .title {
font-size: 15px;
font-weight: bold;
border-left: 4px solid #3574EE;
padding-left: 8px;
color: var(--saas-Title-Text);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List {
border: none;
border-bottom: 1px solid var(--saas-border-color);
background-color: #fff;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items {
background: var(--saas-main-bg);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item {
justify-content: unset;
padding: 12px;
padding-left: 6px;
margin-left: 10px;
align-items: flex-start;
border-bottom: 1px solid var(--saas-Border-Dividers);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item:last-child {
border-bottom: none;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item-action {
margin-left: 0;
padding-right: 0;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item-action li {
padding: 0;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item-action li:empty {
display: none;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .advanced-condition {
width: 20% !important;
justify-content: center;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .advanced-condition .advanced_drawer_List_popup_text {
display: flex !important;
justify-content: center;
align-items: flex-start;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .dark-ActionSheet {
display: flex;
align-items: flex-start;
justify-content: center;
width: 24%;
font-size: 15px;
color: var(--saas-Title-Text);
border-right: 1px solid var(--saas-border-color);
min-height: 22px;
color: var(--saas-Secondary-Text);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .dark-ActionSheet > div {
width: 100%;
height: 100%;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .dark-ActionSheet > div:first-child {
display: flex;
align-items: flex-start;
min-height: 22px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .dark-ActionSheet .advanced_drawer_List_popup_text {
color: var(--saas-Secondary-Text);
display: inline-block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .dark-ActionSheet .align_left {
text-align: left;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .dark-ActionSheet .advanced_drawer_disabled {
color: #ddd;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .dark-ActionSheet.advanced-condition {
color: var(--saas-Title-Text);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .dark-ActionSheet .show-datetime-value .show-datetime-toggler {
align-items: flex-start;
height: 24px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .advanced_drawer_List_double {
width: 50%;
min-height: 22px;
padding: 0 5px;
padding-right: 0;
display: flex;
align-items: flex-start;
flex: 1;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .advanced_drawer_List_double .dark-Form-item {
flex: 1;
padding: 0px !important;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .advanced_drawer_List_double .dark-Form-item .dark-Form-value .dark-Form-control.dark-DateControl .dark-Table-expandBtn {
display: none;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .advanced_drawer_List_double .dark-Form-item .dark-Form-value .dark-Form-control .dark-TextControl-addOn {
display: none;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .advanced_drawer_List_double .dark-Form-item .dark-Form-value .dark-Form-control .dark-TextControl-input input::placeholder {
font-size: 1em;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .advanced_drawer_List_double .dark-DateRangeControl .dark-DateRangePicker-input {
min-width: 160px;
max-width: 160px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .advanced_drawer_List_double .dark-DateRangeControl .dark-DateRangePicker-toggler {
display: none;
margin: 0;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .advanced_drawer_List_double .dark-DateRangeControl .show-datetime-value .show-datetime-value-item {
align-items: flex-start;
height: 22px;
line-height: 22px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .advanced_drawer_List_double .dark-DateControl .dark-DatePicker-input {
min-width: 160px;
max-width: 160px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .advanced_drawer_List_double .dark-ResultBox-value-wrap {
align-items: flex-start;
height: 22px;
line-height: 22px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List .ant-list-items .ant-list-item .advanced_drawer_List_radios {
height: auto;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List_button {
height: 42px;
color: #2a87eb;
background: var(--saas-main-bg);
font-size: 15px;
display: flex;
justify-content: center;
align-items: center;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List_button .anticon {
margin-right: 10px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List_button.add-button {
position: relative;
box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.03);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List_distinguish {
position: absolute;
bottom: 0;
width: 100%;
border-top: 1px solid var(--saas-border-color);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List_distinguish .ant-input-number {
border: 1px solid var(--saas-Border-Dividers);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_List_distinguish .ant-input-number .ant-input-number-input-wrap input {
border: none;
background: var(--saas-main-bg);
color: var(--saas-Title-Text);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader {
overflow: auto;
background: var(--saas-main-bg);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item {
margin-left: 10px;
padding: 12px;
padding-left: 6px;
border-bottom: 1px solid var(--saas-border-color);
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item:last-child {
border-bottom: none;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-Form-label {
min-width: 44%;
max-width: 44%;
padding-right: 0;
margin-right: 5px;
color: var(--saas-Secondary-Text);
font-weight: normal;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-Form-label .dark-Form-star {
left: -10px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-Form-label .dark-TplField {
height: 22px;
line-height: 22px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-DatePicker-content .dark-DateRangePicker-input,
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-DatePicker-content .dark-DatePicker-input,
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-DateRangePicker-content .dark-DateRangePicker-input,
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-DateRangePicker-content .dark-DatePicker-input {
min-width: 160px;
max-width: 160px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-DatePicker-content .dark-DateRangePicker-clear,
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-DatePicker-content .dark-DatePicker-clear,
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-DateRangePicker-content .dark-DateRangePicker-clear,
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-DateRangePicker-content .dark-DatePicker-clear {
margin-right: 14px;
height: 22px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-DatePicker-content .dark-Table-expandBtn,
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-DateRangePicker-content .dark-Table-expandBtn {
width: auto;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-DateRangePicker .dark-DateRangePicker-toggler {
margin-top: 0;
margin-right: 0;
padding: 0;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-DateRangePicker .dark-DateRangePicker-toggler > svg {
top: 0;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-DateRangePicker .show-datetime-value-box .show-datetime-value-item {
height: 22px;
line-height: 22px;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-Form-value .dark-Form-control .dark-TextControl-addOn {
display: none;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-Form-value .dark-Form-rowInner .dark-DateRangeControl .dark-DateRangePicker .dark-DateRangePicker-toggler {
margin-top: 0;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .advanced_drawer_filtersHeader .dark-Form-item .dark-Form-value .dark-ResultBox {
line-height: 1;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .dark-Form-item .dark-Form-value .dark-DateRangeControl .dark-DateRangePicker-content .dark-DateRangePicker-placeholder {
margin-right: 0;
}
.drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .transfer-check .transfer-check-group .ant-btn-text:hover, .drawer-advanced .dark-Form .advanced_drawer .ant-tabs .ant-tabs-content-holder .ant-tabs-content .transfer-check .transfer-check-group .ant-btn-text:focus {
color: var(--saas-Title-Text);
}
.drawer-advanced .ant-drawer-footer {
text-align: right;
border-top: 1px solid var(--saas-Border-Dividers);
}
.drawer-advanced .ant-drawer-footer .defaultModal-footer-right {
display: flex;
align-items: center;
justify-content: flex-end;
}
.drawer-advanced .ant-drawer-footer .defaultModal-footer .default-select {
display: flex;
align-items: center;
justify-content: space-between;
}
.drawer-advanced .ant-drawer-footer .defaultModal-footer .default-select .text {
max-width: 100px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.advanced_drawer_List_Action.round .dark-PopUp-inner {
height: 60vh !important;
}
.advanced_drawer_List_Action .advanced_drawer_List_popup {
height: 100%;
display: flex;
flex-direction: column;
}
.advanced_drawer_List_Action .advanced_drawer_List_popup .advanced_drawer_List_popup_title {
display: flex;
justify-content: space-between;
align-items: center;
height: 60px;
}
.advanced_drawer_List_Action .advanced_drawer_List_popup .advanced_drawer_List_popup_title label {
padding: 0 16px;
font-size: 16px;
color: var(--saas-Title-Text);
text-align: left;
font-weight: 500;
}
.advanced_drawer_List_Action .advanced_drawer_List_popup .advanced_drawer_List_popup_title .closeWrap-icon {
margin-right: 10px;
width: 24px;
height: 24px;
display: inline-block;
border-radius: 50%;
background: var(--them-bg-color);
font-size: 16px;
color: var(--saas-Title-Text);
position: relative;
}
.advanced_drawer_List_Action .advanced_drawer_List_popup .advanced_drawer_List_popup_title .closeWrap-icon .icon-close {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 12px;
color: var(--saas-Title-Text);
fill: var(--saas-Title-Text);
position: absolute;
z-index: 1;
width: 1em;
height: 1em;
}
.advanced_drawer_List_Action .advanced_drawer_List_popup .advanced_drawer_List_popup_search {
padding: var(--gap-sm);
padding-top: 0;
}
.advanced_drawer_List_Action .advanced_drawer_List_popup .advanced_drawer_List_popup_search .input-box {
align-items: center;
width: 100%;
height: 44px;
border: none;
border-radius: 6px;
font-size: 15px;
background: var(--ai-tool-bg-color);
line-height: 1;
}
.advanced_drawer_List_Action .advanced_drawer_List_popup .advanced_drawer_List_popup_search .input-box input {
color: var(--saas-font-size-black);
}
.advanced_drawer_List_Action .advanced_drawer_List_popup .advanced_drawer_List_popup_search .input-box .icon.icon-search {
top: 0;
font-size: 14px;
height: 22px;
width: 22px;
color: #DCDCDC;
}
.advanced_drawer_List_Action .advanced_drawer_List_popup .advanced_drawer_List_popup_body {
flex: 1;
overflow: auto;
}
.advanced_drawer_List_Action .advanced_drawer_List_popup .advanced_drawer_List_popup_body .advanced_drawer_List_popup_filter {
height: 44px;
line-height: 44px;
font-size: 16px;
padding-left: 12px;
border-bottom: 1px solid var(--saas-Border-Dividers);
color: var(--saas-Title-Text);
}
.advanced_drawer_List_Action .advanced_drawer_List_popup .advanced_drawer_List_popup_body .advanced_drawer_List_popup_filter_text {
color: #108ee9;
}
.Modal-advanced {
top: 15px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content, .Modal-advanced.common-modal-component .ant-modal-content {
background: var(--saas-main-bg);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-header, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-header {
height: auto !important;
background: var(--saas-Background-Header);
border-bottom-color: var(--saas-Border-Dividers);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-header .ant-modal-title, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-header .ant-modal-title {
color: var(--saas-Title-Text);
padding: 0 !important;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-header .ant-modal-title .title, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-header .ant-modal-title .title {
padding: 6px 16px;
height: 34px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-header .ant-modal-title .template, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-header .ant-modal-title .template {
display: flex;
align-items: center;
justify-content: space-between;
padding: 6px 16px;
border-top: 1px solid var(--saas-Border-Dividers);
background-color: #fff;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-header .ant-modal-title .template-left, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-header .ant-modal-title .template-left {
display: flex;
align-items: center;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-header .ant-modal-title .template-left .tip, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-header .ant-modal-title .template-left .tip {
margin-left: 6px;
color: gray;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-header .ant-modal-title .template-left .select, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-header .ant-modal-title .template-left .select {
margin-left: 8px;
color: #3574EE;
font-weight: normal;
font-size: 14px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-header .ant-modal-title .template-right button, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-header .ant-modal-title .template-right button {
margin-right: 8px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-close, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-close {
color: var(--saas-font-size-deep-black);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body {
box-sizing: border-box;
overflow-y: scroll !important;
padding: 12px !important;
padding-bottom: 0 !important;
background-color: transparent;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body {
margin: -12px 0px 0px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .ant-divider, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .ant-divider {
margin: 8px 0px;
border-top-color: #2468f2;
color: var(--saas-font-size-black);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition {
margin: 8px 0;
padding: 8px 0;
background: var(--saas-Background-Header);
border-radius: 4px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row {
margin: 0px;
padding-right: 12px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item {
justify-content: right;
margin-left: 0;
margin-right: 0;
margin-bottom: 4px;
font-size: 12px !important;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item > .dark-Form-label, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item > .dark-Form-label {
width: auto;
flex: 1;
overflow: hidden;
padding-left: 12px;
padding-top: 0;
color: var(--saas-Title-Text);
font-size: 12px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item > .dark-Form-value, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item > .dark-Form-value {
max-width: 360px;
min-width: 360px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-TextControl-input,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-DateRangePicker,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-DatePicker, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-TextControl-input,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-DateRangePicker,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-DatePicker {
height: 30px !important;
padding: 1px 4px !important;
align-items: center;
font-size: 12px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-Form-control .dark-DateRangePicker-toggler, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-Form-control .dark-DateRangePicker-toggler {
font-size: 14px !important;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-Form-control .dark-DatePicker-toggler, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-Form-control .dark-DatePicker-toggler {
font-size: 14px !important;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-Form-control .dark-TextControl-addOn-icon, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-Form-control .dark-TextControl-addOn-icon {
right: 2px;
width: 20px;
font-size: 14px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-Form-control .dark-TextControl-input, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-Form-control .dark-TextControl-input {
align-items: center;
box-sizing: border-box;
padding: 0 3px;
min-height: 30px;
border-radius: 4px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-DatePicker-toggler, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-DatePicker-toggler {
display: flex;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-DatePicker-toggler svg.icon, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-condition .filter-row .dark-Form-item .dark-DatePicker-toggler svg.icon {
top: unset;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .fold-query-text, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .fold-query-text {
font-size: 13px;
font-weight: bold;
color: var(--saas-Secondary-Text);
border-top: #eee;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .fold-query-text .anticon, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .fold-query-text .anticon {
color: var(--saas-Placeholder-Text);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .fold-query-text::after, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .fold-query-text::after {
transform: translateY(0);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-caseSensitive,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-but, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-caseSensitive,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-but {
margin-top: 8px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-caseSensitive, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-caseSensitive {
color: var(--saas-font-size-black);
align-items: center;
font-size: 13px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-caseSensitive .ant-input-number, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-caseSensitive .ant-input-number {
color: var(--saas-font-size-black);
background-color: var(--Form-input-bg);
border-color: var(--DatePicker-borderColor);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-caseSensitive .condition-topN-box, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-caseSensitive .condition-topN-box {
display: flex;
align-items: center;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-caseSensitive .condition-topN-box .condition-topN, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-caseSensitive .condition-topN-box .condition-topN {
margin-right: 4px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-but .dark-Button, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-but .dark-Button {
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
height: 30px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-but button:not(:disabled):not(.is-disabled):hover:hover, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .Modal-advanced-body-but button:not(:disabled):not(.is-disabled):hover:hover {
background: var(--saas-crud-advanced-modle-body-condition-Button);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check {
overflow: hidden;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-check-group, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-check-group {
color: var(--saas-font-size-black);
margin-top: 0;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-check-group .ant-checkbox-wrapper .ant-checkbox + span, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-check-group .ant-checkbox-wrapper .ant-checkbox + span {
padding: 0 4px;
color: var(--saas-Title-Text);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-check-group .ant-checkbox-wrapper .ant-checkbox-disabled + span, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-check-group .ant-checkbox-wrapper .ant-checkbox-disabled + span {
color: var(--saas-Disable-Text);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-source .transfer-source-content .display-field, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-source .transfer-source-content .display-field {
align-items: center;
font-size: 13px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row {
min-height: 38px;
color: var(--saas-font-size-black);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .condition, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .condition {
width: 18px;
height: 18px;
line-height: 18px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .condition,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .fa-minus-square-o, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .condition,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .fa-minus-square-o {
top: 0;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .condition-not .ant-checkbox-wrapper, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .condition-not .ant-checkbox-wrapper {
font-size: 12px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .condition-not .ant-checkbox-wrapper .ant-checkbox + span, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .condition-not .ant-checkbox-wrapper .ant-checkbox + span {
padding-left: 4px;
padding-right: 0;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-Checkbox--checkbox, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-Checkbox--checkbox {
display: flex;
align-items: center;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select-arrow, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select-arrow {
color: var(--saas-font-size-black);
right: 6px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select-arrow .anticon svg, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select-arrow .anticon svg {
color: var(--saas-font-size-black);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select .ant-select-selector, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select .ant-select-selector {
height: 30px;
padding: 0 4px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select .ant-select-selector .ant-select-selection-item, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select .ant-select-selector .ant-select-selection-item {
font-size: 12px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select .ant-select-selector .ant-select-selection-search, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select .ant-select-selector .ant-select-selection-search {
left: 4px;
height: 30px;
font-size: 12px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-addOn-icon, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-addOn-icon {
right: 2px;
width: 20px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TransferDropDown-icon, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TransferDropDown-icon {
margin: 5px 0 5px auto;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-placeholder, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-placeholder {
top: 5px;
left: 4px;
color: #adadad;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-Picker-input, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-Picker-input {
padding: 0 4px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-Picker-input,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DateRangePicker-content,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-input,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-Form-value,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DatePicker,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-ResultBox, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-Picker-input,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DateRangePicker-content,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-input,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-Form-value,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DatePicker,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-ResultBox {
font-size: 12px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DatePicker,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DateRangePicker, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DatePicker,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DateRangePicker {
padding: 0 4px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DatePicker-input::placeholder,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DateRangePicker-input::placeholder, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DatePicker-input::placeholder,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DateRangePicker-input::placeholder {
font-size: 12px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DatePicker-value, .Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DatePicker-placeholder,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DateRangePicker-value,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DateRangePicker-placeholder, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DatePicker-value, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DatePicker-placeholder,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DateRangePicker-value,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-DateRangePicker-placeholder {
display: flex;
align-items: center;
font-size: inherit;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .del-icon, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .del-icon {
padding: 0 !important;
margin-left: -2px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .del-icon .icon, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .del-icon .icon {
fill: rgba(0, 0, 0, 0.26);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .del-icon .icon:hover, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .del-icon .icon:hover {
fill: #3574EE;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-ResultBox, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-ResultBox {
padding: 0 4px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-ResultBox-placeholder, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-ResultBox-placeholder {
color: #adadad;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-Form-value, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-Form-value {
padding-right: 0;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-input, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-input {
padding: 0 4px;
box-sizing: border-box;
align-items: center;
min-height: 30px;
border-radius: 4px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-input--withAC, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-input--withAC {
height: 30px;
padding: 0 4px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-input--withAC .dark-TextControl-value, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-input--withAC .dark-TextControl-value {
margin: 0;
margin-right: 3px;
height: auto;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-input--withAC .dark-Spinner--icon, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-input--withAC .dark-Spinner--icon {
margin-top: 6px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-input input, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-input input {
height: 100%;
color: rgba(0, 0, 0, 0.9);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-input .dark-TextControl-value .dark-TextControl-valueIcon, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TextControl-input .dark-TextControl-value .dark-TextControl-valueIcon {
display: inline-block;
padding: 0 5px;
height: 100%;
line-height: unset;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-ResultBox input,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-ResultBox-value-wrap, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-ResultBox input,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-ResultBox-value-wrap {
color: var(--saas-font-size-black);
padding: 0;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-Picker-placeholder, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-Picker-placeholder {
color: #adadad;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TransferPicker-icon, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TransferPicker-icon {
margin: 0 0 0 auto;
margin-top: 0px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TransferPicker-icon .icon, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-TransferPicker-icon .icon {
cursor: pointer;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row svg.icon, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row svg.icon {
top: unset;
font-size: 14px !important;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row svg[role=delete], .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row svg[role=delete] {
width: 20px;
height: 20px;
color: var(--saas-font-size-dark-black);
top: 0.2em;
cursor: pointer;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select {
color: var(--saas-font-size-black);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select.ant-select-disabled .ant-select-selector, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select.ant-select-disabled .ant-select-selector {
background: #e5e7eb;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select .ant-select-selector, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select .ant-select-selector {
border-radius: var(--component-radius);
background-color: var(--Form-input-bg);
border-color: var(--DatePicker-borderColor);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select .ant-select-selector:hover, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .advanced-filter-row-select .ant-select .ant-select-selector:hover {
border-color: #3574EE;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-SelectControl .dark-Select, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-SelectControl .dark-Select {
padding: 0 4px;
font-size: 12px;
min-height: unset;
height: 30px;
border-radius: 4px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-SelectControl .dark-Select .dark-Select-valueWrap, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-SelectControl .dark-Select .dark-Select-valueWrap {
margin-bottom: 0;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-SelectControl .dark-Select .dark-Select-value, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-SelectControl .dark-Select .dark-Select-value {
font-size: 12px;
margin-right: 4px;
margin-bottom: 0;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-SelectControl .dark-Select .dark-Select-arrow, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .advanced-filter-row .dark-SelectControl .dark-Select .dark-Select-arrow {
margin-right: 0;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-target-header .title,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-target-header .option-group, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-target-header .title,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-target-header .option-group {
font-size: 12px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-target-header .title .option,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-target-header .option-group .option, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-target-header .title .option,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-target-header .option-group .option {
color: var(--saas-SelectedBorder);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-source-header, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-source-header {
height: 32px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-source-header .title,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-source-header .option-group,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-target-header .title,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-target-header .option-group, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-source-header .title,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-source-header .option-group,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-target-header .title,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-target-header .option-group {
font-size: 12px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-source-header .title .option,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-source-header .option-group .option,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-target-header .title .option,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-target-header .option-group .option, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-source-header .title .option,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-source-header .option-group .option,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-target-header .title .option,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-target-header .option-group .option {
color: var(--saas-SelectedBorder);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-source-header .ant-btn,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-target-header .ant-btn, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-source-header .ant-btn,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-target-header .ant-btn {
display: flex;
padding: 0 15px;
justify-content: center;
align-items: center;
font-size: 12px;
line-height: auto;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-source-header .ant-btn.ant-btn-link,
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-target-header .ant-btn.ant-btn-link, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-source-header .ant-btn.ant-btn-link,
.Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .transfer-target-header .ant-btn.ant-btn-link {
color: #3574EE;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .target-box, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .target-box {
margin-bottom: 8px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .target-box:last-child, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-container .target-box:last-child {
margin-bottom: unset;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-segment-container .left-content .segment-select-item .ant-select .ant-select-selector:hover, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-segment-container .left-content .segment-select-item .ant-select .ant-select-selector:hover {
border-color: #3574EE;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-segment-container .left-content .segment-select .ant-select-arrow, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-body .Modal-advanced-body .transfer-check .transfer-segment-container .left-content .segment-select .ant-select-arrow {
color: var(--saas-Title-Text);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-footer, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-footer {
border-top: 1px solid var(--saas-Border-Dividers);
padding: 0 8px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-footer .drag-modal, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-footer .drag-modal {
padding-bottom: 0 !important;
margin-top: 0 !important;
border-top: none !important;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-footer .defaultModal-footer, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-footer .defaultModal-footer {
padding: 0 8px;
display: flex;
justify-content: space-between;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-footer .defaultModal-footer .dark-Button, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-footer .defaultModal-footer .dark-Button {
display: flex;
align-items: center;
justify-content: center;
padding: 0 8px;
font-size: 12px;
height: 30px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-footer .defaultModal-footer .ant-select, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-footer .defaultModal-footer .ant-select {
color: var(--saas-font-size-black);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-footer .defaultModal-footer .ant-select .ant-select-selector, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-footer .defaultModal-footer .ant-select .ant-select-selector {
border-radius: var(--component-radius);
background-color: var(--Form-input-bg);
border-color: var(--DatePicker-borderColor);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-footer .defaultModal-footer .ant-select .ant-select-selector .ant-select-selection-search, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-footer .defaultModal-footer .ant-select .ant-select-selector .ant-select-selection-search {
left: 4px;
height: 30px;
font-size: 12px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-footer .defaultModal-footer .ant-select .ant-select-arrow, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-footer .defaultModal-footer .ant-select .ant-select-arrow {
color: var(--saas-font-size-black);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-footer .defaultModal-footer-left, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-footer .defaultModal-footer-left {
display: flex;
align-items: center;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-footer .defaultModal-footer-left button, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-footer .defaultModal-footer-left button {
margin-right: 10px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-footer .defaultModal-footer-left .template-name, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-footer .defaultModal-footer-left .template-name {
display: flex;
align-items: center;
gap: 8px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-footer .defaultModal-footer-left .template-name .ant-input, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-footer .defaultModal-footer-left .template-name .ant-input {
background-color: var(--Form-input-bg);
color: var(--saas-Title-Text);
border-color: var(--borderColor);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-footer .defaultModal-footer-left .template-name .ant-input:focus, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-footer .defaultModal-footer-left .template-name .ant-input:focus {
border-color: var(--borderColor);
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-footer .defaultModal-footer-left .defaultModal-select-content .ant-select-selector, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-footer .defaultModal-footer-left .defaultModal-select-content .ant-select-selector {
font-size: 12px;
border-radius: var(--component-radius);
height: 30px;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-footer .defaultModal-footer-right, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-footer .defaultModal-footer-right {
display: flex;
align-items: center;
}
.Modal-advanced.fl-modal.pc-dialog .ant-modal-content .ant-modal-footer .defaultModal-select-content, .Modal-advanced.common-modal-component .ant-modal-content .ant-modal-footer .defaultModal-select-content {
width: 200px;
vertical-align: top;
}
.Modal-advanced.common-modal-component .ant-modal-header .ant-modal-title {
padding: 6px 16px !important;
font-weight: 700;
font-size: 14px;
color: var(--saas-Title-Text);
}
.dropdown-select-style {
background-color: var(--saasBodyMessageTablePaginationColor);
}
.dropdown-select-style .ant-select-item {
color: var(--saas-font-size-black);
font-size: 12px;
}
.dropdown-select-style .ant-select-item-option-selected {
background-color: var(--frameworkSelectedBackGroundColor);
color: #2a77eb;
}
.dropdown-select-style .ant-select-item-option-active {
background-color: var(--frameworkBackGroundColorf5);
}
.defaultModal {
width: 370px;
}
.defaultModal .ant-modal-body {
display: flex;
align-items: center;
}
.defaultModal .ant-modal-body > span {
display: inline-block;
white-space: nowrap;
margin-right: 5px;
}
.defaultModal .ant-modal-body .defaultModal-select-content {
width: 260px;
}
.defaultModal-isMobile .ant-modal-close {
display: none;
}
.defaultModal-isMobile .ant-modal-content {
border-radius: 8px;
overflow: hidden;
background: var(--saas-Background-Header);
}
.defaultModal-isMobile .ant-modal-content .ant-modal-header {
border-bottom: none;
background: transparent;
}
.defaultModal-isMobile .ant-modal-content .ant-modal-footer {
background: transparent;
border-top: 1px solid var(--saas-Border-Dividers);
}
.defaultModal-isMobile .ant-modal-content .ant-modal-body {
padding-top: 0;
}
.defaultModal-select-content-option .ant-select-item-option-content {
display: flex;
align-items: center;
}
.defaultModal-select-content-option .ant-select-item-option-content .defaultModal-select-content-option-tempName {
flex: 1;
}
.defaultModal-select-content-option .ant-select-item-option-content .defaultModal-select-content-option-click {
width: 60px;
display: flex;
justify-content: space-around;
align-items: center;
}
.dark-Process {
height: 100%;
background-color: #f7f7f7;
}
.dark-Process .contacts-title-input {
padding: 10px;
text-align: center;
}
.dark-Process .contacts-title-input input {
width: 100%;
background: white;
}
.dark-Process-tabs {
height: 100%;
}
.dark-Process-tabs .ant-tabs-nav {
margin: 0;
background-color: #fff;
}
.dark-Process-tabs .ant-tabs-content-holder {
flex: 1;
background-color: #f7f7f7;
}
.dark-Process-tabs .ant-tabs-content-holder .ant-tabs-content {
height: 100%;
}
.dark-Process-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
padding: 0;
}
.dark-Process-tabs-tabPane {
padding: 0 10px;
overflow: auto;
}
.dark-Process-tabs-tabPane::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.dark-Process-tabs-title > .ant-tabs-nav {
border-top: 1px solid #f7f7f7;
}
.dark-Process-tabs-title > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list {
flex: 1;
justify-content: space-evenly;
height: 46px;
}
.dark-Process-tabs-title > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab {
margin: 0;
padding: 0;
}
.dark-Process-tabs-title > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab > .ant-tabs-tab-btn > span {
display: flex;
flex-direction: column;
align-items: center;
font-size: 12px;
}
.dark-Process-tabs-title > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-tab > .ant-tabs-tab-btn > span > span {
margin-right: 0;
font-size: 20px;
}
.dark-Process-tabs-title > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list > .ant-tabs-ink-bar {
background-color: transparent;
}
.dark-Process_color .ant-tabs-content-holder {
background-color: #fff;
}
.dark-Process_height {
height: calc(100% - 50px);
}
.dark-Sub-tree-box {
overflow: hidden;
}
.dark-Sub-tree-box .top-container {
border-bottom: 1px solid #dfe2e6;
padding: 8px 12px;
}
.dark-Sub-tree-box .top-container .select-btn {
color: #333;
border: none;
}
.menu-list {
width: 100%;
height: 100%;
padding: 0 6px;
position: relative;
display: flex;
flex-direction: column;
background-color: var(--saas-main-bg);
}
.menu-list-header {
height: 46px;
line-height: 34px;
font-size: 15px;
font-weight: 600;
padding: 6px 8px;
}
.menu-list-body {
height: calc(100% - 46px);
display: flex;
flex-direction: column;
overflow-y: auto;
}
.menu-list-body-item {
min-height: 48px;
cursor: pointer;
display: flex;
align-items: center;
border-radius: 4px;
font-weight: 500;
margin-top: 6px;
}
.menu-list-body-item-selected {
background-color: var(--Form-select-menu-onHover-bg);
}
.menu-list-body-item:hover {
background-color: var(--Form-select-menu-onHover-bg);
}
.menu-list-body-item-icon {
padding: 8px;
background-color: #CDE1FD;
font-size: 16px;
color: var(--saas-Primary-Color);
margin-left: 12px;
}
.menu-list-body-item-title {
height: 32px;
line-height: 32px;
font-size: 14px;
font-weight: 400;
flex: 1;
margin-left: 12px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.dark-Offline-image-item:not(:first-child) {
margin-left: 12px;
}
.dark-Offline-image .offline-image-wrapper {
display: flex;
justify-content: flex-start;
align-items: center;
}
.dark-Offline-image .dark-Offline-form-item {
background-color: #fff;
padding: 16px;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.5px;
font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Helvetica Neue;
color: #000;
position: relative;
}
.dark-Offline-image .dark-Offline-form-item label {
color: rgba(0, 0, 0, 0.4);
}
.dark-Offline-image .dark-Offline-form-item label .fa {
color: #000;
}
.dark-Offline-image .dark-Offline-form-item .img-left {
width: 22px;
height: 22px;
overflow: hidden;
}
.dark-Offline-image .dark-Offline-form-item .img-left img {
background-size: contain;
}
.dark-Offline-image .dark-Offline-form-item .img-right {
text-align: left;
flex: 1;
overflow-x: hidden;
margin: auto 8px;
}
.dark-Offline-image .dark-Offline-form-item .img-right > div {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dark-Offline-image .dark-Offline-form-item .img-right .img-size {
color: #bfbfbc;
font-size: 12px;
font-weight: 400;
}
.dark-Offline-image .dark-Offline-form-item .img-del {
width: 24px;
text-align: center;
color: #bfbfbc;
}
.dark-Offline-image .dark-Offline-form-item > label {
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.dark-Offline-image .dark-Offline-form-item .dark-Offline-image-item {
display: flex;
justify-content: flex-start;
align-items: center;
margin-left: 0;
margin-top: 10px;
background-color: #f6f6f6;
padding: 4px;
}
.dark-Offline-image .dark-Offline-form-item::before {
content: "";
position: absolute;
bottom: 0;
border-bottom: 1px solid #eceff8;
width: calc(100% - 16px);
}
.dark-Quick-launch-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px;
}
.dark-Quick-launch-header-title {
font-size: 16px;
color: var(--saas-Title-Text);
}
.dark-Quick-launch-body {
border-top: 1px solid var(--saas-Border-Dividers);
padding: 12px 24px;
}
.dark-Quick-launch-body-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 12px;
gap: 8px 0;
}
.dark-Quick-launch-body-wrapper-item {
text-align: center;
width: 80px;
height: 76px;
padding: 6px;
position: relative;
cursor: pointer;
}
.dark-Quick-launch-body-wrapper-item-icon-box {
display: inline-block;
}
.dark-Quick-launch-body-wrapper-item-icon-box i {
font-size: 22px;
width: 42px;
height: 22px;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
}
.dark-Quick-launch-body-wrapper-item-icon-box .saas-icon-box {
width: 42px;
height: 22px;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
}
.dark-Quick-launch-body-wrapper-item-icon-box .saas-icon-box svg {
width: 26px;
height: 26px;
top: 0;
}
.dark-Quick-launch-body-wrapper-item-name {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
overflow: hidden;
margin-top: 5px;
}
.dark-Quick-launch-body-wrapper-item-close {
position: absolute;
right: 4px;
top: 4px;
color: #ff4255;
border-radius: 8px;
}
.dark-Quick-launch-body-wrapper-item:hover {
color: #000;
background-color: #e6f7ff;
}
.dark-Quick-launch-body-wrapper-item:hover .dark-Quick-launch-body-wrapper-item-name {
color: rgba(0, 0, 0, 0.9);
}
.dark-Quick-launch-body-wrapper-item.add-item {
background-color: inherit;
line-height: 60px;
}
.dark-Quick-launch-body-wrapper-item.add-item:hover {
background-color: inherit;
}
.dark-Quick-launch-body-wrapper-item.add-item .dark-Quick-launch-body-wrapper-item-icon {
background-color: inherit;
}
.dark-Quick-launch-body-wrapper-item.add-item .dark-Quick-launch-body-wrapper-item-icon .icon {
padding: 6px;
border: 1px solid var(--saas-Border-Dividers);
border-radius: 5px;
color: #a7a7a7;
background-color: inherit;
}
.dark-Quick-launch-body-wrapper-item.placeholder-item {
padding: 0;
}
.quick-launch-modal .ant-modal-close {
color: var(--saas-Title-Text);
}
.quick-launch-modal .quick-launch-modal-body-search-list {
display: flex;
justify-content: flex-start;
column-gap: 8px;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.quick-launch-modal .quick-launch-modal-body-search-list {
column-gap: 0;
}
}
.quick-launch-modal .ant-modal-header .ant-modal-title {
font-size: 14px;
font-weight: 700;
}
.quick-launch-modal .ant-modal-body {
padding: 0;
background-color: var(--saas-Background-Header);
color: var(--saas-Title-Text);
}
.quick-launch-modal .site-tree-search-value {
color: #f50;
}
.quick-launch-modal-body {
display: flex;
height: calc(70vh - 54px);
font-size: 14px;
}
.quick-launch-modal-body-left {
width: 200px;
border-right: 1px solid var(--saas-Border-Dividers);
padding: 12px;
display: flex;
flex-direction: column;
}
.quick-launch-modal-body-left-title {
font-weight: 700;
}
.quick-launch-modal-body-left-search {
border: none;
outline: none;
margin: 8px 0;
}
.quick-launch-modal-body-left-search .ant-input {
background-color: var(--saas-Background-Header);
font-size: 13px;
border: none;
letter-spacing: 1px;
}
.quick-launch-modal-body-left-search .ant-input:focus {
outline: none;
border: none;
box-shadow: none;
}
.quick-launch-modal-body-left-search .ant-input::placeholder {
color: #c1c2c5;
}
.quick-launch-modal-body-left-tree {
flex: 1;
overflow-y: auto;
font-size: 13px;
}
.quick-launch-modal-body-left-tree .ant-tree {
background-color: var(--saas-main-bg);
font-size: 13px;
color: var(--saas-Title-Text);
}
.quick-launch-modal-body-left-tree .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
background-color: var(--saasTabsBodyHoverBackgroundColor);
}
.quick-launch-modal-body-left-tree .ant-tree .ant-tree-node-content-wrapper:hover {
background-color: var(--saasTabsBodyHoverBackgroundColor);
}
.quick-launch-modal-body-left-tree .ant-tree .ant-tree-iconEle {
font-size: 24px;
}
.quick-launch-modal-body-left-tree .ant-tree .ant-tree-iconEle .icon {
top: 0;
}
.quick-launch-modal-body-left-tree .ant-tree .ant-tree-switcher-noop {
width: 18px;
}
.quick-launch-modal-body-left-tree .ant-tree .ant-tree-indent {
width: 0px;
}
.quick-launch-modal-body-right {
width: 580px;
padding: 12px 24px;
overflow-y: auto;
}
.quick-launch-modal .ant-modal-footer {
background-color: var(--saas-Background-Header);
}
.quick-launch-modal .ant-modal-footer .quick-launch-modal-footer {
display: flex;
justify-content: space-between;
align-items: center;
}
.quick-launch-modal .ant-modal-footer .quick-launch-modal-footer-left {
flex: 1;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
margin-right: 150px;
color: var(--saas-Title-Text);
}
.quick-launch-modal .ant-modal-footer .quick-launch-modal-footer-right button {
margin-left: 10px;
}
.quick-launch-modal .quick-launch-modal-body-group {
margin-top: 42px;
}
.quick-launch-modal .quick-launch-modal-body-group-title {
font-weight: 700;
}
.quick-launch-modal .quick-launch-modal-body-group-body {
margin-top: 18px;
}
.quick-launch-modal .quick-launch-modal-body-group-body-container {
display: flex;
justify-content: flex-start;
gap: 20px 8px;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.quick-launch-modal .quick-launch-modal-body-group-body-container {
column-gap: 0;
}
}
.quick-launch-modal .quick-launch-modal-body-group-item {
text-align: center;
font-size: 12px;
width: 80px;
height: 76px;
padding: 10px;
position: relative;
cursor: pointer;
text-align: center;
}
@media (max-width: 767px) {
.quick-launch-modal .quick-launch-modal-body-group-item {
width: 33.333333%;
}
}
.quick-launch-modal .quick-launch-modal-body-group-item-name {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
overflow: hidden;
padding-top: 5px;
}
.quick-launch-modal .quick-launch-modal-body-group-item-icon-box {
display: flex;
justify-content: center;
}
.quick-launch-modal .quick-launch-modal-body-group-item-icon svg {
font-size: 18px;
width: 42px;
height: 22px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 8px;
}
.quick-launch-modal .quick-launch-modal-body-group-item-sel {
position: absolute;
top: 0;
right: 0;
color: var(--saas-Primary-Color);
}
.quick-launch-modal .quick-launch-modal-body-group-item-unsel {
position: absolute;
top: 0;
right: 0;
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid var(--saas-Border-Dividers);
}
@media (max-width: 767px) {
.dark-Quick-launch-header {
background-color: var(--saas-Background-Header);
}
.dark-Quick-launch-header-title {
height: 36px;
line-height: 36px;
}
.dark-Quick-launch-body {
border-radius: 8px;
padding: 12px;
}
.quick-launch-modal .ant-drawer-header {
display: none;
}
.quick-launch-modal .ant-drawer-body {
padding: 0;
}
.quick-launch-modal .quick-launch-drawer {
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 100%;
overflow: hidden;
background-color: var(--saas-main-bg);
}
.quick-launch-modal .quick-launch-drawer-header {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 8px 0;
padding-right: 46px;
}
.quick-launch-modal .quick-launch-drawer-header-title {
text-align: center;
flex: 1;
font-size: 16px;
}
.quick-launch-modal .quick-launch-drawer-header-close {
padding: 0 15px;
}
.quick-launch-modal .quick-launch-drawer-header-close .icon-title-left {
vertical-align: sub;
}
.quick-launch-modal .quick-launch-drawer-body {
flex: 1;
padding: 0 0 16px 0;
height: calc(100% - 48px);
}
.quick-launch-modal .quick-launch-drawer-body-top {
padding: 0 16px;
border-top: 1px solid var(--saas-border-color);
height: 58px;
line-height: 58px;
}
.quick-launch-modal .quick-launch-drawer-body-top .dark-Form-item {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
font-size: 15px;
}
.quick-launch-modal .quick-launch-drawer-body-top .dark-Form-item .dark-Form-label {
width: 112px;
margin-bottom: 0;
font-size: 15px;
padding: 0 4px;
color: var(--saas-Placeholder-Text);
}
.quick-launch-modal .quick-launch-drawer-body-top .dark-Form-item .dark-SelectControl .dark-ResultBox {
font-size: 15px !important;
}
.quick-launch-modal .quick-launch-drawer-body .quick-launch-drawer-body-top-block {
height: 8px;
background-color: var(--saas-Background-Header);
}
.quick-launch-modal .quick-launch-drawer-body .quick-launch-drawer-header-search {
border: none;
outline: none;
padding: 8px 16px;
}
.quick-launch-modal .quick-launch-drawer-body .quick-launch-drawer-header-search .ant-input {
background-color: #eee;
font-size: 14px;
border: none;
letter-spacing: 1px;
border-radius: 4px;
}
.quick-launch-modal .quick-launch-drawer-body .quick-launch-drawer-header-search .ant-input:focus {
outline: none;
border: none;
box-shadow: none;
}
.quick-launch-modal .quick-launch-drawer-body .quick-launch-drawer-header-search .ant-input::placeholder {
color: #c1c2c5;
}
.quick-launch-modal .quick-launch-drawer-body-bot {
height: calc(100% - 59px - 8px - 46px - 48px);
overflow: hidden;
display: flex;
justify-content: space-between;
}
.quick-launch-modal .quick-launch-drawer-body-left {
width: 100px;
background-color: var(--saas-Background-Header);
overflow-y: auto;
border-radius: 0 8px 8px 0;
}
.quick-launch-modal .quick-launch-drawer-body-left-list-item {
height: 48px;
font-size: 15px;
padding: 0 8px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.quick-launch-modal .quick-launch-drawer-body-left-list-item.active-item {
color: var(--saas-Primary-Color);
background-color: var(--saas-main-bg);
}
.quick-launch-modal .quick-launch-drawer-body-right {
height: 100%;
width: calc(100% - 100px);
display: flex;
flex-direction: column;
}
.quick-launch-modal .quick-launch-drawer-body-right-content {
flex: 1;
overflow-y: auto;
margin-top: 16px;
padding: 0 12px;
}
.quick-launch-modal .quick-launch-drawer-body-right-content .quick-launch-modal-body-group-item .quick-launch-modal-body-group-item-icon svg {
height: 28px;
font-size: 24px;
}
.quick-launch-modal .quick-launch-drawer-body-footer {
height: 48px;
line-height: 48px;
padding: 0 16px;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid var(--saas-border-color);
}
.quick-launch-modal .quick-launch-drawer-body-footer .ant-btn {
background-color: var(--saas-Primary-Color);
}
}
/*# sourceMappingURL=dark.css.map */
/*# sourceMappingURL=dark-ie11.css.map */