.baseInformForm {
  padding: 10px 20px;

  .itemTitle {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .formItemWrapper {
    margin-top: 10px;

    .itemTitle {
      .formWrapper {
        margin-top: 10px;

        .formItem {
          line-height: 40px;
        }
      }
    }
  }
}

.showSettingForm {
  .themeSetting {
    border: 1px solid #e5e5e5;
    border-bottom: none;

    & > div {
      padding: 5px 16px;
      border-bottom: 1px solid #e5e5e5;

      .wea-form-item-wrapper {
        display: flex !important;
        align-items: center;
        justify-content: space-between;

        .wea-input-normal {
          flex: 1;
          padding-right: 8px;
        }
      }
    }
  }

  .settingItemWrapper {
    .itemTitle {
      font-size: 14px;

      .itemContent {
        margin-top: 10px;
      }
    }

    .formItem {
      line-height: 40px;
    }
  }

  .themeFormalStr {
    margin-right: 10px;
  }

  .configItemWrapper {
    margin-top: 10px;
    margin-bottom: 10px;

    .configTitle {
      padding-left: 10px;
      height: 40px;
      line-height: 40px;
      background-color: #eee;
    }

    .configContent {
      padding: 10px;

      .editItem {
        margin-right: 10px;
        line-height: 1.5
      }
    }
  }

  .salarySetTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}

//拖拽列表
.salaryItemSettingWrapper {
  & > ul {
    border: 1px solid #e5e5e5;

    .sortable-handle {
      display: none;
    }

    .wea-sortable-salary-item {
      padding: 0;
      margin: 0;
      border: none;
      cursor: default;

      .salaryItemWrapper {
        width: 100%;

        .salaryItemHeader {
          display: flex;
          align-items: center;
          justify-content: space-between;
          height: 32px;
          line-height: 32px;
          background: #f5f5f5;
          border-bottom: 1px solid #f2f2f2;
          padding: 0 12px;

          .icon-coms-Add-to {
            cursor: pointer;
            color: #5d9cec;
            position: relative;
            z-index: 999;
          }

          .titleWrapper {
            display: flex;
            align-items: center;

            .salaryClassTitle {
              font-weight: 400;
              font-size: 12px;
              color: #111;
              vertical-align: middle;
            }

            .iconWrapper {
              display: none;
              align-items: center;

              i {
                padding-left: 8px;
                color: #666;
                cursor: pointer;
                position: relative;
                z-index: 999;
              }
            }
          }
        }

        .salaryItemHeader:hover {
          .iconWrapper {
            display: flex;
          }
        }

        .salaryItemContent {
          padding: 4px 16px;
          background: #fff;
          min-height: 52px;

          & > ul {
            display: flex;
            width: 100%;
            flex-wrap: wrap;

            li {
              width: 25%;

              .salaryItemList {
                width: 100%;

                .salaryItem:hover {
                  i.anticon-cross {
                    display: block;
                  }
                }

                .salaryItem {
                  width: 100%;
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  min-height: 40px;
                  color: #000;
                  font-size: 12px;
                  text-align: left;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  padding: 0 8px;

                  .salaryItemName {
                    width: 100%;
                    min-height: 18px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    cursor: pointer;
                  }

                  i.anticon-cross {
                    display: none;
                    cursor: pointer;
                  }
                }
              }
            }
          }

          .empty {
            width: 100%;
            height: 44px;
            line-height: 44px;
            text-align: center;
          }
        }
      }
    }
  }
}

.salaryItemModalWrapper {
  .modalContent {
    padding: 16px;
  }
}

.payrollBaseInfoWrapper {
  .wea-form-cell-wrapper {
    border: 1px solid #e5e5e5;
    border-bottom: none;

    .wea-form-item {
      padding: 5px 16px;
      border-bottom: 1px solid #e5e5e5;
    }
  }

  .customTimeCompWrapper {
    display: flex;
    justify-content: flex-start;

    & > div {
      margin-right: 10px;
      display: flex;
      align-items: center;

      .wea-select {
        width: 80px;
        margin: 0 10px;
      }
    }
  }
}
