@import '../../../../node_modules/ng-cosmos-td-common/src/less/variables.dark.less';
@css-prefix : cm-dark-;

 /* button*/    
 .cm-dark-btn-default{
    color: @dark-text-color;
    background-color: @dark-white;
    border: @dark-border-width @dark-border-solid @dark-border-color; 
    border-radius: @dark-border-radius;
    &:hover{
        color:@dark-base-color-dark;
        border-color: @dark-base-color-dark;
    }
    &:disabled:hover{
        color:@dark-disabled-color;
        border-color:@dark-disabled-color;
        background-color: @dark-disabled-background-color;
    }
} //默认按钮

.cm-dark-btn-info{
    color: @dark-white;
    background-color: @dark-info-color;
    border: @dark-border-width @dark-border-solid @dark-info-color; 
    border-radius: @dark-border-radius;
    &:hover{
        color: @dark-white;
        background-color:@dark-info-color-hover;
    }
    &:disabled:hover{
        color:@dark-disabled-color;
        border-color:@dark-disabled-color;
        background-color: @dark-disabled-background-color;
    }
} //消息按钮

.cm-dark-btn-primary{
    color: @dark-white;
    background-color: @dark-base-color;
    border: @dark-border-width @dark-border-solid @dark-base-color; 
    border-radius: @dark-border-radius;
    &:hover{
        color: @dark-white;
        background-color:@dark-base-color-hover;
        border-color: @dark-base-color;
    }
    &:disabled:hover{
        color:@dark-disabled-color;
        border-color:@dark-disabled-color;
        background-color: @dark-disabled-background-color;
    }
} //主按钮

.cm-dark-btn-success{
    color: @dark-white;
    background-color: @dark-success-color;
    border: @dark-border-width @dark-border-solid @dark-success-color;  
    border-radius: @dark-border-radius;
    &:hover{
        color: @dark-white;
        background-color:@dark-success-color-hover;
        border-color: @dark-success-color; 
    }
    &:disabled:hover{
        color:@dark-disabled-color;
        border-color:@dark-disabled-color;
        background-color: @dark-disabled-background-color;
    }
} //成功按钮

.cm-dark-btn-warning{
    color: @dark-white;
    background-color: @dark-warn-color;
    border: @dark-border-width @dark-border-solid @dark-warn-color;  
    border-radius: @dark-border-radius;
    &:hover{
        color: @dark-white;
        background-color: @dark-warn-color-hover;
        border-color: @dark-warn-color;
    }
    &:disabled:hover{
        color:@dark-disabled-color;
        border-color:@dark-disabled-color;
        background-color: @dark-disabled-background-color;
    }
} //警告按钮

.cm-dark-btn-failed{
    color: @dark-white;
    background-color: @dark-failed-color;
    border: @dark-border-width @dark-border-solid @dark-failed-color; 
    border-radius: @dark-border-radius;
    &:hover{
        color: @dark-white;
        background-color:@dark-failed-color-hover;
        border-color: @dark-failed-color;
    }
    &:disabled:hover{
        color:@dark-disabled-color;
        border-color:@dark-disabled-color;
        background-color: @dark-disabled-background-color;
    }
} //失败按钮

.cm-dark-btn-text{
    color: @dark-white;
    background-color: @dark-white;
    border: @dark-border-width @dark-border-solid @dark-white; 
    border-radius: @dark-border-radius;
    &:hover{
        color:@dark-base-color-light;
        border-color: @dark-white;
    }
    &:disabled:hover{
        color:@dark-disabled-color;
        border-color:@dark-disabled-color;
        background-color: @dark-disabled-background-color;
    }
} //文字按钮

.cm-dark-btn-ghost{
    background: transparent!important;
    border-color: @dark-white;
    color: @dark-white;
    &:disabled:hover{
        color:@dark-disabled-color;
        border-color:@dark-disabled-color;
        background-color: @dark-disabled-background-color;
    }
} //幽灵按钮

.cm-dark-btn-ghost-primary{
    background: transparent;
    border-color: @dark-base-color;
    color: @dark-base-color;
    &:hover{
        border-color: @dark-base-color-light;
        color: @dark-base-color-light;
    }
    
} //幽灵+主按钮

.cm-dark-btn-ghost-danger{
    background: transparent;
    border-color: @dark-failed-color;
    color: @dark-failed-color;
    &:hover{
        border-color: @dark-failed-color-hover;
        color: @dark-failed-color-hover;
    }
    
} //幽灵+danger按钮

