@charset "UTF-8";
#header-back-home a {
  color: var(--rz-base-900);
}
#header-back-home a:hover {
  text-decoration: none !important;
}
#header-back-home .rz-link-text {
  text-decoration: none !important;
}

.header-status {
  max-width: 600px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 0.25rem;
}

.ble-app {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: 100%;
}
.ble-app .rz-html-editor-content {
  background: none;
}
.ble-app .rz-splitter > .rz-splitter-bar {
  background: rgba(204, 204, 204, 0.2666666667);
  opacity: 1;
  width: 1px;
}
.ble-app .rz-splitter > .rz-splitter-bar .rz-collapse {
  background: #c0c0c0;
  height: 42px;
  display: block;
  width: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: all 0.2s ease-in-out;
}
.ble-app .rz-splitter > .rz-splitter-bar .rz-collapse:before {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.ble-app .rz-splitter > .rz-splitter-bar .rz-expand {
  background: #c0c0c0;
  height: 42px;
  display: block;
  width: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: all 0.2s ease-in-out;
}
.ble-app .rz-splitter > .rz-splitter-bar .rz-expand:before {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.ble-app .rz-splitter > .rz-splitter-bar:hover .rz-collapse {
  width: 16px;
  background-color: var(--rz-secondary);
  color: var(--rz-on-secondary);
}
.ble-app .rz-splitter > .rz-splitter-bar:hover .rz-collapse :before {
  opacity: 1;
}
.ble-app .rz-splitter > .rz-splitter-bar:hover .rz-collapse:before {
  opacity: 1;
}
.ble-app .rz-splitter > .rz-splitter-bar:hover .rz-expand {
  width: 16px;
  background-color: var(--rz-secondary);
  color: var(--rz-on-secondary);
}
.ble-app .rz-splitter > .rz-splitter-bar:hover .rz-expand :before {
  opacity: 1;
}
.ble-app .rz-splitter > .rz-splitter-bar:hover .rz-expand:before {
  opacity: 1;
}

.ble-toolbar {
  min-height: 1.5rem;
  width: 100%;
  height: 50px;
}

.ble-body {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: calc(100% - 50px);
}

.ble-body-scrollable {
  width: 100%;
  height: 100%;
  overflow: auto;
}

/*.ble-min-scrollbar-height::-webkit-scrollbar {
    height: 50px !important;
    width: 18px !important;
}*/
.ble-min-scrollbar-height::-webkit-scrollbar-thumb {
  min-height: var(--lup-scrollbar-vertical-min-width) !important;
  min-width: var(--lup-scrollbar-horizontal-min-width) !important;
}

.ble-tree-scrollable {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.ble-props-scrollable {
  width: 18%;
  overflow: auto;
  display: none;
}

.ble-tree {
  padding: 1rem;
  padding-top: 3rem;
  font-size: 0.8rem;
}
.ble-tree .ble-tree-item .ble-tree-item-in .rz-button {
  width: 100%;
  text-align: left;
}
.ble-tree .ble-tree-item .ble-tree-item-in .rz-button-box {
  align-items: start !important;
}
.ble-tree .ble-tree-item .ble-tree-item-in .ble-tree-symbol {
  min-width: 1.5rem;
  opacity: 0.4;
}
.ble-tree .ble-tree-item-section {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
  min-height: 1rem;
  outline: 1px dashed #ccc;
  outline-offset: 5px;
  /*border-radius: 2.5px;*/
  border-radius: 0px;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
.ble-tree .ble-tree-item-section .ble-tree-item-section {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.ble-tree .ble-tree-item-section .ble-tree-item-page {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.ble-tree .ble-tree-item-page {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
  min-height: 1rem;
  outline: 1px solid #ccc;
  outline-offset: 5px;
  /*border-radius: 2.5px;*/
  border-radius: 0px;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
.ble-tree .ble-tree-item-page .ble-tree-item-section {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.ble-tree .ble-tree-item-page .ble-tree-item-page {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.ble-props {
  font-size: 0.8rem;
  padding: 1rem;
  padding-top: 3rem;
}
.ble-props .empty {
  color: #ccc;
}
.ble-props .ble-fact-tabs {
  height: 100%;
}
.ble-props .ble-fact-tabs .rz-tabview-panel {
  padding: 0;
  padding-top: 0.5rem;
}
.ble-props .ble-fact-tabs .rz-tabview-nav li a {
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
}
.ble-props .ble-fact-tabs .rz-tabview-title {
  font-size: 0.8rem !important;
}
.ble-props .ble-fact-details {
  padding: 1rem;
}
.ble-props .ble-fact-details .p-name {
  font-size: 1rem;
  white-space: nowrap;
  white-space: pre; /* CSS 2.0 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3.0 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  word-wrap: break-word; /* IE 5+ */
}
.ble-props .ble-fact-details .p-prefix {
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre; /* CSS 2.0 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3.0 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  word-wrap: break-word; /* IE 5+ */
}
.ble-props .ble-fact-details ul {
  list-style: none;
  padding-inline-start: 0.5rem;
}
.ble-props .ble-fact-details ul li {
  white-space: nowrap;
  white-space: pre; /* CSS 2.0 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3.0 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  word-wrap: break-word; /* IE 5+ */
}
.ble-props .ble-fact-details li.limit-value {
  overflow: hidden;
  max-width: 75ch;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ble-props .ble-fact-details .p-label {
  padding: 1rem;
  margin-bottom: 1rem;
  background: #eee;
}
.ble-props .ble-fact-details .p-label p {
  margin-bottom: 0.1rem;
  white-space: nowrap;
  white-space: pre; /* CSS 2.0 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3.0 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  word-wrap: break-word; /* IE 5+ */
}
.ble-props .ble-fact-details h4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.ble-props .ble-fact-details .p-ref {
  padding: 1rem;
  margin-bottom: 1rem;
  background: #eee;
}
.ble-props .ble-fact-details .p-ref p {
  margin-bottom: 0.1rem;
  white-space: nowrap;
  white-space: pre; /* CSS 2.0 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3.0 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  word-wrap: break-word; /* IE 5+ */
}
.ble-props .ble-props-item .ble-props-item-in .rz-button {
  width: 100%;
  text-align: left;
}
.ble-props .ble-props-item .ble-props-item-in .rz-button-box {
  align-items: start !important;
  display: block;
}
.ble-props .ble-props-item .ble-props-item-in .ble-props-label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  word-wrap: break-word;
}

.ble-facts-list .rz-datalist-content {
  /*padding-bottom: 1rem;*/
}
.ble-facts-list .rz-datalist-data {
  padding: 0.15rem 0 0.15rem 0;
}
.ble-facts-list .rz-datalist-data > li {
  border: none;
  box-shadow: none;
  padding: 0.3rem 0.2rem 0.3rem 0.2rem;
  background: #eee;
}
.ble-facts-list .rz-datalist-data > li:hover {
  background: #e4e4e4;
  cursor: pointer;
}
.ble-facts-list .ble-fact-list-el {
  scroll-margin-top: 1rem;
  scroll-margin-bottom: 2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 100%;
  border-left: 0.3rem solid #eee;
}
.ble-facts-list .ble-fact-list-el .el-in {
  width: 100%;
}
.ble-facts-list .ble-fact-list-el .el-in p {
  margin-bottom: 0.1rem;
}
.ble-facts-list .ble-fact-list-el .el-in .p-h {
  font-size: 0.9rem;
  font-weight: bold;
}
.ble-facts-list .ble-fact-list-el .el-in .p-name {
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre; /* CSS 2.0 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3.0 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  word-wrap: break-word; /* IE 5+ */
}
.ble-facts-list .ble-fact-list-el .el-in .p-id {
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ble-facts-list .ble-fact-list-el-edit {
  display: flex;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
}
.ble-facts-list .ble-fact-list-el-edit .el-in {
  flex-basis: content;
  max-width: 80%;
}
.ble-facts-list .ble-fact-list-el-edit .el-btns {
  flex-basis: content;
  max-width: 20%;
}
.ble-facts-list .fact-selected {
  border-left: 0.3rem solid #0085e6;
}

.ble-btn-edit-pure {
  padding: 0;
  min-height: 1rem;
  min-width: 1rem;
  font-size: 1.1rem;
  line-height: 1.1rem;
}
.ble-btn-edit-pure .rzi {
  font-size: 1.2rem;
  line-height: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
}

.ble-btn-edit-pure:hover {
  background: none !important;
}

.ble-editor {
  margin: 0 auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
  max-width: 70rem;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
  border: var(--rz-grid-cell-border);
  /*border-radius: 8px;*/
  border-radius: 0px;
  background-color: var(--rz-grid-background-color);
  padding: 3rem;
  overflow: hidden;
  /*.ble-page {
      margin-top: 3rem;
      margin-bottom: 3rem;
      margin-right: 3rem;
      margin-left: 3rem;
      width: 100%;
      box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
      border: var(--rz-grid-cell-border);
      border-radius: 8px;
      background-color: var(--rz-grid-background-color);
      padding: 3rem;
      overflow: hidden;
  }

  .ble-page-a4 {
      width: 42rem;
      height: 60rem;
  }

  .ble-page-a4h {
      width: 60rem;
      height: 42rem;
  }*/
  /*.ble-item:hover {
      .ble-item-tools {
          display: block;
      }
  }*/
}
.ble-editor .ble-editor-canvas .ble-editor-canvas-trap {
  width: 100%;
  height: 15rem;
}
.ble-editor .ble-item {
  padding-left: 3rem;
  position: relative;
  scroll-margin-top: 3rem;
  /* TODO: proba pod hover

  padding-top: 0.2rem;
  padding-bottom: 0.2rem;

  */
}
.ble-editor .ble-item-shared {
  padding-left: 1rem;
}
.ble-editor .ble-item:hover {
  /*outline: 1px dotted #eee;
  outline-offset: 0.5rem;*/
}
.ble-editor .ble-item:hover .ble-item-content {
  /*background: #eee;*/
}
.ble-editor .ble-item-tools {
  width: fit-content;
  position: absolute;
  z-index: 100;
  display: none;
  /*margin-left: -66px;*/
  margin-left: -43px;
  margin-top: 0px;
  font-size: 0;
}
.ble-editor .ble-item-tools .rz-button {
  display: inline-block;
  border-radius: 0;
}
.ble-editor .ble-item-tools .rz-button-icon-only {
  padding: 0.2rem !important;
  min-height: 1.25rem !important;
  min-width: 1.25rem !important;
}
.ble-editor .ble-item-tools .rz-button-md {
  padding: 0.2rem 0.1rem 0.2rem 0.1rem;
  min-height: 1.25rem !important;
  min-width: 1.25rem !important;
}
.ble-editor .ble-item-tools .ble-el-move {
  background: var(--base-100);
  width: 0.4rem;
  padding-left: 0rem;
  padding-right: 0rem;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  min-width: 1.1rem !important;
}
.ble-editor .ble-item-tools .ble-el-move .rzi {
  width: 0.5rem;
}
.ble-editor .ble-item-tools .ble-el-add {
  background: var(--info-100);
}
.ble-editor .ble-item-tools .ble-el-add:hover {
  background: var(--info-200) !important;
}
.ble-editor .ble-item-tools .ble-el-tools {
  background: var(--info-100);
  min-width: 1.2rem !important;
  padding-left: 0rem;
  padding-right: 0rem;
}
.ble-editor .ble-item-tools .ble-el-tools:hover {
  background: var(--info-200) !important;
}
.ble-editor .ble-item-dr-top {
  position: absolute;
  z-index: 101;
  top: -2.3rem;
}
.ble-editor .ble-item-dr-top .rz-badge {
  background: var(--base-200) !important;
  color: var(--base-700) !important;
}
.ble-editor .ble-item-tools-top-dr {
  position: absolute;
  z-index: 101;
  top: -1.9rem;
  display: none;
}
.ble-editor .ble-item-tools-top-dr .ble-el-add {
  background: var(--info-100);
}
.ble-editor .ble-item-tools-top-dr .ble-el-add:hover {
  background: var(--info-200) !important;
}
.ble-editor .ble-item-tools-top, .ble-editor .ble-item-tools-bottom, .ble-editor .ble-item-tools-center {
  position: absolute;
  z-index: 101;
  top: -1rem;
  width: 100%;
  text-align: center;
  display: none;
  height: 1.2rem;
  align-items: center;
  justify-content: center;
}
.ble-editor .ble-item-tools-top span, .ble-editor .ble-item-tools-bottom span, .ble-editor .ble-item-tools-center span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.ble-editor .ble-item-tools-top .ble-el-add, .ble-editor .ble-item-tools-bottom .ble-el-add, .ble-editor .ble-item-tools-center .ble-el-add {
  transition: all 0.2s ease-in-out;
  background: var(--info-100);
  padding: 0;
  width: 0.8rem;
  height: 0.8rem;
  min-width: 0.1rem;
  min-height: 0.1rem;
  line-height: 0;
  display: block;
}
.ble-editor .ble-item-tools-top .ble-el-add .rz-button-box .rzi, .ble-editor .ble-item-tools-bottom .ble-el-add .rz-button-box .rzi, .ble-editor .ble-item-tools-center .ble-el-add .rz-button-box .rzi {
  transition: all 0.2s ease-in-out;
  font-size: 0rem;
  height: 0rem;
  line-height: 0rem;
  width: 0rem;
}
.ble-editor .ble-item-tools-top .ble-el-add:hover, .ble-editor .ble-item-tools-bottom .ble-el-add:hover, .ble-editor .ble-item-tools-center .ble-el-add:hover {
  background: var(--info-200) !important;
  width: 1.2rem;
  height: 1.2rem;
}
.ble-editor .ble-item-tools-top .ble-el-add:hover .rz-button-box .rzi, .ble-editor .ble-item-tools-bottom .ble-el-add:hover .rz-button-box .rzi, .ble-editor .ble-item-tools-center .ble-el-add:hover .rz-button-box .rzi {
  font-size: 1rem;
  height: 1rem;
  line-height: 1rem;
  width: 1rem;
}
.ble-editor .ble-item-tools-bottom {
  top: auto;
  bottom: -1rem;
  display: none;
}
.ble-editor .ble-item-tools-center {
  top: 1.35rem;
  bottom: auto;
  display: none;
}
.ble-editor .ble-item-users {
  width: fit-content;
  position: absolute;
  z-index: 99;
  margin-left: -95px;
  margin-top: -2px;
}
.ble-editor .ble-item-users span {
  margin-right: 2px;
  display: inline-block;
  width: 2px;
  min-height: 25px;
  border-left: 4px solid #fff;
}
.ble-editor .ble-item-h .ble-item-tools {
  margin-top: 2px;
}
.ble-editor .ble-item-h .ble-item-users {
  margin-top: 2px;
}
.ble-editor .ble-item-h1 .ble-item-tools {
  margin-top: 5px;
}
.ble-editor .ble-item-h1 .ble-item-users {
  margin-top: 5px;
}
.ble-editor .ble-item-h3 .ble-item-tools {
  margin-top: -3px;
}
.ble-editor .ble-item-h3 .ble-item-users {
  margin-top: -3px;
}
.ble-editor .ble-item-h4 .ble-item-tools {
  margin-top: -4px;
}
.ble-editor .ble-item-h4 .ble-item-users {
  margin-top: -4px;
}
.ble-editor .ble-item-h5 .ble-item-tools {
  margin-top: -5px;
}
.ble-editor .ble-item-h5 .ble-item-users {
  margin-top: -5px;
}
.ble-editor .ble-item-h6 .ble-item-tools {
  margin-top: -6px;
}
.ble-editor .ble-item-h6 .ble-item-users {
  margin-top: -6px;
}
.ble-editor .ble-item-page-break .ble-item-tools {
  margin-top: 8px;
}
.ble-editor .ble-item-page-break .ble-item-users {
  margin-top: 8px;
}
.ble-editor .ble-item-page-ho .elPage {
  width: 75rem;
  height: 54rem;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.ble-editor .ble-item-page-ve .elPage {
  width: 54rem;
  height: 75rem;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.ble-editor .ble-item:not(:has(.ble-item:hover)):hover {
  /* TODO: proba pod hover

  background: #eee;

  .rz-html-editor-content {
      background: #eee;
  }

  */
}
.ble-editor .ble-item:not(:has(.ble-item:hover)):hover .ble-item-content {
  background: rgba(0, 0, 0, 0.0509803922);
  outline: solid 6px rgba(0, 0, 0, 0.0509803922);
  /*border-radius: 3px;*/
  border-radius: 0px;
}
.ble-editor .ble-item:not(:has(.ble-item:hover)):hover .ble-item-tools {
  display: block;
}
.ble-editor .ble-item:not(:has(.ble-item:hover)):hover .ble-item-tools-top-dr {
  display: block;
}
.ble-editor .ble-item:not(:has(.ble-item:hover)):hover .ble-item-tools-top, .ble-editor .ble-item:not(:has(.ble-item:hover)):hover .ble-item-tools-bottom, .ble-editor .ble-item:not(:has(.ble-item:hover)):hover .ble-item-tools-center {
  display: flex;
}
.ble-editor .ble-item:not(:has(.ble-item:hover)):hover .ble-item .ble-item-content {
  background: none;
  outline: none;
}
.ble-editor .ble-item:not(:has(.ble-item:hover)):hover .ble-item .ble-item-tools {
  display: none;
}
.ble-editor .ble-item:not(:has(.ble-item:hover)):hover .ble-item .ble-item-tools-top-dr {
  display: none;
}
.ble-editor .ble-item:not(:has(.ble-item:hover)):hover .ble-item .ble-item-tools-top, .ble-editor .ble-item:not(:has(.ble-item:hover)):hover .ble-item .ble-item-tools-bottom, .ble-editor .ble-item:not(:has(.ble-item:hover)):hover .ble-item .ble-item-tools-center {
  display: none;
}
.ble-editor .sortable-fallback {
  opacity: 1 !important;
}
.ble-editor .sortable-chosen .ble-item-tools {
  display: none;
}
.ble-editor .sortable-chosen .ble-item-dr-top {
  display: none;
}
.ble-editor .sortable-drag .ble-item-tools {
  display: none;
}
.ble-editor .sortable-ghost {
  visibility: hidden;
}
.ble-editor .sortable-ghost .ble-item-tools {
  display: block;
}
.ble-editor .ble-add-tools {
  display: none;
  position: absolute;
  z-index: 100;
}
.ble-editor [contenteditable] {
  outline: 0px solid transparent;
}
.ble-editor .rz-html-editor {
  border: none;
  overflow: visible;
}
.ble-editor .emptyHolder {
  width: 100%;
  padding: 2rem;
  text-align: center;
  border: 1px solid #ccc;
  color: #ccc;
  margin: 1rem 0 1rem 0;
  /*border-radius: 10px;*/
  border-radius: 0px;
}
.ble-editor .emptyHolder p {
  margin: 0;
}
.ble-editor .emptyHolder img.lup-svg {
  filter: opacity(0.3);
}
.ble-editor .elSection {
  margin-top: 2rem;
  margin-bottom: 2rem;
  outline: 1px solid #efefef;
  outline-offset: 8px;
  /*border-radius: 8px;*/
  border-radius: 0px;
}
.ble-editor .elSection .elSection-sortable {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ble-editor .elSectionDRs {
  margin-top: 4rem;
}
.ble-editor .elSection:not(:has(.ble-item)) .elSection-sortable {
  min-height: 4rem;
}
.ble-editor .elSection {
  /*.ble-item {
      padding-left: 2.5rem;

      .ble-item-tools {
          margin-left: -35px;
      }

      .ble-item-tools-add {
          display: none;
      }
  }*/
}
.ble-editor .elSection .elSection {
  margin-right: 1rem;
}
.ble-editor .elParagraph .rz-html-editor [contenteditable]:empty:before {
  content: "Wprowadź tekst";
  pointer-events: none;
  color: #ccc;
  font-weight: normal;
  display: inline-block; /* For Firefox */
}
.ble-editor .elHeading .rz-html-editor [contenteditable]:empty:before {
  content: "Wprowadź tekst";
  pointer-events: none;
  color: #ccc;
  font-weight: normal;
  display: inline-block; /* For Firefox */
}
.ble-editor .elPageBreak {
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  text-align: center;
  padding-top: 0px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.ble-editor .elPageBreak span {
  display: block;
  font-size: 14px;
  color: #ccc;
  padding: 10px 20px 10px 20px;
  margin: 0 auto;
  width: fit-content;
}
.ble-editor .elSectionStart {
  border-bottom: 1px solid #ccc;
  text-align: center;
  padding-top: 0px;
  margin-bottom: 2rem;
}
.ble-editor .elSectionStart span {
  display: block;
  font-size: 14px;
  color: #ccc;
  background: #fff;
  padding: 10px 20px 10px 20px;
  margin: 0 auto;
  margin-bottom: -20px;
  width: fit-content;
}
.ble-editor .elSectionEnd {
  border-bottom: 1px solid #ccc;
  text-align: center;
  padding-top: 0px;
  margin-bottom: 2rem;
}
.ble-editor .elSectionEnd span {
  display: block;
  font-size: 14px;
  color: #ccc;
  background: #fff;
  padding: 10px 20px 10px 20px;
  margin: 0 auto;
  margin-bottom: -20px;
  width: fit-content;
}
.ble-editor .elToc ul {
  list-style: none;
  padding-left: 0px;
}
.ble-editor .elToc ul li {
  margin-bottom: 0.5rem;
}
.ble-editor .elToc ul li.toc-h1 {
  padding-left: 5px;
}
.ble-editor .elToc ul li.toc-h2 {
  padding-left: 15px;
}
.ble-editor .elToc ul li.toc-h3 {
  padding-left: 25px;
}
.ble-editor .elToc ul li.toc-h4 {
  padding-left: 35px;
}
.ble-editor .elToc ul li.toc-h5 {
  padding-left: 45px;
}
.ble-editor .elToc ul li.toc-h6 {
  padding-left: 55px;
}
.ble-editor .elToc ul li.toc-empty {
  color: #ccc;
}
.ble-editor .elImage {
  margin-bottom: 2rem;
}
.ble-editor .elSpreadsheet {
  margin-bottom: 1.2rem;
}
.ble-editor .elList {
  margin-bottom: 1.2rem;
}
.ble-editor .elList ul, .ble-editor .elList ol {
  margin-bottom: 0;
}
.ble-editor .elSharedText {
  margin-bottom: 2rem;
  border-left: 2px solid #ccc;
  padding-left: 9px;
  margin-left: -9px;
}
.ble-editor .elDynamicData {
  margin-bottom: 2rem;
  border-left: 2px solid #ccc;
  padding-left: 9px;
  margin-left: -9px;
}
.ble-editor .elDynamicData table {
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
  white-space: nowrap;
  empty-cells: show;
  border: 0;
  background-color: #fff;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.ble-editor .elDynamicData table tr:first-of-type {
  white-space: break-spaces;
}
.ble-editor .elDynamicData table thead tr td {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background-color: #f3f3f3;
  padding: 2px;
  box-sizing: border-box;
  overflow: hidden;
  top: 0;
  z-index: 2;
  font-size: 0.9rem;
}
.ble-editor .elDynamicData table tbody tr td {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding: 4px;
  white-space: break-spaces;
  box-sizing: border-box;
  line-height: 1em;
  width: 4rem;
  height: 2rem;
  overflow: hidden;
  font-size: 0.9rem;
}
.ble-editor .elSpreadsheet table {
  border-collapse: separate;
  table-layout: fixed;
  white-space: nowrap;
  empty-cells: show;
  border: 0;
  background-color: #fff;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
  width: 100%;
}
.ble-editor .elSpreadsheet table td, .ble-editor .elSpreadsheet table .elSpreadCorner {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
.ble-editor .elSpreadsheet table tr:first-of-type td {
  white-space: break-spaces;
}
.ble-editor .elSpreadsheet .elSpreadsheetContent {
  display: inline-block;
  padding-right: 2px;
  box-sizing: border-box;
  overscroll-behavior: contain;
  outline: 0;
}
.ble-editor .elSpreadsheet thead tr td {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background-color: #f3f3f3;
  padding: 2px;
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  font-size: 0.9rem;
}
.ble-editor .elSpreadsheet tbody tr td {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding: 4px;
  white-space: break-spaces;
  box-sizing: border-box;
  line-height: 1em;
  width: 4rem;
  height: 2rem;
  font-size: 0.9rem;
}
.ble-editor .elSpreadsheet .cell-highlight {
  background-color: #eee;
}
.ble-editor .elSpreadsheet .cell-highlight-top {
  border-top: 1px solid #000;
}
.ble-editor .elSpreadsheet .cell-highlight-bottom {
  border-bottom: 1px solid #000;
}
.ble-editor .elSpreadsheet .cell-highlight-left {
  border-left: 1px solid #000;
}
.ble-editor .elSpreadsheet .cell-highlight-right {
  border-right: 1px solid #000;
}
.ble-editor .elSpreadsheet .cell-for-edit {
  background-color: rgba(0, 0, 0, 0);
}
.ble-editor .rz-html-editor:focus-within {
  outline: none;
}
.ble-editor .rz-html-editor-content {
  padding: 0;
  overflow: visible;
}
.ble-editor .tempCursor {
  display: inline-block;
  width: 1px;
  height: 20px;
  background: #f00;
}
.ble-editor .ble-usr-cursor {
  white-space: normal;
  pointer-events: none;
  position: absolute;
  margin-left: 0px;
  margin-right: 0px;
  outline: 1px solid #a7f3d0;
  overflow-wrap: normal;
  word-break: normal;
  z-index: 666;
  display: inline;
  width: 0px;
  height: 20px;
}
.ble-editor .ble-usr-cursor .ble-user-label {
  position: absolute;
  left: -1px;
  top: -18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  border-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0.1rem 0.3rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  color: #000;
  background-color: #a7f3d0;
  z-index: 668;
}

.ble-main-editor {
  border: 1px solid #eee;
}
.ble-main-editor .rz-html-editor {
  border: none;
  overflow: visible;
}
.ble-main-editor .rz-html-editor:focus-within {
  outline: none;
}
.ble-main-editor .rz-html-editor-content {
  padding: 0;
  overflow: visible;
  padding: 4px 7px 4px 7px;
}

.ble-top-toolbar {
  padding: 0.2rem 0.5rem 0.2rem 0.5rem;
  position: relative;
  box-shadow: var(--rz-grid-shadow);
  border: var(--rz-grid-cell-border);
  border-radius: var(--rz-grid-border-radius);
  background-color: var(--rz-grid-background-color);
  background-color: var(--rz-grid-header-background-color);
  border-bottom: var(--rz-grid-header-cell-border-bottom);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ble-top-toolbar .proj-usr {
  margin-right: 0.2rem;
}
.ble-top-toolbar .proj-usr .rzi {
  margin-top: 0.4rem;
  margin-bottom: -0.2rem;
}
.ble-top-toolbar .rz-label {
  font-size: 0.85rem;
}

.ble-editor-hide-sections .ble-item-section {
  padding-left: 0;
  pointer-events: none;
}
.ble-editor-hide-sections .ble-item-section .ble-item:not(.ble-item-section) {
  pointer-events: auto;
}
.ble-editor-hide-sections .ble-item-section .elSection {
  margin-top: 0;
  margin-bottom: 0;
  outline: none;
  /*border-radius: 8px;*/
  border-radius: 0px;
  margin-right: 0;
}
.ble-editor-hide-sections .ble-item-section .elSection .elSection-sortable {
  padding-top: 0;
  padding-bottom: 0;
}
.ble-editor-hide-sections .ble-item-section .ble-item-dr-top {
  padding-left: 3rem;
}
.ble-editor-hide-sections .ble-item-section .ble-item-dr-top .ble-btn-edit-pure {
  display: none;
}
.ble-editor-hide-sections .ble-item-section .elSectionDRs {
  margin-top: 4rem;
}

.ble-ix-el {
  outline: dashed 1px #fbb12c;
  outline-offset: 2px;
  scroll-margin-top: 3rem;
}

.ble-ix-el:hover {
  outline: dashed 1px #f00;
  outline-offset: 2px;
}

.ble-ix-el-selected {
  outline: solid 2px #0094ff;
  outline-offset: 2px;
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 3.5rem;
  top: 0.5rem;
}

.blazor-error-boundary {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
  padding: 1rem 1rem 1rem 3.7rem;
  color: white;
}

.blazor-error-boundary::after {
  content: "An error has occurred.";
}

.sh-el-usage {
  padding-left: 16px;
  margin-bottom: 0;
}

.elParagraph .rz-html-editor-content p:last-of-type {
  margin-bottom: 0;
}

.ble-contextmenu-scroll {
  background: var(--rz-menu-background-color);
  border-radius: 8px;
  padding: 1.25rem;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}
.ble-contextmenu-scroll .ble-contextmenu-inner {
  max-height: 300px;
  overflow-y: scroll;
}
.ble-contextmenu-scroll .rz-menu {
  box-shadow: none;
}
.ble-contextmenu-scroll .rz-navigation-item-link {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem !important;
}
.ble-contextmenu-scroll .ble-txt-search {
  width: 100%;
  margin-bottom: 0.75rem;
}
.ble-contextmenu-scroll .separator {
  border-top: 1px dashed #ccc;
  height: 1px;
  margin-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.ble-contextmenu-scroll .empty-element {
  color: #ccc;
}
.ble-contextmenu-scroll h5 {
  margin-top: 10px;
}

.ble-app-resp .ble-editor {
  max-width: 100%;
  margin-left: 3rem;
  margin-right: 3rem;
}

.ble-app-pages .ble-editor {
  box-shadow: none;
  border: none;
  /*border-radius: 8px;*/
  border-radius: 0;
  background-color: transparent;
  padding: 0;
  overflow: visible;
}
.ble-app-pages .elPage {
  margin-top: 3rem;
  margin-bottom: 3rem;
  width: 100%;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
  border: var(--rz-grid-cell-border);
  /*border-radius: 8px;*/
  border-radius: 0px;
  background-color: var(--rz-grid-background-color);
  padding: 3rem;
  overflow: hidden;
}
.ble-app-pages .elPage .elSection-sortable {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ble-app-pages .elPage-a4 {
  width: 42rem;
  height: 60rem;
}
.ble-app-pages .elPage-a4h {
  width: 60rem;
  height: 42rem;
}