.container {
  min-height: 100%;
  display: flex;
  flex-direction: column;

  :global {

    .n-base-selection--error-status,
    .n-input--error-status {
      animation: errorRotate 0.3s ease 3;
    }
  }
}

.closeBtn {
  position: absolute;
  top: -15px;
  right: -10px;
  background: transparent;
  width: 44px;
  height: 44px;

  img {
    width: 44px;
    height: 44px;
  }
}

.topForms {
  padding: 40px 40px 0;
  display: flex;
  align-items: center;

  :global {
    .n-upload {
      width: 210px !important;
    }

    .n-upload-trigger.n-upload-trigger--image-card {
      width: 210px !important;
      height: 297px !important;
    }

    .n-upload-file.n-upload-file--image-card-type {
      width: 210px !important;
      height: 297px !important;
      border-radius: 12px;
    }

    .n-upload-dragger {
      border-radius: 12px;
      background: #F9FAFD;
      border: 2px solid #DCE2F1;

      &:hover {
        border: 2px solid #198CFE;
      }
    }
  }

  .uploadContent {
    .iconUpload {
      width: 60px;
      height: 60px;
    }

    p {
      padding-top: 32px;
      font-size: 18px;
      color: #7799C0;
      line-height: 25px;
    }
  }

  .topFormInput {
    margin-left: 60px;
  }
}

.menuTitle {
  display: flex;
  align-items: center;
  padding: 20px 40px;
  font-size: 18px;
  font-weight: 600;
  color: #131415;
  // border-bottom: 1px solid #EDEEF3;

  .iconMenu {
    margin-right: 8px;
    width: 24px;
    height: 24px;
  }
}

.lessonItem {
  border-radius: 20px;
  background: #F7F9FF;
  position: relative;
  margin: 0 40px 24px;
  padding: 24px 26px 0;
  --n-border: 1px solid #289bff !important;

  :global {
    .n-input {
      width: 320px;
    }
  }

  .btnGroupAll {
    gap: 8px 24px !important;
  }

  .btnImg {
    width: 50px;
    height: 50px;
  }
}

.line {
  background-color: #EDEEF3;
  width: calc(100% - 80px);
  margin: 0 auto;
  height: 1px;
}

//
.addUnitBtn {

  height: 52px;
  border-radius: 12px;
  margin: 24px 40px 0;

  width: calc(100% - 80px) !important;
  background: #E8F4FF;

  &:not(.n-button--disabled):hover,
  &:not(.n-button--disabled):active,
  &:not(.n-input--disabled).n-input--focus {
    background: #E8F4FF;
  }

  img {
    width: 16px;
    height: 16px;
  }
}

.btnGroup {
  padding: 40px 0;

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