:root {
	--owl-menu-bg: #eaf4ff;

	--primary: var(--primary-color);
	--success: var(--success-color);
	--warning: var(--warning-color);
	--danger: var(--error-color);
	--info: var(--info-color);

	--borderRadius: 6px;

	--Form-selectValue-bg: var(--primary-color-active);
	--Form-selectValue-borderColor: var(--primary-color-hover);
	--Form-selectValue-onHover-bg: var(--primary-color-active);
	--ListItem-onChecked-bg: var(--primary-color-active);
	--ListItem-onChecked-borderColor: var(--primary-color);
	--ListItem-onChecked-color: var(--primary-color);
	--Table-onHover-bg: var(--primary-color-active);
	--Panel-borderWidth: 0;
	--Panel-border: 1px solid rgba(0, 0, 0, .06);
	--Page-title-fontSize: 20px;
	--Page-title-fontWeight: 600;
	--Page-title-lineHeight: 1;
	--DropDown-menu-borderWidth: 0;
	--Form-input-onHover-borderColor: var(--primary-color-hover);
	--Form-input-onFocused-borderColor: var(--primary-color-pressed);
	--Form-select-onFocused-borderColor: var(--primary-color-pressed);
	--Form-select-onFocused-color: var(--primary-color-pressed);
	--ColorPicker-onFocused-borderColor: var(--primary-color-pressed);
	--DatePicker-onFocused-borderColor: var(--primary-color-pressed);
	--InputGroup-select-onFocused-color: var(--primary-color-pressed);
	--Panel--default-bg: transparent;
	--Panel--default-headingBorderColor: transparent;
	--Panel-titleFontSize: var(--fontSizeLg);
	--ListControl-item-onActive-color: var(--primary-color-suppl);
	--ListControl-item-onActive-borderColor: var(--primary-color-suppl);
	--ListControl-item-onActive-before-bg: var(--primary-color-suppl);
	--Switch-checked-onHover-bgColor: var(--primary-color-hover);
	--Switch-checked-onActive-bgColor: var(--primary-color-suppl);
	--Combo-addBtn-onHover-bg: var(--primary-color-hover);
	--Combo-addBtn-onActive-bg: var(--primary-color-suppl);
	--Form-select-menu-onActive-color: var(--primary-color-suppl);
	--Button--default-onHover-color: var(--primary-color-hover);
	--Button--default-onActive-color: var(--primary-color-suppl);
	--Button--default-onActive-border: var(--primary-color-suppl);
	--primary-onActive: var(--primary-color-suppl);
	--info-onHover: var(--info-color-hover);
	--info-onActive: var(--info-color-suppl);
	--link-onClick-color: var(--primary-color-pressed);
	--Button--primary-onHover-border: var(--primary-color-hover);
	--button-primary-default-bg-color: var(--primary);
	--button-primary-default-top-border-color: var(--primary);
	--button-primary-default-bottom-border-color: var(--primary);
	--button-primary-default-left-border-color: var(--primary);
	--button-primary-default-right-border-color: var(--primary);
	--Button--primary-onHover-bg: var(--primary-color-hover);
	--Button--info-onActive-bg: var(--info-color-suppl);
	--Button--info-onActive-border: var(--info-color-suppl);
	--Button--info-onHover-bg: var(--info-color-hover);
	--Button--info-onHover-border: var(--info-color-hover);
	--Calendar-btn-onActive-bg: var(--primary-color-pressed);
	--Calendar-btn-onActive-border: var(--primary-color-pressed);
	--Calendar-btn-onHover-bg: var(--primary-color-hover);
	--Calendar-btn-onHover-border: var(--primary-color-hover);
	--Calendar-shortcut-onHover-color: var(--primary-color-hover);
	--DatePicker-header-onHover-color: var(--primary-color-hover);
	--PickerColumns-confirmAction-color: var(--primary-color-pressed);
	--Button-paddingX: 15px;
	--button-size-default-paddingRight: 15px;
	--button-size-default-paddingLeft: 15px;
	--Panel-footerPadding: 1rem var(--gap-base);
	--Panel-headingPadding: var(--gap-base);
	--Panel-boxShadow: 0 0 0;

	--button-link-default-font-color: var(--primary);
	--colors-brand-5: var(--primary);
	--button-default-hover-font-color: var(--primary);
	--button-default-hover-top-border-color: var(--primary);
	--button-default-hover-bottom-border-color: var(--primary);
	--button-default-hover-left-border-color: var(--primary);
	--button-default-hover-right-border-color: var(--primary);
	--Avatar-bg: transparent;
	--transfer-search-border-hover-color: var(--primary-color-hover);
	--button-default-default-bg-color: white;
	--Panel-heading-bg: white;
	--Panel-borderRadius: var(--borderRadius);
	--button-primary-hover-bg-color: var(--primary-color-hover);
	--button-primary-hover-top-border-color: var(--primary-color-hover);
	--button-primary-hover-bottom-border-color: var(--primary-color-hover);
	--button-primary-hover-left-border-color: var(--primary-color-hover);
	--button-primary-hover-right-border-color: var(--primary-color-hover);
	--button-primary-active-bg-color: var(--primary-color-active);
	--button-primary-active-top-border-color: var(--primary-color-active);
	--button-primary-active-bottom-border-color: var(--primary-color-active);
	--button-primary-active-left-border-color: var(--primary-color-active);
	--button-primary-active-right-border-color: var(--primary-color-active);
	--button-link-hover-font-color: var(--primary-color-hover);
	--button-link-active-font-color: var(--primary-color-active);
	--button-default-active-font-color: var(--primary-color-active);
	--button-default-active-top-border-color: var(--primary-color-active);
	--button-default-active-bottom-border-color: var(--primary-color-active);
	--button-default-active-left-border-color: var(--primary-color-active);
	--button-default-active-right-border-color: var(--primary-color-active);
	--Form-input-onFocused-borderColor: var(--primary-color-suppl);
	--Panel-heading-fontSize: var(--fonts-size-10);
	--Panel-heading-fontWeight: var(--fonts-weight-4);
	--checkbox-checked-hover-bg-color: var(--primary-color-hover);
	--select-base-hover-option-bg-color: var(--primary-color-active);
	--colors-brand-10: var(--primary-color-active);
	--colors-link-6: var(--primary-color-hover);
	--colors-link-5: var(--primary-color);
	--DateRangePicker-activeCursor-color: var(--primary-color);
	--colors-brand-9: var(--primary-color-active);
	--colors-brand-7: var(--primary-color-hover);
	--transfer-search-border-active-color: var(--primary-color);
	--colors-brand-6: var(--primary-color-hover);
	--Form-select-bg: white;
}