.cm-dark-btn-dashed{
    color: @dark-text-color;
    background-color: @dark-white;
    border: @dark-border-width @dark-border-dashed @dark-border-color; 
    border-radius: @dark-border-radius;
    &:hover{
        color:@dark-info-color-hover;
        border-color: @dark-base-color-dark;
    }
    &:disabled:hover{
        color:@dark-disabled-color;
        border-color:@dark-disabled-color;
        background-color: @dark-disabled-background-color;
    }
}//dashed按钮


.cm-dark-btn-radio {
    color:@dark-text-color;
    background-color: @dark-white; 
    border-color: @dark-border-color; 
    &:first-child{
        border-radius: @dark-border-radius 0 0 @dark-border-radius;
        border: @dark-border-width @dark-border-solid @dark-border-color;
    }
    &:hover {
        color: @dark-base-color-light;
    }
}//radio-button
.cm-dark-btn-radio-checked{
        background: @dark-white;
        border-color: @dark-base-color;
        color: @dark-base-color;
        box-shadow: -1px 0 0 0 @dark-base-color;
        &:first-child{
            box-shadow: none!important;
            border-color: @dark-base-color;
        }
        &:hover {
            border-color: @dark-base-color-light;
            box-shadow: -1px 0 0 0 @dark-base-color-light;
            color: @dark-base-color-light;
        }
            
}//radio-button-checked

.cm-dark-btn-disabled {
    color:@dark-disabled-color;
    border-color:@dark-disabled-color;
    background-color: @dark-disabled-background-color; 
    border-radius: @dark-border-radius;
    cursor: not-allowed;  
}//禁用按钮


/*Dropdown*/
.cm-dark-dropdown-default{
    color: @dark-base-color;
    background-color: @dark-white;
    border: none; 
    &:hover{
        color: @dark-base-color-hover;
    }
} //无背景下拉菜单  

.cm-dark-dropdown-btn{
    color: @dark-white;
    background-color: @dark-base-color;
    border: transparent; 
    border-radius: @dark-border-radius;
    &:hover{
        background-color:@dark-base-color-hover;
    }
} //有背景下拉菜单 

.cm-dark-dropdown-menu{
    color: @dark-text-color;
    background-color: @dark-white;
    border: @dark-border-width @dark-border-solid @dark-border-color; 
    box-shadow: @dark-base-border-shadow;
    border-radius: @dark-border-radius;
} //下拉菜单可选list列表

.cm-dark-dropdown-menu-item{
    color: @dark-text-color;
    background-color: @dark-white;
    &:hover{
        background-color:@dark-border-color;
    }
} //下拉菜单列表中单个菜单

.cm-dark-dropdown-disbabled-item{
    color: @dark-disabled-color;
    background-color: @dark-background-color;
} //下拉菜单列表中禁用某个菜单

.cm-dark-dropdown-menu-current{
    background-color: @dark-base-color-light;
} //选中某个菜单

/*Menu*/
.cm-dark-menu-color{
    color:@dark-base-text-color;
    &:hover{
        color:@dark-base-main-color;
    }
} //导航字体颜色

.cm-dark-menu-bg{
    background-color:@dark-menu-bg;
}//背景

.cm-dark-submenu-bg{
    background-color:@dark-submenu-bg;
}//子菜单背景

.cm-dark-menu-border{
    border-color: @dark-border-color;
}//底部线条

.cm-dark-menu-border-hover{
    background-color: @dark-page-color-active;
    &:hover{
        border-color:@dark-base-color-dark;
    }
}//底部线条

.cm-dark-menu-active{
    color:@dark-base-main-color;
    border-color: @dark-base-color-dark;
    background-color: @dark-page-color-active;
} //当前菜单

.cm-dark-menu-disabled{
    color:@dark-disabled-color;
} //禁用菜单

/*Pagination*/
.cm-dark-pagination-current-page{
    color:@dark-white;
    border-color: @dark-page-color-active;
    background-color:@dark-page-color-active;
    &:hover a, &:focus a{
        color: @dark-white!important;
    }
   
} //当前页


.cm-dark-pagination-page{
    color:@dark-text-color;
    background-color:@dark-white;
    border: @dark-border-width @dark-border-solid @dark-border-color;
    border-radius: @dark-border-radius;
    &:hover{
        border-color:@dark-page-color-active;
        color: @dark-page-color-active;
    }
    &:hover a{
        color: @dark-page-color-active;
    }
    
    
} //非当前页

