.inputPlaceholder {
  textarea::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 20px;
    color: #5A5E67;
    opacity: 0.56;
  }

  input::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: 14px;
    line-height: 20px;
    color: #5A5E67;
    opacity: 0.56;
  }

  input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #5A5E67;
    opacity: 0.56;
  }

  input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #5A5E67;
    opacity: 0.56;
  }

  input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #5A5E67;
    opacity: 0.56;
  }
}

// easyv5.0版本需求，统一修改input框样式
.input {
  .inputPlaceholder();

  :global {

    .easyv-input,
    .easyv-input-number {
      color: rgba(180, 183, 193, 1);
      background: #181a24;
      border: 1px solid rgba(255, 255, 255, 0.12);
      box-sizing: border-box;
      border-radius: 2px;
    }

    .easyv-input-number-handler-wrap {
      background: #252835;
      border-color: #252835;
    }

    .easyv-input-number-handler-down {
      border: none;
    }

    .easyv-input-number-handler-up-inner,
    .easyv-input-number-handler-down-inner {
      color: #fff;
    }

    .easyv-input:focus {
      color: #fff;
      border-color: var(--easyv-primary-color);
    }

    .easyv-input:hover {
      border-color: var(--easyv-primary-color);
    }

    .easyv-form-item-has-error .easyv-input,
    .easyv-form-item-has-error .easyv-input-affix-wrapper,
    .easyv-form-item-has-error .easyv-input:hover,
    .easyv-form-item-has-error .easyv-input-affix-wrapper:hover {
      background-color: none !important;
      border-color: rgba(235, 81, 90, 1);
    }

    .easyv-form-item-has-error .easyv-input-number,
    .easyv-form-item-has-error .easyv-picker {
      background: #252835 !important;
    }

    .easyv-input-number:focus,
    .easyv-input-number-focused {
      border-color: var(--easyv-primary-color);
    }

    .easyv-input-number:hover {
      border-color: var(--easyv-primary-color);
    }
  }
}

// select框样式统一
.select {
  background-color: #181a24;
  .inputPlaceholder();

  :global {
    .easyv-select-item {
      background-color: #181a24;
      color: #fff;
    }

    .easyv-select-dropdown {
      background-color: #181a24 !important;
    }

    .easyv-select-item-option-active {
      background: rgba(255, 255, 255, 0.06);
    }

    .easyv-select-item-option-selected {
      background-color: var(--easyv-primary-color);
    }

    .easyv-select-show-arrow:last-child {
      color: #fff;
    }

    .easyv-select-arrow {
      color: rgba(180, 183, 193, 1);
    }

    .easyv-empty-small {
      color: rgba(180, 183, 193, 1);
    }

    .easyv-form-item-has-error .easyv-select:not(.easyv-select-disabled):not(.easyv-select-customize-input) .easyv-select-selector {
      background-color: transparent;
    }

    .easyv-select-focused:not(.easyv-select-disabled).easyv-select:not(.easyv-select-customize-input) .easyv-select-selector {
      border-color: var(--easyv-primary-color);
    }

    .easyv-gui-select-focused:not(.easyv-gui-select-disabled).easyv-gui-select:not(.easyv-gui-select-customize-input) .easyv-gui-select-selector {
      border-color: var(--easyv-primary-color);
    }

    .easyv-select:not(.easyv-select-customize-input) .easyv-select-selector {
      color: rgba(180, 183, 193, 1);
      background: #181a24;
      border: 1px solid rgba(255, 255, 255, 0.12);
      box-sizing: border-box;
      border-radius: 2px;
    }
  }
}

//radio样式统一
.radio {
  :global {
    .easyv-radio-wrapper {
      color: var(--easyv-text-4);
    }

    .easyv-radio-wrapper-checked {
      color: #fff;
    }

    .easyv-radio-input:focus+.easyv-radio-inner {
      box-shadow: none;
    }

    .easyv-radio-inner {
      width: 14px;
      height: 14px;
      background: none;
    }
  }
}

