.container {
  :global {
    .easyv-divider-horizontal {
      width: 100%;
      min-width: 100%;
      left: 0;
    }
    .easyv-modal-footer {
      border-top: 1px solid rgba(255, 255, 255, 0.12);
      padding-top: 24px;
      padding-bottom: 24px;
    }
    .easyv-modal-body {
      overflow-y: hidden;
      padding-bottom: 0;
      padding-top: 0;
    }
  }
}

.footer {
  width: 100%;
  background: #232630;
  display: flex;
  justify-content: space-between;
  align-items: center;
  .cancelSelect {
    font-size: 14px;
    line-height: 22px;
    color: #b4b7c1;
    cursor: pointer;
  }
  .SelectAll {
    color: var(--easyv-primary-color);
    transition: color 0.3;
    &:hover {
      color: #67a4ff;
    }
  }
  .btnContainer {
    height: 32px;
  }
}
.multipleComponentContainer {
  display: flex;
  justify-content: center;
  .leftContainer {
    width: 184px;
    padding: 8px 8px 24px 12px;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    cursor: pointer;
    .componentTitle {
      height: 40px;
      width: 100%;

      padding-left: 12px;
      position: relative;
      display: flex;
      align-items: center;
      color: #b4b7c1;

      .text {
        max-width: 116px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        font-size: 14px;
        line-height: 22px;
        color: inherit;
      }
      .iconRight {
        color: #5a5e67;
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 13px;
        width: 9px;
        height: 5px;
      }
    }
    .selected {
      background: #333641;
      border-radius: 2px;
      font-weight: 600;
      color: #ffffff;
    }
  }
  .rightContainer {
    flex: 1;
    padding-top: 16px;
    padding-left: 20px;
  }
  .noDataContainer {
    flex: 1;
    align-self: center;
    justify-self: center;
  }
}