.cm-dark-pagination-border{
    &:hover{
        border-color:@dark-page-color-active;
    }
}

.cm-dark-pagination-text{
    color:@dark-text-color;
} //非分页文字

.cm-dark-pagination-disabled{
    color:@dark-disabled-color;
    border-color: @dark-disabled-color;
} //禁用分页状态

/*Checkbox*/
.cm-dark-checkbox-checked{
    color:@dark-base-color-dark;
} //选中状态

.cm-dark-checkbox-unchecked{
    color:@dark-white;
} //未选中状态

.cm-dark-checkbox-label{
    color:@dark-text-color;
} //复选框label

.cm-dark-checkbox-text{
    color:@dark-base-color;
}

.cm-dark-checkbox-disabled{
    color:@dark-disabled-color;
} //禁用状态

.cm-dark-checkbox-move{
    
        border-color: @dark-base-color;
    
} //划过状态

.cm-dark-checkbox-base {
    border-color: @dark-page-color-active;
    background-color: @dark-page-color-active;
    
}


/*DatePicker*/
.cm-dark-datepicker-default{
    color:@dark-text-color;
    border: @dark-border-width @dark-border-solid @dark-border-color;
    border-radius: @dark-border-radius;
    &:hover{
        border-color:@dark-base-color-dark;
    }
} //日期选择器

.cm-dark-datepicker-date{
    color:@dark-text-color;
    border: @dark-border-width @dark-border-solid @dark-border-color;
    border-radius: @dark-border-radius;
    box-shadow: @dark-base-border-shadow;
}// 日期日历边框

.cm-dark-datepicker-active-font{
    color:@dark-text-color;
    &:hover{
         background-color:@dark-background-color;
    }
}// 日期本月字体

.cm-dark-datepicker-unactive-font{
    color:@dark-disabled-color;
}// 日期非本月字体

.cm-dark-datepicker-current-font{
    background-color:@dark-base-color;
}//当前日期

.cm-dark-datepicker-disabled-date{
    color:@dark-disabled-color;
} //禁选日期

/*Radio*/


.cm-dark-radio-label{
    color:@dark-text-color;
} //单选框label

.cm-dark-radio-default{
    border-color: @dark-border-color;
    background: @dark-white;
    &:hover{
        border-color: @dark-base-color;
    }
}
.cm-dark-radio-bg{
    background: @dark-white;
}
.cm-dark-radio-inner{
    background:@dark-base-color;
}//选中时中间点的颜色
.cm-dark-radio-border-checked{
    border-color: @dark-base-color;
}
.cm-dark-radio-border-shadow{
    box-shadow: -1px 0 0 0 @dark-base-color;
}

.cm-dark-radio-disabled{
    color:@dark-disabled-color;
    border-color:@dark-disabled-color !important;
    background-color: @dark-disabled-background-color; 
    cursor: not-allowed;  
} //禁用状态

/*Select*/
.cm-dark-select-default{
    color:@dark-text-color;
    border: @dark-border-width @dark-border-solid @dark-border-color;
    border-radius: @dark-border-radius;
    background-color: @dark-white;
    &:hover{
         border-color:@dark-base-color-dark;
    }
} //默认选择器

 .cm-dark-select-disabled{
    color:@dark-disabled-color;
    border: @dark-border-width @dark-border-solid @dark-border-color;
    border-radius: @dark-border-radius;
    background-color: @dark-disabled-background-color;       
} //禁用选择器

.cm-dark-select-menu{
    border: @dark-border-width @dark-border-solid @dark-border-color;
    border-radius: @dark-border-radius;
    box-shadow: @dark-base-border-shadow;
}// 可选list列表

.cm-dark-select-menu-item{
    color: @dark-text-color;
    background-color: @dark-white;
    &:hover{
         background-color:@dark-border-color;
    }
}// list列表中单个选项

.cm-dark-select-menu-current{
    color: @dark-white;
    background-color: @dark-base-color-dark;
} //选中某个选项

.cm-dark-select-item-disabled{
    color: @dark-text-color;
} //禁选选项

/*Slider*/
.cm-dark-slider-color{
    color:@dark-base-color-light;
    background-color: @dark-base-color-light;
} //滑块颜色

.cm-dark-slider-border-color{
    border-color:@dark-base-color-light;
} //边框颜色

