.syntheses-page {
  .syntheses-no-synthesis {
    font-size: $font-size-m;
    margin-top: 100px;
  }

  .page-body {
    margin-top: 24px;
  }

  .create-synthesis-button {
    margin-top: 100px;
  }
}

.synthesis-page {
  .affix {
    top: 15%;
  }

  .actions {
    position: absolute;
    right: 0;
    list-style: none;
    margin: 5px 5px 0 0;

    li {
      padding: 10px;
    }
  }

  .synthesis-side-menu {
    background-color: $white;
    padding: 30px;
    margin: 0 10px;

    .title-hyphen {
      display: block;
      width: 50px;
      margin: 10px 0 10px -35px;
    }

    .assembl-icon-down-open {
      font-size: $font-size-xxs;
      margin: 0 10px 1px 0;
    }

    .link-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .active {
      a {
        pointer-events: none;
      }
    }

    .side-menu-link-1 {
      overflow: auto;
      font-size: $font-size-s;
      line-height: 22px;
      font-family: $font-family3;
      letter-spacing: 2px;
      padding: 4px 0;
    }

    .side-menu-link-2 {
      overflow: auto;
      margin-left: 20px;
      font-size: $font-size-xs;
      line-height: 20px;
      font-family: $font-family3;
    }

    .side-menu-link-3 {
      overflow: auto;
      margin-left: 40px;
      font-size: $font-size-xs;
      line-height: 20px;
      font-family: $font-family3;
    }

    .dark-title-4 {
      font-family: $font-family;
      font-size: $font-size-m;
    }
  }

  .synthesis-block .content-section {
    padding: 0 0 60px 0;
    text-align: justify;
    font-size: $font-size-m;
  }

  .synthesis-tree {
    padding-top: 60px;
  }

  .idea-synthesis-section {
    .content-section {
      padding: 0;
    }

    .title-section {
      margin: 0;
    }

    .section-title1 {
      font-size: 32px;
    }

    .section-title-2 {
      font-size: 26px;
    }

    .section-title-3 {
      font-size: 20px;
    }
  }
}

.create-synthesis-button {
  margin-bottom: 25px;
}

.synthesis-form {
  .content-section {
    margin-left: 70px;
  }

  .admin-box {
    margin: 20px 0;
    padding: 40px;
    border-radius: 3px;
  }

  .url-field > .form-group,
  .form-group > #title {
    width: 400px;
  }

  .button-container {
    display: flex;
    justify-content: space-around;
  }

  .action-button {
    margin-left: 20px;
  }
}

.synthesis-iframe {
  height: 1500px;
  width: 100%;
  border: none;
}
