.qmsckeditor__flowchart__container {

  ::ng-deep .mat-mdc-dialog-content {
    padding: 0 0;
  }

  .flowchart__editor {
    width: 100%;
    height: 600px;
  }

  #contentpanel {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  #paperpanel {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 540px;
    width: 60%;
    overflow-y: auto;

    .paper-container {
      overflow-y: auto;
      width: 100%;
      height: 100%;
    }
  }

  #stencilpanel {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 540px;
    width: 20%;
  }

  #rightpanel {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
    height: 540px;

    #inspectorpanel {
      overflow-y: auto;
      width: 100%;
      height: 80%;

      ::ng-deep .joint-inspector {
        position: relative;
        overflow: auto;
      }
    }

    #navigatorpanel {
      width: 100%;
      height: 20%;
    }
  }

  #themepicker {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

::ng-deep .joint-element .scalable .card {
  --bs-card-spacer-y: unset;
  --bs-card-spacer-x: unset;
  --bs-card-title-spacer-y: unset;
  --bs-card-border-width: unset;
  --bs-card-border-color: unset;
  --bs-card-border-radius: unset;
  --bs-card-box-shadow: unset;
  --bs-card-inner-border-radius: unset;
  --bs-card-cap-padding-y: unset;
  --bs-card-cap-padding-x: unset;
  --bs-card-cap-bg: unset;
  --bs-card-cap-color: unset;
  --bs-card-height: unset;
  --bs-card-color: unset;
  --bs-card-bg: unset;
  --bs-card-img-overlay-padding: unset;
  --bs-card-group-margin: unset;
  height: 60px;
}

::ng-deep .stencil-paper-drag {
  z-index: 10000;
}