.cm-dark-slider-range{
    color:@dark-border-color;
    background-color: @dark-border-color;
}// 滑轨颜色

.cm-dark-slider-disabled{
    color:@dark-disabled-color;
    background-color:@dark-disabled-color;
}// 禁用滑块

.cm-dark-slider-step{
    color:@dark-sub-color;
    background-color: @dark-sub-color;
    &:hover{
        color:@dark-text-color;
        background-color: @dark-text-color;
    }
}// 滑动间隔颜色

.cm-dark-slider-input{
    color: @dark-text-color;
    background-color: @dark-white;
    border: @dark-border-width + 1 @dark-border-solid @dark-border-color;
    border-radius: @dark-border-radius;
} //所带输入框

.cm-dark-slider-border{
    border: @dark-border-width @dark-border-solid @dark-border-color;
    border-radius: 50%;
    &:hover{
        border-color:@dark-base-color-light;
    }
}// 滑块边框


/*Switch*/
.cm-dark-switch-default{
    background-color: @dark-sub-color;
    &:focus{
        box-shadow: 0 0 0 1px rgba(28, 28, 29, 0.2);
    }
} //开关默认状态
.cm-dark-switch-default-bg{
    background-color: @dark-sub-color;
} //开关默认状态

.cm-dark-switch-default-color {
    color:@dark-white
}
.cm-dark-switch-open{
    background-color: @dark-base-color;
} //开

.cm-dark-switch-disabled{
    background-color: @dark-disabled-color;
} //禁用开关


/*Popover*/
.cm-dark-popover-default{
    background-color: @dark-white;
    border: @dark-border-width @dark-border-solid @dark-border-color;
    border-radius: @dark-border-radius;
    box-shadow: @dark-base-border-shadow;
}// 气泡卡片

.cm-dark-popover-title{
    color:@dark-black;
    border-bottom: @dark-border-width @dark-border-solid @dark-border-color;
    border-radius: @dark-border-radius;
}// 气泡卡片title

.cm-dark-popovert-body{
    color:@dark-text-color;
}// 气泡卡片body

/*Tooltip*/
.cm-dark-tooltip-default{
    color:@dark-white;
    background-color: @dark-title-color;
    border: @dark-border-width @dark-border-solid @dark-border-color;
    border-radius: @dark-border-radius;
    box-shadow: @dark-base-border-shadow;
} //文字提示

/*Table*/
.cm-dark-table-thead{
    color:@dark-black;
    background-color: @dark-thead-td-bg;
} //表头

.cm-dark-table-tbody{
    color:@dark-text-color;
    background-color:@dark-white;
    &:hover{
         background-color:@dark-base-color-hover;
    }
} //表身

.cm-dark-table-border{
    border-color:@dark-border-color;
}// 表格边线

.cm-dark-table-cell {
    padding: 0;
    padding-left: 18px;
    padding-right: 18px;
    height: 40px;
}

.cm-dark-table-tbody-td-hover {
    background-color: @dark-tbody-td-bg; 
}

/*Tabs*/
.cm-dark-tabs-default{
    color:@dark-text-color;
    background-color:@dark-white;
    border-bottom: @dark-border-width @dark-border-solid @dark-border-color;
    &:hover{
         background-color:@dark-base-color-hover;
    }
}// 标签页

.cm-dark-tabs-current{
    color:@dark-base-color-dark;
    border-bottom: @dark-border-width @dark-border-solid @dark-base-color-dark;
}// 当前标签

.cm-dark-tabs-disabled{
    color:@dark-disabled-color;
    border-bottom: @dark-border-width @dark-border-solid @dark-disabled-color;
}// 禁用标签

.cm-dark-tabs-hover-color {
    color: @dark-page-color-active;
}

.cm-dark-tabs-hover-background {
    background-color: @dark-page-color-active;
}

/*Alert*/
.cm-dark-alert-info{
    color:@dark-base-text-color;
    background-color:@dark-background-color;
    border: @dark-border-width @dark-border-solid @dark-info-color;
}// 警告info
.cm-dark-alert-info-color{
    color:@dark-base-text-color;
}//警告info字体颜色
.cm-dark-alert-info-main-color{
    color:@dark-base-main-color;
}//警告info字体颜色

