/****绿色主题****/

//基础颜色---绿色
@primary-color: #32b16c;
@primary-hover-color: #00c485;

//绿色
@success-color: #32b16c;
@success-hover-color: #00c485;
@success-hover-active-color: #e3f8ec;

//红色
@error-color: #eb6877;
@error-hover-color: #ff7d84;

// 外部阴影轮廓（绿色）
.skin-box-shadow {
  box-shadow: 0 0 0 2px rgba(50, 177, 108, .2) !important;
}

/******************************自定义的class********************************/
.label-sign {
  background: @primary-color;
}

.icons {
  color: @primary-color;
}

.icons:hover {
  color: @primary-hover-color;
}

a {
  color: @primary-color !important;
}

a:hover {
  color: @primary-hover-color !important;
}

.fold span:hover {
  color: @primary-hover-color;
}

.search-bg-span {
  color: @primary-color;
}

/******************************自定义的class********************************/

/****************************iview组件**********************************/

.ivu-btn-primary {
  color: #fff;
  background-color: @primary-color;
  border-color: @primary-color;
}

.ivu-btn-primary:hover {
  color: #fff;
  background-color: @primary-hover-color;
  border-color: @primary-hover-color;
}

.ivu-btn-success {
  color: #fff;
  background-color: @success-color;
  border-color: @success-color;
}

.ivu-btn-success:hover {
  color: #fff;
  background-color: @success-hover-color;
  border-color: @success-hover-color;
}

.ivu-btn-error {
  color: #fff;
  background-color: @error-color;
  border-color: @error-color;
}

.ivu-btn-error:hover {
  color: #fff;
  background-color: @error-hover-color;
  border-color: @error-hover-color;
}

.ivu-btn-default:hover {
  color: @primary-color;
  border-color: @primary-hover-color;
}

.ivu-input:hover, .ivu-input-number:hover, .ivu-input-number-focused {
  border-color: @primary-color;
}

.ivu-input:focus, .ivu-input-number:focus {
  border-color: @primary-color;
  .skin-box-shadow
}

.ivu-input-number-handler:hover .ivu-input-number-handler-down-inner, .ivu-input-number-handler:hover .ivu-input-number-handler-up-inner {
  color: @primary-color;
}

.ivu-form-item-error-tip, .ivu-form-item-required .ivu-form-item-label:before {
  color: @error-color;
}

.ivu-form-item-error .ivu-input {
  border: 1px solid @error-color;
}

.ivu-form-item-error .ivu-input:focus {
  border-color: @error-color;
}

.ivu-date-picker-cells-focused em {
  box-shadow: 0 0 0 1px @primary-color;
}

.ivu-date-picker-cells-cell-selected em, .ivu-date-picker-cells-cell-selected:hover em {
  background: @primary-color;
}

.ivu-date-picker-cells-cell-today em:after {
  background: @success-color;
}

.ivu-date-picker-cells-cell-range:before {
  background: @success-hover-active-color;
}

.ivu-date-picker-cells-cell:hover em {
  background: @success-hover-active-color;
}

.ivu-select-visible .ivu-select-selection {
  border-color: @primary-color;
  .skin-box-shadow
}

.ivu-select-item-selected, .ivu-select-item-selected:hover {
  color: @primary-color;
}

.ivu-select-selection-focused, .ivu-select-selection:hover {
  border-color: @primary-color;
}

.ivu-radio-checked .ivu-radio-inner {
  border-color: @primary-color;
}

.ivu-radio-checked:hover .ivu-radio-inner {
  border-color: @primary-color;
}

.ivu-radio-inner:after {
  background-color: @primary-color;
}

.ivu-radio-focus {
  .skin-box-shadow
}

.ivu-page-item-active {
  border-color: @primary-color;
}

.ivu-page-item:hover {
  border-color: @primary-hover-color;
}

.ivu-page-next:hover, .ivu-page-prev:hover {
  border-color: @primary-hover-color;
}

input:hover {
  border-color: @primary-hover-color !important;
}

input:focus {
  border-color: @primary-color !important;
  .skin-box-shadow
}

/****************************iview组件**********************************/

/****************************element-ui组件**********************************/
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .el-table__body tr.current-row > td, .el-table__body tr.hover-row.current-row > td, .el-table__body tr.hover-row.el-table__row--striped.current-row > td, .el-table__body tr.hover-row.el-table__row--striped > td, .el-table__body tr.hover-row > td {
  background-color: @success-hover-active-color;
}

.el-table .ascending .sort-caret.ascending {
  border-bottom-color: @primary-color;
}

.el-table .descending .sort-caret.descending {
  border-top-color: @primary-color;
}

.el-loading-spinner i, .el-loading-spinner .el-loading-text {
  color: @primary-color;
}

/****************************element-ui组件**********************************/
