@import "../mixins/index";
@import "./sizes";

.x-dialog {
  @include border-color('primary');

  &.is-lighter {
    @include border-color('primary-3');

    .x-dialog__header {
      @include background-color('primary-3');
    }
  }
}

.x-dialog__header {
  @include background-color('primary');
}

.el-button--primary {
  @include background-color('primary');
  @include border-color('primary');

  &.el-button.active {
    @include font-color('base');
    @include background-color('primary-3');
    @include border-color('primary-3');
  }

  &.is-plain {
    @include font-color('primary');
    @include background-color('primary-9');
    @include border-color('primary-6');

    &:hover,
    &:focus {
      @include font-color('base');
      @include background-color('primary');
      @include border-color('primary');
      opacity: 1;
    }
  }

  &:hover,
  &:focus {
    opacity: 0.85;
  }
}

.el-button-group .el-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5) !important;
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5) !important;
  border-right-color: rgba(255, 255, 255, 0.5) !important;
}

.el-button-group .el-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5) !important;
}

.el-button--primary.is-disabled {
  opacity: 0.6;
}

.el-pagination .el-pager .active,
.el-radio__input.is-checked:not(.is-disabled) .el-radio__inner,
.el-checkbox__input.is-checked:not(.is-disabled) .el-checkbox__inner {
  @include background-color('primary');
  @include border-color('primary');
}

.el-radio__input.is-checked + .el-radio__label,
.el-checkbox__input.is-checked + .el-checkbox__label,
.el-select-dropdown__item.selected,
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  @include font-color('primary');
}

.el-input__inner:focus,
.el-input__inner:hover {
  @include border-color('primary');
}


.vxe-table.border--full .vxe-body--column,
.vxe-table.border--full .vxe-footer--column,
.vxe-table.border--full .vxe-header--column,
.vxe-table.border--full .vxe-body--column {
  @include table-background-image('border');
}

.vxe-table--render-default .vxe-table--border-line,
.vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line {
  @include border-color('border');
}

.vxe-table--render-default .vxe-table--footer-wrapper {
  @include border-top-color('border');
}

.vxe-header--row,
.vxe-header--row {
  @include background-color('hover');
}

.custom-loading .el-loading-spinner i::before {
  font-size: 50px;
  @include font-color('primary');
}

.el-progress-bar__inner {
  @include background-color('primary');
}

.el-progress-circle .el-progress-circle__path {
  @include stroke-color('primary');
}

.x-admin-icon-button-bar .el-divider {
  @include background-color('primary');
}