@font-face {
  font-family: 'AlibabaPuHuiTi';
  src: url('https://resource.teld.cn/fas/fonts/AlibabaPuHuiTi-2-55-Regular.woff2') format('woff2');
}

body {
  padding-right: 0 !important;
}
.fasComp .dx-widget input,
.fasComp .dx-widget textarea,
.fasComp .dx-widget, 
body.mobile, body.pc,
body.mobile .dx-widget, body.pc .dx-widget {
  font-family: AlibabaPuHuiTi, BlinkMacSystemFont, Helvetica, Tahoma, Arial, "Microsoft YaHei", 微软雅黑, sans-serif;
}

:root {
  --font-size-dash: 36px; /* 数字展板最大数字_size */
  --font-size-h1: 24px; /* font_标题一 */
  --font-size-h2: 18px; /* font_标题二_size */
  --font-size-h3: 16px; /* font_标题三_size */
  --font-size-normal: 14px; /* font_正文_size */
  --font-size-annotation: 14px; /* font_注释_size */

  --font-size-large: 16px; /* font_大 */
  --font-size-larger: 18px; /* font_较大 */
  --font-size-largest: 24px; /* font_最大 */

  --font-size-small: 12px; /* font_小 */
  --font-size-smaller: 10px; /* font_较小 */

  --font-lineheight-compact: 1.3rem; /* font_lineheight_紧凑 */
  --font-lineheight: 1.5rem; /* font_lineheight_常规 */
  --font-lineheight-loose: 1.7rem; /* font_lineheight_宽松 */

  /* 背景色 */
  --bgColor: #f1f1f1; /* bgcolor_页面背景色_浅系列 */
  --bgColor-dx-selection: #E5EBF5; /* bgcolor_行选择_浅系列 */
  --bgColor-widget: #fff; /* bgcolor_部件背景色_白 */
  --bgColor-fmLegacyGrid: var(--bgColor-widget);
  --bgColor-fmLegacyTabs: var(--bgColor-widget);

  /* 颜色 */
  /*--color: #40acf6;  color_主色_蓝 
    --color-hover: #66bdf8;  color_点击颜色 */
  --color: #00a7cb;
  --color-hover: #00D1FE; /* color_点击颜色 */
  --color-forbidden: #b3defb; /* color_不可点击颜色 */

  --color-important: #353535; /* color_重要文字颜色 */
  --color-normal: #727272; /* color_普通文字颜色 */
  --color-hint: #9c9c9c; /* color_提示文字颜色 */

  --color-success: #59ccb2; /* color_辅助_成功 */
  --color-warning: #ffbb29; /* color_辅助_警告 */
  --color-error: #ff9988; /* color_辅助_错误 */
  --color-info: #ff9540; /* color_辅助_提示 */
  --color-danger: #d9534f;
  --color-danger-hover: #ce312c;
  --normal-border-color: #dbdbdc; /* 默认按钮_边框_颜色 */

  /* 间隙 */
  --space-none: 0px; /* space_边距_无 */
  --space-small: 8px; /* space_边距_小 */
  --space-normal: 16px; /* space_行边_正常 */
  --space-large: 24px; /* space_边距_大 */
  --space-larger: 32px; /* space_边距_较大 */
  --space-largest: 48px; /* space_边距_最大 */

  --space-negative-small: -8px; /* space_边距_小 */
  --space-negative-normal: -16px; /* space_行边_正常 */
  --space-negative-large: -24px; /* space_边距_大 */
  --space-negative-larger: -32px; /* space_边距_较大 */
  --space-negative-largest: -48px; /* space_边距_最大 */

  /* 圆角 */
  --border-radius-none: 0px;
  --border-radius-normal: 2px;
  --border-radius-large: 6px;
  --border-radius-larger: 12px;
  --border-radius-largest: 24px;

  --border-width-none: 0px;
  --border-width-thin: 1px;
  --border-width-thick: 2px;
  --border-width-thicker: 3px;
  --border-width-superthick: 10px;

  --shadow-verylight-thinner: 0 1px 2px rgba(0, 0, 0, 0.1); /* shadow_极浅_极细 */
  --shadow-verylight-thin: 0 2px 4px rgba(0, 0, 0, 0.1); /* shadow_极浅_细 */
  --shadow-verylight-normal: 0 4px 6px rgba(0, 0, 0, 0.1); /* shadow_极浅_正常 */
  --shadow-verylight-large: 0 6px 8px rgba(0, 0, 0, 0.1); /* shadow_极浅_正常 */
  --shadow-verylight-larger: 0 8px 10px rgba(0, 0, 0, 0.1); /* shadow_极浅_极大 */

  --shadow-light-thinner: 0 1px 2px rgba(0, 0, 0, 0.2); /* shadow_浅_极细 */
  --shadow-light-thin: 0 2px 4px rgba(0, 0, 0, 0.2); /* shadow_浅_细 */
  --shadow-light-normal: 0 4px 6px rgba(0, 0, 0, 0.2); /* shadow_极浅_正常 */
  --shadow-light-large: 0 6px 8px rgba(0, 0, 0, 0.2); /* shadow_极浅_正常 */
  --shadow-light-larger: 0 8px 10px rgba(0, 0, 0, 0.2); /* shadow_极浅_极大 */

  --shadow-dark-thinner: 0 1px 2px rgba(0, 0, 0, 0.3); /* shadow_深_极细 */
  --shadow-dark-thin: 0 2px 4px rgba(0, 0, 0, 0.3); /* shadow_深_细 */
  --shadow-dark-normal: 0 4px 6px rgba(0, 0, 0, 0.3); /* shadow_深_正常 */
  --shadow-dark-large: 0 6px 8px rgba(0, 0, 0, 0.3); /* shadow_深_正常 */
  --shadow-dark-larger: 0 8px 10px rgba(0, 0, 0, 0.3); /* shadow_深_极大 */

  --widget-height: 35px;
  --widget-width: 72px;

  --button-border-radius: var(--border-radius-normal);
}

*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background-color: var(--bgColor);
  font-size: var(--font-size-normal);
}

body.mobile {
  background-color: var(--bgColor);
}

.fas-display-flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.fas-display-flex.fill .fm-form-item {
  flex-grow: 1;
}

.fas-text-align-left {
  text-align: left;
  justify-content: left;
}

.fas-text-align-right {
  text-align: right;
  justify-content: right;
}

.fas-text-align-center {
  text-align: center;
  justify-content: center;
}

.fm-generate-preview {
  background-color: var(--bgColor);
}

.fas-generate-form.mobile,
.fas-widget-form.mobile {
  margin: var(--space-none) auto;
}

.fas-generate-form.mobile .fm-form-item .el-form-item {
  margin-bottom: 2px !important;
}

.fas-generate-form.pc,
.fas-widget-form.pc {
  /* background-color: var(--bgColor); */
  padding-top: 0px !important;
  margin-top: 0px !important /*2022-12-9*/
  /* margin-top: 10px !important; */
  /* margin:10px !important;
  padding:0px !important; */
}