/*//2.4.0 样式修复*/
.cxd-Button--sm {
	font-size: var(--button-size-default-fontSize);
	font-weight: var(--button-size-default-fontWeight);
	line-height: var(--button-size-default-lineHeight);
	border-radius: var(--button-size-default-top-left-border-radius) var(--button-size-default-top-right-border-radius) var(--button-size-default-bottom-right-border-radius) var(--button-size-default-bottom-left-border-radius);
	height: var(--button-size-default-height);
	padding: var(--button-size-default-paddingTop) var(--button-size-default-paddingRight) var(--button-size-default-paddingBottom) var(--button-size-default-paddingLeft);
	margin: var(--button-size-default-marginTop) var(--button-size-default-marginRight) var(--button-size-default-marginBottom) var(--button-size-default-marginLeft);
}

.cxd-Button > svg {
	width: 12px;
	height: 12px;
}

.amis-scope .cxd-InputGroup-addOn:first-child{
	display: flex;
	align-items: center;
}

/*// end*/

/*2.7.0样式修复*/
.amis-scope .cxd-Select--multi .cxd-Select-value {
	background: var(--ResultBox-value-bg);
	color: var(--ResultBox-value-color);
	font-size: var(--Form-input-fontSize);
	padding: 0 var(--gap-xs);
	min-height: var(--ResultBox-tag-height);
	flex-wrap: nowrap;
	display: inline-flex;
	align-items: center;
	margin-right: var(--gap-xs);
	margin-bottom: var(--ResultBox-tag-marginBottom);
	user-select: none;
	border-radius: .125rem;
}