.cm-dark-alert-success{
    color:@dark-base-text-color;
    background-color:@dark-background-color;
    border: @dark-border-width @dark-border-solid @dark-success-color;
}// 警告success
.cm-dark-alert-success-color{
    color:@dark-base-text-color;
}//警告success字体颜色
.cm-dark-alert-success-main-color{
    color:@dark-base-main-color;
}//警告success字体颜色

.cm-dark-alert-warning{
    color:@dark-base-text-color;
    background-color:@dark-background-color;
    border: @dark-border-width @dark-border-solid @dark-warn-color;
} //警告warning
.cm-dark-alert-warning-color{
    color:@dark-base-text-color;
}//警告warning字体颜色
.cm-dark-alert-warning-main-color{
    color:@dark-base-main-color
}//警告warning字体颜色

.cm-dark-alert-error{
    color:@dark-base-text-color;
    background-color:@dark-background-color;
    border: @dark-border-width @dark-border-solid @dark-failed-color;
} //警告error
.cm-dark-alert-error-color{
    color:@dark-base-text-color;
}//警告error字体颜色
.cm-dark-alert-error-main-color{
    color:@dark-base-main-color
}//警告error字体颜色

/*Message*/
.cm-dark-message-default{
    color:@dark-text-color;
    background-color:@dark-background-color;
    border:@dark-border-width @dark-border-solid @dark-border-color;
    border-radius: @dark-border-radius;
    box-shadow: @dark-base-h-shadow @dark-base-v-shadow  @dark-base-blur-width - 10 @dark-base-shadow-color;;
} //全局提示

/*Modal*/
.cm-dark-modal-default{
    border: @dark-border-width @dark-border-solid @dark-border-color;
    border-radius: @dark-border-radius;
    box-shadow: @dark-base-border-shadow;
    background-color:@dark-white;
} //对话框

.cm-dark-modal-title{
    color:@dark-text-color;
} //对话框标题

.cm-dark-modal-body{
    color:@dark-text-color;
}// 对话框主体

.cm-dark-modal-footer{
    color:@dark-text-color;
}// 对话框底部

.cm-dark-modal-border{
    border: @dark-border-width @dark-border-solid @dark-border-color;
    border-radius: @dark-border-radius;
}// 对话框边线

/*Notification*/
.cm-dark-norification-default{
    border: @dark-border-width @dark-border-solid @dark-border-color;
    border-radius: @dark-border-radius;
    box-shadow: @dark-base-border-shadow;
    background-color:@dark-white;
}// 通知提醒框

.cm-dark-norification-title{
    color:@dark-black;
}// 通知提醒框title

.cm-dark-norification-body{
    color:@dark-text-color;
}// 通知提醒框body

.cm-dark-norification-border{
    border: @dark-border-width @dark-border-solid @dark-border-color;
    border-radius: @dark-border-radius;
} //通知提醒框边线

.cm-dark-norification-info{
    color:@dark-info-color;
} //消息提醒

.cm-dark-norification-success{
    color:@dark-success-color;
}// 成功提醒

.cm-dark-norification-warning{
    color:@dark-warn-color;
}// 警告提醒

.cm-dark-norification-error{
    color:@dark-failed-color;
}// 错误提醒

/*Popconfirm*/
.cm-dark-popconfirm-default{
    border: @dark-border-width @dark-border-solid @dark-border-color;
    border-radius: @dark-border-radius;
    box-shadow: @dark-base-border-shadow;
    background-color:@dark-white;
    color:@dark-text-color;
}// 气泡确认框

/*input*/
.cm-dark-input{  
    background-color: @dark-white;
    border-radius: @dark-border-radius;
    border-style: @dark-border-solid;
    border-width: @dark-border-width;
    border-color:@dark-border-color;
    color: @dark-text-color;
    &:hover {
        border: @dark-border-width @dark-border-solid @dark-border-hignlight-color;
      }
  
    &:focus {
        border: @dark-border-width @dark-border-solid @dark-border-hignlight-color;
    }
}