/* 颜色 */
.fas-widget-form .fas-color,
.fas-generate-form .fas-color {
  color: var(--color, l#40acf6); /* color_主色_蓝 */
}

.fas-widget-form .fas-color-hover,
.fas-generate-form .fas-color-hover {
  color: var(--color-hover, #66bdf8); /* color_点击颜色 */
}

.fas-widget-form .fas-color-forbidden,
.fas-generate-form .fas-color-forbidden {
  color: var(--color-forbidden, #b3defb); /* color_不可点击颜色 */
}

.fas-widget-form .fas-color-important,
.fas-generate-form .fas-color-important {
  color: var(--color-important, #353535); /* color_重要文字颜色 */
}

.fas-widget-form .fas-color-normal,
.fas-generate-form .fas-color-normal {
  color: var(--color-normal, #727272); /* color_重要文字颜色 */
}

.fas-widget-form .fas-color-hint,
.fas-generate-form .fas-color-hint {
  color: var(--color-hint, #9c9c9c); /* color_重要文字颜色 */
}

.fas-widget-form .fas-color-success,
.fas-generate-form .fas-color-success {
  color: var(--color-success, #59ccb2); /* color_辅助_成功 */
}

.fas-widget-form .fas-color-warning,
.fas-generate-form .fas-color-warning {
  color: var(--color-warning, #ffbb29); /* color_辅助_警告 */
}

.fas-widget-form .fas-color-error,
.fas-generate-form .fas-color-error {
  color: var(--color-error, #ff9988); /* color_辅助_错误 */
}

.fas-widget-form .fas-color-info,
.fas-generate-form .fas-color-info {
  color: var(--color-info, #ff9540); /* color_辅助_错误 */
}
/* 颜色 */

.fas-generate-form.pc .fas-formRoot,
.fas-widget-form.pc .fas-formRoot {
  background-color: var(--bgColor);
  /* padding: 0px !important; */
  margin: 0px 10px;
}

.fas-generate-form.mobile .fas-formRoot,
.fas-widget-form.mobile .fas-formRoot {
  background-color: var(--bgColor);
  /* padding: 0px 5px !important; */
}

.fas-generate-form.pc .el-form-item,
.fas-widget-form.pc .el-form-item {
  margin-top: var(--space-small) !important;
  margin-bottom: var(--space-small) !important;
}

.fas-generate-form.pc .space-none .el-form-item,
.fas-widget-form.pc .space-none .el-form-item {
  margin-top: var(--space-none) !important;
  margin-bottom: var(--space-none) !important;
}

.fas-left-border-thin {
  border-left-style: solid;
  border-left-width: var(--border-width-thin);
}
.fas-left-border-thin.space-small {
  padding-left: var(--space-small);
}
.fas-left-border-thin.space-normal {
  padding-left: var(--space-normal);
}
.fas-left-border-thin.border-color {
  border-left-color: var(--color);
}
.fas-left-border-thin.border-success {
  border-left-color: var(--color-success);
}
.fas-left-border-thin.border-warning {
  border-left-color: var(--color-warning);
}
.fas-left-border-thin.border-error {
  border-left-color: var(--color-error);
}
.fas-left-border-thin.border-info {
  border-left-color: var(--color-info);
}

.fas-left-border-thick {
  border-left-style: solid;
  border-left-width: var(--border-width-thick);
}
.fas-left-border-thick.space-small {
  padding-left: var(--space-small);
}
.fas-left-border-thick.space-normal {
  padding-left: var(--space-normal);
}
.fas-left-border-thick.border-color {
  border-left-color: var(--color);
}
.fas-left-border-thick.border-success {
  border-left-color: var(--color-success);
}
.fas-left-border-thick.border-warning {
  border-left-color: var(--color-warning);
}
.fas-left-border-thick.border-error {
  border-left-color: var(--color-error);
}
.fas-left-border-thick.border-info {
  border-left-color: var(--color-info);
}

.fas-left-border-thicker {
  border-left-style: solid;
  border-left-width: var(--border-width-thicker);
}
.fas-left-border-thicker.space-small {
  padding-left: var(--space-small);
}
.fas-left-border-thicker.space-normal {
  padding-left: var(--space-normal);
}
.fas-left-border-thicker.border-color {
  border-left-color: var(--color);
}
.fas-left-border-thicker.border-success {
  border-left-color: var(--color-success);
}
.fas-left-border-thicker.border-warning {
  border-left-color: var(--color-warning);
}
.fas-left-border-thicker.border-error {
  border-left-color: var(--color-error);
}
.fas-left-border-thicker.border-info {
  border-left-color: var(--color-info);
}

.fas-left-border-superthick {
  border-left-style: solid;
  border-left-width: var(--border-width-superthick);
}
.fas-left-border-superthick.space-small {
  padding-left: var(--space-small);
}
.fas-left-border-superthick.space-normal {
  padding-left: var(--space-normal);
}
.fas-left-border-superthick.border-color {
  border-left-color: var(--color);
}
.fas-left-border-superthick.border-success {
  border-left-color: var(--color-success);
}
.fas-left-border-superthick.border-warning {
  border-left-color: var(--color-warning);
}
.fas-left-border-superthick.border-error {
  border-left-color: var(--color-error);
}
.fas-left-border-superthick.border-info {
  border-left-color: var(--color-info);
}

/* fas-fmLegacyGrid */
.fas-generate-form.pc .fas-fmLegacyGrid,
.fas-widget-form.pc .fas-fmLegacyGrid {
  background-color: var(--bgColor-widget);
  padding-left:var(--space-normal);
  padding-right:var(--space-normal);
  margin: var(--space-normal) auto;
}

.fas-generate-form.mobile .fas-fmLegacyGrid,
.fas-widget-form.mobile .fas-fmLegacyGrid {
  background-color: var(--bgColor-widget);
  padding: var(--space-small);
  margin: var(--space-small) auto;
}

.fas-generate-form .fas-fmLegacyGrid-large,
.fas-widget-form .fas-fmLegacyGrid-large {
  background-color: var(--bgColor-widget);
  padding: var(--space-large);
  margin: var(--space-large) auto;
}

.fas-generate-form .fas-fmLegacyGrid-small,
.fas-widget-form .fas-fmLegacyGrid-small {
  background-color: var(--bgColor-widget);
  padding: var(--space-small);
  margin: var(--space-small) auto;
}

.fas-generate-form.mobile .fas-fmLegacyGrid-mform,
.fas-widget-form.mobile .fas-fmLegacyGrid-mform {
  background-color: var(--bgColor-widget);
  /* padding: var(--space-small);
  margin: var(--space-small) auto; */
}

.fas-generate-form.mobile .fas-fmLegacyGrid-mform-border-none .fas-v-input::after,
.fas-widget-form.mobile .fas-fmLegacyGrid-mform-border-none .fas-v-input::after,
.fas-generate-form.mobile .fas-fmLegacyGrid-mform-border-none-compact .fas-v-input::after,
.fas-widget-form.mobile .fas-fmLegacyGrid-mform-border-none-compact .fas-v-input::after {
  display: none;
}

.fas-generate-form.mobile .fas-fmLegacyGrid-mform-border-none .van-cell,
.fas-widget-form.mobile .fas-fmLegacyGrid-mform-border-none .van-cell {
  padding-left: var(--space-none);
  padding-right: var(--space-none);
}

.fas-generate-form.mobile .fas-fmLegacyGrid-mform-border-none-compact .van-cell,
.fas-widget-form.mobile .fas-fmLegacyGrid-mform-border-none-compact .van-cell {
  padding: var(--space-none);
}

.fas-generate-form.mobile .fas-fmLegacyGrid-mform-border-none-compact .van-cell.van-cell--required .van-cell__value,
.fas-widget-form.mobile .fas-fmLegacyGrid-mform-border-none-compact .van-cell.van-cell--required .van-cell__value {
  margin-left: 18px;
}

.fas-generate-form.mobile .fas-fmLegacyGrid-mform-header .el-col,
.fas-widget-form.mobile .fas-fmLegacyGrid-mform-header .el-col,
.fas-generate-form.mobile .fas-fmLegacyGrid-mform-header .fm-inline-container,
.fas-widget-form.mobile .fas-fmLegacyGrid-mform-header .fm-inline-container {
  min-height: 34px;
}

/* .fas-generate-form.mobile .fas-fmLegacyGrid-mform-header .el-col,
.fas-widget-form.mobile .fas-fmLegacyGrid-mform-header .el-col {
  display: flex;
  align-items: center;
} */

.fas-generate-form.mobile .fas-fmLegacyGrid-mform .van-cell,
.fas-widget-form.mobile .fas-fmLegacyGrid-mform .van-cell {
  padding: var(--space-small) var(--space-none);
}

/* END fas-fmLegacyGrid */

/* fas-fmLegacyTabs */
.fas-generate-form.pc .fas-fmLegacyTabs,
.fas-widget-form.pc .fas-fmLegacyTabs {
  background-color: var(--bgColor-widget);
  padding: var(--space-normal);
  margin: var(--space-normal) auto;
}

.fas-generate-form.mobile .fas-fmLegacyTabs,
.fas-widget-form.mobile .fas-fmLegacyTabs {
  background-color: var(--bgColor-widget);
  padding: var(--space-small);
  margin: var(--space-small) auto;
}

.fas-generate-form.pc .fas-fmLegacyTabs-small,
.fas-widget-form.pc .fas-fmLegacyTabs-small {
  background-color: var(--bgColor-widget);
  padding: var(--space-small);
  margin: var(--space-small) auto;
}

.fas-generate-form.mobile .fas-fmLegacyTabs-small,
.fas-widget-form.mobile .fas-fmLegacyTabs-small {
  background-color: var(--bgColor-widget);
  padding: var(--space-small);
  margin: var(--space-small) auto;
}

.fas-generate-form .fas-fmLegacyTabs-large,
.fas-widget-form .fas-fmLegacyTabs-large {
  background-color: var(--bgColor-widget);
  padding: var(--space-large);
  margin: var(--space-large) auto;
}

/* Tabs移动端 */

.fas-generate-form.mobile .el-tabs__header,
.fas-widget-form.mobile .el-tabs__header {
  margin: 15px 0 !important;
  border-bottom: var(--border-width-thin) solid var(--bgColor);
}
.fas-generate-form.mobile .el-tabs__nav,
.fas-widget-form.mobile .el-tabs__nav {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
}

.fas-generate-form.mobile .el-tabs__nav .el-tabs__item,
.fas-widget-form.mobile .el-tabs__nav .el-tabs__item {
  border-right: var(--border-width-thin) solid var(--bgColor);
}

.fas-generate-form.mobile .el-tabs__nav .el-tabs__item.is-active,
.fas-widget-form.mobile .el-tabs__nav .el-tabs__item.is-active {
  border-bottom: var(--border-width-thin) solid var(--color);
}

.fas-generate-form.mobile .el-tabs__nav .el-tabs__item:last-child,
.fas-generate-form.mobile .el-tabs__nav .el-tabs__item:last-child {
  border-right-width: var(--border-width-none);
}

.fas-generate-form.mobile .el-tabs__nav .el-tabs__active-bar,
.fas-widget-form.mobile .el-tabs__nav .el-tabs__active-bar {
  display: none;
}

.fas-generate-form.mobile .el-tabs__nav .el-tabs__item,
.fas-widget-form.mobile .el-tabs__nav .el-tabs__item {
  flex-grow: 1;
  flex-basis: 50%;
  text-align: center;
  padding: 0px;
}

.fas-generate-form.mobile .fas-fmLegacyTabs,
.fas-widget-form.mobile .fas-fmLegacyTabs {
  background-color: var(--bgColor-widget);
  margin: var(--space-normal) auto;
}

.fas-generate-form.mobile .fas-fmLegacyTabs-small,
.fas-widget-form.mobile .fas-fmLegacyTabs-small {
  background-color: var(--bgColor-widget);
  margin: var(--space-small) auto;
}

.fas-generate-form.mobile .fas-fmLegacyTabs-large,
.fas-widget-form.mobile .fas-fmLegacyTabs-large {
  background-color: var(--bgColor-widget);
  margin: var(--space-large) auto;
}

.fas-generate-form.pc .fas-fmLegacyTabs .el-tabs__item.is-active,
.fas-widget-form.pc .fas-fmLegacyTabs .el-tabs__item.is-active,
.fas-generate-form.pc .fas-fmLegacyTabs-small .el-tabs__item.is-active,
.fas-widget-form.pc .fas-fmLegacyTabs-small .el-tabs__item.is-active,
.fas-generate-form.pc .fas-fmLegacyTabs-large .el-tabs__item.is-active,
.fas-widget-form.pc .fas-fmLegacyTabs-large .el-tabs__item.is-active,
.fas-generate-form.mobile .fas-fmLegacyTabs .el-tabs__item.is-active,
.fas-widget-form.mobile .fas-fmLegacyTabs .el-tabs__item.is-active,
.fas-generate-form.mobile .fas-fmLegacyTabs-small .el-tabs__item.is-active,
.fas-widget-form.mobile .fas-fmLegacyTabs-small .el-tabs__item.is-active,
.fas-generate-form.mobile .fas-fmLegacyTabs-large .el-tabs__item.is-active,
.fas-widget-form.mobile .fas-fmLegacyTabs-large .el-tabs__item.is-active {
  color: var(--color);
}

.fas-generate-form.pc .fas-fmLegacyTabs .el-tabs__active-bar,
.fas-widget-form.pc .fas-fmLegacyTabs .el-tabs__active-bar,
.fas-generate-form.pc .fas-fmLegacyTabs-small .el-tabs__active-bar,
.fas-widget-form.pc .fas-fmLegacyTabs-small .el-tabs__active-bar,
.fas-generate-form.pc .fas-fmLegacyTabs-large .el-tabs__active-bar,
.fas-widget-form.pc .fas-fmLegacyTabs-large .el-tabs__active-bar,
.fas-generate-form.mobile .fas-fmLegacyTabs .el-tabs__active-bar,
.fas-widget-form.mobile .fas-fmLegacyTabs .el-tabs__active-bar,
.fas-generate-form.mobile .fas-fmLegacyTabs-small .el-tabs__active-bar,
.fas-widget-form.mobile .fas-fmLegacyTabs-small .el-tabs__active-bar,
.fas-generate-form.mobile .fas-fmLegacyTabs-large .el-tabs__active-bar,
.fas-widget-form.mobile .fas-fmLegacyTabs-large .el-tabs__active-bar {
  background-color: var(--color);
}

/* END fas-fmLegacyTabs */

/* 输入控件 */
.fas-generate-form.pc .dx-texteditor {
  /* height: var(--widget-height); */
  color: var(--color-normal);
  font-size: var(--font-size-normal);
  border: 1px solid var(--normal-border-color);
  text-align: left;
}
.fas-generate-form.pc .fas-fmLegacyGrid-mform-border-none .dx-texteditor,
.fas-generate-form.mobile .fas-fmLegacyGrid-mform-border-none .dx-texteditor,
.fas-generate-form.mobile .fas-fmLegacyGrid-mform-border-none .dx-texteditor.dx-editor-outlined {
  border-color: transparent;
}



.fas-generate-form.pc .fas-fmLegacyGrid-mform-border-none .dx-texteditor:hover,
.fas-generate-form.mobile .fas-fmLegacyGrid-mform-border-none .dx-texteditor:hover {
  border-color: var(--normal-border-color);
}

.fasComp input.dx-texteditor-input {
    min-height: auto;
}

/* END 输入控件 */

/* fas-button  */
/* .dx-button */
.fas-generate-form .dx-button,
.fas-widget-form .dx-button {
  border-radius: var(--button-border-radius);
  border-width: 1px;
  border-style: solid;
  text-align: center;
  text-indent: inherit;
  border-color: var(--normal-border-color);
  /* height: var(--widget-height); */
  min-width: var(--widget-height);
  background-color: var(--bgColor-widget);
  /* margin-right:var(--space-small); */
}
/* .dx-button.dx-button-mode-contained 和dx-button相同*/
/* .dx-button-mode-text */
.fas-generate-form .dx-button.dx-button-mode-text,
.fas-widget-form .dx-button.dx-button-mode-text {
  border-color: transparent;
  background-color: transparent;
}
/* .dx-button-mode-outlined */
.fas-generate-form .dx-button.dx-button-mode-outlined,
.fas-widget-form .dx-button.dx-button-mode-outlined {
  background-color: transparent;
}
.fas-generate-form .dx-button.dx-button-danger,
.fas-widget-form .dx-button.dx-button-danger { 
  background-color: var(--color-danger);
}

.fas-generate-form .dx-button.dx-button-danger.dx-state-hover,
.fas-widget-form .dx-button.dx-button-danger.dx-state-hover { 
  background-color: var(--color-danger-hover);
}

.dx-buttongroup {
  margin-right: var(--space-small);
}
.dx-buttongroup .dx-button {
  margin: 0;
}
/* fas-button  */
.fas-generate-form .fas-button .dx-button,
.fas-widget-form .fas-button .dx-button {
  min-width: var(--widget-width);
}

.fas-generate-form .dx-button.dx-button-default,
.fas-widget-form .dx-button.dx-button-default {
  background-color: var(--color);
  border: 1px solid var(--color);
}

.fas-generate-form.pc .fas-button .dx-button.dx-button-default.dx-state-hover,
.fas-widget-form.pc .fas-button .dx-button.dx-button-default.dx-state-hover {
  background-color: var(--color-hover);
}

/* END fas-button  */

/* datagrid */
.fas-generate-form .fasComp .dx-datagrid{
    color: rgba(0, 0, 0, 0.9);
}
.fas-generate-form .fasComp .dx-datagrid .dx-row {
    line-height: var(--font-lineheight-loose);
    border-top: 1px solid var(--bgColor) !important;
    border-bottom: 1px solid var(--bgColor) !important;
}


.fas-generate-form .fasComp .dx-datagrid .colCmd.dx-command-edit-with-icons{
  line-height: var(--font-lineheight-loose);
}

.fas-generate-form .fasComp .dx-datagrid .colCmd.dx-command-edit-with-icons .dx-link{
  font-size: 14px
}
.fas-generate-form .fasComp .dx-datagrid .dx-editor-with-menu .dx-menu-item-wrapper .dx-menu-item-content{
    padding-top: 3px !important;
}
.fas-generate-form .dx-datagrid .dx-row > td,
.fas-widget-form .dx-datagrid .dx-row > td {
  padding: 10px 8px;
}

.fas-generate-form .dx-datagrid-headers {
  background-color: var(--bgColor);
}

.fas-generate-form .dx-datagrid-content .dx-row.dx-data-row.dx-selection {
  background-color: var(--bgColor);
}

.fas-generate-form .dx-datagrid-content .dx-row.dx-data-row.dx-selection td{
  background-color: var(--bgColor-dx-selection);
}

.fas-generate-form .dx-treelist-content .dx-row.dx-data-row.dx-selection {
  background-color: var(--bgColor);
}

.fas-generate-form .dx-treelist-content .dx-row.dx-data-row.dx-selection td{
  background-color: var(--bgColor-dx-selection);
}

.fas-generate-form .dx-treelist-content .dx-row.dx-data-row.dx-row-alt.dx-selection {
  background-color: var(--bgColor);
}

.fas-generate-form .dx-treelist-content .dx-row.dx-data-row.dx-row-alt.dx-selection td{
  background-color: var(--bgColor-dx-selection);
}

.fas-generate-form .dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable div.dx-scrollable-content > div > table > tbody > tr.dx-row.dx-data-row:nth-last-child(2) {
  border-bottom: 2px solid #ddd;
}

.fas-generate-form.pc .dx-datagrid-total-footer > .dx-datagrid-content ,
.fas-widget-form.pc .dx-datagrid-total-footer > .dx-datagrid-content {
    padding-top: 0px !important;
    padding-bottom: 0px !important;;
}

/* 移动端定制 */
.fas-generate-form.mobile .fasComp .fas-datagrid-border-none .dx-datagrid .dx-row {
    border-top: none !important;
}
.fas-generate-form.mobile .fas-datagrid-border-none .dx-datagrid .dx-row-lines > td{
    border-bottom: none;
}
.fas-generate-form.mobile .fas-datagrid-border-none .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: none;
}
/* 移动端定制 */

/* END datagrid */

/* treelist */
.fas-generate-form .fasComp .dx-treelist{
    color: rgba(0, 0, 0, 0.9);
}
.fas-generate-form .fasComp .dx-treelist .dx-row {
    line-height: var(--font-lineheight-loose);
    border-top: 1px solid var(--bgColor) !important;
    border-bottom: 1px solid var(--bgColor) !important;
}

.fas-generate-form .dx-treelist .dx-row > td,
.fas-widget-form .dx-treelist .dx-row > td {
  padding: 10px;
}

.fas-generate-form .dx-treelist-headers {
  background-color: var(--bgColor);
}

.fas-generate-form .dx-treelist-headers .dx-header-row > .dx-treelist-select-all {
  padding-left: 44px;
}

.fas-generate-form .dx-treelist-content .dx-row.dx-data-row.dx-selection {
  background-color: var(--bgColor);
}

.fas-generate-form .dx-treelist-rowsview.dx-treelist-nowrap.dx-scrollable div.dx-scrollable-content > div > table > tbody > tr.dx-row.dx-data-row:nth-last-child(2) {
  border-bottom: 2px solid #ddd;
}
/* END treelist */

/* 表单组件 */

.fas-generate-form.mobile .fm-fasform-container .fas-fmLegacyGrid {
  padding: initial;
  margin: initial;
}

.fas-generate-form.pc .fm-fasform-container .fas-fmLegacyGrid {
  padding: initial;
  margin: initial;
}

/* 影响统一效果
.fas-generate-form.pc .fm-fasform-container .fm-form-item {
  margin: 10px 50px;
} */

/* .fas-generate-form.mobile .fm-inline-container,
.fas-widget-form.mobile .fm-inline-container {
  background-color: var(--bgColor-widget);
  padding: var(--space-small);
  margin: var(--space-small) auto;
} */

.fm-inline-container .dx-texteditor-buttons-container
{
  /*处理文本控件在行内容器中，没有值是宽度变化*/
  width: 24px;
}

.fas-generate-form.mobile .fm-fasform-container {
  display: flex;
  justify-content: center;
}


.fas-generate-form.pc .fm-fasform-container .fm-inline-container .fm-form-item {
  margin: var(--space-small);
}

/* END 表单组件 */

.fas-generate-form.pc .fm-fasform-container .dx-scrollview-content {
  font-size: var(--font-size-normal);
}

.fas-generate-form.pc .fasComp .message {
  margin-top: 10px;
}

.dx-calendar-navigator,
.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content .dx-calendar-navigator-next-month.dx-button .dx-icon,
.dx-calendar-navigator-next-view.dx-button .dx-icon {
  color: var(--color);
}

.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
  box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px var(--color);
}

.fas-generate-form.pc .el-tabs .el-tabs__header.is-top,
.fas-widget-form.pc .el-tabs .el-tabs__header.is-top{
    padding-left: 10px;
    padding-right: 10px;
}

.fasWidget .fas-tagBox_fasComp.fasCompLabel .fasCompFlex .dxtagbox {
    flex-grow: 1
}

/* 标签组件 */
.fasComp.fas-tagBox_fasComp.fasCompLabel .dx-texteditor.dx-tagbox{
  height: 30px !important;
}

.fasComp.fas-tagBox_fasComp.fasCompLabel .dx-texteditor.dx-tagbox .dx-tag .dx-tag-content{
  height: 23px;
  color: var(--color);
  background-color: var(--color-background);
}

.fasComp.fas-tagBox_fasComp.fasCompLabel .dx-texteditor.dx-tagbox .dx-tag .dx-tag-content .dx-tag-remove-button:after{
  background-color: transparent;
  font-family: 'DXIcons';
  font-size: 12px;
  content: "\f00a";
  transform: rotate(0);
  top: 5px;
}

.fasComp.fas-tagBox_fasComp.fasCompLabel .dx-texteditor.dx-tagbox .dx-tag .dx-tag-content .dx-tag-remove-button:before{
  display: none;
}
/* 标签组件 */

.fasComp.fas-tagBox_fasComp.fasCompLabel .dx-selectbox .dx-texteditor-container{
  height: auto;
}

.fasComp.fas-rate_fasComp [class*="dx-icon"]::before {
    font-size: 18px;
}

.fasComp.fas-switch_fasComp .fas-switch.fas-column-form .flex-grow{
  min-height: 32px;
  display: inline-flex;
  align-items: center;
}

.fasComp .el-loading-mask
{
    z-index: 1450;
}

.fas-generate-form.pc .fas-button-text-normal.fas-button-icon-only .dx-button.dx-button-default.dx-state-hover{
	border: solid 0px transparent !important; 
}
.fas-generate-form.pc .fas-button-text-normal.fas-button-icon-only .dx-button.dx-button-default.dx-state-active{
	border: solid 0px transparent !important; 
}
.fas-generate-form.pc .fas-button-text-normal.fas-button-icon-only .dx-button.dx-button-default.dx-state-focused{
	border: solid 0px transparent !important; 
}
.fas-generate-form.pc .fas-button-text-normal.fas-button-icon-only .dx-button.dx-button-default.dx-state-hover.dx-state-focused{
	border: solid 0px transparent !important; 
}

.fas-generate-form.pc .fas-radiogroup_fasComp .fas-column-form .flex-grow{
    margin-bottom: 2px;
    /* margin-top: 18px; */
}
.fas-generate-form.pc .fas-radiogroup_fasComp .fas-column-form .flex-grow .dx-widget.dx-collection{    
    display: flex;
}

.fas-generate-form.pc .fas-grid-pageinfo-highlight,
.fas-widget-form.pc .fas-grid-pageinfo-highlight,
.fas-generate-form.pc .fas-grid-pageinfo-highlight .dx-button-text,
.fas-widget-form.pc .fas-grid-pageinfo-highlight .dx-button-text
{
    color: #000 !important;
}

/* ============以下开始为适应框架更换皮肤逻辑，请勿在其中掺杂其他逻辑=============== */
.el-tabs__item.is-active{
  color:var(--color)
}
.el-tabs__active-bar{
  background-color: var(--color)
}
.el-tabs__item:hover{
    color: var(--color-hover);
}
.el-transfer-panel__item:hover{
    color: var(--color);
}
.el-checkbox__input.is-checked+.el-checkbox__label{
     color: var(--color);
}

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--color);
    border-color: var(--color);
}
.el-button--primary{
    background-color: var(--color);
    border-color: var(--color);
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover {

    background-color: var(--color);
    border-color: var(--color);
    opacity: 0.4;
}


.el-button:hover,.el-button:active{
    /* 2023.3.18 庆总审查问题 */
        background:  var(--color-background);
        border-color:  var(--color-background);
        color:var(--color);
    }
.el-button:focus{
    color:var(--color);
}
    .el-button--primary:focus, .el-button--primary:hover {
    background:  var(--color-hover);
    border-color: var(--color-hover);
    color: #fff;
    }

    el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: var(--color-background);
    color: var(--color);
}
.el-button--text:active{
     color:var(--color);
}
.el-button--text:focus, .el-button--text:hover{
    color:var(--color);
}
.menu-item-cheked{
    background-color: var(--color-background) !important;
    color: var(--color);
}
.el-select-dropdown__item.selected{
    color:  var(--color);
    font-weight: 400;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected{
    background-color: var(--color-background) ;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active{
    background-color: #F0F2F5;
    color: #333
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover{
   background-color: #F0F2F5;
}
.el-button--text{
    color: var(--color);
}
.eyeColor .icon-t-eye{
    color: var(--color) !important;
}
.el-button--primary.is-active, .el-button--primary:active{
    background: var(--color);
    border-color: var(--color);
}
.el-date-table td.available:hover {
    color: var(--color-hover); 
}
.el-date-table td.today span{
    color: var(--color) ;
}

/* element-ui input */

.el-select .el-input.is-focus .el-input__inner{
    border-color: var(--color-hover);
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
    /* background-color: var(--color-background); */
}

/* element-ui button */
.el-button.is-plain:focus, .el-button.is-plain:hover{
    border-color: var(--color-hover);
    color: var(--color-hover);
}


/* button */
.fas-generate-form.pc .fas-button-prominent-normal .dx-button {
    background-color: var(--color) !important;
    border:solid 1px  var(--color) !important;
}
.fas-generate-form.pc .fas-button .fas-button-prominent-normal .dx-button:hover {
    color: rgba(255,255,255,0.90);
    background-color: var(--color-hover)  !important;
    border:solid 1px var(--color-hover) !important;
}
.fas-generate-form.pc .fas-button .fas-button-default-normal .dx-button:hover{
  color: var(--color-hover)  !important;
    border:solid 1px var(--color-hover) !important;
}
.popupContext .fas-generate-form.pc .fas-button-default-normal .dx-button:hover{
    color: var(--color-hover)  !important;
    border:solid 1px var(--color-hover) !important;
}
.popupContext .fas-generate-form.pc .fas-button-prominent-normal .dx-button:hover{
color: rgba(255,255,255,0.90);
    background-color: var(--color-hover)  !important;
    border:solid 1px var(--color-hover) !important;
}
.popupContext .fas-generate-form.pc .fas-button-default-normal .dx-button:active{
    color: var(--color-hover)  !important;
    border:solid 1px var(--color-hover) !important;
}
.popupContext .fas-generate-form.pc .fas-button-prominent-normal .dx-button:active{
color: rgba(255,255,255,0.90);
    background-color: var(--color-hover)  !important;
    border:solid 1px var(--color-hover) !important;
}
.fas-generate-form.pc .fas-button-group_fasComp .fas-button-group-default-normal .dx-buttongroup-item:hover{
      color: var(--color-hover)  !important;
    border:solid 1px var(--color-hover) !important;
}
.fas-generate-form.pc .fas-button-group_fasComp .fas-button-group-default-normal .dx-buttongroup-item:hover .dx-icon{
      color: var(--color-hover)  !important;
}
.fas-generate-form.pc .fas-button-group_fasComp .fas-button-group-default-normal .dx-buttongroup-item.fas-groupbtn-normal.dx-state-focused{
      color: var(--color-hover)  !important;
    border:solid 1px var(--color-hover) !important;
  
}

.fas-generate-form.pc .fas-button-group_fasComp .fas-button-group-default-normal .dx-buttongroup-item.fas-groupbtn-normal.dx-state-focused .dx-icon{
      color: var(--color-hover)  !important;
}
.fas-generate-form.pc .fas-button-group_fasComp .fas-button-group-default-normal .fas-groupbtn-default.dx-state-focused{
      color: var(--color-hover)  !important;
    border:solid 1px var(--color-hover) !important;
      background-color: var(--color-hover)  !important;
}


.fas-generate-form.pc .fas-button-group_fasComp .fas-button-group-default-normal .fas-groupbtn-default{
    background-color:var(--color) !important;
    border:1px solid var(--color) !important;
}
.fas-generate-form.pc .fas-button-group_fasComp .fas-button-group-default-normal .fas-groupbtn-default .dx-icon{
    color: #fff !important;
}

.fas-generate-form.pc .fasComp  .fas-button-group-default-normal .fas-groupbtn-default.dx-state-hover{
    background-color:var(--color-hover) !important;
    border: 1px solid var(--color-background);
}
.fas-generate-form.pc  .fasComp .fas-button-group-default-normal .fas-groupbtn-default.dx-state-hover .dx-icon{
     color: #fff !important;
}
.fas-generate-form.pc .fas-button-group_fasComp  .fas-button-group-default-normal .fas-groupbtn-default.dx-state-active{
    background-color:var(--color-hover) !important;
    border: 1px solid var(--color-background);
}
.fas-generate-form.pc  .fas-button-group_fasComp .fas-button-group-default-normal .fas-groupbtn-default.dx-state-active .dx-icon{
     color: #fff !important;
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal{
    background-color: var(--color-background) !important;
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-focused{
    background-color: var(--color-background)!important;
}
.dx-datagrid-focus-overlay{
    border-color: var(--color-hover)!important; 
}
.dx-menu-item.dx-state-hover{
    background-color: var(--color-background);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-hover{
    background-color: var(--color-background);
}
/* 筛选器 */

.filter-canvas .el-row .filter-value:not([readonly]):focus {
    border: 1px solid var(--color-background);
}
.filter-canvas .el-row .filter-name:focus {
     border: 1px solid var(--color-background);
}
/* 查询方案 */
.dxadvQuery_result_openOperation p:hover{
    background-color: var(--color-background)  !important;
}
.dxadvQuery_result_button .queryPlan p:hover{
background-color: var(--color-background)  !important;
}
.dxadvQuery_result_button .queryPlan .selected{
background-color: var(--color-background)  !important;
}
/* grid */
.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused){
    background-color: #F0F2F5  !important;
    /* background-color: var(--color-background)  !important; */
    /* color: var(--color-hover) !important; */
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: var(--color-background)  !important;
    /* color: var(--color-hover) !important; */
}
/* 导入导出 */
.fas-generate-form.pc .fas-groupbutton-imexportdefault .fasCompFlex .dx-dropdownbutton:hover{
    color: rgba(51,147,221,1) !important;
    border: solid 1px var(--color-hover) !important;
}
.fas-generate-form.pc .fas-drop-down-button_fasComp .fasCompFlex .dx-dropdownbutton:hover{
    color: rgba(51,147,221,1) !important;
    border: solid 1px var(--color-hover) !important;
}
.fas-generate-form.pc .fas-groupbutton-imexportdefault .exportButton .dx-button:last-child{
    background-color: var(--color) !important;
}
.fas-generate-form.pc .fas-groupbutton-imexportdefault .exportButton .dx-button:last-child .dx-button-content{
    background-color: var(--color) !important;
}

.dx-button-mode-contained:hover{
    background-color:  #fff; 
    border-color: var(--color-hover);
    color: var(--color-hover);
}
.dx-button-mode-contained.dx-button-success:hover{
    color: #fff
}
.dx-button-mode-contained.dx-button-danger:hover{
    color: #fff
}
.dx-button-mode-contained:hover .dx-icon{
    color: var(--color-hover);
}
.dx-texteditor.dx-state-active.dx-editor-filled, .dx-texteditor.dx-state-active.dx-editor-outlined, .dx-texteditor.dx-state-active.dx-editor-underlined, .dx-texteditor.dx-state-focused.dx-editor-filled, .dx-texteditor.dx-state-focused.dx-editor-outlined, .dx-texteditor.dx-state-focused.dx-editor-underlined{
    border-color: var(--color-hover);
}
.dx-texteditor.dx-state-hover{
    border-color: var(--color-hover);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused){
    background-color: var(--color-background);
}
/* 交叉表 */
.dx-checkbox-checked .dx-checkbox-icon{
    color: var(--color);
}
.dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon{
    border-color:  var(--color);
}
.dx-treeview-item.dx-state-hover{
    background-color: var(--color-background);
}
.dx-checkbox.dx-state-hover .dx-checkbox-icon{
    border-color: var(--color-hover);
}
.dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target{
    border-color: var(--color-hover);
}
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon::before, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon::before{
    border-color: var(--color-hover);
}
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon::before, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon::before{
    border-color: var(--color-hover); 
}
/* charts */
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected{
    background-color: var(--color-hover);
}
/* 下拉帮助 */
.tsh-dropdownbox:hover{
    border: 1px solid var(--color-hover) !important;
}
.tsh-dropdowneditor-overlay .selectedInput {
    border: 1px solid var(--color-hover) !important;
    box-shadow: 0px 0px 3px var(--color-background) !important;
}
.tsh-dropdowneditor-overlay .selectedInput:hover {
    border: 1px solid var(--color-hover) !important;
    box-shadow: 0px 0px 3px var(--color-background) !important;
}
.tsh-overlay-content .confirm-btn{
    background-color: var(--color) !important;
    border: solid 1px var(--color) !important;
}
.tsh-overlay-content .currectSelectPage{
background-color: var(--color) !important;
}
.tsh-overlay-content .close-btn:hover{
			border:1px solid var(--color-hover) !important;
			color:var(--color-hover) !important;
		}
		.tsh-overlay-content .close-btn:focus{
			border:1px solid var(--color-hover) !important;
			color:var(--color-hover) !important;
		}
		
		.tsh-overlay-content .confirm-btn:hover{
			background: var(--color-hover) !important;
		}
		.tsh-overlay-content .confirm-btn:focus{
			background: var(--color-hover) !important;
		}
		.tsh-overlay-content .tsh-selection_hide td{
			//background:var(--color-background) !important;
		}
		.tsh-overlay-content .tsh-selection_hide:hover td{
			//background:var(--color-background) !important;
		}
		.tsh-overlay-content .tsh-selection_hide:focus td{
			//background:var(--color-background) !important;
		}
/* grid */
.tsh-datagrid-table .tsh-data-row.tsh-state-hover:not(.tsh-selection):not(.tsh-row-inserted):not(.tsh-row-removed):not(.tsh-edit-row):not(.tsh-row-focused) > td:not(.tsh-focused){
   /* // background-color: var(--color-background) !important; */
    background-color: #F0F2f5 !important;
}
.tsh-datagrid-rowsview .tsh-selection.tsh-row:not(.tsh-row-focused) > td, .tsh-datagrid-rowsview .tsh-selection.tsh-row:not(.tsh-row-focused) > tr > td, .tsh-datagrid-rowsview .tsh-selection.tsh-row:not(.tsh-row-focused):hover > td, .tsh-datagrid-rowsview .tsh-selection.tsh-row:not(.tsh-row-focused):hover > tr > td{
    background-color: var(--color-background) !important;
}
.tsh-datagrid-rowsview .tsh-row{
       border-top: 1px solid var(--color-background);
    border-bottom: 1px solid var(--color-background);
}
/* 日历组件 */
.dx-button.dx-button-default.dx-state-hover{
    background-color: var(--color-hover);
    border-color: var(--color-hover);
    color: #fff ;
}
/* .dx-button-mode-contained.dx-state-hover .dx-icon{
    color: #fff ;
} */
.dx-button-mode-contained.dx-state-hover.dx-calendar-caption-button{
    background-color: rgba(0,0,0,0) !important;
}
.dx-button-mode-contained.dx-state-hover.dx-calendar-caption-button .dx-icon{
    color: #fff !important;
}
.dx-button-mode-contained.dx-state-hover
.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content{
    color: var(--color);
    
}
.dx-calendar-cell.dx-state-hover {
    -webkit-box-shadow: inset 0 -1px 0 1000px var(--color-background);
    box-shadow: inset 0 -1px 0 1000px var(--color-background);
}
.dx-calendar-navigator-previous-month.dx-button .dx-icon, .dx-calendar-navigator-previous-view.dx-button .dx-icon{
    color: var(--color);
}
.dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-empty-cell){
        -webkit-box-shadow: inset 0 0 0 1px var(--color-hover);
    box-shadow: inset 0 0 0 1px var(--color-hover);
    background-color: var(--color-hover);
    color: #fff;
}
.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content{
    color: var(--color);
}
.dx-calendar-navigator, .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content .dx-calendar-navigator-next-month.dx-button .dx-icon, .dx-calendar-navigator-next-view.dx-state-hover .dx-icon{
    color: #fff;
}
.dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date){
        -webkit-box-shadow: inset 0 -1px 0 1000px var(--color-background);
    box-shadow: inset 0 -1px 0 1000px var(--color-background);
}
/* //开关 */
.dx-switch-on-value .dx-switch-handle::before{
    background-color: var(--color);
}
.dx-switch.dx-state-focused .dx-switch-handle::before{
    background-color: var(--color);
}
.dx-switch.dx-state-hover .dx-switch-handle::before{
    background-color: var(--color);
}
.dx-switch.dx-state-active .dx-switch-handle::before{
    background-color: var(--color);
}
.dx-switch.dx-state-hover .dx-switch-container{
    border-color: var(--color) ;
}
.dx-switch.dx-state-focused .dx-switch-container{
    border-color: var(--color) ;
}
.dx-switch.dx-state-active .dx-switch-container{
    border-color: var(--color) ;
}
.dx-switch-handle::before{
     background-color: var(--color-background);
}
.dx-switch.dx-state-focused.dx-state-active .dx-switch-handle::before{
     border-color: var(--color) ;
     background-color: var(--color) !important;
}
/* 时间组件 */
.el-picker-panel__shortcut:hover{
    color: var(--color);
}
.el-date-picker__header-label.active, .el-date-picker__header-label:hover{
    color: var(--color);
}
.el-picker-panel__icon-btn:hover{
     color: var(--color);
}
.el-input.is-active .el-input__inner, .el-input__inner:focus{
    border-color: var(--color);
}
.el-time-panel__btn.confirm{
     color: var(--color);
}
.el-year-table td.today .cell{
    color: var(--color) !important;
}
.el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell{
    color: var(--color) !important;
}
.el-month-table td .cell:hover{
    color: var(--color) !important;
}
.el-date-table td.current:not(.disabled) span{
    background-color: var(--color);
}

.filter-field-config-item:hover{
    color: var(--color-hover) !important;
}
.el-checkbox__inner:hover{
    border-color:var(--color-hover) ;
}
.el-checkbox__input.is-focus .el-checkbox__inner{
     border-color:var(--color-hover) ;
}
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close{
    color: var(--color-hover);
}
#fas_filter .filter-value-clear:hover{
    color: var(--color-hover);
}
.el-link.el-link--default:hover{
    color: var(--color-hover);
}
.fas-generate-form.pc #fas_buttond831db-warp .fas-button-text-normal .dx-button.dx-button-default.dx-state-hover{
    border-color: var(--color-hover)!important;
}
.fas-generate-form.pc #fas_buttond831db-warp .fas-button-text-normal .dx-button.dx-button-default.dx-state-hover .dx-button{
    color: var(--color-hover)!important;
}

.fas-generate-form.pc .fas-button-text-normal .dx-button .dx-button-content i::before{
    color: var(--color)!important;
}
.fas-generate-form.pc .fas-button-text-normal .dx-button.dx-state-hover .dx-button-content i::before{
    color: var(--color-hover)!important;
}
.dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-down-icon, .dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-up-icon{
    background-color: var(--color-hover);
}
.fas-generate-form.pc .fasComp .ue-fas-textbox .fasCompFlex:not(.error) .dx-texteditor.dx-state-focused{
    border: solid 1px var(--color-hover)!important;
    Box-shadow: 0px 0px 3px var(--color-background);
}
.fas-generate-form.pc .fasComp .ue-fas-textbox .fasCompFlex:not(.error) .dx-texteditor.dx-state-hover{
    border: solid 1px var(--color-hover)!important;
    Box-shadow: 0px 0px 3px var(--color-background);
}
.fas-generate-form.pc .fas-column-form .fasCompFlex:not(.error) .dx-dropdowneditor.dx-state-focused{
 border: solid 1px var(--color-hover)!important;
    Box-shadow: 0px 0px 3px var(--color-background);
}
.fas-generate-form.pc .fas-column-form .fasCompFlex:not(.error) .dx-dropdowneditor.dx-state-hover{
    border: solid 1px var(--color-hover)!important;
    Box-shadow: 0px 0px 3px var(--color-background); 
}
.fas-generate-form.pc .fasComp .ue-fas-number .fasCompFlex:not(.error)  .dx-texteditor.dx-state-focused{
border: solid 1px var(--color-hover)!important;
    Box-shadow: 0px 0px 3px var(--color-background); 
}
.fas-generate-form.pc .fasComp .ue-fas-number .fasCompFlex:not(.error)  .dx-texteditor.dx-state-hover{
    border: solid 1px var(--color-hover)!important;
    Box-shadow: 0px 0px 3px var(--color-background); 
}
.fas-generate-form.pc .fas-selecthelper_fasComp .ue-fas-selecthelper .tsh-texteditor:hover{
   border: solid 1px var(--color-hover) !important
}
.tsh-tag:hover{
    background-color: var(--color-background) !important;
    border:1px solid var(--color-background) !important;
    color: var(--color) !important;
}
.viewMore{
    color: rgba(0,0,0,.9) !important;
}
.viewMore:hover{
     color: var(--color) !important;
}
.dropList .active{
background-color: var(--color-background) !important;
}
.tsh-tag {
    background: #f3f3f3 !important;
    display: inline-block;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: rgba(0,0,0,.9) !important;
    border: 1px solid #f3f3f3 !important;
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap;
    margin-bottom: 2px;
}

.tsh-texteditor.tsh-state-readonly .tsh-tag{
    background: #fff !important;
    color: rgba(0,0,0,.9) !important;
}
.tsh-texteditor.tsh-state-readonly .tsh-tag:hover{
    background: #fff !important;
    color: rgba(0,0,0,.9) !important;
}
/* .dx-button-mode-contained.dx-state-active{
    background-color: var(--color-hover);
    border-color: var(--color-hover);
    color: #fff ;
}
.dx-button-mode-contained.dx-state-active .dx-icon{
    color: #fff ;
} */

.fas-generate-form.pc .ue-fas-number .dx-numberbox-spin-button.dx-state-hover .dx-numberbox-spin-down-icon{
    color: var(--color-hover) !important;

}
.fas-generate-form.pc .ue-fas-number .dx-numberbox-spin-button.dx-state-hover .dx-numberbox-spin-up-icon{
    color: var(--color-hover) !important;

}

.dx-radiobutton.dx-state-hover .dx-radiobutton-icon::before{
border: 1px solid var(--color-hover) !important;
}
.dx-radiobutton.dx-state-active .dx-radiobutton-icon::before{
    background-color: var(--color-background) !important;
}

.dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon::before{
    border: 1px solid var(--color-hover) !important;
}
.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot{
    background-color: var(--color-hover) !important;
}

.fas-generate-form.pc .fasComp .fas-button-text-normal .dx-button.dx-button-default.dx-state-hover{
border:0 !important;
}
.fas-generate-form.pc .fasComp .fas-button-text-normal .dx-button.dx-button-default.dx-state-active{
border:0 !important;
}

.fas-generate-form.pc .fasComp .fas-button-text-normal .dx-button.dx-button-default.dx-state-focused.dx-state-hover{
    border:0 !important;
}
/* .dx-show-clear-button .dx-icon-clear{
    color: var(--color);
} */

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: var(--color-background);
    color: var(--color);
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused{
    background-color: var(--color-hover) !important;
}
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close{
    color: var(--color-hover);
}
.fas-generate-form.pc .fasComp .fas-button-default-normal .dx-button:active{
    color: var(--color-hover) !important;
    border:  1px solid var(--color-hover) !important;
}
.dx-checkbox-indeterminate .dx-checkbox-icon::before{
    background-color: var(--color);
}
.dx-checkbox.dx-state-focused .dx-checkbox-icon{
    border-color: var(--color);
}
.el-date-table td.end-date span, .el-date-table td.start-date span{
    background-color: var(--color);
}
.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div{
    background-color: var(--color-background);
}
.fas-switch .dx-switch-on-value .dx-switch-handle::before{
    background-color: var(--color) !important;
}
.dx-state-hover .dx-buttongroup  .dx-button-mode-contained .dx-icon{
    color: var(--color) !important;
}
.dx-state-hover .dx-buttongroup .dx-button-mode-contained{
    color: var(--color) !important;

}

.dx-calendar-cell.dx-calendar-selected-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
    color: #fff;

    box-shadow: inset 0 0 0 1000px var(--color);
    font-weight: 400;
}
.el-notification__content{
    text-align: left !important;
}
.dgData_MixedView_ViewChange:hover .dx-dropdowneditor-icon,
.dgData_MixedView_ViewChange:hover .dx-custom-icon {
    color: var(--color-hover) !important;
}
.dgData_MixedView_ViewChange:hover .dx-texteditor-input{
 color: var(--color-hover) !important;
}
.el-message-box__header{
        padding: 16px 24px 24px !important;
}
.el-message-box{
    padding-bottom: 16px !important;
}
.el-message-box__headerbtn{
    top: 8px !important;
}
.el-message-box__content{
    padding: 0px 24px !important;
    /* 处理中英文混合折行问题 */
        word-break: break-all;
}
.el-message-box__btns{
    padding: 24px 15px 0 !important;
}
/* 下拉帮助 */
.tsh-overlay-wrapper input, .tsh-overlay-wrapper textarea {
    font-family: AlibabaPuHuiTi, BlinkMacSystemFont, Helvetica, Tahoma, Arial, "Microsoft YaHei", 微软雅黑, sans-serif !important;
}
.tsh-overlay-wrapper .searchInput:hover{
    border: 1px solid var(--color-hover) !important;
    box-shadow: 0px 0px 3px var(--color-hover);
}
.tsh-overlay-content .tsh-popup-content .history-button:hover{
background-color: var(--color-background) !important;
color: var(--color);
}
.tsh-overlay-content .tsh-popup-content .history-button{
    //background-color: var(--color-background) !important;
}
.fas-generate-form.pc .fasCom .ue-fas-smarthelp .dx-texteditor.dx-state-hover{
    border: 1px solid var(--color-hover) !important;
}
.fas-generate-form.pc .ue-fas-selectbox .error .dx-selectbox-container .dx-state-focused{
       border-color: rgba(255,123,133,0) !important; 
}
.dx-button-mode-contained.dx-button-default{
    background-color: var(--color) ;
}
.dx-button-mode-contained.dx-button-default.dx-state-hover{
    background-color: var(--color-hover) ;
}
.dx-button-mode-contained.dx-button-default.dx-state-focused{
    background-color: var(--color-hover) !important ;
}
.dx-pivotgrid-fields-container.dx-widget.dx-drag .dx-pivotgrid-fields-container .dx-area-field.dx-area-box{
   box-shadow: 1px 1px 4px var(--color-hover);
}
.dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box {
  box-shadow: 0 0 1px var(--color),0 1px 3px ar(--color-hover) !important;
  border: 1px solid var(--color-hover) !important;
}
.dx-pivotgrid-fields-container .dx-area-field.dx-area-box{
    border: 1px solid var(--color-background);
}
/* //帮助组件 */
.fas-generate-form.pc .ue-fas-smarthelp .fasCompFlex:not(.error) .flex-grow .dx-texteditor.dx-state-hover{
        border: solid 1px var(--color-hover) !important;
}
.tsh-widget input, .tsh-widget textarea {
    font-family: AlibabaPuHuiTi, BlinkMacSystemFont, Helvetica, Tahoma, Arial, "Microsoft YaHei", 微软雅黑, sans-serif !important;
}
.tsh-overlay-wrapper{
font-family: AlibabaPuHuiTi, BlinkMacSystemFont, Helvetica, Tahoma, Arial, "Microsoft YaHei", 微软雅黑, sans-serif !important;
}
#dx-import-teld > .dx-visibility-change-handler {
    max-width: 100% !important;
    height: 440px;
}
#dx-export-teld  > .dx-visibility-change-handler {
    max-width: 100% !important;
    height: 440px;
}
.export_import_close_button .dx-button-content{
    padding: 6px 18px;
}
.el-select .el-input__inner:focus{
    border-color: var(--color-hover);
}
/* 弹出样式 */
.dx-popup-title.dx-toolbar {
  background: #fff !important;
}
.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
  height: 18px;
}
.dx-popup-title.dx-toolbar .dx-toolbar-label {
  font-size: 16px;
  width: 50%;
}
.dx-button-has-icon .dx-button-content {
  padding: 4px;
}
.dx-button-has-icon .dx-icon {
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 12px;
}
.dx-popup-title.dx-toolbar{
    padding: 6px 10px !important;
}
.plan_close:hover{
    border:1px solid var(--color-hover) !important;
    color: var(--color-hover) !important;
}
.plan_confirm:hover{
    background: var(--color-hover) !important;
}
.el-input__inner{
    font-size: 14px !important;
}
.dx-popup-title .dx-closebutton{
    top: -4px;
    left: 0 !important;
}
.export_import_close_button{
    background: var(--color) !important;
    border: 1px solid var(--color) !important;
}
.export_import_close_button:hover{
    background: var(--color-hover) !important;
    border: 1px solid var(--color-hover) !important;
}
#dx-import-teld .dx-visibility-change-handler{
    /* height: 620px; */
}
.el-date-range-picker__header > div:hover{
    color: var(--color-hover);
}
.el-picker-panel__icon-btn,.el-date-picker__header-label{
    color: var(--color) !important;
}
.el-picker-panel__icon-btn:hover{
    color: var(--color-hover) !important;
}
.el-picker-panel__icon-btn.is-disabled {
    color: #bbb !important;
}
.el-date-range-picker__header > div{
    color: var(--color);
}
.el-input__inner:hover{
    border-color:var(--color-hover)
}
.exportAndinmprt_buttons .dx-buttongroup-item:hover i,.exportAndinmprt_buttons .dx-buttongroup-item:hover span{
    color: var(--color-hover);
}
/* ============换肤支持结束=============== */


/* ============国际化界面样式评审=============== */
.dx-texteditor{
    /*输入框圆角*/
	border-radius: 2px !important;
}

.fas-generate-form.pc .fas-button-border-none .dx-button.dx-button-default.dx-state-hover,
.fas-generate-form.pc .fas-button-border-none .dx-button.dx-button-default.dx-state-active{
    border-width: 0px !important;
}

/*【低代码】【产品审查】只读模式下，界面输入框有hover事件，给用户一种可编辑的错觉，应该不能变成手的样子，不能点	*/
.fas-generate-form.pc .fasComp .ue-fas-textbox .fasCompFlex:not(.error) .dx-texteditor.dx-state-focused.dx-state-readonly,
.fas-generate-form.pc .fasComp .ue-fas-textbox .fasCompFlex:not(.error) .dx-texteditor.dx-state-hover.dx-state-readonly,

.fas-generate-form.pc .fas-column-form .fasCompFlex:not(.error) .dx-dropdowneditor.dx-state-focused.dx-state-readonly,
.fas-generate-form.pc .fas-column-form .fasCompFlex:not(.error) .dx-dropdowneditor.dx-state-hover.dx-state-readonly,

.fas-generate-form.pc .fasComp .ue-fas-number .fasCompFlex:not(.error)  .dx-texteditor.dx-state-focused.dx-state-readonly,
.fas-generate-form.pc .fasComp .ue-fas-number .fasCompFlex:not(.error)  .dx-texteditor.dx-state-hover.dx-state-readonly,

.fas-generate-form.pc .ue-fas-smarthelp .fasCompFlex:not(.error) .flex-grow .dx-texteditor.dx-state-hover.dx-state-readonly,

.fas-generate-form.pc .fas-selecthelper_fasComp .ue-fas-selecthelper .tsh-texteditor.tsh-state-readonly:hover,

.fas-generate-form.pc .fas-selecthelper_fasComp .ue-fas-selecthelper .tsh-widget.tsh-dropdowneditor.tsh-state-readonly:hover,

.fas-generate-form.pc .ue-fas-statemachine .dx-dropdowneditor.dx-state-hover.dx-state-readonly,
.fas-generate-form.pc .ue-fas-statemachine .dx-dropdowneditor.dx-state-focused.dx-state-readonly
{
	border-color: rgba(0,0,0,0.10) !important;
	box-shadow: 0 0 0 0;
}

/* 日期选择弹出 */
.dx-overlay-content.dx-popup-normal .dx-button.dx-button-today{
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
}

.dx-overlay-content.dx-popup-normal .dx-button.dx-button-today .dx-button-content{		
    line-height: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.dx-overlay-content.dx-popup-normal .dx-toolbar-items-container .dx-button.dx-button-normal:not(.dx-button-has-icon){
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
}

.dx-overlay-content.dx-popup-normal .dx-toolbar-items-container .dx-button.dx-button-normal:not(.dx-button-has-icon) .dx-button-content{
    line-height: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.dx-overlay-content.dx-popup-normal .dx-toolbar-items-container .dx-button.dx-button-default{
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
}

.dx-overlay-content.dx-popup-normal .dx-toolbar-items-container .dx-button.dx-button-default .dx-button-content{
    line-height: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.dx-overlay-content.dx-popup-normal .dx-calendar.dx-calendar-view-month{
    margin-top: 20px;
    margin-bottom: 0px;
}

.dx-overlay-content.dx-popup-normal .dx-timeview-field .dx-numberbox{
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
}

.dx-overlay-content.dx-popup-normal .dx-timeview.dx-widget.dx-visibility-change-handler{		
    margin-right: 0px;
}

.dx-overlay-content.dx-popup-normal .dx-timeview-field .dx-numberbox .dx-texteditor-input{
    min-height: 30px;
}

.dx-overlay-content.dx-popup-normal .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar{
    margin-left: 0px;
    margin-right: 0px;
}

.dx-overlay-content.dx-popup-normal .dx-collection.dx-popup-bottom.dx-popup-cancel.dx-popup-done{
    padding-top: 0px;
    padding-bottom: 16px;
}


.dx-overlay-content.dx-popup-normal .dx-calendar.dx-calendar-view-month.dx-swipeable{
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 10px;
    margin-top: 12px;
}

.dx-overlay-content.dx-popup-normal .dx-widget.dx-calendar-navigator a{
    border: 0px;
}

.dx-overlay-content.dx-popup-normal .dx-widget.dx-calendar-navigator a.dx-state-hover i{
    color: var(--color-hover)
}

.dx-overlay-content.dx-popup-normal .dx-calendar-body{
    top: 40px;
}
/* END 日期选择弹出 */

.dx-placeholder{
  color: rgba(0, 0, 0, 0.32);
}

.dx-texteditor-input{
  color: rgba(0, 0, 0, 0.9);
}

/* ============国际化界面样式评审=============== */

/* ======================图标大小=============== */

.dx-list-item-icon{
    font-size: 12px !important;
}

.icon-t-unlock-fine{
    transform: rotateY(180deg);
}

.el-textarea.is-disabled .el-textarea__inner,.el-input.is-disabled .el-input__inner{
    background-color: rgba(0,0,0,0.05) !important;
    border-color:rgba(0,0,0,0.1) !important;
}
.dx-button-has-text .dx-button-content{
    padding: 7px 12px;
}
.dx-popup-bottom .dx-button{
    min-width: 50px;
}
.dx-toolbar-label .dx-toolbar-item-content > div{
    overflow: inherit;
}
.el-input-number.is-controls-right[class*=mini] [class*=decrease], .el-input-number.is-controls-right[class*=mini] [class*=increase]{
    line-height: 15px;
}
.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){
    border-color: var(--color-hover);
}
.el-input-number__decrease:hover, .el-input-number__increase:hover{
    color: var(--color);
}
.dx-overlay-content .dx-popup-content > .dx-template-wrapper{
    /* overflow: hidden; */
}

.fas-selecthelper{
    min-height: 32px;
    line-height: 32px;
}
.tsh-tag{
        margin: 2px 5px 2px 5px !important;
}
.tsh-popup-content{
        padding: 12px 24px 8px 24px !important;
}
.tsh-button .tsh-button-content {
    padding: 0px 5px;
    height: 24px;
}
.TeldTreeListHelper_inputelementr_drop_icon .icon::before{
     font-size: 12px;
    content: "\ea0a";
    font-family: 'icomoon';
    font-size: 16px;
    color: rgba(0,0,0,0.56);
    transform: scale(0.5);
}

.fas-column-form .fas-checkboxgroup_fasComp.fasCompLabel .fas-column-form{
    margin-top: 0px !important;
}
.fas-column-form .fas-checkboxgroup_fasComp.fasCompLabel .flex-grow{
    line-height: 32px;
    height: 32px;
}

.fas-column-form .fas-radiogroup_fasComp.fasCompLabel .flex-grow{
    line-height: 30px;
    height: 30px;
}

.teld_anchor .el-tabs__item span{
    display: inline-block;
    max-width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 提示数字连续不换行 */
.el-notification__content p{
       word-break: break-all;
}

/*dev组件数字组件赋值--右侧叹号*/
.dx-invalid.dx-texteditor.dx-state-focused{
    border-color: var(--color-hover) !important;
}
.dx-invalid .dx-texteditor-input-container::after
{
    display:none;
}

.dx-switch.dx-state-hover.dx-state-readonly .dx-switch-container{
    border-color:transparent
}

.dx-switch.dx-state-focused.dx-state-readonly .dx-switch-container{
    border-color:transparent
}

.dx-switch.dx-state-hover.dx-state-readonly .dx-switch-handle::before{
    background-color:#959595
} 

.dx-switch.dx-state-focused.dx-state-readonly .dx-switch-handle::before{
    background-color:#959595
} 


.dx-checkbox.dx-state-hover.dx-state-readonly .dx-checkbox-icon{
     border-color:transparent
}

.dx-checkbox.dx-state-focused.dx-state-readonly .dx-checkbox-icon{
     border-color:transparent
}


.dx-radiogroup.dx-state-readonly .dx-radiobutton.dx-state-hover .dx-radio-value-container .dx-radiobutton-icon::before{
     border-color:transparent
}
.dx-radiogroup.dx-state-readonly .dx-radiobutton.dx-state-focused .dx-radio-value-container .dx-radiobutton-icon::before{
     border-color:transparent
}

.dx-radiogroup.dx-state-readonly .dx-radiobutton.dx-state-hover .dx-radio-value-container .dx-radiobutton-icon::before{
     border-color:transparent !important
}

.dx-radiogroup.dx-state-readonly .dx-radiobutton.dx-state-focused .dx-radio-value-container .dx-radiobutton-icon::before{
     border-color:transparent !important
}