// table统一样式
.table {
  :global {
    .easyv-table {
      background-color: #333749;
      color: rgba(255, 255, 255, 0.8);
    }

    .easyv-table.easyv-table-bordered>.easyv-table-container>.easyv-table-content>table,
    .easyv-table.easyv-table-bordered>.easyv-table-container>.easyv-table-header>table {
      border-top: none;
    }

    .easyv-checkbox-inner {
      background-color: transparent !important;
      border-color: rgba(255, 255, 255, 0.12);
    }

    .easyv-empty-description {
      color: #b4b7c1;
    }

    .easyv-table-header {
      border-radius: 2px 2px 0px 0px;
    }

    .easyv-table-thead {
      height: 48px;
    }

    div.easyv-table .easyv-table-thead tr>th {
      border-top: none !important;
      color: #fff;
      height: 48px;
      background: #41465b;
    }

    .easyv-table-thead>tr>th {
      color: #fff !important;
      background: #333641 !important; // 表头颜色调整
      border: none;
      font-family: PingFang SC;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
    }

    .easyv-table-tbody>tr>td {
      font-size: 14px;
      background-color: var(--easyv-background-6);
      border-bottom: 0;
    }

    .easyv-table-tbody>tr.easyv-table-row:hover>td,
    .easyv-table-tbody>tr.easyv-table-placeholder:hover>td {
      background: #2a2d37 !important;
    }

    .easyv-table-tbody>tr.easyv-table-row:hover>td,
    .easyv-table-thead th.easyv-table-column-has-sorters:hover,
    div.easyv-table .easyv-table-tbody tr.easyv-table-row-selected td {
      background-color: var(--easyv-background-6);
    }

    .easyv-table-tbody .easyv-checkbox-inner {
      background-color: transparent;
      border: 1px solid rgba(255, 255, 255, 0.5);
    }

    .easyv-checkbox-checked {
      .easyv-checkbox-inner {
        background-color: var(--easyv-primary-color);
        border-color: var(--easyv-primary-color);
        color: #fff;
      }
    }

    .easyv-input-group {
      .easyv-input {
        border-color: transparent;
        background-color: #41465b;
      }
    }

    .easyv-input-search>.easyv-input-group>.easyv-input-group-addon .easyv-input-search-button:not(.easyv-btn-primary) {
      color: #fff;
    }

    .easyv-input-group-addon {
      background-color: #41465b;
      border: 0;
      color: #fff;

      .easyv-btn-icon-only {
        height: 30px;
      }

      .easyv-btn {
        background-color: transparent;
        border: 0;
        color: #fff;
      }
    }

    td.easyv-table-column-sort {
      background-color: #5961807e;
    }

    .easyv-btn[disabled],
    .easyv-btn[disabled]:hover,
    .easyv-btn[disabled]:focus,
    .easyv-btn[disabled]:active {
      background-color: #96999e;
      border-color: transparent;
      color: #ccc;
    }

    .easyv-pagination-item-active {
      background-color: var(--easyv-primary-color);

      a {
        color: #fff;
      }
    }

    .easyv-pagination-prev .easyv-pagination-item-link,
    .easyv-pagination-next .easyv-pagination-item-link {
      background-color: #41465b;
      border-color: transparent;
      color: #bfbfbf;
    }

    .easyv-pagination-disabled .easyv-pagination-item-link,
    .easyv-pagination-disabled:hover .easyv-pagination-item-link,
    .easyv-pagination-disabled:focus .easyv-pagination-item-link {
      color: #bfbfbf;
      border-color: transparent;
    }

    .easyv-pagination-jump-prev .easyv-pagination-item-container .easyv-pagination-item-ellipsis,
    .easyv-pagination-jump-next .easyv-pagination-item-container .easyv-pagination-item-ellipsis {
      color: #fff;
    }

    .easyv-table-pagination.easyv-pagination {
      padding: 16px 24px;
      color: #b4b7c1;
      cursor: pointer;
      background-color: var(--easyv-background-6);
      border-radius: 0px 0px 2px 2px;
      border-top: 1px solid rgba(255, 255, 255, 0.12);
      margin: 0;
    }

    .easyv-pagination-prev .easyv-pagination-item-link,
    .easyv-pagination-next .easyv-pagination-item-link {
      background: #3d404c;
      border-radius: 2px;
      color: #fff !important;
    }

    .easyv-pagination-item {
      background: #3d404c;
      border-radius: 2px;
      color: #fff !important;
      border: none !important;
    }

    .easyv-pagination-item a {
      color: #fff;
    }

    .easyv-pagination-item-active a {
      width: 100%;
      height: 100%;
      display: inline-block;
      background: var(--easyv-primary-color);
    }

    .easyv-dropdown-menu {
      background: #3d404c;
    }

    .easyv-table-filter-dropdown {
      background: #3d404c;
    }

    .easyv-dropdown-menu-item {
      color: #b4b7c1;
      font-weight: 500;
    }

    .easyv-dropdown-menu-submenu-title {
      color: #b4b7c1;
    }

    .easyv-dropdown-menu-item:hover,
    .easyv-dropdown-menu-submenu-title:hover {
      color: #fff;
      background: #5a5d69;
    }

    .easyv-table-filter-dropdown-btns {
      justify-content: space-around;
      padding: 8px;
      border-top: 1px solid rgba(255, 255, 255, 0.12);
    }

    .easyv-dropdown-menu-item-selected,
    .easyv-dropdown-menu-submenu-title-selected,
    .easyv-dropdown-menu-item-selected>a,
    .easyv-dropdown-menu-submenu-title-selected>a {
      background: #3d404c;
    }

    .easyv-table-filter-trigger-container-open,
    .easyv-table-filter-trigger-container:hover,
    .easyv-table-thead th.easyv-table-column-has-sorters:hover .easyv-table-filter-trigger-container:hover {
      background-color: #3d404c;
    }

    .easyv-table-filter-trigger-container-open .easyv-table-filter-trigger,
    .easyv-table-filter-trigger:hover {
      color: #fff;
    }
  }
}

