@import url(../../../../../styles/common/easyvCommon.less);

.toolbar {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 24px 40px;
  align-items: center;
  font-size: 14px;

  &-left {
    span {
      color: #3a89fe;
    }

    :global {
      .easyv-space-item a {
        color: var(--easyv-primary-color);
      }
    }
  }
}
.fontStyle {
  font-size: 16px;
  font-weight: bold;
}
.search-input {
  // height: 32px;
  // background: #3d4154;
  // border-radius: 2px;

  // :global {
  //   .ant-input-wrapper {
  //     width: 226px;
  //     display: flex;
  //   }

  //   .ant-input {
  //     height: 32px;
  //     background-color: rgba(61, 65, 84, 1);
  //     outline: none;
  //     border-top-left-radius: 2px;
  //     border-bottom-left-radius: 2px;
  //     border: 1px solid transparent;
  //     padding: 4px 8px;
  //     flex-grow: 1;

  //     &:focus {
  //       border-color: var(--easyv-primary-color);
  //     }
  //   }

  //   .ant-btn {
  //     border: none;
  //     cursor: pointer;
  //     width: 32px;
  //     flex-shrink: 0;
  //   }

  //   .ant-btn .anticon {
  //     color: #fff;
  //   }

  //   .ant-input-group-addon {
  //     background-color: rgba(61, 65, 84, 1);
  //   }

  //   .ant-btn-icon-only {
  //     height: 32px;
  //     background-color: rgba(61, 65, 84, 1);
  //   }
  // }

  .easyvSearchInput();
  background: var(--easyv-background-6);

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

    .easyv-gui-input {
      background-color: var(--easyv-background-6);
    }

    .easyv-gui-input-group-addon {
      background-color: var(--easyv-background-6);
    }

    .easyv-gui-btn-icon-only {
      background-color: var(--easyv-background-6);
    }
  }
}