.cm-dark-input-disabled {
    color: @dark-disabled-color;
    background-color: @dark-disabled-background-color;
    border: @dark-border-width @dark-border-solid @dark-border-color;

    &:hover {
      border: @dark-border-width @dark-border-solid @dark-border-hignlight-color;
    }

    &:focus {
      border: @dark-border-width @dark-border-solid @dark-border-hignlight-color;
    }
  }

  .cm-dark-input-group-border-last {
    border-left-width: 0;
    border-right-width: @dark-border-width;

    &:hover {
    border-left-width: @dark-border-width;
    border-right-width: @dark-border-width;
    }

    &:focus {
    border-left-width: @dark-border-width;
    border-right-width: @dark-border-width;
    }
  }

  .cm-dark-input-group-border {
    &:hover {
        border-right-width: @dark-border-width;
      }

      border-right-width: 0;
  }
  .cm-input-disabled{
    color: @dark-disabled-color;
  }

  /*progress*/
  .cm-dark-progress-bg{
    background-color: @dark-progress-bg;
  }

  .cm-dark-progress-bd{
    border-color: @dark-background-color;
  }
  .cm-dark-progress-info-bg{
    background-color: @dark-info-color;
  }
  .cm-dark-progress-info-color{
    color: @dark-text-color;
  }

  .cm-dark-progress-failed-bg{
    background-color: @dark-failed-color;
  }
  .cm-dark-progress-failed-color{
    color: @dark-failed-color;
  }

  .cm-dark-progress-success-bg{
    background-color: @dark-success-color;
  }
  .cm-dark-progress-success-color{
    color: @dark-success-color;
  }

  /*inputNumber*/
  .cm-dark-inputNumber{  
       
        border-color:@dark-border-color;
        color: @dark-text-color;
        &:hover {
            border: @dark-border-width @dark-border-solid @dark-border-hignlight-color;
          }
      
        &:focus {
            border: @dark-border-width @dark-border-solid @dark-border-hignlight-color;
        }
    }
    
    .cm-dark-inputNumber-inner-color{
        color: @dark-text-color;
        &:hover{
            color: @dark-base-color;
        }
    }
    .cm-dark-inputNumber-inner-border{
        border-color: @dark-text-color;
    }

    .cm-dark-inputNumber-inner-disabled {
        color: @dark-disabled-color;
        background-color: @dark-disabled-background-color;
    
        &:hover {
          color: @dark-disabled-color;
        }
      }

/*弹框下箭头：白色背景*/
.cm-dark-popper-arrow-down{  
    border-color: transparent;   
    border-width: 6px;  
    border-top-color: @dark-border-color;
    border-bottom-width: 0;      
    border-style: @dark-border-solid;
    position: absolute;
    &:after{
        content:'';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: @dark-border-solid;
        bottom: 1px;
        margin-left: -6px;  
        border-width: 6px;  
        border-top-color: @dark-white;
        border-bottom-width: 0;
    }
}

/*弹框上箭头：白色背景*/
.cm-dark-popper-arrow-up{  
    border-color: transparent; 
    border-width: 6px;          
    border-bottom-color: @dark-border-color;
    border-top-width: 0;
    border-style: solid;
    position: absolute;
    &:after{
        content:'';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: @dark-border-solid;
        top: 1px;
        margin-left: -6px; 
        border-width: 6px;   
        border-bottom-color: @dark-white;
        border-top-width: 0;
    }
}

/*提示框下三角：黑色背景*/
.cm-dark-tooltip-arrow-down{ 
    border-width: 6px;    
    border-style: @dark-border-solid;   
    border-top-color: @dark-black;
    border-bottom-width: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    
}

 /*提示框上三角：黑色背景*/
.cm-dark-tooltip-arrow-up{  
    border-width: 6px;   
    border-style: @dark-border-solid;       
    border-bottom-color: @dark-black;
    border-top-width: 0;
    border-left-color: transparent;
    border-right-color: transparent;
}