//gui Input Search 统一样式
.easyvSearchInput {
  width: 226px;
  height: 32px;
  background: #181a24;
  border-radius: 2px;

  :global {

    .easyv-gui-input-group>.easyv-gui-input:first-child,
    .easyv-gui-input-group-addon:first-child {
      color: #fff;
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px;
    }

    .easyv-gui-input {
      height: 32px;
      background-color: #181a24;
    }

    .easyv-gui-btn {
      border: none;
    }

    .easyv-gui-btn .anticon {
      color: #fff;
    }

    .easyv-gui-input-group-addon {
      background-color: #181a24;
      z-index: 1;
      top: 1px;
      border: 0;
      position: absolute;
      right: 28px;
      left: auto !important;
    }

    .easyv-gui-btn-icon-only {
      height: 30px;
      background-color: #181a24;
    }
  }

  .inputPlaceholder();
}

// modal警告提示框样式统一
.confirmModal {
  :global {
    .easyv-modal-body {
      padding: 32px 24px 24px 24px;
      border-radius: 2px 2px 0 0;
      background-color: var(--easyv-background-6);
    }

    .easyv-modal-content {
      background-color: var(--easyv-background-6);
      border-radius: 2px;
    }

    .easyv-modal-footer {
      padding: 0 24px 32px 24px;
      background-color: var(--easyv-background-6);
      border-top: none;
      border-radius: 0 0 2px 2px;
    }
  }
}

// modal默认操作带头部的样式统一
.actionModal {
  :global {
    .easyv-modal-header {
      padding: 17px 24px;
      background-color: var(--easyv-background-6);
      border-bottom: none;
    }

    .easyv-modal-title {
      color: #fff;
    }

    .easyv-modal-content .easyv-modal-close-x {
      color: #b4b7c1;
    }

    .easyv-modal-footer {
      padding: 0 24px 32px 24px;
      background-color: var(--easyv-background-6);
      border-top: none;
      border-radius: 0 0 2px 2px;
    }

    .easyv-modal-content {
      background-color: var(--easyv-background-6);
      border-radius: 2px;
    }

    .easyv-modal-body {
      max-height: 400px;
      overflow-y: auto;
      width: inherit;
      color: #b4b7c1;
      font-family: PingFang SC;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 20px;
    }
  }
}

// antd tree组件样式统一
.tree {
  :global {

    // .easyv-tree {
    //   color: #fff;
    //   background: var(--easyv-background-6);
    // }
    // .easyv-tree-indent {
    //   order: 2;
    // }
    .easyv-tree-draggable-icon {
      font-size: 14px;
      color: var(--easyv-text-4);
      padding: 10px 0px;
      opacity: 1;
      // display: none;
      visibility: hidden;
    }

    .easyv-tree-treenode:hover .easyv-tree-draggable-icon {
      opacity: 1;
      // display: inline-block;
      visibility: visible;
    }

    .easyv-tree .easyv-tree-treenode {
      padding: 0 !important;
    }

    .easyv-tree-switcher {
      padding-left: 16px;
      padding-top: 10px;
      padding-bottom: 10px;
    }

    .easyv-tree.easyv-tree-block-node .easyv-tree-list-holder-inner .easyv-tree-node-content-wrapper {
      padding-top: 10px;
      padding-bottom: 10px;
    }

    .easyv-tree .easyv-tree-node-content-wrapper:hover {
      background: none;
    }

    // .easyv-tree-treenode:hover {
    //   background: rgba(255, 255, 255, 0.08);
    // }
    // .easyv-tree .easyv-tree-node-content-wrapper {
    //   background: none;
    // }
    .easyv-tree-title {
      display: flex;
      justify-content: space-between;
      padding-right: 16px;
    }

    .easyv-tree .easyv-tree-node-content-wrapper.easyv-tree-node-selected {
      background: none;
    }

    // 选中某一项的样式
    // .easyv-tree-treenode-selected {
    //   background-color: rgba(255, 255, 255, 0.08);
    // }
    .easyv-tree-indent-unit {
      width: 8px;
    }
  }
}

