/**
 * 主题色值抽取
 */

/**
 * ant-Design
 */
@header-bg: transparent;
@btn-default-color: #00CCFF;
@dialogBg-color: #06183b;
@sider-bg: rgba(16,41,88,0.3);
@sider-selected: rgba(0,204,255,0.1);
@table-header-bg: rgba(18, 174, 235, 0.15);
@input-disabled-border: rgba(14,164,227,0.6);
@selected-disabled: rgba(0,0,0,.45);
@tips-color: #59BCEA;
@iem-box-bg: rgba(7,12,62,0.15);
@hover-color: rgba(0,0,0,.45);
@public-border-color: rgba(14,164,227,0.6);
@input-disabled-bg: rgba(255,255,255, 0.15);
@input-disabled-color: rgba(255,255,255, 0.65);
@btn-primary-disabled-bg: rgba(0, 204, 255, 0.45);
@btn-primary-disabled-border: rgba(0, 204, 255, 0.25);
@input-shadow-width: '9px';
@btn-disable-bg-color: transparent;
@btn-disable-border-color:#065a6f;
@popover-arrow: #00CCFF;
@popover-border: rgba(14,164,227,0.6);
@table-hover: rgba(0,0,0,.35);
@table-header: #fff;
@table-border-color: rgba(18, 174, 235, 0.15);
@btn-default-border: #00CCFF;
@btn-hover-bg: rgba(255, 255, 255, 0.15);
@btn-default-bg: transparent;
@tab-border-color: rgba(0, 204, 255, 0.35);
@tab-bg-color: @dialogBg-color;
@tree-icon-color: #00CCFF;
@tree-selected-color: rgba(0,0,0,.45);
@tree-hover-color: rgba(0,0,0,.45);
@clear-icon-color: @main-color;
@icon-color: #fff;
@icon-bg: rgba(7, 12, 62, 0.15);
@input-bg: #06183b;
@form-label: #fff;
@public-shadow-width: 12px;
@selected-color: rgba(0,0,0,.45);
@chart-tooltip-text: #fff;

/**
 * 滚动条
 */
@scrollbar-color: rgba(0,204,255, 0.8);
@scrollbar-height: '8px';
@scrollbar-shadow: none;
@scrollbar-bg: rgba(32, 100, 112, 0.25);

/**
 * other
 */
@main-color: #00CCFF; // 主色系
@title-color: #59BCEA;// 标题
@text-color: #fff; // 正文
@sider-color: #102958;
@border-color: #0EA4E3;
@disabled-color: #6F9ED6;
@shadow-type: inset;
@subtitle-bg: rgba(0,204,255, 0.06);
@public-border-shadow: rgba(14,164,227, 0.4);
@public-shadow-reset: rgba(14,164,227, 0.4);
@chart-line-color: rgba(0,204,255,0.15);
@energy-pop-color: #042343;
@empty-stroke-color: rgba(0, 204, 255, 0.35);
@line-stroke-color: #16315E;
@timeline-color: rgba(0, 204, 255, 0.2);
@chart-xy-color: #6F9ED6;

/**
 * 组态
 */
@svgMarker-bg: #2C384A;
@svgMarker-odd-bg:#273141;

/**
 * static
 */
@formError-color:#f5222d;

/**
 * 全局引用样式
 */
.iem-point{ cursor: pointer;}
.iem-point:hover{color: @main-color;}
.iem-border-box{border: 1px solid @public-border-color;box-shadow: 0 0 @public-shadow-width @shadow-type @public-border-shadow;border-radius: 2px;background-color: @iem-box-bg;}
.iem-shadow-clear{box-shadow: 0 0 12px @shadow-type @public-shadow-reset !important;}
.iem-border-clear{border: none !important;box-shadow: unset !important;}
.iem-title{color: @title-color !important;}
.iem-text{color: @text-color;}
.iem-selected-status{background-color: @selected-color !important;color: @btn-default-color;}
.iem-hover-status{background-color: @hover-color !important;color: @btn-default-color;}
.tree-selected-status{background-color: @tree-selected-color !important;color: @btn-default-color;}
.tree-hover-status{background-color: @tree-hover-color !important;color: @btn-default-color;}
.iem-form-disabled{color: @input-disabled-color !important;background: @input-disabled-bg !important;}
.iem-form-box{border:1px solid @input-disabled-border;border-radius: 2px;}
.iem-scrollbar{background: @scrollbar-color !important;box-shadow: @scrollbar-shadow !important;}
.primary-color {color: @main-color;}
.disable-color {color: @disabled-color !important;}
.primary-bg{background-color: @dialogBg-color !important;} //常用背景色
.primary-border{border-color: @public-border-color !important;}
.primary-mainBg{background-color: @main-color !important;}
.primary-tableHeader-bg{background-color:@table-header-bg}
.primary-borderColor{border-color: @main-color;}
.primary-popover-border{border-color: @popover-border;}
.chart-color{color: @chart-xy-color;}
.separate-color{color: fade(@main-color, 10%);}
.fadeTextColor(@percent) {color: fade(@text-color,@percent);}

/**
 * CSS Reset
 */