.amis-scope .cxd-RatingControl, .amis-scope .cxd-Rating, .amis-scope .cxd-Rating > ul, .amis-scope .cxd-Rating-star {
	height: 100%;
}

.amis-scope .cxd-Pagination{
	display: flex;
	align-items: center;
}

.amis-scope .cxd-Pagination-next > span{
	display: flex;
	align-items: center;
}

.amis-scope .cxd-Pagination-prev > span{
	display: flex;
	align-items: center;
}

/*end*/

.amis-scope {
	height: 100%;
	background: transparent;
	position: relative;
}

.amis-scope .cxd-Page {
	height: auto;
	background: transparent;
}

.amis-scope .cxd-Page-content {
	padding: 0;
}

.amis-scope .cxd-Page-header {
	display: flex;
	align-items: end;
	padding: var(--Page-header-paddingY) 0;
}

.amis-scope .cxd-Page-body {
	padding: var(--Page-body-padding) 0;
}

.amis-scope .cxd-Page-subTitle {
	padding-left: 12px;
	font-size: 14px;
	line-height: 1;
}

.amis-scope .cxd-Page-main > .cxd-Page-header {
	border-bottom: 0;
}

.amis-scope .cxd-Page-headerRow {
	border-bottom: none;
}

.amis-scope .cxd-Crud {
	padding: 15px;
	background: white;
	border-radius: var(--borderRadius);
	border: 1px solid rgba(0, 0, 0, .06);
}

.amis-scope .cxd-Card {
	border: 1px solid rgba(0, 0, 0, .06);
	--un-shadow: var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgba(0, 0, 0, .05));
	box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}

.amis-scope .cxd-Crud {
	--un-shadow: var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgba(0, 0, 0, .05));
	box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}

.amis-scope .cxd-Layout--folded .cxd-AsideNav-subList {
	border-radius: var(--borderRadius);
}

.amis-scope .cxd-Remark > span {
	background: transparent;
}

.amis-scope .base-filter {
	background: #f7f7f9 !important;
	box-shadow: 0 0 0 0 !important;
}

.amis-scope .base-filter .cxd-TextControl-input {
	background: white;
}

.amis-scope .base-filter .cxd-Panel-footer {
	background: #f7f7f9;
}

.amis-scope .cxd-Panel-heading {
	border-width: 0;
}

.amis-scope .cxd-Panel {
	border: 1px solid rgba(0, 0, 0, .06);
	--un-shadow: var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgba(0, 0, 0, .05));
	box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}

.amis-scope .cxd-Panel-footer {
	border: 0 !important;
}

.amis-scope .cxd-RichTextControl {
	border-radius: var(--borderRadius);
}