.treeBlackTheme {
  :global {
    .easyv-tree {
      color: rgba(255, 255, 255, 0.7);
      font-size: 12px;
      background: var(--easyv-background-6);
    }

    // 选中某一项的样式
    .easyv-tree-treenode-selected {
      font-weight: 500;
      color: #fff;
      background-color: rgba(255, 255, 255, 0.08);
    }

    .easyv-tree-treenode:hover {
      background: rgba(255, 255, 255, 0.08);
    }
  }
}

.treeWhiteTheme {
  :global {
    .easyv-tree {
      color: rgba(24, 26, 36, 0.7);
      background: var(--easyv-background-6);
    }

    .easyv-tree-treenode-selected {
      font-weight: 500;
      color: #181a24;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
    }

    .easyv-tree-treenode:hover {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
    }
  }
}

.checkBox {
  :global {
    .easyv-checkbox-inner {
      background-color: var(--easyv-background-gray-1);
      border: 1px solid var(--easyv-border-color-base);
    }

    .easyv-checkbox-wrapper:hover .easyv-checkbox-inner,
    .easyv-checkbox:hover .easyv-checkbox-inner,
    .easyv-checkbox-input:focus+.easyv-checkbox-inner {
      border-color: var(--easyv-primary-color);
      border-top-color: var(--easyv-primary-color);
      border-right-color: var(--easyv-primary-color);
      border-bottom-color: var(--easyv-primary-color);
      border-left-color: var(--easyv-primary-color);
    }

    .easyv-checkbox-checked .easyv-checkbox-inner {
      background-color: var(--easyv-primary-color);
      border-color: var(--easyv-primary-color);
      border-top-color: var(--easyv-primary-color);
      border-right-color: var(--easyv-primary-color);
      border-bottom-color: var(--easyv-primary-color);
      border-left-color: var(--easyv-primary-color);
    }
  }
}

.checkBox {
  :global {
    .easyv-checkbox-inner {
      background-color: var(--easyv-background-gray-1);
      border: 1px solid var(--easyv-border-color-base);
    }

    .easyv-checkbox-wrapper:hover .easyv-checkbox-inner,
    .easyv-checkbox:hover .easyv-checkbox-inner,
    .easyv-checkbox-input:focus+.easyv-checkbox-inner {
      border-color: var(--easyv-primary-color);
      border-top-color: var(--easyv-primary-color);
      border-right-color: var(--easyv-primary-color);
      border-bottom-color: var(--easyv-primary-color);
      border-left-color: var(--easyv-primary-color);
    }

    .easyv-checkbox-checked .easyv-checkbox-inner {
      background-color: var(--easyv-primary-color);
      border-color: var(--easyv-primary-color);
      border-top-color: var(--easyv-primary-color);
      border-right-color: var(--easyv-primary-color);
      border-bottom-color: var(--easyv-primary-color);
      border-left-color: var(--easyv-primary-color);
    }
  }
}

// // antd menu样式统一
.menuContainer {
  width: 84px;
  background: var(--easyv-background-6);
  color: #fff;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.48);
  border-radius: 4px;

  li:not(:last-child) {
    border-bottom: 1px solid var(--easyv-border-color-4);
  }

  :global {

    .easyv-dropdown-menu-item,
    .easyv-dropdown-menu-submenu-title,
    .easyv-dropdown-menu-item-disabled,
    .easyv-dropdown-menu-submenu-title-disabled {
      color: #fff;
    }

    .easyv-dropdown-menu-item {
      span {
        color: #fff;
      }

      i {
        color: #fff;
      }
    }

    .easyv-dropdown-menu-item:hover,
    .easyv-dropdown-menu-submenu-title:hover {
      background: #3d404c;
    }
  }
}