.coursewarePresetsContainer {
  padding-bottom: 20px;

  :global {
    .n-base-selection {
      --n-height: max(36px, 32Px) !important;
      width: 220px;
      font-size: max(13px, 12Px);
      border-radius: 7px !important;
    }

    .n-base-selection-input__content {
      font-size: max(15px, 13Px);
    }
  }
}

.openLoading {
  min-height: 200px;
}

.coursewarePresets {
  max-height: calc(var(--window-page-lesson-height) - 100px);
  padding: 0 20px 0px;
}

.btnSubjectList {
  :global {
    .n-base-selection-input {
      padding-left: 8px;
    }
  }
}

.addBtnIcon {
  width: 13px !important;
  height: 14px !important;
  margin-right: 8px;
}

.addBtn {
  // height: max(36px, 32Px) !important;
  background: #198cfe !important;
  border-radius: 7Px !important;
  padding: 0 20Px !important;


  border-radius: 8px;
  height: 38px;
  font-size: max(18px, 13Px) !important;
  font-weight: 600 !important;

}


.title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: max(17px, 14Px);
  color: #000000;
  line-height: 23px;
  height: 23px;
  text-align: left;
  padding-bottom: 20px;
  box-sizing: content-box;

  .titleLeft {
    display: flex;
    align-items: center;
  }

  .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
  }

  .iconWork {
    background: url('../../../images/icon-knowlage.png') no-repeat center center;
    background-size: contain;
  }

  .iconCourseware {
    background: url('../../../images/icon-courseware.png') no-repeat center center;
    background-size: contain;
  }

  &.line {
    margin-top: 25px;
    border-top: 1px solid #F2F2F2;
    padding-top: 35px;

    .more {
      display: flex;
      align-items: center;
      cursor: pointer;
      padding-left: 10px;
      font-weight: 400;
      font-size: max(13px, 12Px);
      color: #999999;

      &:hover {
        color: #1677FF;
      }
    }

    .iconP {
      width: 8px;
      height: 11px;
      display: inline-block;
      background: url('../../../images/icon-arrow-p.png') no-repeat center;
      background-size: contain;
      margin-left: 4px;
    }

    .swipeControll {
      height: 25px;

      .leftIcon {
        transform: rotate(180deg);
      }

      img {
        cursor: pointer;
        width: 25px;
        height: 25px;
      }

      .disabled {
        opacity: 0.4;
        cursor: not-allowed;
      }
    }
  }
}

.list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: 12px 0 12px;
  gap: 20px 0;
  margin: 10px -10px 0;
  min-height: 313px;
  // height: 313px;


  &.listSame {
    margin-top: 0;
    padding-top: 0;
  }

  .empty1 {
    // padding: 10px 0;
  }

  .itemWrap {
    width: calc(100% / 4);
    // padding-bottom: calc(100% / 3 * 0.73333);
    // position: relative;

    .itemWrapBox {
      //   position: absolute;
      //   left: 0;
      //   top: 0;
      //   width: 100%;
      //   height: 100%;
      padding: 0 10px;
    }
  }

}

.itemWrapBox {
  padding: 0 10px;
}

.attendClassModal1 {
  width: 1360px;
  border-radius: 16px;
  overflow: hidden;
}

.removeVisiable1 {
  width: 432px;

  :global {
    .n-card-header {
      font-size: max(22px, 16Px);
    }
  }

  .studentRemove {
    padding: 20px 40px 0;

    p {
      font-size: max(18px, 14Px);
      color: #777777;
      line-height: 30px;

      span {
        color: #EA4132;
      }
    }
  }

  .btnGroupModal {
    padding: 32px 0;

    :global {
      .n-button {
        height: 47px;
        min-width: 156px;
      }
    }
  }
}

.attendClassModal {
  width: 800px;
  border-radius: 16px;
  overflow: hidden;
}