.amis-scope .cxd-Number--enhance .cxd-Number--enhance-left-icon .InputNumber-enhance-minus, .amis-scope .cxd-Number--enhance .cxd-Number--enhance-right-icon .InputNumber-enhance-plus {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.amis-scope .cxd-Table-table .cxd-TextControl-input {
	background: white;
}

.dark .amis-scope .cxd-Table-table .cxd-TextControl-input {
	background: var(--dark-card-background);
}


/*暗色主题适配*/
:root {
	--dark-card-background: #18181c;
	--dark-background1: #101014;
	--dark-table-header-background: #26262a;
	--dark-text-color: rgba(255, 255, 255, 0.82);
	--dark-border-color: rgba(255, 255, 255, 0.2);
	--dark-disabled-color: #585858;
}

.dark:root{
	--Form-select-bg: transparent !important;
	--select-base-hover-option-color: var(--dark-text-color);
	--select-base-default-option-color: var(--dark-text-color);
	--colors-neutral-line-10: var(--dark-border-color);
	--colors-neutral-line-8: var(--dark-border-color);
}

.dark .amis-scope .cxd-Crud, .dark .amis-scope .cxd-Panel, .dark .amis-scope .cxd-Card {
	background: var(--dark-card-background);
	border-color: var(--dark-border-color);
}

.dark .amis-scope .cxd-RichTextControl {
	background: var(--dark-card-background);
	border-color: var(--dark-border-color);
}

.dark .amis-scope .cxd-Panel-footer {
	background: var(--dark-card-background);
	border-color: var(--dark-border-color);
}

.dark .amis-scope {
	color: var(--dark-text-color) !important;
}

.dark .amis-scope .cxd-Page-header {
	color: var(--dark-text-color) !important;
}

.dark .amis-scope .cxd-Page-title {
	color: var(--dark-text-color) !important;
}

.dark .amis-scope .cxd-Form-label {
	color: var(--dark-text-color) !important;
}

.dark .amis-scope .cxd-Button--default, .dark .amis-scope .cxd-Select {
	background: var(--dark-card-background);
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Table-table {
	background: var(--dark-card-background);
	color: var(--dark-text-color);
	border-bottom: var(--Table-borderWidth) solid var(--dark-border-color) !important;
}

.dark .amis-scope .cxd-Table-table > thead > tr > th:not(:last-child) {
	border-right: var(--Table-borderWidth) solid var(--dark-border-color) !important;
}

.dark .amis-scope .cxd-Table-table > thead > tr > th {
	background: var(--dark-table-header-background);
	color: var(--dark-text-color);
	border-bottom: var(--Table-borderWidth) solid var(--dark-border-color) !important;
}

.dark .amis-scope .cxd-Table-table > tbody > tr:hover, .dark .amis-scope .cxd-Table-table > tbody > tr.is-hovered {
	background: var(--dark-table-header-background);
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Table-table > tbody > tr + tr {
	border-top: var(--Table-borderWidth) solid var(--dark-border-color);
}

.dark .amis-scope .cxd-TextControl-input {
	border-color: var(--dark-border-color);
}

.dark .amis-scope .second-toolbar {
	background: var(--dark-card-background);
}

.dark .fr-box.fr-basic .fr-wrapper {
	background: var(--dark-card-background);
}

.dark .fr-toolbar {
	background: var(--dark-table-header-background);
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Tabs-content {
	background: var(--dark-card-background);
}

.dark .amis-scope .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child, .dark .amis-scope .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Combo-item {
	background: var(--dark-card-background);
}

.dark .amis-scope .cxd-TextControl-input input {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Modal-content, .dark .amis-scope .cxd-Modal-header {
	background: var(--dark-card-background);
}

.dark .amis-scope .cxd-Modal-title {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Select-popover {
	background: var(--dark-card-background);
}

.dark .amis-scope .base-filter {
	background: var(--dark-card-background);
	border-color: var(--dark-border-color);
}

.dark .amis-scope .base-filter .cxd-TextControl-input {
	background: var(--dark-card-background) !important;
}

.dark .amis-scope .cxd-Panel-body {
	background: var(--dark-card-background);
}

.dark .amis-scope .cxd-TreeSelect-popover > .cxd-Tree {
	background: var(--dark-card-background);
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Tree-itemText {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-ResultBox {
	background: var(--dark-card-background);
}

.dark .amis-scope .cxd-ResultBox:hover {
	background: var(--dark-card-background);
}

.dark .amis-scope .cxd-ListControl-item, .dark .amis-scope .cxd-ListControl-static-item {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Panel--default > .cxd-Panel-heading {
	background: var(--dark-card-background);
}

.dark .amis-scope .cxd-Panel-title {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Checkbox--checkbox {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Checkbox--radio > i + span {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-ListControl-item.is-disabled {
	background: var(--dark-disabled-color);
}

.dark .amis-scope .cxd-Number-disabled .cxd-Number-input {
	background: var(--dark-disabled-color);
}

.dark .amis-scope .cxd-TextControl.is-disabled > .cxd-TextControl-input {
	background: var(--dark-disabled-color);
}

.dark .amis-scope .cxd-ColorPicker, .dark .amis-scope .cxd-DatePicker, .dark .amis-scope .cxd-DateRangePicker {
	background: var(--dark-card-background);
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-ColorPicker:not(.is-disabled):hover, .dark .amis-scope .cxd-DatePicker:not(.is-disabled):hover, .dark .amis-scope .cxd-DateRangePicker:not(.is-disabled):hover {
	background: var(--dark-border-color);
}

.dark .amis-scope .cxd-InputGroup-addOn, .dark .amis-scope .cxd-InputGroup .cxd-SelectControl .cxd-Select {
	background: var(--dark-card-background);
}

.dark .amis-scope .cxd-ExcelControl-dropzone {
	background: var(--dark-card-background);
}

.dark .amis-scope .cxd-TextareaControl > textarea {
	background: var(--dark-card-background);
}

.dark .amis-scope .cxd-Transfer-title {
	background: var(--dark-table-header-background);
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-InputBox {
	background: var(--dark-card-background);
}

.dark .monaco-editor, .monaco-editor-background, .monaco-editor .inputarea.ime-input {
	background: var(--dark-card-background);
}

.dark .amis-scope .cxd-TextareaControl.is-disabled > .cxd-TextareaControl-input {
	background: var(--dark-disabled-color);
}

.dark .amis-scope .cxd-Tree-item > div:hover, .dark .amis-scope .cxd-Tree-itemLabel:hover .cxd-Tree-itemLabel-item {
	background: var(--dark-border-color);
}

.dark .amis-scope .cxd-ResultBox.is-clickable:not(.is-disabled):hover {
	background: var(--dark-border-color);
}

.dark .amis-scope .cxd-RadiosControl .cxd-Checkbox:hover, .dark .amis-scope .cxd-Checkbox--radio input:checked + i + span {
	background: var(--dark-border-color);
}

.dark .amis-scope .cxd-CBGroupOrItem-body-item {
	background: var(--dark-border-color);
}

.dark .amis-scope .cxd-CBGroupOrItem-body-group.is-hover {
	background: var(--dark-border-color);
}

.dark .amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper, .dark .amis-scope .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper {
	background: var(--dark-table-header-background);
}

.dark .amis-scope .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:hover > a:first-child, .amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:focus > a:first-child {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Tabs-links > .cxd-Tabs-link > a:first-child {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Tabs--tiled > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li > a:first-child {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child {
	color: var(--Tabs--card-active-color);
}

.dark .amis-scope .cxd-Tabs-links > .cxd-Tabs-link.active > a:first-child, .amis-scope .cxd-Tabs-links > .cxd-Tabs-link.is-active > a:first-child {
	color: var(--Tabs--card-active-color);
}

.dark .amis-scope .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper {
	background: var(--dark-table-header-background);
}

.dark .amis-scope .cxd-Wizard-steps {
	background: var(--dark-card-background);
}

.dark .amis-scope .cxd-Wizard--vertical > .cxd-Wizard-step > .cxd-Wizard-steps li {
	background: var(--dark-card-background);
}

.dark .amis-scope .cxd-Wizard--vertical > .cxd-Wizard-step > .cxd-Wizard-steps ul li.is-active {
	background: var(--dark-card-background);
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Wizard-steps ul li.is-active {
	background: var(--dark-card-background);
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Property > table > tbody > tr > th, .dark .amis-scope .cxd-Property > table > thead > tr > th {
	background: var(--dark-table-header-background);
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Property > table > tbody > tr {
	background: var(--dark-card-background);
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Select-option.is-highlight {
	background: var(--dark-border-color);
}

.dark .amis-scope .cxd-Number--enhance .cxd-Number--enhance-left-icon .InputNumber-enhance-minus, .dark .amis-scope .cxd-Number--enhance .cxd-Number--enhance-right-icon .InputNumber-enhance-plus {
	background: var(--dark-disabled-color);
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Form .cxd-Collapse-header {
	background: var(--dark-card-background);
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Cards-placeholder {
	background: var(--dark-card-background);
}

.dark .amis-scope .cxd-PopOver {
	background: var(--dark-card-background);
}

.dark .amis-scope .cxd-GroupedSelection-item:hover {
	background: var(--dark-border-color);
}

.dark .amis-scope .cxd-ColumnToggler-menu {
	background: var(--dark-card-background);
}

.dark .amis-scope .cxd-ColumnToggler-menuItem:hover, .amis-scope .cxd-ColumnToggler-menu > li:hover {
	background: var(--dark-border-color);
}

.dark .amis-scope .cxd-Number--enhance .cxd-Number-input {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Select-menu {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Card-title {
	color: var(--dark-text-color);
}

.dark .amis-scope .cxd-Panel{
	border: 1px solid var(--dark-border-color);
}

.dark .amis-scope .base-filter{
	background: var(--dark-card-background) !important;
}