/*提示框左三角：黑色背景*/
.cm-dark-tooltip-arrow-left{   
    border-width: 6px;   
    border-style: @dark-border-solid;      
    border-right-color: @dark-black;
    border-left-width: 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

/*提示框右三角：黑色背景*/
.cm-dark-tooltip-arrow-right{  
    border-width: 6px;   
    border-style: @dark-border-solid;  
    border-left-color: @dark-black;
    border-right-width: 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
/*timeline*/
/*timeline 圆圈颜色*/
.cm-dark-timeline-circle-blue{
    color: @dark-base-color;
    border-color: @dark-base-color;
}
.cm-dark-timeline-circle-green{
    color: @dark-success-color;
    border-color: @dark-success-color;
}
.cm-dark-timeline-circle-red{
    color: @dark-failed-color;
    border-color: @dark-failed-color;
}
/*timeline 字体颜色*/
.cm-dark-timeline-text{
    color:@dark-base-color;
}
/*timeline 图标颜色*/
.cm-dark-timeline-icon{
    color:@dark-failed-color;
}

/*steps*/
.cm-dark-step{
    border: @dark-border-width @dark-border-solid @dark-border-color;
    border-radius: 50%;
}//默认圈圈

.cm-dark-step-finish{
    border-color: @dark-border-hignlight-color;
    background-color: @dark-white;
}//完成的圈圈
.cm-dark-step-wait{
    border-color:  @dark-border-color;
    background-color: @dark-white;
}//等待的圈圈
.cm-dark-step-progress{
    border-color:  @dark-border-color;
    background-color: @dark-border-hignlight-color;
}//进行中的圈圈
.cm-dark-step-line-error{
    border-color: @dark-failed-color;
    background-color: @dark-white;
}//错误的圈圈

.cm-dark-step-line-wait{
    box-shadow: 0 0 0 0 @dark-border-color;
    background: @dark-border-color;
}//等待的线

.cm-dark-step-line-progress{
    box-shadow: 0 0 0 0 @dark-border-hignlight-color;
    background: @dark-border-hignlight-color;
}//进行中的线

.cm-dark-step-color1{
    color: @dark-border-color;
}//默认的字体颜色

.cm-dark-step-color2{
    color: @dark-white;
}//白色字体

.cm-dark-step-color3{
    color: @dark-border-hignlight-color;
}//蓝色字体

.cm-dark-step-color4{
    color: @dark-failed-color
}//红色字体
.cm-dark-step-color5{
    color: @dark-text-color;
}//进行中文字字体

/*cascader*/
.cm-dark-a-color{
    color:@dark-base-color;
    &:hover{
        color: @dark-base-color-light
    }
} 
/*breadcrumb*/
.cm-dark-text-color{
    color: @dark-base-main-color;
    &:hover{
        color: @dark-base-color-light;
    }
}//中间文字颜色
.cm-dark-start-color{
    color:@dark-base-text-color;;
}//开头文字或icon颜色
.cm-dark-interval-color{
    color:@dark-border-color;
}//间隔斜杠颜色
.cm-dark-lasttext-color{
    color:@dark-title-color;
}
/*upload*/
.cm-dark-texterror-color{
    color: @dark-failed-color;
}
.cm-dark-border-color{
    border-color: @dark-border-color
}
.cm-dark-text-color{
    color: @dark-text-color
}
.cm-dark-color{
    color:@dark-base-color-dark;
}
.cm-dark-hover-color{
    border-color:@dark-base-color-dark;
}
.cm-dark-bg-color{
    background-color: @dark-disabled-background-color; 
}
/*字体图标颜色*/
.cm-icon-nav-1:before { color:@dark-text-color; }

.cm-icon-nav-2:before { color:@dark-text-color; }

.cm-icon-nav-3:before { color:@dark-text-color; }

.cm-icon-arrow-down:before { color:@dark-border-color; }

.cm-icon-basic-components:before { color:@dark-border-color; }

.cm-icon-professional-components:before { color:@dark-text-color; }

.cm-icon-checkbox-focus:before { color:@dark-base-color-light; }

.cm-icon-functional-components:before { color:@dark-text-color; }

.cm-icon-document:before { color:@dark-text-color; }

.cm-icon-checkbox-default:before { color:@dark-text-color; }

.cm-icon-info:before { color:@dark-info-color; }

.cm-icon-arrow-up:before { color:@dark-border-color;  }

.cm-icon-close:before { color:@dark-border-color;  }

.cm-icon-clock:before { color:@dark-border-color;  }

.cm-icon-arrow-left:before { color:@dark-border-color; }

.cm-icon-radio-disabled:before { color:@dark-disabled-color; }

.cm-icon-arrow-right:before { color:@dark-border-color; }

.cm-icon-not-all-checked:before { color:@dark-base-color; }

.cm-icon-radio-default:before { color:@dark-border-color; }

.cm-icon-menu-fold:before { color:@dark-border-color; }

.cm-icon-menu-unfold:before { color:@dark-border-color;}

.cm-icon-radio-checked:before { color:@dark-base-color; }

.cm-icon-error:before { color:@dark-failed-color; }

.cm-icon-disabled-checked:before { color:@dark-disabled-color; }

.cm-icon-warning:before { color:@dark-warn-color; }

.cm-icon-checkbox-checked:before { color:@dark-base-color; }

.cm-icon-success:before { color:@dark-success-color; }