.modal-selector {
  :global {
    .ant-modal-title {
      color: #000;
      font-size: 20px;
      font-weight: normal;
    }
    .ant-modal-header {
      padding: 18px 24px;
    }
    .ant-modal-body {
      display: flex;
      padding: 0;
      height: 419px;
      align-items: flex-end;
      justify-content: center;
      max-height: calc(100vh - 300px);
    }
    .ant-breadcrumb {
      margin-left: 25px;
      margin-right: 20px;
      .ant-breadcrumb-separator {
        color: #d8d8d8;
      }
    }
    .ant-checkbox-inner {
      width: 20px;
      height: 20px;
      border-radius: 50%;
    }
    .ant-checkbox-checked::after {
      border-radius: 50%;
    }
    .ant-checkbox + span {
      position: relative;
      top: -2px;
    }
    .ant-checkbox-inner::after {
      left: 28.5%;
    }
  }
  &-left,
  &-right {
    flex: 1;
    height: 100%;
  }
  &-left {
    border-right: 1px solid #f0f0f0;
    padding: 16px;
    position: relative;
    padding-bottom: 60px;
    :global {
      .ant-select {
        height: 100%;
        overflow-y: auto;
      }
    }

    &-footer {
      position: absolute;
      bottom: 0;
      padding: 16px;
      :global {
        .ant-btn-primary {
          margin-right: 12px;
        }
      }
    }
  }
  &-right {
    overflow: auto;
    padding: 20px 0;
    .title {
      color: #333;
      font-size: 18px;
      font-weight: 500;
      display: flex;
      align-items: center;
      margin-bottom: 12px;
      margin-left: 24px;
    }
    .dept-list {
      margin-bottom: 10px;
      color: #666;
      font-size: 14px;
      :global {
        .ant-breadcrumb {
          color: #333;
        }
        .ant-breadcrumb > span:not(:last-child) {
          color: #999;
          cursor: pointer;
          &:hover {
            color: #1890ff;
          }
        }
        .ant-breadcrumb > span:last-child {
          color: #999;
        }
      }
    }
    .item-row {
      cursor: pointer;
      padding: 10px 20px;
      &:hover {
        background: #efefef;
      }
      &-right {
        color: #999;
        font-size: 12px;
        padding-left: 8px;
        border-left: 1px solid #d8d8d8;
        line-height: 12px;
      }
      [data-disabled='false'] {
        cursor: pointer;
        &:hover {
          color: #1890ff;
        }
      }
      [data-disabled='true'] {
        cursor: no-drop;
      }
    }
    :global {
      .ant-row {
      }
    }
  }
}
.dropdown-selector {
  &-help {
    color: #999;
    padding: 8px 12px;
  }
  &-item {
  }
}
.icon {
  cursor: pointer;
}
@font-face {
  font-family: 'ywcloud'; /* Project id 2333532 */
  src: url('//at.alicdn.com/t/c/font_2333532_8zvi2htmdii.woff2?t=1699242207208') format('woff2'),
    url('//at.alicdn.com/t/c/font_2333532_8zvi2htmdii.woff?t=1699242207208') format('woff'),
    url('//at.alicdn.com/t/c/font_2333532_8zvi2htmdii.ttf?t=1699242207208') format('truetype');
}
.ywcloud {
  font-family: 'ywcloud' !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ywcloudIconxinzeng1:before {
  content: '\e6a4';
}

.ywcloudIconfuzhi1:before {
  content: '\e68e';
  cursor: pointer;
}
.ywcloudIconfuzhi1 {
  &:hover {
    color: #1890ff;
  }
}
.ywcloudIconjianshao:before {
  content: '\e6a5';
}
.ywcloudIconzhankai3:before {
  content: '\e6b8';
}
.ywcloudIconshouqi3:before {
  content: '\e6b7';
}
.ywcloudIconbiyan:before {
  content: '\e6bb';
}
.ywcloudIconkaiyan1:before {
  content: '\e6bc';
}
.ywcloudIconshenpiliu_zuzhijiagou:before {
  content: '\e6da';
  font-size: 16px;
}

.ywcloudIconFilter:before {
  content: '\e6d4';
}