.document-copy-dialog__body {
  display: flex;
  flex-direction: column;

  width: 46vw;
  min-width: 600px;
  min-height: 60vh;

  .cmf-dialog__content {
    display: flex;
    flex: 1;
    flex-direction: column;
  }

  .cmf-dialog__header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    p {
      margin: 0;
    }
  }

  .cmf-dialog__footer {
    gap: 10px;
  }

  .field {
    display: flex;
    flex-direction: column;

    &:not(:last-child) {
      margin-bottom: 10px;
    }

    &.field-checkbox {
      flex-direction: row;
      margin-top: 10px;
    }

    .field__label {
      color: var(--card-info-font-color);
    }

    .select,
    .input {
      position: relative;

      margin-top: 5px;
      padding: 0 10px;

      line-height: inherit;

      border: 1px solid var(--color-gray-aaa);
      border-radius: 4px;
    }

    .checkbox {
      display: flex;
      margin-right: 10px;
    }

    .input-wrapp {
      display: flex;
      flex: 1;
      flex-flow: row wrap;

      padding: 3px 8px;

      appearance: none;
      background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2218px%22%20height%3D%2218px%22%20style%3D%22display%3A%20block%3B%2F*%20height%3A%2024px%3B%20*%2F%2F*%20width%3A%2024px%3B%20*%2Fmin-height%3A%2024px%3B%22%3E%3Cpath%20fill%3D%22%23202020%22%20d%3D%22M8.292%2010.293a1.009%201.009%200%20000%201.419l2.939%202.965c.218.215.5.322.779.322s.556-.107.769-.322l2.93-2.955a1.01%201.01%200%20000-1.419.987.987%200%2000-1.406%200l-2.298%202.317-2.307-2.327a.99.99%200%2000-1.406%200z%22%20stroke%3D%22none%22%20stroke-width%3D%221px%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
      background-repeat: no-repeat;
      background-position:
        right 0.2em top 50%,
        0 0;
      border: 1px solid #c5c5c5;
      border-radius: 3px;

      .input {
        cursor: pointer;
        width: 100%;
        margin-top: 0;
      }

      .autoinput {
        user-select: none;
        flex: 1;
        background: transparent;
        border: none;

        &:focus-visible {
          outline: none;
        }
      }

      .mat-button-icon {
        cursor: pointer;

        position: absolute;
        right: 15px;
        bottom: 0;

        display: flex;
        align-items: center;

        height: 100%;

        .chevron-down {
          $height: 5px;
          $color: var(--icon-primary-color);

          width: 0;
          height: 0;
          margin-top: $height;

          border-color: $color transparent transparent transparent;
          border-style: solid;
          border-width: $height;
        }
      }
    }
  }

  .form-btn {
    min-width: 135px;
  }

  .grid {
    display: grid;
    grid-template-columns: 35% 1fr;
    flex: 1;

    .left {
      position: relative;
      padding-right: 38px;
      line-height: var(--default-line-height);

      &::after {
        content: '';

        position: absolute;
        top: 0;
        right: 0;

        display: block;

        width: 1px;
        height: 75%;

        opacity: 0.5;
        background-color: var(--color-gray-aaa);
      }

      .description {
        margin-bottom: 15px;
      }

      .input {
        line-height: 34px;

        &:focus {
          border-color: var(--accent-color-bg);
        }
      }
    }

    .right {
      display: flex;
      flex-direction: column;
      padding-left: 38px;

      .right__titel {
        line-height: var(--default-line-height);
      }
    }

    .field {
      display: flex;
      flex-direction: column;
    }
  }

  .copy-tree {
    flex-grow: 1;
    margin-top: 10px;

    .copy-tree-item {
      display: flex;
      align-items: center;
      height: 30px;

      &.current {
        padding-left: 30px;
      }

      &.inner {
        padding-left: 60px;
      }

      .copy-tree-item-node {
        display: flex;
        align-items: center;

        .mat-button-icon {
          .mat-icon-arrow {
            display: flex;
          }
        }

        .item-name-text {
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;

          -webkit-line-clamp: 1;
        }
      }
    }
  }
}

@media screen and (width <= 1590px) {
  .document-copy-dialog__body {
    width: 50vw;
  }
}

:host ::ng-deep .document-copy-dialog__body {
  .mat-stepper-horizontal,
  .mat-horizontal-content-container,
  .form {
    display: flex;
    flex: 1;
    flex-direction: column;
  }

  .mat-horizontal-stepper-header-container {
    display: none;
  }

  .mat-horizontal-content-container {
    padding: 0;
  }

  .mat-horizontal-stepper-content {
    display: flex;
    flex-direction: column;

    &[aria-expanded='true'] {
      flex: 1;
    }
  }
}

::ng-deep .doc-copy-dialog_autocomplite {
  position: initial !important;
}

.recursive-checkbox-row {
  display: flex;
  align-items: center;
}