::ng-deep .shareDocumentDialog {
  width: 100%;
  height: 100%;

  .mat-form-field {
    width: 100%;
    line-height: 1.5;
  }

  .mat-dialog-container {
    padding: 0;
  }

  .mat-checkbox-checked .mat-checkbox-background {
    background-color: var(--accent-color-bg) !important;
  }

  .mat-checkbox-indeterminate .mat-checkbox-background {
    background-color: black !important;
  }

  .policy-item .mat-select-value {
    display: flex;
    max-width: 150px;
    color: var(--color-gray-888);
  }

  .policy-item.policy-changed .mat-select-value {
    color: var(--default-color);
  }

  .policy-item .mat-select-arrow-wrapper {
    visibility: hidden;
  }

  .policy-item:hover .mat-select-arrow-wrapper {
    visibility: visible;
  }
}

.mat-button-icon {
  &.disabled-button {
    opacity: 0;
  }
}

.share-dialog-buttons {
  display: flex;
  justify-content: flex-end;
}

.close {
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
}

.form {
  display: grid;
  grid-template-rows: 50px 1fr 50px;
  height: 100%;

  .footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    background-color: var(--color-gray-eee);
    border-top: 1px solid var(--color-gray-aaa);

    .footer-button {
      height: 36px;
      margin-right: 20px;
    }

    .color-button {
      color: var(--menu-bg-color);
      background-color: var(--accent-color-bg);
    }

    .cancel-button {
      color: var(--accent-color-bg);
      background-color: var(--menu-bg-color);
      border: 1px solid var(--accent-color-bg);
    }
  }

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

    padding: 0 20px;

    font-size: 18px;
    line-height: 50px;

    background-color: var(--color-gray-eee);
    border-bottom: 1px solid var(--color-gray-aaa);
  }

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

    .title-share-dialog {
      margin: 15px 32px;
      padding: 15px 0 15px 27px;

      font-size: 14px;

      background-color: var(--theme-hack-bg2-color, #eff8fc);
      border-radius: 10px;
    }

    .share-tree {
      display: flex;
      flex-direction: column;
      flex-grow: 1;

      margin-top: 10px;
      margin-left: 35px;
    }

    .share-tree-item-wrap {
      flex-grow: 1;
    }

    .share-tree-item {
      display: grid;
      grid-template-columns: 1fr repeat(2, 170px);
      column-gap: 10px;
      margin-right: 30px;

      &.table-caption.add-margin {
        margin-right: 45px;
      }

      .share-tree-item__column {
        display: flex;
        align-items: center;

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

    .spinner-wrap {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;

      height: 100%;

      .spinner-title {
        font-size: 16px;
      }

      .spiner {
        width: 70%;
        margin-top: 30px;
      }
    }
  }
}