/****蓝色主题****/

//（基础颜色-----蓝色）
@primary-color: #00a0e9;
@primary-hover-color: #00b5ec;

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

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

// 外部阴影轮廓（蓝色）
.skin-box-shadow {
  box-shadow: 0 0 0 2px rgba(0, 160, 233, .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-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组件**********************************/

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