body{background: transparent;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6 {color: @text-color;}
::-webkit-scrollbar-thumb{.iem-scrollbar;}
::-webkit-scrollbar-track{background: @scrollbar-bg !important;}
::-webkit-scrollbar{height: @scrollbar-height !important;}
input:-webkit-autofill {-webkit-text-fill-color: @text-color !important;}

/**
 * 浏览器非谷歌内核时的提示
 */
.system-warning{
  width: 100%;
  height: 100%;
  background: linear-gradient(#031F48, #000);
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

/**
 * 父类为 iem
 */
.iem{
  .app-content .video-dialog{.primary-bg;.iem-border-box;}
  .app-content .video-dialog .title{color: @text-color}
  .app-content .video-dialog .content .right .nothing{background: @dialogBg-color;color: @text-color}
  .res-wrapper{
    background-color: transparent;
    color: @text-color;
    // 通用布局
    > .header > .title { color: @title-color !important;}
    > .res-layout .res-layout-sider { border-right-color: @public-border-color; .iem-border-box;}
    > .res-layout .res-layout-main {.iem-border-box; }
    > .curr-header .title{color: @title-color !important;}

    // UAA
    .res-table-search .title{ color: @title-color;}
    .res-table-header > .title{color: @title-color;}
    .authority-transfer .transfer-item .title{color: @title-color;}
    .authority-transfer .transfer-item .content{.primary-border;}
    .authority-transfer .transfer-item .content .save-btn{.primary-border;}

    // 空调运行优化
    .config-template-container .map .main .map-info .web-window-item .item-header .action-button{background-color: @table-header-bg;.primary-border;}
    .config-template-container .web-window-button{background: @table-header-bg;.primary-border;}
    .config-template-container .map .main .map-info .web-window-item .item-content .chart-data .chart-data-item,
    .config-template-container .map .main .map-body .map-env{background-color: fade(@main-color, 6%);color: @text-color}
    .config-template-container .map .main .map-body .map-env .title{background-color: fade(@main-color, 10%);color: @main-color}
    .config-template-container .table-list .table-list-item{.primary-border;}
    .config-template-container .table-list .table-list-item > .item-header > div{color: @title-color;}
    .config-template-container .table-list .selectedSetType > .item-header .setType .setType-item > .item-header{.iem-border-box;}
    .config-template-container .map-appearance .layout-right{border-color: fade(@border-color, 35%) !important;}
    .config-template-container .map .config-actions .icon-box{background-color: @dialogBg-color;}
    .config-template-container .config-actions.scene-config .name{background-color: @tab-bg-color;}
    .config-template-container .map .config-actions .icon-box .alarm-box{background-color: @dialogBg-color;}
    .config-template-container .map .main .map-info .web-window-item .item-content .chart-box .right-unit{color: @disabled-color}
    .centralAirCondition .edit-box .edit-box-action{.primary-borderColor}
    .centralAirCondition.map-container:hover.edit-box .edit-box-action{.primary-borderColor !important}
    .map .map-body{background-color: transparent !important;}
    .map .map-header .ant-breadcrumb{color: @title-color;}
    .map .map-header .ant-breadcrumb > span:last-child{color: @title-color;}
    .map .ant-breadcrumb-separator{color: @main-color;}
    .map .map-body .map-tree{.primary-border;}
    .map .map-body .map-flex.fullScreen{.primary-bg;}

    // 试探性学习
    .svg-action .svg-action-item{border-color: @main-color;background:@table-header-bg;}
    .svg-action .svg-action-item:first-child > a + a{border-color: @main-color;}
    .svg-action .svg-action-item.active{background-color: @main-color;}
    .svg-action .svg-action-item.active a{color: @text-color;}
    .drag-more-btn .drag-btn{color: @text-color;border-color: @main-color;background-color: @dialogBg-color;}

    // 能耗模块
    .chart-legend .hd,.chart-legend .bd{border-color: fade(@border-color, 45%)}
    .energy-chart-display > .hd{background: transparent;border: none;color: @title-color;}
    .energy-monitor-main .selectedDevice .active{background: @main-color !important;color:@text-color}
    .er-report .er-report-item{.iem-border-box;}
    .er-report .er-report-item .hd{background-color: @table-header-bg;color: @title-color;}
    .er-report .er-report-item{.fadeTextColor(35%)}
    .er-report-line{.fadeTextColor(35%)}
    .er-calendar .er-calendar-item.selected{background-color: @table-header-bg;}

    // 设备组态
    .map-header-popover .map-header-action li{color: @text-color;}
    .map-header-popover .map-header-action li:hover{.iem-selected-status;}
    .map-header-popover .map-header-action .copy-url .copy-url-box .copy-list{.primary-bg;.iem-border-box;}
    .map-header-popover .map-header-action .copy-url .copy-url-box .copy-item > span{color: @text-color}
    .map-header-popover .map-header-action .copy-url .copy-url-box .copy-item .title{color: @text-color}
    .svg-drag-box{.primary-bg;.iem-border-box;color: @main-color;}
    .svg-drag-box > span{color: @text-color;}
    .svg-drag-box .drag-btn{background-color: @main-color;}

    // 能源概况
    .eo-statistics .statistics-item .statistics-info .title{color: @text-color;}
    .eo-tab:after{background-color:@public-border-color; }
    .eo-chart-box{.primary-border;.iem-border-box;}
    .eo-chart-box .title{color: @title-color;}

    // 情景模式
    .policy-wrapper .sub-header{color: @title-color;}
    .policy-wrapper .sub-header .title:before{background-color: @title-color;}
    .policy-wrapper .policy-info .info{.primary-bg;.iem-border-box;}
    .policy-wrapper .policy-info .info ul li{color: @text-color;}
    .policy-wrapper .policy-info .info ul li .value{color: @main-color;}
    .policy-wrapper .policy-list .list{background-color: fade(@text-color, 5%)}
    .policy-wrapper .policy-list .list .addAction{color: @disabled-color !important;border-color: @disabled-color !important;}
    .policy-wrapper .policy-list .list .addAction .anticon{color: @disabled-color !important;}
    .policy-wrapper .policy-list .list .policy-type{background-color: @table-header-bg;}
    .policy-wrapper .policy-list .list .ant-card {.primary-bg;}
    .policy-wrapper .policy-list .list .policy-subType{color: @main-color;}
    .policy-wrapper .policy-list .list .ant-card-head .anticon{color: @main-color;}
    .policy-wrapper .policy-list .list .policy-msg{color: @text-color;}
    .policy-wrapper .policy-list .list .policy-content ul li{color: @text-color;}
    .policy-wrapper .policy-list .list .policy-content .content-title{background-color: fade(@text-color, 5%)}
    .policy-wrapper .policy-list .list .policy-content .content-title .cluster{color: @title-color;}
    .policy-wrapper .policy-list .list .policy-content .content-title .name{color: @title-color;}
    .policy-wrapper .policy-list .list .policy-type .orderNo{background-color: @main-color;}
    .policy-wrapper .policy-list .list .policy-content .content-title .time{.fadeTextColor(45%)}
    .policy-wrapper .policy-list .list .policy-content ul li:before {background-color: fade(@text-color, 45%)}

    // 场景联动
    &.gangedMange-wrapper{background: @tab-bg-color;}
    &.gangedMange-wrapper.edit-box .box-content{background-color: transparent;}
    &.gangedMange-wrapper.edit-box .box-content .ganged-title{color: @title-color;}
    &.gangedMange-wrapper.edit-box .box-content .ganged-factor .ganged-title{color: @text-color;}
    &.gangedMange-wrapper.edit-box .box-content .basic-info ul{background-color: fade(@text-color, 5%)}
    &.gangedMange-wrapper.edit-box .box-content .ganged-factor{background-color: fade(@text-color, 5%)}
    &.gangedMange-wrapper.edit-box .box-content .basic-info .ant-form{background-color: fade(@text-color, 5%)}
    &.gangedMange-wrapper.edit-box .box-content .basic-info ul li{color: @text-color;}
    &.gangedMange-wrapper.edit-box .box-content .basic-info ul li .value{color: @main-color;}
    &.gangedMange-wrapper.edit-box .box-content .ganged-title .tips{.fadeTextColor(45%);}
    &.gangedMange-wrapper.edit-box .box-content .ganged-title:before{background-color: @title-color;}
    &.gangedMange-wrapper.edit-box .box-content .reg-list ul{border: none;.primary-bg}
    &.gangedMange-wrapper.edit-box .box-content .reg-list ul li.item-title{background-color: transparent;.primary-border;}
    &.gangedMange-wrapper.edit-box .box-content .reg-list ul li.item-title .title-name{color: @main-color;}
    &.gangedMange-wrapper.edit-box .box-content .reg-list ul li{color: @text-color;}
    &.gangedMange-wrapper.edit-box .box-content .reg-list ul li.withLink:hover{color: @main-color;}
    &.gangedMange-wrapper.edit-box .box-content .reg-list ul li span{color: @main-color;}
    &.gangedMange-wrapper.edit-box .box-content .anticon-edit, &.gangedMange-wrapper.edit-box .box-content .anticon-eye{color: @text-color;}
    &.gangedMange-wrapper.edit-box .box-content .anticon-edit:hover, &.gangedMange-wrapper.edit-box .box-content .anticon-eye:hover{color: @main-color;}
    &.gangedMange-wrapper.edit-box .box-content .reg-list ul li.withBg{background-color: fade(@text-color, 8%);}
    &.gangedMange-wrapper.edit-box .box-content .ganged-factor .factor-confition{border: none;background-color: @table-header-bg;color: @text-color}
    &.gangedMange-wrapper.edit-box .box-content .ganged-factor .factor-confition span{color: @main-color;}
    &.gangedMange-wrapper.edit-box .box-content .ganged-device .ganged-device-list .list-item .list-item-content .reg-arrow{color: @main-color;}
    &.gangedMange-wrapper.edit-box .box-content .ganged-device .ganged-device-list .list-item .list-item-title .title-name{color: @text-color;}
    &.gangedMange-wrapper.edit-box .box-content .ganged-device .ganged-device-list .list-item .list-item-title .title-actions{color: @main-color;}
    &.edit-box .box-content .ganged-device .ganged-device-list .ant-empty{background-color: fade(@text-color, 5%)}
    &.edit-box .box-content .ganged-device .ganged-device-list .list-item{background-color: fade(@text-color, 5%)}

    // 告警规则
    .alarm-device{background: transparent;}
    .alarm-device .alarm-device-title .title .title-items .title-name{color: @title-color;}
    .alarm-device .alarm-device-title .info{color: @text-color;}
    .alarm-device .alarm-device-title .value{color: @main-color;}
    .alarm-device .alarm-device-config .config-header{color: @text-color;}
    .alarm-device .alarm-device-config .config-top .trigger .trigger-item{background-color: fade(@text-color,5%);}
    .alarm-device .alarm-device-config .config-top .trigger .main-color{color: @main-color;}
    .alarm-device .alarm-device-config .config-top .trigger{color: @text-color;}
    .alarm-device .alarm-device-config .config-top .trigger .trigger-item .item-list .text-overflow{color: @main-color;}
    .alarm-device .alarm-device-config .config-center .config-center-reg .reg-list{background-color: fade(@text-color,5%);}
    .alarm-device .alarm-device-config .config-center .config-center-reg .reg-list .reg-list-item .item-title{color: @text-color;}
    .alarm-device .alarm-device-config .config-center .config-center-reg .reg-list .reg-list-item .item-title .value{color: @main-color;}
    .alarm-device .alarm-device-config .config-center .config-center-reg .reg-list .reg-list-item .item-tips{ color: fade(@text-color,35%)}
    .alarm-device .alarm-device-config .config-center .config-center-system .system-list .system-list-item .item-tips{ color: fade(@text-color,35%)}
    .alarm-device .alarm-device-config .config-center .config-center-reg .reg-list .reg-list-item{border-color: fade(@main-color,65%) }
    .alarm-device .alarm-device-config .config-center .config-center-system .system-list .system-list-item{border-color: fade(@main-color,65%) }
    .alarm-device .alarm-device-config .config-center .config-center-system .system-list .system-list-item.item-info{border-color: fade(@main-color,65%) }
    .alarm-device .alarm-device-config .config-center-message .config-bottom-type { background-color: fade(@text-color, 5%); }
    .alarm-device .alarm-device-config .config-bottom .ant-table-wrapper{background: transparent;}
    .alarm-device .alarm-device-config .config-center .config-center-system .system-list{background-color: fade(@text-color,5%);color: @text-color;}
    .alarm-device .alarm-device-config .config-center .config-center-system .system-list .system-list-item .item-title{color: @text-color;}
    .alarm-device .alarm-device-config .config-center .config-center-system .system-list .system-list-item .value{color: @main-color;}
    .alarm-device .alarm-device-config .config-center .config-center-message .message-list{ background-color: fade(@text-color,5%);color: @main-color;}
    .alarm-device .alarm-device-config .config-top .trigger .noRule{ background-color: fade(@text-color,5%);color: @main-color;}
    .alarm-device .alarm-device-config .config-center .config-center-message .message-list .name{color: @main-color;}

    // 设备生命周期
    .life-container .life-data > div .sub-title{background: @subtitle-bg;}
    .life-container .life-data > div.data-right .data-content .content-item,
    .life-container .life-data > div.data-left .life-statistics .statistics-data .statistics-item{background-color: @subtitle-bg;}
    .life-container .life-data > div.data-left .life-statistics .statistics-data .statistics-item .item-icon{border-color: @main-color;}
    .life-container .life-data > div.data-right .data-content.ant-timeline .ant-timeline-item .ant-timeline-item-tail{border-color: @timeline-color;}
    .life-container .life-data > div.data-right .data-content .content-item .label.error{color: @formError-color;}
    .life-container .life-data > div.data-right .data-content .content-item:after{border-right-color: @subtitle-bg;}
    .life-container .life-data > div.data-left .life-healthy .healthy-data .healthy-percent .ant-progress .ant-progress-circle-trail{stroke: @subtitle-bg !important;}
    .life-container .life-data > div.data-right .data-content.ant-timeline .ant-timeline-item .ant-timeline-item-head{background: #091944;}
    .life-container .life-data > div.data-left .data-left-top .data-left-img::after{background-color: fade(@main-color, 10%);}
    .life-container .life-data > div.data-left .data-left-bottom .statistics-data .statistics-item .item-left .icon-box{border-color: @main-color;}
    .life-container .life-data > div.data-left .data-left-bottom .statistics-data .statistics-item .item-left .icon-box .item-icon{background-color: @main-color;}

    // 其他
    &.neutral-monitor .action-button{background-color: @table-header-bg;.primary-border;}
    .main .action-bar .active-status{background-color: @main-color !important;color: #fff !important;}
    .header-popover .header-action li,.header-popover .header-action li .ant-upload{color: @text-color;}
    .header-popover .header-action li:hover .ant-upload,
    .header-popover .header-action li:hover{.iem-selected-status;}
    .lift-advice .title{color: @title-color;}
    .main .res-layout-main .main-list .lift .container{border-color: @border-color}
    .main .res-layout-main .main-list .ant-tabs .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-active{border-top-color: @main-color;}
    .ant-tree li .ant-tree-node-content-wrapper .nodeEmpty{color: @disabled-color;}
    .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected .nodeEmpty{.tree-selected-status;}
    .main .rowSelectedBgColor td{background-color: @table-hover;}
  }

  // 碳中和
  .neutral-monitor .right .right-bottom ul::after,
  .neutral-monitor .right .right-bottom ul::before,
  .neutral-monitor .right .right-bottom ul li.data-line{background: @chart-line-color;}
  .neutral-monitor .left > div .title .unit,
  .neutral-monitor .right .right-bottom .title .unit{color:@disabled-color}

  // UAA
  .tenant_form_tree{.iem-border-box;.primary-bg;}
  .custom-allowClear .custom-allowClear-btn{color: @main-color;}
  .res-icon-list li.selected{background-color: @main-color;}
  .systemParam .preview .preview-btn-wrapper .anticon:hover{color: @main-color;}

  // 情景模式
  .policy-box .edit-table .header .title{color: @title-color;}

  // 场景联动、空间管理
  .edit-box .box-header .header-title{color: @title-color;}

  // 设备监控统计
  .deviceMonitoring .ant-tabs-nav-container{.primary-tableHeader-bg}
  .deviceMonitoring .each-detail > .hd .dashed{border-color:fade(@border-color, 45%); }
  .deviceMonitoring .bd .each-count{background: fade(@dialogBg-color, 40%) !important;}
  .deviceMonitoring .bd .each-count .count-item .count-subItem,
  .deviceMonitoring .bd .each-count .count-item{.primary-tableHeader-bg}
  .deviceMonitoring > .hd .tab .tab-item.selected{border-color: @main-color !important;}
  .grid .grid-item > .ft > .main .main-item .title{color: fade(@title-color, 75%) !important;}

  // 概况总览
  .ov-content .alarm-statistics .statistics-item{background-color: fade(@main-color, 5%);}
  .ov-content.ov-content-left .operate .operate-content .operate-message .statistics-item .item-left .icon-box{border-color: @main-color;}
  .ov-content.ov-content-left .operate .operate-content .operate-message .statistics-item .item-left .icon-box .iem-text{background-color: @main-color;}
  .ov-content.ov-content-left .operate .operate-content .operate-message .statistics-item .item-right::before{background: fade(@border-color, 15%);}
  .ov-content.ov-content-left .operate .operate-content .operate-message .statistics-item{background-color: fade(@main-color, 5%);}
  .ov-content.ov-content-left .summary .summary-content .summary-statistics .statistics-item{background-color: fade(@main-color, 5%);}
  .ov-content.ov-content-left .summary .summary-content .summary-statistics .statistics-item .item-progress .percent{color: @disabled-color !important;}
  .ov-content.ov-content-left .summary .summary-content .summary-statistics .statistics-item .item-value span{color: @disabled-color !important;}
  .ov-content.ov-content-left .summary .summary-content .summary-statistics .statistics-item .item-progress .progress .occupy{background: @main-color !important;}
  .ov-content.ov-content-right .energy-statistics .statistics-item .item-ye-num{background-color: fade(@main-color, 5%);}
  .ov-content.ov-content-right .energy-ranking .ranking-item > div.active{background: @title-color;}
  .ov-content.ov-content-right .energy-ranking .ranking-item{border-color: @title-color; color: @title-color;}
  .ov-content.ov-content-right .energy-ranking .ranking-data ul li.data-title{background: fade(@sider-color, 65%);}

  // 电梯监测
  .lift .container .title{background: fade(@border-color,30%);}

  // 其他
  .res-layout .deviceSelectable{.iem-border-box;}
  .percentComponent .percent-item .track .ant-progress .ant-progress-inner{background: @table-header-bg;}
  .statusChart .statusChart-item .label,
  .statusChart .statusChart-item .value{color: fade(@title-color, 70%) !important;}
  .statusChart .statusChart-item .trail .progress{background: @main-color !important;}
  .alarm-list .list-item .alarmInfo{background: @table-header-bg !important;color: @text-color;}
  .energy-data-table thead{background: @table-header-bg}
  .energy-data-table tbody tr{border-bottom: 1px solid @table-border-color}
}

/**
 * 父类非iem
 */

// 复制链接
.copy-url .customForm-copy-box .copy-list{.primary-bg;.iem-border-box;.primary-popover-border}

// 本地上传
.map-empty .file-upload{background-color: transparent;border-color: @main-color;}
.map-empty .file-upload p{.fadeTextColor(55%);}
.uploader .ant-upload-list .ant-upload-list-item-card-actions .anticon,
.uploader .ant-upload-list .ant-upload-list-item-info .anticon-paper-clip {color: @main-color !important}
.uploader .ant-upload-list  .ant-upload-list-item:hover .ant-upload-list-item-info { background: rgba(255, 255, 255, 0.15);}
.reUpload .tips{color: @tips-color !important;}

// 能源流向
.flow-wrapper > .bd .modeSwitch{background-color:fade(@main-color, 15%) !important;}
.flow-wrapper > .bd{border-color: fade(@main-color, 15%) !important;}
.flow-wrapper > .bd .lineData > div{background-color: fade(@main-color, 15%) !important;}
.flow-wrapper > .bd .lineData > div.primary-color{background-color: fade(@main-color, 10%);}
.graph-node:not(.root) .title .attachment:hover .anticon{color: @main-color;}

// 电子地图
.svg-viewInfo{.primary-bg;.iem-border-box;color: @text-color;}
.svg-viewInfo .title{color: @title-color;}
.svg-viewInfo .info-list .info-item .value{color: @main-color;}
.file-item .tips{color: @tips-color !important;}
.buildCascader-picker .buildCascader-drop{.primary-bg}
.buildCascader-picker .buildCascader-drop .buildCascader-drop-item{background: transparent;color: @text-color;}
.buildCascader-picker .buildCascader-drop .buildCascader-drop-item .buildCascader-drop-menu.buildCascader-drop-menu-disabled{.fadeTextColor(45%) !important;}
.svg-box .hd > span{color: @main-color;}
.svg-box .bd .svg-form-item .label{color: @main-color}
.svg-box .bd .svg-form-item .value{.iem-text}
.svg-box {border: 1px solid @public-border-color;box-shadow: 0 0 @public-shadow-width @shadow-type @public-border-shadow;border-radius: 2px;}

// 电子地图图标选择
.deviceBind .left {color: @text-color !important;}
.deviceBind .right .icon-list .icon-list-item li > div.selected{background: @main-color;}
.deviceBind .icon-size .item.selected{background: @main-color;}

// 表格按钮
.res-table-action a:hover{text-decoration: underline;}
.res-table-action a.disabled{color: @disabled-color}

// 设备组态
.svg-deviceInfo.svg-deviceInfo-default{  background-color: @svgMarker-bg; }
.svg-deviceInfo.svg-deviceInfo-default .deviceInfo-body .deviceInfo-item:nth-child(odd){background: @svgMarker-odd-bg;}
.svg-deviceInfo .deviceInfo-header{color: @text-color;}
.svg-deviceInfo .deviceInfo-footer{background-color: transparent !important;}
.svg-deviceInfo .deviceInfo-body .deviceInfo-item{color: @text-color;}
.svg-deviceInfo .svg-btn{ background-color: @main-color !important;}
.svg-deviceInfo .svgInput { .iem-border-box;background-color: transparent;}
.svg-deviceInfo .svgInput:not(.disabled):hover{border-color: @main-color}
.svg-deviceInfo .svgSelected {.iem-border-box; background-color: transparent;color: @text-color;}
.svg-deviceInfo .svgSelected:not(.disabled):hover{border-color: @main-color}
.svg-deviceInfo .svgSelected .placeholder{.fadeTextColor(50%);}
.svg-deviceInfo .svgSelected .arrow{color: @main-color;}
.svg-deviceInfo .svgSelected > ul{.iem-border-box;background: #2C384A; }
.svg-deviceInfo .svgSelected > ul li:hover{.iem-selected-status;}
.svg-deviceInfo .svgSelected > ul li.selected{.iem-selected-status;}
.svg-deviceInfo .svgSwitch.svgSwitch-checked {background-color: @main-color;}
.svg-deviceInfo .svgRadioGroup .svgRadioWrapper .svgRadio{background: transparent;.primary-border;}
.config-table .config-table-header > div{color: @title-color;}
.svg-select-option{.iem-border-box;background: #2C384A;}
.svg-select-option li:hover{.iem-selected-status;}
.svg-select-option li.selected{.iem-selected-status;}
.configModule-layout .layout-table .float .float-body .indicate-list .indicate-list-item{border:1px solid @public-border-color;}
.insertElement.controlParty.show,.insertElement-dropDown{background-color: @svgMarker-bg;}
// UAA
.icon-upload .title{color: @title-color;}
.multiple-box .form_tree{.iem-border-box;.iem-shadow-clear;}
.res-transfer{
  .transfer-items{.primary-border;}
  .transfer-items > .title{.primary-bg;.primary-border;color: @title-color;}
  .transfer-items > .main .target li{color: @text-color;}
}

// 知识库
.kbKnowledge-file .related-list .text{color: @tips-color;}
.kbKnowledge-file .related-list:hover{background-color: @table-header-bg;}
.kbKnowledge-file .related-list:hover .text{color: @tips-color !important;}

// 参照
.reference-wrapper .res-layout-sider{.primary-border;}

// 其他
.action-drop .project-item li:hover{color: @main-color !important;}
.action-drop .project-item li:hover .list-item{color: @main-color;}
.action-drop li:hover,li.active{.iem-selected-status;color: @main-color !important;}
.action-drop li:hover .project-item{color: @text-color;}
.right-table .rowSelectedBgColor td{background-color: @table-hover;}
.neutral-monitor .center .statistics .statisticsData { color: #1a7bcc; background: fade(@sider-color, 30%);}
.ranking-item{background: @energy-pop-color !important;}
.ranking-item .energySelect {background: @energy-pop-color !important;}
.ranking-item .energySelect .energyClassify{border-bottom: 1px solid fade(@border-color, 20%);}
.ranking-item .energySelect .energyClassifyItem{background-color: @table-hover;}
.ranking-item .energySelect .energyClassifyItem.active{color:@text-color;background-color: @main-color;}
.ranking-item .showName > span.divider::after{background-color: @title-color;}
.deviceSelectable-wrapper .res-layout-sider{.primary-border;}
.container.dictModal .left{.primary-border;}
.alarm-list .list-item .alarmInfo{background: @table-header-bg !important;color: @text-color;}
.alarm-name-modal .center-btn{.primary-border;}
.alarm-add-modal .center-btn{.primary-border;}
.alarm-modal .center-btn{.primary-border;}
.aRow-form .widthBg .ant-form-item-control,
.aRow.modeEdit .widthBg .ant-form-item-control,
.aRow.relationForm .withBgForm{background-color: @subtitle-bg !important;}
.iconPicker .iconBox{background: @icon-bg;}
.setupBind .setupBind-top{.primary-border;}
.configInfo-tab .tab-item.selected{color: @title-color; border-color: @main-color !important;}
.configInfo-tab .tab-item:hover{color: @title-color;}
.configInfo-list .info-detail{color: @text-color;}
.configInfo-list  .info-detail .title{color: @main-color;}
.configInfo-list .form-item{color: @text-color;}
.configInfo-list > .hd{border-color: fade(@main-color,35%) !important;}
.configInfo-list > .hd .title{color: @title-color; border-color: @main-color !important;}
.configInfo-list>.bd .configInfo-form-wrapper .configInfo-form .form-item .form-item-value .text{color: @main-color !important;}
.message-detail{ color: @text-color;}
.message-detail .title{ color: @title-color;}
.configInfo{
  .configInfo-item > .hd{background-color: @table-header-bg;color: @text-color;}
  .configInfo-item > .hd> .title:before{ background-color: @main-color;}
  .configInfo-item{background-color: fade(@border-color, 5%);}
}
.device-reg-modal{
  .device-reg-box .reg-form-items.trigger-logic{color: fade(@text-color,45%) !important;}
  .device-reg-box .reg-form-items.trigger-logic .trigger-type .trigger-attr{color: @main-color !important;}
  .device-reg-box .widthTwoCol .delaySeconds .ant-form-item{color: @text-color !important;}
}
.alarm-reg-modal{
  .drawer-tabs .reg-form .reg-form-items.with-border{.primary-border;}
  .drawer-tabs .reg-form .reg-form-items .tips{.fadeTextColor(45%);}
  .drawer-tabs .reg-form .ant-form-item .unit{ color: @text-color;}
  .drawer-tabs .reg-form .reg-form-items.trigger-logic .trigger-type .trigger-attr{color: @main-color !important; }
  .drawer-tabs .center-btn{.primary-border;}
  .drawer-tabs .deviceList .title{color: @title-color;}
}
.alarmHandle{
  .drawer-tabs .alarm-container .alarm-title .alarm-position{color: @main-color;}
  .drawer-tabs .alarm-container .alarm-title .alarm-status .status-time{color: @text-color !important;}
  .drawer-tabs .alarm-container .alarm-msg .alarm-msg-label{background-color: @subtitle-bg !important;color: @main-color;}
  .drawer-tabs .alarm-container .alarm-msg .alarm-msg-items{.iem-border-box;.iem-shadow-clear;}
  .drawer-tabs .alarm-container .alarm-msg .alarm-msg-items .alarm-msg-item{color: @text-color;}
  .drawer-tabs .alarm-container .alarm-msg .alarm-msg-items .alarm-msg-item .value{color: @main-color;}
  .drawer-tabs .alarm-container .alarm-msg .alarm-msg-process ul li .msg{background-color: @table-header-bg !important;}
  .drawer-tabs .alarm-container .alarm-msg .alarm-msg-process ul li:before{background-color: @main-color !important;}
  .drawer-tabs .alarm-container .alarm-msg .alarm-msg-label:before{background-color: @main-color !important;}
  .drawer-tabs .map-svg .map-position{.primary-bg;color: @main-color !important;border-color: @border-color !important;}
  .drawer-tabs .map-svg .map-position .anticon{color: @main-color;}
  .drawer-tabs .alarm-container .alarm-msg .alarm-msg-process ul li .time{color: @main-color;}
}
.edit-table{
  .header .title{color: @title-color !important;}
  .header{.primary-border;}
  .header.point-header{background-color: @subtitle-bg !important;color: @text-color;}
  .header .point-header{background-color: @subtitle-bg !important;color: @text-color;}
  .header.point-header:before,
  .header .point-header:before{background-color: @main-color !important;}
  .operate-header{background-color: @subtitle-bg !important;}
  .header.operate-header::before{background-color: @main-color !important;}
}
.studyStatus{
  .study-header .ant-form-item-label > label{color: @main-color;}
  .study-middle .study-item .item-main .workingCondition .index .index-item{background: @table-header-bg;}
  .study-middle .study-item .item-main .workingCondition .index .index-item:nth-child(odd){background: fade(@table-header-bg,5%);border-color:fade(@main-color, 15%)}
  .study-middle .study-item .item-main .workingCondition .result{ background: fade(@table-header-bg,5%);border-color:fade(@main-color, 15%)}
  .study-middle .study-item .item-main .statusShow{background: @table-header-bg;.primary-border;}
  .study-middle .study-item .item-main .statusShow .change{background: fade(@table-header-bg, 20%);}
  .study-bottom{border-color:fade(@main-color, 35%);}
}
.operateInfo.operateInfo-wrapper{
  .operateInfo-listCard,
  .operateInfo-card .operateInfo-card-item{.iem-border-box;.primary-bg;.iem-shadow-clear}
  .operateInfo-listCard > .hd,
  .operateInfo-card .operateInfo-card-item > .hd{background-color: @subtitle-bg;color: @title-color;}
  .operateInfo-card .operateInfo-card-item > .bd .card-list{color: @text-color}
  .operateInfo-card .operateInfo-card-item > .bd .card-list .card-list-item span:last-child{color: @main-color;}
  .operateInfo-listCard > .bd .list-wrapper .list-item > .value{color: @main-color}
  .operateInfo-listCard > .bd .table-list .table-list-item{background-color: @subtitle-bg;}
  .o-cerateInfo-listCard > .bd .table-list .table-list-item > div,
  .o-cerateInfo-listCard > .bd .table-list .table-list-item{.fadeTextColor(100%)}
  .operateInfo-listCard > .bd .table-list .table-list-item .title{ color: @main-color;}
  .operateInfo-listCard > .bd .table-list .table-list-item .withLink span{color: @main-color;}
}
.operateInfo-wrapper .operateInfo-listCard > .bd .table-list .table-list-item{color: @text-color !important}
// 试探式学习
.cacs-container{
  .cacs-condition{border-bottom: 1px solid @public-border-color;}
  .c-ccs-condition-status{color: @disabled-color;}
  .cacs-condition-status .ant-switch{border-color: @main-color;}
  .cacs-condition-status .ant-switch::after{background: @main-color;}
  .cacs-condition-status .value,
  .cacs-condition-status .ant-radio-wrapper{color: @main-color;}
  .cacs-timeline{background: fade(@border-color, 15%);border:1px solid fade(@border-color, 40%);}
  .cacs-timeline .timeline-icon{background: @border-color;}
  .cacs-timeline .timeline-tag{border: 2px solid @title-color;}
  .cacs-timeline .timeline-active .timeline-sign{color: @title-color;}
  .cacs-timeline .timeline-online{color: @main-color !important;}
  .cacs-info .cacs-info-data .withTopBorder{border-top: 1px solid fade(@border-color,15%);}
  .cacs-info .cacs-info-data .withBottomBorder{border-bottom: 1px solid fade(@border-color,15%);}
  .cacs-info .cacs-info-action .cacs-info-data .ant-carousel .slick-next,
  .cacs-info .cacs-info-action .cacs-info-data .ant-carousel .slick-prev{color: @disabled-color;}
  .cacs-info .cacs-info-action .ant-empty,
  .cacs-info .cacs-info-action .cacs-info-data{background: fade(@border-color,15%);}
  .cacs-modelAction .content .data-item{border-color: fade(@border-color,20%) !important;}
  .cacs-info .cacs-info-data .data-item{background: fade(@border-color,15%) !important; border-color: fade(@border-color,20%) !important;}
  .cacs-info .cacs-info-data .info-data-item:nth-child(odd){background: fade(@border-color,10%) !important}
  .cacs-info .cacs-info-data .info-data-item:nth-child(even){background: fade(@border-color,15%) !important; border-color: fade(@border-color,15%) !important;}
  .cacs-info .cacs-info-data .nextLine:nth-child(even){background: fade(@border-color,10%) !important}
  .cacs-info .cacs-info-data .nextLine:nth-child(odd){background: fade(@border-color,15%) !important; border-color: fade(@border-color,15%) !important;}
  .cacs-info .show-more,
  .cacs-modelAction .content .data-item .label,
  .cacs-info .cacs-info-data .info-data-item .label,
  .cacs-info .cacs-info-data .data-item .label{color: @text-color;}
  .cacs-modelAction .content .data-item .value,
  .cacs-info .cacs-info-data .info-data-item,
  .cacs-info .cacs-info-data .data-item .value{color: @main-color; background: fade(@border-color,10%);}
  .cacs-info .cacs-info-data .info-data-item .value{color: @main-color;}
  .cacs-basic-info{border:2px solid @public-border-color;}
  .cacs-basic-info .label{color:@disabled-color;}
  .cacs-basic-info .value{color:@main-color;}
  .cacs-basic-info,
  .cacs-list-data .list-data .list-data-item{background: -webkit-linear-gradient(fade(@dialogBg-color, 15%) 40%, fade(@border-color, 15%) 100%);}
  .cacs-current .cacs-current-data .current-data-item,
  .cacs-list-data .list-data .list-data-item,
  .cacs-list-data .list-data .list-data-item .name{border-color: @public-border-color !important;}
  .cacs-list-data .list-data .inactive{background: -webkit-linear-gradient(fade(@dialogBg-color, 15%) 50%, fade(@formError-color, 15%) 100%) !important;}
  .cacs-list-data .list-data .inactive,
  .cacs-list-data .list-data .inactive .name{border-color: fade(@formError-color, 35%) !important;}
  .cacs-list-data .list-data .inactive .stop::before{background: @formError-color !important;}
  .cacs-freshAir .cacs-freshAir-data .freshAir-data-item .item-info .info{background: fade(@border-color, 10%);}
  .casc-conclusion .casc-conclusion-item {background: fade(@border-color, 10%);}
  .device-copy .cacs-info-list .cacs-list-data .list-data .list-data-item .info .info-item .value{color: @main-color;}
  .device-copy .cacs-info-list .cacs-list-data .list-data .inactive .info .info-item .value{color: @text-color !important;}
}
.imgModal .attachment .ant-carousel .custom-slick-arrow{color: @border-color;}
.svg-updateData .auto-update .ant-checkbox-checked .ant-checkbox-inner{background-color: @main-color !important;.primary-border;}
.maintain{
  .info-container .info-card-title{background: @subtitle-bg !important}
  .info-container .info-card-title:before{background-color: @main-color !important;}
  .info-container .info-card-line ul .lineShortRight::after,
  .info-container .info-card-line ul .lineShortLeft::after,
  .info-container .info-card-line ul .withLine::before,
  .info-container .info-card-line ul .lineLongRight::after,
  .info-container .info-card-line ul .lineLongLeft::after{background: fade(@main-color, 50%) !important}
  .info-container .info-card-line ul li .title{border-color: fade(@main-color, 50%) !important;color: @text-color;background: @dialogBg-color !important}
  .point-manage .point-item{border-color: fade(@main-color, 50%) !important;}
  .point-manage .point-item .item-left{background: fade(@main-color, 50%) !important}
  .point-manage .point-item .item-left span{color: @main-color !important;}
  .info-container .info-card-line .tag{color: #fff;}
}
.plan-content.ant-timeline{color: @text-color !important;}
.plan-content .content-item{.iem-shadow-clear}
.formula-box{
  border-color:@tab-border-color !important;
  .ant-input,
  .box-left .box-tips,
  .box-right .box-item,
  .box-right{border-color:@tab-border-color !important;}
  .box-left .box-tips{color:fade(@text-color, 85%);}
  .box-right .box-item .name{color: fade(@text-color, 45%);}
  .box-right .box-item,
  .box-right .box-item .code{color: @text-color;}
}

.app-msg-list.msg-list .list-item{border-color: fade(@main-color, 10%) !important;}
.app-msg-list.msg-list .list-item .msg-date{color: fade(@disabled-color, 65%) !important}
.app-msg-pop .ant-popover-title{border-color: fade(@main-color, 20%) !important;}

/*
 主题选择弹框
 */
.themeBox .box-item.active{border-color: @main-color !important;}
.themeBox .box-item.active .info{background-color: @main-color !important;}

/*
 overlayScrollbar
 */
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle{.iem-scrollbar;}

/*
 wangeditor
 */
.wangeditor .w-e-text-container,
.wangeditor .w-e-toolbar .w-e-droplist .w-e-dp-title,
.wangeditor .w-e-text-container .w-e-panel-container .w-e-panel-tab-title,
.wangeditor .w-e-toolbar{border-color: @input-disabled-border !important;box-shadow: 0 0 @input-shadow-width @shadow-type @public-border-shadow;}
.wangeditor .w-e-text-container .w-e-panel-container,
.wangeditor .w-e-text-container .w-e-panel-container .w-e-panel-tab-content input[type=text],
.wangeditor .w-e-text-container .w-e-panel-container .w-e-panel-tab-content textarea,
.wangeditor .w-e-toolbar .w-e-droplist{background-color: @dialogBg-color;border-color: @public-border-color !important;color: @text-color;box-shadow: none;}
.wangeditor .w-e-toolbar .w-e-droplist ul.w-e-block li.w-e-item:hover,
.wangeditor .w-e-toolbar .w-e-droplist ul.w-e-list li.w-e-item:hover{background-color: @hover-color;}
.wangeditor .w-e-text-container .w-e-panel-container .w-e-panel-tab-title .w-e-active,
.wangeditor .w-e-toolbar .w-e-droplist ul.w-e-list li.w-e-item{color: @text-color;}
.wangeditor .w-e-text-container .w-e-panel-container .w-e-panel-tab-title .w-e-active{border-color: @main-color !important;}
.wangeditor .w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button{background-color: @main-color;color: #fff;}

/*
 分段标题
*/
.iem-section{background-color: @subtitle-bg; color: @text-color;}
.iem-section-title:before{background: @main-color}

/*
 ant Design
 */

// a-layout
.app-layout .ant-layout .app-header .action .action-user {color:rgba(0,0,0,.65);}
.ant-layout-sider-light{ background-color: @sider-bg;}
.ant-layout-header{background-color: @header-bg;}
.ant-layout-sider-light .ant-layout-sider-trigger {background-color: transparent;color: @text-color;}
// a-menu
.ant-menu { background-color: transparent;}
.ant-menu-submenu > .ant-menu{ background-color: transparent;}
.ant-menu-submenu-popup{ .primary-bg;}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{background-color: @sider-selected;}
.ant-menu{color: @text-color;}
.ant-menu-item > a{color: @text-color;}
.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover,
.ant-menu-item > a:hover,
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active, .ant-menu-submenu-title:hover{
  color: @main-color;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after{
  color: @main-color;
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after{
  background-image: linear-gradient(to right, @text-color, @text-color);
}
// a-tooltip
.ant-tooltip {word-break: break-all;max-width: 500px;}
// a-radio
.ant-radio-group{color: @text-color;}
.ant-radio{color: @text-color;}
.ant-radio-wrapper{color: @text-color;}
.ant-radio-button-wrapper-disabled:first-child, .ant-radio-button-wrapper-disabled:hover,
.ant-radio-button-wrapper{color: @main-color; border-color: @main-color;background: transparent;}
.ant-radio-button-wrapper:first-child{border-color: @main-color;}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { background-color: @main-color;border-color: @main-color;}
.ant-radio-button-wrapper.ant-radio-button-wrapper-checked{color: #fff !important;background: @main-color;border-color: @main-color;}
.ant-radio-button-wrapper:not(:first-child)::before{background-color: @main-color;}
.ant-radio-disabled + span{.fadeTextColor(35%)}
.ant-radio-disabled .ant-radio-inner{.iem-form-disabled;border-color: fade(@text-color, 35%) !important;}
.ant-radio-disabled .ant-radio-inner::after{background-color: fade(@main-color, 35%);}
.ant-radio-inner{.primary-bg;.primary-border;}
// a-checkbox
.ant-checkbox-wrapper{color: @text-color;}
.ant-checkbox-indeterminate .ant-checkbox-inner{background: @table-header-bg;}
.ant-checkbox-inner{background-color: @dialogBg-color;.primary-border;}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after,
.ant-checkbox-checked .ant-checkbox-inner {background-color: @main-color !important;.primary-border;}
.ant-checkbox-disabled + span{color: @input-disabled-border}
.ant-checkbox-disabled .ant-checkbox-inner{border-color: @input-disabled-border !important; background-color: @input-disabled-bg !important;}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after{border-color: @input-disabled-color;}
// a-empty
.ant-empty-description{color: @empty-stroke-color;}
.ant-empty-image svg {width: 74px !important;height: 71px !important;}
.ant-empty-image{height: 50px !important;}
.ant-empty-image path, .ant-empty-image ellipse{fill: transparent !important;stroke: @empty-stroke-color !important;}
.ant-empty-image ellipse{stroke-width: 0 !important;}
.ant-result-title,.ant-result-subtitle{color:@text-color}
// a-tree
.ant-tree{color: @text-color;}
.ant-tree li .ant-tree-node-content-wrapper{ color: @text-color;}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher{color: @tree-icon-color;background: transparent;}
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected{.tree-selected-status;}
.ant-tree li .ant-tree-node-content-wrapper:hover {.tree-hover-status;}
.ant-tree-checkbox-inner{.primary-bg;.primary-border;}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner{background-color: @main-color !important;}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner{.primary-border;}
li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span{
  color: fade(@text-color, 45%) !important
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after,
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner{border-color: @input-disabled-border !important;}
// a-input
.ant-input{.iem-form-box;box-shadow: 0 0 @input-shadow-width @shadow-type @public-border-shadow !important;background: @input-bg !important;color: @text-color}
.ant-input[disabled]:hover{.primary-border;}
.ant-input-affix-wrapper{color: @text-color;}
.ant-input-affix-wrapper .ant-input-prefix, .ant-input-affix-wrapper .ant-input-suffix{color: @text-color;}
.ant-input-search-icon{color: @text-color;}
.ant-input-search-icon:hover{color: @main-color;}
.ant-input-group-addon { .fadeTextColor(95%);background-color:transparent;.primary-border;}
.has-error .ant-input-group-addon{.fadeTextColor(95%);background-color:transparent;border-color:@formError-color !important;}
.ant-input-group-addon:hover{background-color: fade(@main-color, 15%);}
.ant-input-number-input{background: @input-bg !important;}
.ant-input-number{background: @input-bg !important;.iem-border-box;box-shadow: 0 0 @input-shadow-width @shadow-type @public-border-shadow !important;color: @text-color;border-width:1px}
.ant-input-number-handler-wrap{.primary-border;background-color: transparent;}
.ant-input-number-handler{color: @title-color;}
.ant-input-number-handler:hover{background-color: @selected-disabled}
.ant-input-number-handler-down{.primary-border;}
.ant-input-number-handler-up-inner, .ant-input-number-handler-down-inner{color: @title-color;}
.ant-input-number-handler-up-inner:hover, .ant-input-number-handler-down-inner:hover{color:@text-color;}
.ant-input[disabled]{.iem-form-disabled;}
.ant-input-number-disabled .ant-input-number-input{.iem-form-disabled;}
.ant-input-textarea-clear-icon,.ant-input-textarea-clear-icon:hover,
.ant-input-clear-icon, .ant-input-clear-icon:hover{color: @disabled-color;}
.has-error .ant-input,
.has-error .ant-input:hover,
.has-error .ant-input-number,
.has-error .ant-time-picker-input{
  background-color: transparent;
  border-color: @formError-color !important;
}
.ant-input-password-icon{.fadeTextColor(45%);}
.ant-input-password-icon:hover{color: @main-color;}
.ant-input-number-disabled:hover{.primary-border;}
// a-select
.ant-select-selection{background: @btn-default-bg !important; color: @text-color;.iem-form-box;box-shadow: 0 0 @input-shadow-width @shadow-type @public-border-shadow !important;}
.ant-select-arrow {color: @input-disabled-border;}
.ant-select-selection__clear{color: @clear-icon-color;background-color: transparent;}
.ant-select-dropdown {.primary-bg;.iem-border-box;}
.ant-select-dropdown-menu-item{color: @text-color;}
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {.iem-hover-status;}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {.iem-selected-status;}
.ant-select-dropdown-menu-item-selected{.iem-selected-status;}
.ant-select-dropdown-menu-item-disabled,
.ant-select-dropdown-menu-item-disabled:hover{color: @disabled-color;}
.ant-select-selection--multiple .ant-select-selection__choice{.primary-border;.primary-bg;color: @text-color;}
.ant-select-selection--multiple .ant-select-selection__choice__remove{color: @title-color;}
.ant-select-disabled .ant-select-selection {.iem-form-disabled;}
.has-error .ant-select-selection{border-color: @formError-color !important;}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice{.fadeTextColor(45%);}
// a-tree-select
.ant-select-tree{background-color: transparent;color: @text-color;.iem-border-box;box-shadow: 0 0 9px inset @public-border-shadow !important;}
.ant-select-tree li .ant-select-tree-node-content-wrapper{color: @text-color;}
.ant-select-tree li .ant-select-tree-node-content-wrapper:hover{.iem-hover-status;background-color: transparent;}
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected{.iem-selected-status;background-color: transparent;}
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field{background-color: transparent;.primary-border;color: @text-color;}
.ant-select-tree-dropdown .ant-select-dropdown-search{.primary-bg}
.ant-select-disabled .ant-select-selection:hover, .ant-select-disabled .ant-select-selection:focus, .ant-select-disabled .ant-select-selection:active{.primary-border;}
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span {color: @disabled-color;}
.ant-select-dropdown .ant-select-tree{.iem-border-clear;}
.ant-select-tree-checkbox-inner{.primary-bg;.primary-border;}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner{background-color: @main-color !important;}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner{background-color: @input-disabled-bg !important;border-color:fade(@text-color, 15%) !important; }
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner{.primary-border;}
// a-progress
.ant-progress-status-success .ant-progress-text,
.ant-progress-text{color: @text-color;}
.ant-progress-success-bg, .ant-progress-bg{background-color: @main-color;}
.ant-progress-inner{ background-color: fade(@table-header-bg, 25%);}
// a-table
.ant-table{color: @text-color;}
.ant-table-thead > tr > th{background: @table-header-bg !important;color: @table-header !important;border-color:@table-border-color !important}
.ant-table-fixed-left table, .ant-table-fixed-right table{background-color: @dialogBg-color;}
.ant-table-tbody > tr > td{border-color: @table-border-color;}
.ant-table-bordered .ant-table-thead > tr > th,.ant-table-bordered .ant-table-tbody > tr > td{border-color: @table-border-color;}
.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-small,
.ant-table-small.ant-table-bordered .ant-table-fixed-right,
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child,
.ant-table-bordered .ant-table-fixed-right table{border-color: @table-border-color; }
.ant-table-placeholder{background-color: transparent;border-color: @table-border-color;}
.ant-table-bordered.ant-table-empty .ant-table-placeholder{border-color: @table-border-color;}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  //background: fade(@main-color,5%);
  background: @table-hover;
}
.ant-table-tbody > tr.ant-table-row-selected td{background: @table-hover !important;}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open{
  background-color: @table-hover;
  color: @table-header;
}
.ant-table-row-expand-icon{ background-color: transparent;.fadeTextColor(70%);border-color: @tab-border-color;}
.ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover{color: @main-color;border-color:@main-color;}
tr.ant-table-expanded-row, tr.ant-table-expanded-row:hover {background: transparent;}
.ant-table-header{background: transparent;}
.ant-table-thead > tr.ant-table-row-selected > td.ant-table-column-sort, .ant-table-tbody > tr.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body{background: transparent;}
.ant-table-header.ant-table-hide-scrollbar{overflow: hidden !important; background:@tab-bg-color}
.ant-table-small.ant-table-bordered .ant-table-content{border-right: none}
.ant-table-tbody > tr:hover.ant-table-row-selected > td{background-color: @table-hover;}
.ant-table-bordered .ant-table-thead > tr:not(:last-child) > th{border-color: @table-header-bg;}
// a-pagination
.ant-pagination{color: @text-color;}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next{
  color: @text-color;
}
.ant-pagination-item a,
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link,
.ant-pagination-prev a, .ant-pagination-next a{
  color: @text-color;
}
.ant-pagination-item-active{background-color: transparent;}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis{
  color: @text-color;
}
// a-tabs
.ant-tabs{.iem-text;}
.ant-tabs-bar{border-color: @tab-border-color;}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab{background: @tab-bg-color !important;color: @text-color;border-color: @tab-border-color;}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active{.primary-bg;border-bottom-color: @dialogBg-color;color: @main-color;}
.ant-tabs-nav .ant-tabs-tab:hover{color: @main-color !important;}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x{color: @text-color;}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover{color: @main-color;}
.ant-tabs-tab-prev:hover, .ant-tabs-tab-next:hover{color: @title-color;}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled,
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled:hover{color:fade(@text-color,45%) !important;}
.ant-tabs-tab-prev, .ant-tabs-tab-next{color: @text-color;}
// a-modal
.ant-modal{color: @text-color;}
.ant-modal-content{.primary-bg;.iem-border-box;}
.ant-modal-header{ background-color: transparent; .primary-border;}
.ant-modal-title{color: @title-color;}
.ant-modal-close{.fadeTextColor(45%);}
.ant-modal-close:hover{color: @title-color;}
.ant-modal-footer{.primary-border;}
.ant-modal-confirm-body .ant-modal-confirm-title{color: @title-color;}
.ant-modal-confirm-body .ant-modal-confirm-content{color: @text-color;}
// a-form
.ant-form{color: @text-color;}
.ant-form-item{color: @text-color;}
.ant-form-item-label > label{color: @form-label;}
// a-button
.ant-btn[disabled],.ant-btn[disabled]:hover{background-color: @btn-disable-bg-color; border-color: @btn-disable-border-color; color: fade(@text-color, 25%);box-shadow: none;};
.ant-btn:not(.ant-btn-primary):not(.ant-btn-danger):not([disabled]){color: @btn-default-color;border-color: @btn-default-border;background: @btn-default-bg;}
.ant-btn:not(.ant-btn-primary):not(.ant-btn-danger):not([disabled]):hover{background: @btn-hover-bg;border-color: @main-color;color:@main-color;}
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]{background-color: @btn-primary-disabled-bg !important;.fadeTextColor(35%);border-color: @btn-primary-disabled-border !important;}
// a-list
.ant-list{color: @text-color;}
.ant-list-bordered{.primary-border;}
.ant-list-bordered .ant-list-item{.primary-border;}
// a-popover
.ant-popover-inner{.iem-border-box;.primary-bg;.primary-popover-border}
.ant-popover-title{border-color: @input-disabled-border;}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow{
  border-right-color: @popover-arrow;
  border-bottom-color: @popover-arrow;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow{
  border-top-color: @popover-arrow;
  border-left-color: @popover-arrow;
}
.ant-popover-inner-content{color: @text-color;}
// a-upload
.ant-upload-list-item-card-actions,
.ant-upload-list-item-name{ color: @main-color;}
.ant-upload{color: @text-color;}
.ant-upload-list-picture-card .ant-upload-list-item,
.ant-upload.ant-upload-select-picture-card{.iem-border-box;border-width:1px;.iem-shadow-clear;}
.avatar-uploader .ant-upload-select-picture-card i{color: @text-color;}
form .ant-upload:hover{color: @main-color}
// a-switch
.btnDisabledView,.ant-switch{background-color: fade(@text-color,25%);}
.ant-switch-inner{color: #fff;}
.btnEnableView,.ant-switch-checked{background-color: @main-color;}
// a-cascader
.ant-cascader-picker{background-color: transparent;color: @text-color;}
.ant-cascader-menus{.iem-border-box;.primary-bg}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon{color: @text-color;}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover{.iem-selected-status;}
.ant-cascader-menu-item:hover{.iem-selected-status;}
.ant-cascader-menu:last-child{.primary-border;}
.ant-cascader-menu{.primary-border;}
.ant-cascader-picker-arrow{color: @main-color;}
.ant-cascader-picker-clear{background: transparent;color: @main-color;}
// a-calendar
.ant-calendar{.iem-border-box;.primary-bg;}
.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input{
  background-color: transparent
}
.ant-calendar-input-wrap{.primary-border;}
.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body,
.ant-calendar-range .ant-calendar-decade-panel-body{
  .primary-border;
}
.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select{
  color: @main-color;
}
.ant-calendar-header .ant-calendar-prev-century-btn::before,
.ant-calendar-header .ant-calendar-prev-decade-btn::before,
.ant-calendar-header .ant-calendar-prev-year-btn::before,
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after{
  border-color: @main-color;
}
.ant-calendar-header .ant-calendar-prev-month-btn::before,
.ant-calendar-header .ant-calendar-prev-month-btn::after{
  border-color: @main-color;
}
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after{
  border-color: @main-color;
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after{
  border-color: @main-color;
}
.ant-calendar-picker-container{color: @text-color;}
.ant-calendar-picker .ant-input-disabled{background: @input-disabled-bg !important;.iem-form-disabled;}
.ant-calendar-date {.fadeTextColor(65%);}
.ant-calendar-range .ant-calendar-input,.ant-calendar-range .ant-calendar-time-picker-input{.fadeTextColor(65%);}
.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date,
.ant-calendar-last-month-cell .ant-calendar-date:hover,
.ant-calendar-next-month-btn-day .ant-calendar-date:hover {
  .fadeTextColor(25%);
}
.ant-calendar-range .ant-calendar-in-range-cell::before {background: @selected-disabled;}
.ant-calendar-date:hover{ background: @selected-disabled; }
.ant-calendar-picker-clear{background-color: transparent;color: @main-color;}
.ant-calendar-input{background-color: transparent;}
.ant-calendar-header{.primary-border;}
.ant-calendar-footer{.primary-border;}
.ant-calendar-today .ant-calendar-date{color: @text-color}
.ant-calendar-selected-day .ant-calendar-date{background-color: @main-color;color: #fff}
.ant-calendar-picker-icon{color: @input-disabled-border;}
.ant-calendar-input{.fadeTextColor(65%)}
.ant-calendar-range-picker-separator{.fadeTextColor(25%);}
.ant-input-disabled .ant-calendar-range-picker-separator{.fadeTextColor(65%);}
.ant-calendar .ant-calendar-ok-btn-disabled{background-color: @btn-primary-disabled-bg;.fadeTextColor(35%);border-color: @btn-primary-disabled-border;}
.ant-calendar-month-panel{.primary-bg;}
.ant-calendar-month-panel-header{.primary-border;}
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select{color: @main-color;}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after{
  border-color: @main-color;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after{
  border-color: @main-color;
}
.ant-calendar-month-panel-month{.fadeTextColor(65%);}
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover{
  background-color: fade(@main-color,15%);
}
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover{
  color: @main-color;
}
.ant-calendar-year-panel{.primary-bg;}
.ant-calendar-year-panel-header{.primary-border;}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select{
  color: @main-color;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after{
  border-color: @main-color;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after{
  border-color: @main-color;
}
.ant-calendar-year-panel-year{.fadeTextColor(65%);}
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year{
  .fadeTextColor(25%)
}
.ant-calendar-time-picker{.primary-bg;}
.ant-calendar-time .ant-calendar-day-select{color: @main-color;}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox{.primary-bg;}
li.ant-calendar-time-picker-select-option-selected{background-color: rgba(0,0,0,.3);}
.ant-calendar-time-picker-select li:hover{.iem-selected-status;}
.ant-calendar-range-right .ant-calendar-time-picker-inner{.primary-border;}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox{.primary-border;}
.ant-calendar-time-picker-select{.primary-border;}
.ant-calendar-range-left .ant-calendar-time-picker-inner{.primary-border;}
.ant-calendar-disabled-cell .ant-calendar-date {background:fade(@text-color,25%);}
.ant-calendar-time-picker-inner{.primary-bg;}
.ant-calendar-week-number .ant-calendar-body tr:hover{background-color: rgba(0,0,0,.25)};
.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week,
.ant-calendar-week-number .ant-calendar-body .ant-calendar-active-week:hover {
  background-color: @main-color !important;
}
li.ant-calendar-time-picker-select-option-disabled,
li.ant-time-picker-panel-select-option-disabled {color: fade(@text-color,25%)}

// a-drawer
.ant-drawer-content{.primary-bg;color: @text-color;}
.ant-drawer-header{.primary-bg;.primary-border;}
.ant-drawer-title{color: @title-color;}
.ant-drawer-close{.fadeTextColor(45%);}
.ant-drawer-close:hover{color: @title-color;}
// a-tag
.ant-tag .anticon-close,
.ant-tag .anticon-close:hover,
.ant-tag{.primary-bg;.primary-border;color: @tips-color;}
.ant-tag-checkable-checked{.primary-mainBg;color: @chart-tooltip-text;}
// a-transfer
.ant-transfer-list-header{background-color: transparent;color: @title-color; .primary-border;}
.ant-transfer-list{.primary-bg;.iem-border-box;.iem-shadow-clear;}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {background: @table-header-bg;}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {.primary-border}
.ant-transfer-disabled .ant-transfer-list{background-color: @iem-box-bg !important; user-select: none}
.ant-transfer-disabled .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td{background-color: transparent;}
// a-time-picker
.ant-time-picker-input{.primary-bg;.primary-border;color: @text-color;}
.ant-time-picker-input[disabled]{.iem-form-disabled}
.ant-time-picker-icon .ant-time-picker-clock-icon, .ant-time-picker-clear .ant-time-picker-clock-icon{color: @main-color}
.ant-time-picker-clear{ background-color: @dialogBg-color; color: @main-color;}
.ant-time-picker-panel{.fadeTextColor(65%)}
.ant-time-picker-panel-inner{.iem-border-box;.primary-bg;}
li.ant-time-picker-panel-select-option-selected{.iem-selected-status;}
.ant-time-picker-panel-select li:hover{.iem-hover-status;}
.ant-time-picker-panel-input-wrap{.primary-border;}
.ant-time-picker-panel-input{background-color: transparent;}
.ant-time-picker-panel-select{.primary-border;}
// a-statistic
.ant-statistic-content{color: @title-color;}
// a-alert
.ant-alert-success{.primary-bg;.iem-border-box;}
.ant-alert-close-icon{.fadeTextColor(45%);-webkit-appearance: none !important;}
.ant-alert-close-icon .anticon-close{.fadeTextColor(45%);}
.ant-alert-close-icon .anticon-close:hover{color: @main-color;}
.ant-alert-message{color: @text-color;}
// a-calendar
.ant-fullcalendar{.fadeTextColor(85%)}
.ant-fullcalendar-value{.fadeTextColor(75%)}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month, .ant-fullcalendar-fullscreen .ant-fullcalendar-date{.primary-border;}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date{background-color: @table-header-bg;}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover, .ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover{background-color: @table-header-bg;}
.ant-fullcalendar-last-month-cell .ant-fullcalendar-value, .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value{.fadeTextColor(25%)}
// a-slide
.ant-slider-mark-text{color: @main-color;}
.ant-slider-disabled  .ant-slider-mark-text{.fadeTextColor(35%)}
// a-notification
.ant-notification-notice{.primary-bg; .iem-border-box}
.ant-notification-notice-content,.ant-notification-notice-message{color: @text-color;}
.ant-notification-notice-close, .ant-notification-notice-close:hover{color: @text-color;}
// a-dropdown
.ant-dropdown-menu{ .primary-bg;.iem-border-box;.primary-popover-border}
.ant-dropdown-menu-item > a, .ant-dropdown-menu-submenu-title > a{color: @btn-default-color;}
.ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title{color: @title-color;}
.ant-table-filter-dropdown{.primary-bg;.iem-border-box;}
.ant-table-filter-dropdown .ant-dropdown-menu{.iem-border-clear}
.ant-table-filter-dropdown-btns{.primary-border;}
.ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover{background-color: @hover-color;}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a, .ant-dropdown-menu-submenu-title-selected > a{
  background-color:@selected-color;
}
// a-carousel
.ant-carousel .slick-dots li.slick-active button{background-color: @main-color;}
// a-message
.ant-message-notice-content{ .primary-bg;color: @main-color;}
// a-slide
.ant-slider-rail,.ant-slider:hover .ant-slider-rail{background-color: @table-header-bg;}
.ant-slider-mark-text{font-size: 12px}
// a-collapse
.ant-collapse{background: transparent}
.ant-collapse > .ant-collapse-item > .ant-collapse-header{color: @title-color;background-color: fade(@text-color,5%);}
.ant-collapse-borderless > .ant-collapse-item{border-color: @tab-border-color !important;}
.ant-collapse-content{color: @text-color}