@charset "UTF-8";
body {
  background-color: #f1f6ff;
}

header {
  box-shadow: unset !important;
  border-bottom: unset !important;
  padding-top: 8px;
}
header .bf-nav {
  align-items: center;
}
header .bf-nav .nav-items {
  width: 100%;
  flex: 1;
}
header .bf-nav .nav-items.invisible {
  width: 0px;
  overflow: hidden;
  flex: unset;
}
header .bf-nav .nav-items > .item {
  flex: 1;
  justify-items: center;
  align-items: center;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
}
header .bf-nav .nav-items > .item .bf-row {
  display: inline-flex;
}
header .bf-nav .nav-items > .item:hover ~ .item.active::before {
  display: none;
}
header .bf-nav .nav-items > .item:hover, header .bf-nav .nav-items > .item.active {
  background-color: #f1f6ff;
  position: relative;
  font-weight: bold;
}
header .bf-nav .nav-items > .item:hover ~ .item:hover::before, header .bf-nav .nav-items > .item.active ~ .item:hover::before {
  display: none;
}
header .bf-nav .nav-items > .item:hover::before, header .bf-nav .nav-items > .item:hover::after, header .bf-nav .nav-items > .item.active::before, header .bf-nav .nav-items > .item.active::after {
  content: "";
  position: absolute;
  background-color: unset;
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  bottom: 0px;
  background-repeat: no-repeat;
  right: unset !important;
  border-radius: unset !important;
}
header .bf-nav .nav-items > .item:hover::before, header .bf-nav .nav-items > .item.active::before {
  left: -20px;
  background-image: url(../media/nav-items-left-corner.svg);
}
header .bf-nav .nav-items > .item:hover::after, header .bf-nav .nav-items > .item.active::after {
  left: 100%;
  background-image: url(../media/nav-items-right-corner.svg);
}

.int-search {
  max-width: 38px;
}
.int-search:hover, .int-search:active {
  max-width: 140px;
}

.bf-fixed {
  z-index: 300;
}

.bf-grid-xss {
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

.bf-sticky-bottom {
  z-index: 20;
}

.bf-input .input-label.input-textarea {
  width: 100%;
  max-width: 100%;
}

.show-orgheader.active {
  transform: rotate(180deg);
}

.bkg-homepage {
  background: linear-gradient(225.31deg, rgba(164, 255, 92, 0.096) 13.59%, rgba(255, 201, 171, 0.108) 82.83%), linear-gradient(135.96deg, #D8FFF7 -12.31%, #FAFBFF 100%);
}

.no-padding-mainviewport .main-viewport {
  padding: 0px !important;
}

.detail-place {
  background-color: #FFF;
  height: 100%;
  width: 0px;
  max-width: 600px;
  border-radius: 8px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.detail-place.active {
  width: 25vw;
  overflow-y: auto;
}

.panel-right {
  width: 25vw;
  max-width: 350px;
  z-index: 9000;
  background-color: #f1f6ff !important;
  border-right: unset !important;
}
.panel-right.active {
  max-width: 84px;
}
.panel-right.active .toggle-view {
  max-width: 0px;
  overflow: hidden;
}
.panel-right.active .toggle-gap {
  gap: 0px !important;
}
.panel-right .toggle-view {
  max-width: 350px;
  white-space: nowrap;
}
.panel-right .toggle-gap {
  flex-wrap: nowrap !important;
}

.sub-inheight {
  height: calc(100vh - 61px);
}

.section {
  height: 70vh;
  max-height: 800px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.section.active, .section:hover {
  overflow-y: scroll;
  overflow-x: visible;
}

.full-screen {
  min-height: calc(100vh - 89px);
  box-sizing: border-box;
}

.block-padding .full-screen {
  min-height: calc(100vh - 180px);
  box-sizing: border-box;
}

.icon-hover {
  color: #b1b1b1;
}
.icon-hover:hover, .icon-hover.active {
  color: #0235EA;
}

.sub-window {
  position: fixed;
  z-index: 200;
  top: -100%;
  background-color: #f1f6ff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
  overflow-y: auto;
  width: 100vw;
  bottom: 0px;
  height: calc(100vh - 61px);
}
.sub-window.active {
  top: 60px;
  box-shadow: 0px 0px 0px transparent;
}
.sub-window.active ~ .subwindow-close {
  opacity: 1;
  z-index: 200;
  position: fixed;
}
.sub-window.active .subwindow-content {
  background-color: #FFF;
  border-radius: 12px;
  margin: 12px;
  margin-left: 0px;
}
.sub-window ~ .subwindow-close {
  opacity: 0;
  z-index: -1;
  position: fixed;
  left: 12px;
  bottom: 12px;
  position: fixed;
  right: auto;
  border-radius: 100%;
  bottom: 12px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.5);
  background-color: #1e57ff;
  color: #FFF;
  height: 64px;
  width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-window ~ .subwindow-close .bf-pad-xxl {
  padding: 0px !important;
}

.capacity-bar {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  height: 4px;
}
.capacity-bar .capacity-rest {
  background-color: #338fff;
  border-radius: 8px;
  height: 4px;
}

.list-api .file-items {
  background-color: #fffaf4 !important;
  position: relative;
}
.list-api .ext-item {
  text-align: center;
}

.picked-target {
  box-shadow: 0px 0px 0px 2px #FFB039;
}

.block-padding {
  padding: 40px;
}
.block-padding > .full-screen {
  min-height: calc(100vh - 180px);
}

table .three {
  min-width: 50%;
}
table .two {
  min-width: 30%;
}
table .one {
  min-width: 20%;
}

.scroll-x {
  transition-duration: 0s;
}

.status.active::before {
  content: "Ĥ";
  color: #000;
}
.status.unactive::before {
  content: "ĥ";
  color: #b1b1b1;
}
.status::before {
  content: "Ĥ";
  color: #000;
}

.gap-x {
  gap: 0px !important;
}

.bf-card {
  min-width: unset !important;
  border: unset;
}

.editor-form pre:hover::before, .editor-form pre:active::before, .editor-form .editor-area table:hover::before, .editor-form .editor-area table:active::before, .editor-form .editor-area p:hover::before, .editor-form .editor-area p:active::before {
  box-sizing: border-box;
  padding: 0px 4px;
  font-size: 13px;
  text-align: center;
  position: absolute;
}

.editor-form {
  position: relative;
}
.editor-form .editor-action {
  max-height: 0px;
  padding: 0px !important;
  overflow: hidden;
  border-bottom-color: transparent;
}
.editor-form .editor-action.active {
  max-height: 80px;
  padding: 4px !important;
  overflow: visible;
  border-bottom-color: rgba(0, 0, 0, 0.05);
}
.editor-form .editor-toolbar * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.editor-form .editor-area {
  height: 280px;
  flex: unset !important;
  overflow: hidden;
  transition-duration: 0.3s;
  box-sizing: border-box;
  transition-duration: 0.3s;
  background: #FFF !important;
  display: block !important;
  padding-top: 12px;
  padding-bottom: 12px;
}
.editor-form .editor-area:hover, .editor-form .editor-area.active {
  height: calc(92vh - 156px);
  overflow-y: auto;
  background-color: #FFF !important;
}
.editor-form .editor-area hr {
  background-color: #000;
}
.editor-form .editor-area p {
  position: relative;
}
.editor-form .editor-area p:hover::before, .editor-form .editor-area p:active::before {
  content: "P";
  left: -24px;
  width: 24px;
  background-color: #FFB039;
}
.editor-form .editor-area u {
  background-color: antiquewhite;
  border-radius: 4px;
  padding: 0px 4px;
  box-shadow: 0px 1px 0px #d89e50;
  text-decoration: none;
}
.editor-form .editor-area .table-item {
  position: relative;
}
.editor-form .editor-area .table-item .table-tool {
  z-index: 30;
  outline: none !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.editor-form .editor-area .table-item .table-tool * {
  outline: inherit !important;
  -webkit-user-select: inherit;
     -moz-user-select: inherit;
      -ms-user-select: inherit;
          user-select: inherit;
}
.editor-form .editor-area .table-item.active {
  transform: scale(1.1);
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.15);
  background-color: #FFF;
  outline: none !important;
}
.editor-form .editor-area .table-item.active * {
  outline: none !important;
  -webkit-user-select: inherit;
     -moz-user-select: inherit;
      -ms-user-select: inherit;
          user-select: inherit;
}
.editor-form .editor-area .table-item.active .picked {
  outline: none !important;
}
.editor-form .editor-area .table-item.active th,
.editor-form .editor-area .table-item.active td {
  cursor: pointer;
}
.editor-form .editor-area .table-item.active th:hover,
.editor-form .editor-area .table-item.active td:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.editor-form .editor-area .table-item.active th.choose,
.editor-form .editor-area .table-item.active td.choose {
  outline: 1px solid #1E78FF !important;
}
.editor-form .editor-area .table-item.active th *,
.editor-form .editor-area .table-item.active td * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.editor-form .editor-area .table-item.active th .ui-resizable-handle,
.editor-form .editor-area .table-item.active td .ui-resizable-handle {
  pointer-events: visible;
}
.editor-form .editor-area .table-item.active .preview-cell {
  outline: 1px solid #a21ca2 !important;
  background-color: rgba(162, 28, 162, 0.5019607843);
}
.editor-form .editor-area .large-image .table-item.active {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.editor-form .editor-area table {
  position: relative;
  max-width: 100%;
  box-sizing: border-box;
  z-index: 50;
}
.editor-form .editor-area table:hover::before, .editor-form .editor-area table:active::before {
  content: "TABLE";
  left: -48px;
  width: 48px;
  background-color: #686868;
  color: #FFF;
}
.editor-form .editor-area table th,
.editor-form .editor-area table tr,
.editor-form .editor-area table td {
  max-width: 100%;
}
.editor-form .editor-area table[align=left] {
  margin-right: 12px;
}
.editor-form .editor-area table[align=left] .img-caption {
  margin-right: 0px;
  margin-left: 0px;
}
.editor-form .editor-area table[align=right] {
  margin-left: 12px;
}
.editor-form .editor-area table[align=right] .img-caption {
  margin-right: 0px;
  margin-left: 0px;
}
.editor-form .editor-area p,
.editor-form .editor-area h1,
.editor-form .editor-area h2,
.editor-form .editor-area h3,
.editor-form .editor-area h4,
.editor-form .editor-area h5,
.editor-form .editor-area h6,
.editor-form .editor-area div,
.editor-form .editor-area blockquote,
.editor-form .editor-area pre,
.editor-form .editor-area fieldset,
.editor-form .editor-area legend,
.editor-form .editor-area pre,
.editor-form .editor-area q,
.editor-form .editor-area table,
.editor-form .editor-area td,
.editor-form .editor-area th,
.editor-form .editor-area ul,
.editor-form .editor-area li {
  min-height: 20px;
}
.editor-form .editor-area p.active, .editor-form .editor-area p:hover, .editor-form .editor-area p:focus,
.editor-form .editor-area h1.active,
.editor-form .editor-area h1:hover,
.editor-form .editor-area h1:focus,
.editor-form .editor-area h2.active,
.editor-form .editor-area h2:hover,
.editor-form .editor-area h2:focus,
.editor-form .editor-area h3.active,
.editor-form .editor-area h3:hover,
.editor-form .editor-area h3:focus,
.editor-form .editor-area h4.active,
.editor-form .editor-area h4:hover,
.editor-form .editor-area h4:focus,
.editor-form .editor-area h5.active,
.editor-form .editor-area h5:hover,
.editor-form .editor-area h5:focus,
.editor-form .editor-area h6.active,
.editor-form .editor-area h6:hover,
.editor-form .editor-area h6:focus,
.editor-form .editor-area div.active,
.editor-form .editor-area div:hover,
.editor-form .editor-area div:focus,
.editor-form .editor-area blockquote.active,
.editor-form .editor-area blockquote:hover,
.editor-form .editor-area blockquote:focus,
.editor-form .editor-area pre.active,
.editor-form .editor-area pre:hover,
.editor-form .editor-area pre:focus,
.editor-form .editor-area fieldset.active,
.editor-form .editor-area fieldset:hover,
.editor-form .editor-area fieldset:focus,
.editor-form .editor-area legend.active,
.editor-form .editor-area legend:hover,
.editor-form .editor-area legend:focus,
.editor-form .editor-area pre.active,
.editor-form .editor-area pre:hover,
.editor-form .editor-area pre:focus,
.editor-form .editor-area q.active,
.editor-form .editor-area q:hover,
.editor-form .editor-area q:focus,
.editor-form .editor-area table.active,
.editor-form .editor-area table:hover,
.editor-form .editor-area table:focus,
.editor-form .editor-area td.active,
.editor-form .editor-area td:hover,
.editor-form .editor-area td:focus,
.editor-form .editor-area th.active,
.editor-form .editor-area th:hover,
.editor-form .editor-area th:focus,
.editor-form .editor-area ul.active,
.editor-form .editor-area ul:hover,
.editor-form .editor-area ul:focus,
.editor-form .editor-area li.active,
.editor-form .editor-area li:hover,
.editor-form .editor-area li:focus {
  outline: 1px dashed #b1b1b1;
}
.editor-form .editor-area > p, .editor-form .editor-area > div, .editor-form .editor-area > table, .editor-form .editor-area > blockquote, .editor-form .editor-area > fieldset, .editor-form .editor-area > q, .editor-form .editor-area > pre, .editor-form .editor-area > h1, .editor-form .editor-area > h2, .editor-form .editor-area > h3, .editor-form .editor-area > h4, .editor-form .editor-area > h5, .editor-form .editor-area > h6, .editor-form .editor-area > ul {
  max-width: 600px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
.editor-form .editor-area > p:first-child, .editor-form .editor-area > div:first-child, .editor-form .editor-area > table:first-child, .editor-form .editor-area > blockquote:first-child, .editor-form .editor-area > fieldset:first-child, .editor-form .editor-area > q:first-child, .editor-form .editor-area > pre:first-child, .editor-form .editor-area > h1:first-child, .editor-form .editor-area > h2:first-child, .editor-form .editor-area > h3:first-child, .editor-form .editor-area > h4:first-child, .editor-form .editor-area > h5:first-child, .editor-form .editor-area > h6:first-child, .editor-form .editor-area > ul:first-child {
  margin-top: 0px;
}
.editor-form .editor-area > p > p, .editor-form .editor-area > p > div, .editor-form .editor-area > p > table, .editor-form .editor-area > p > blockquote, .editor-form .editor-area > p > fieldset, .editor-form .editor-area > p > q, .editor-form .editor-area > p > pre, .editor-form .editor-area > p > h1, .editor-form .editor-area > p > h2, .editor-form .editor-area > p > h3, .editor-form .editor-area > p > h4, .editor-form .editor-area > p > h5, .editor-form .editor-area > p > h6, .editor-form .editor-area > p > ul, .editor-form .editor-area > div > p, .editor-form .editor-area > div > div, .editor-form .editor-area > div > table, .editor-form .editor-area > div > blockquote, .editor-form .editor-area > div > fieldset, .editor-form .editor-area > div > q, .editor-form .editor-area > div > pre, .editor-form .editor-area > div > h1, .editor-form .editor-area > div > h2, .editor-form .editor-area > div > h3, .editor-form .editor-area > div > h4, .editor-form .editor-area > div > h5, .editor-form .editor-area > div > h6, .editor-form .editor-area > div > ul, .editor-form .editor-area > table > p, .editor-form .editor-area > table > div, .editor-form .editor-area > table > table, .editor-form .editor-area > table > blockquote, .editor-form .editor-area > table > fieldset, .editor-form .editor-area > table > q, .editor-form .editor-area > table > pre, .editor-form .editor-area > table > h1, .editor-form .editor-area > table > h2, .editor-form .editor-area > table > h3, .editor-form .editor-area > table > h4, .editor-form .editor-area > table > h5, .editor-form .editor-area > table > h6, .editor-form .editor-area > table > ul, .editor-form .editor-area > blockquote > p, .editor-form .editor-area > blockquote > div, .editor-form .editor-area > blockquote > table, .editor-form .editor-area > blockquote > blockquote, .editor-form .editor-area > blockquote > fieldset, .editor-form .editor-area > blockquote > q, .editor-form .editor-area > blockquote > pre, .editor-form .editor-area > blockquote > h1, .editor-form .editor-area > blockquote > h2, .editor-form .editor-area > blockquote > h3, .editor-form .editor-area > blockquote > h4, .editor-form .editor-area > blockquote > h5, .editor-form .editor-area > blockquote > h6, .editor-form .editor-area > blockquote > ul, .editor-form .editor-area > fieldset > p, .editor-form .editor-area > fieldset > div, .editor-form .editor-area > fieldset > table, .editor-form .editor-area > fieldset > blockquote, .editor-form .editor-area > fieldset > fieldset, .editor-form .editor-area > fieldset > q, .editor-form .editor-area > fieldset > pre, .editor-form .editor-area > fieldset > h1, .editor-form .editor-area > fieldset > h2, .editor-form .editor-area > fieldset > h3, .editor-form .editor-area > fieldset > h4, .editor-form .editor-area > fieldset > h5, .editor-form .editor-area > fieldset > h6, .editor-form .editor-area > fieldset > ul, .editor-form .editor-area > q > p, .editor-form .editor-area > q > div, .editor-form .editor-area > q > table, .editor-form .editor-area > q > blockquote, .editor-form .editor-area > q > fieldset, .editor-form .editor-area > q > q, .editor-form .editor-area > q > pre, .editor-form .editor-area > q > h1, .editor-form .editor-area > q > h2, .editor-form .editor-area > q > h3, .editor-form .editor-area > q > h4, .editor-form .editor-area > q > h5, .editor-form .editor-area > q > h6, .editor-form .editor-area > q > ul, .editor-form .editor-area > pre > p, .editor-form .editor-area > pre > div, .editor-form .editor-area > pre > table, .editor-form .editor-area > pre > blockquote, .editor-form .editor-area > pre > fieldset, .editor-form .editor-area > pre > q, .editor-form .editor-area > pre > pre, .editor-form .editor-area > pre > h1, .editor-form .editor-area > pre > h2, .editor-form .editor-area > pre > h3, .editor-form .editor-area > pre > h4, .editor-form .editor-area > pre > h5, .editor-form .editor-area > pre > h6, .editor-form .editor-area > pre > ul, .editor-form .editor-area > h1 > p, .editor-form .editor-area > h1 > div, .editor-form .editor-area > h1 > table, .editor-form .editor-area > h1 > blockquote, .editor-form .editor-area > h1 > fieldset, .editor-form .editor-area > h1 > q, .editor-form .editor-area > h1 > pre, .editor-form .editor-area > h1 > h1, .editor-form .editor-area > h1 > h2, .editor-form .editor-area > h1 > h3, .editor-form .editor-area > h1 > h4, .editor-form .editor-area > h1 > h5, .editor-form .editor-area > h1 > h6, .editor-form .editor-area > h1 > ul, .editor-form .editor-area > h2 > p, .editor-form .editor-area > h2 > div, .editor-form .editor-area > h2 > table, .editor-form .editor-area > h2 > blockquote, .editor-form .editor-area > h2 > fieldset, .editor-form .editor-area > h2 > q, .editor-form .editor-area > h2 > pre, .editor-form .editor-area > h2 > h1, .editor-form .editor-area > h2 > h2, .editor-form .editor-area > h2 > h3, .editor-form .editor-area > h2 > h4, .editor-form .editor-area > h2 > h5, .editor-form .editor-area > h2 > h6, .editor-form .editor-area > h2 > ul, .editor-form .editor-area > h3 > p, .editor-form .editor-area > h3 > div, .editor-form .editor-area > h3 > table, .editor-form .editor-area > h3 > blockquote, .editor-form .editor-area > h3 > fieldset, .editor-form .editor-area > h3 > q, .editor-form .editor-area > h3 > pre, .editor-form .editor-area > h3 > h1, .editor-form .editor-area > h3 > h2, .editor-form .editor-area > h3 > h3, .editor-form .editor-area > h3 > h4, .editor-form .editor-area > h3 > h5, .editor-form .editor-area > h3 > h6, .editor-form .editor-area > h3 > ul, .editor-form .editor-area > h4 > p, .editor-form .editor-area > h4 > div, .editor-form .editor-area > h4 > table, .editor-form .editor-area > h4 > blockquote, .editor-form .editor-area > h4 > fieldset, .editor-form .editor-area > h4 > q, .editor-form .editor-area > h4 > pre, .editor-form .editor-area > h4 > h1, .editor-form .editor-area > h4 > h2, .editor-form .editor-area > h4 > h3, .editor-form .editor-area > h4 > h4, .editor-form .editor-area > h4 > h5, .editor-form .editor-area > h4 > h6, .editor-form .editor-area > h4 > ul, .editor-form .editor-area > h5 > p, .editor-form .editor-area > h5 > div, .editor-form .editor-area > h5 > table, .editor-form .editor-area > h5 > blockquote, .editor-form .editor-area > h5 > fieldset, .editor-form .editor-area > h5 > q, .editor-form .editor-area > h5 > pre, .editor-form .editor-area > h5 > h1, .editor-form .editor-area > h5 > h2, .editor-form .editor-area > h5 > h3, .editor-form .editor-area > h5 > h4, .editor-form .editor-area > h5 > h5, .editor-form .editor-area > h5 > h6, .editor-form .editor-area > h5 > ul, .editor-form .editor-area > h6 > p, .editor-form .editor-area > h6 > div, .editor-form .editor-area > h6 > table, .editor-form .editor-area > h6 > blockquote, .editor-form .editor-area > h6 > fieldset, .editor-form .editor-area > h6 > q, .editor-form .editor-area > h6 > pre, .editor-form .editor-area > h6 > h1, .editor-form .editor-area > h6 > h2, .editor-form .editor-area > h6 > h3, .editor-form .editor-area > h6 > h4, .editor-form .editor-area > h6 > h5, .editor-form .editor-area > h6 > h6, .editor-form .editor-area > h6 > ul, .editor-form .editor-area > ul > p, .editor-form .editor-area > ul > div, .editor-form .editor-area > ul > table, .editor-form .editor-area > ul > blockquote, .editor-form .editor-area > ul > fieldset, .editor-form .editor-area > ul > q, .editor-form .editor-area > ul > pre, .editor-form .editor-area > ul > h1, .editor-form .editor-area > ul > h2, .editor-form .editor-area > ul > h3, .editor-form .editor-area > ul > h4, .editor-form .editor-area > ul > h5, .editor-form .editor-area > ul > h6, .editor-form .editor-area > ul > ul {
  margin-top: 10px;
}
.editor-form .editor-area .img-caption {
  font-style: italic;
  color: #666666;
  font-size: 13px;
  padding: 4px 8px;
}
.editor-form .editor-area .img-insight {
  display: block;
}
.editor-form .editor-area.outline-view * {
  outline: 1px dashed #d5d5d5;
}
.editor-form .editor-area.outline-view *.picked {
  outline: 1px dotted #1E78FF !important;
  background-color: rgba(30, 120, 255, 0.0509803922);
}
.editor-form .editor-area .picked-hover {
  outline: 2px solid #FFB039;
  background-color: rgba(255, 176, 57, 0.0509803922);
}
.editor-form .editor-area .picked-hover.picked {
  outline: 2px solid #FFB039 !important;
}
.editor-form .editor-area a[href=placeholder] {
  outline: 2px dotted #1E78FF;
}
.editor-form .editor-area a {
  position: relative;
}
.editor-form .editor-area a::after {
  content: "";
  background-color: #1E78FF;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 0px;
  right: 0px;
}
.editor-form .editor-area fieldset {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.editor-form .editor-area .cusblock-item {
  border: 2px solid #000;
  padding: 4px;
}
.editor-form .editor-area div div {
  margin: 4px;
}
.editor-form pre {
  background-color: #131358;
  color: #FFF;
  padding: 8px;
  position: relative;
}
.editor-form pre:hover::before, .editor-form pre:active::before {
  content: "CODE";
  left: -48px;
  width: 48px;
  background-color: #2a1b46;
  color: #FFF;
}
.editor-form table th,
.editor-form table td {
  min-height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 8px;
  position: relative;
}
.editor-form table th {
  background-color: #E7E7E7;
}
.editor-form .ed-tablePrev table thead {
  counter-reset: table-count;
}
.editor-form .ed-tablePrev table thead tr > th::after {
  counter-increment: table-count;
  content: counter(table-count);
  font-size: 15px;
}
.editor-form .ed-tablePrev table tbody {
  counter-reset: table-count;
}
.editor-form .ed-tablePrev table tbody tr > td:first-child::after {
  counter-increment: table-count;
  content: counter(table-count);
  font-size: 15px;
}
.editor-form .editor-code {
  position: absolute;
  z-index: 50;
  box-sizing: border-box;
  bottom: 0px;
  top: 100%;
  left: 0px;
  right: 0px;
  background: #FFF !important;
  overflow: hidden;
}
.editor-form .editor-code.active {
  top: 40px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: calc(92vh - 108px);
}
.editor-form .editor-code.active .CodeMirror {
  height: calc(92vh - 108px);
}
.editor-form .editor-code.active .CodeMirror .CodeMirror-wrap pre {
  word-break: break-word;
}
.editor-form .editor-code.active .CodeMirror .CodeMirror-code .cm-invalidchar {
  color: #dd0000;
  text-decoration: underline;
}
.editor-form .youtube-embed {
  height: 450px;
  width: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  touch-action: none;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.insert-value {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.break-word {
  word-break: break-all;
}

.field-dock::after {
  content: "";
  display: block;
  clear: both;
}
.field-dock .post-field {
  width: 50%;
  box-sizing: border-box;
  float: left;
  padding: 8px;
}
.field-dock .post-field.code, .field-dock .post-field.multis, .field-dock .post-field.radio {
  width: 100%;
}

.post-cover {
  background-color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.cover-view {
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  overflow: hidden;
  position: absolute;
}

.hide-label .input-label {
  display: none;
}

.graph-weekend .graph-label {
  display: none;
}
.graph-weekend .graph-label.active {
  display: block !important;
}
.graph-weekend .graph-label.unactive {
  display: none !important;
}
.graph-weekend .graph-label:nth-child(7n) {
  display: block;
}

.grid-layout-community {
  grid-template: "big big small" "medium medium2 medium3";
}
.grid-layout-community .section:nth-child(1) {
  grid-area: big;
}
.grid-layout-community .section:nth-child(2) {
  grid-area: small;
}
.grid-layout-community .section:nth-child(3) {
  grid-area: medium;
}
.grid-layout-community .section:nth-child(4) {
  grid-area: medium2;
}
.grid-layout-community .section:nth-child(5) {
  grid-area: medium3;
}
.grid-layout-sofa {
  grid-template: "big big small" "medium medium medium2" "medium3 medium3 medium4" "medium5 medium5 medium6";
}
.grid-layout-sofa .section:nth-child(1) {
  grid-area: big;
}
.grid-layout-sofa .section:nth-child(2) {
  grid-area: small;
}
.grid-layout-sofa .section:nth-child(3) {
  grid-area: medium;
}
.grid-layout-sofa .section:nth-child(4) {
  grid-area: medium2;
}
.grid-layout-sofa .section:nth-child(5) {
  grid-area: medium3;
}
.grid-layout-sofa .section:nth-child(6) {
  grid-area: medium4;
}
.grid-layout-sofa .section:nth-child(7) {
  grid-area: medium5;
}
.grid-layout-sofa .section:nth-child(8) {
  grid-area: medium6;
}

.bf-popup .popup-h, .bf-subpopup .popup-h {
  height: calc(85vh - 46px);
}
.bf-popup.fullscreen .popup-h, .bf-subpopup.fullscreen .popup-h {
  height: calc(100vh - 46px);
}

.bf-grid-xxl {
  grid-template-columns: 1fr 1fr 1fr !important;
}

.bf-select .select-checked {
  border: none;
  padding: unset !important;
  font-size: unset !important;
  border-radius: unset !important;
  text-align: left;
}

.title-box {
  background-color: #FFF;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 20;
}

.list-noradius > .bf-list {
  border-radius: 0px;
  border: none;
}

.toggle-list .input-label {
  flex: 1;
}

.update-size {
  width: calc(100vw - 80px);
  height: calc(100vh - 80px - 93px);
  z-index: 500;
}

.action-steplist {
  list-style-type: none;
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 12px;
}
.action-steplist .action-stepitem {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  align-items: center;
  margin: 0px !important;
}
.action-steplist .stepitem-pre {
  width: 30px;
  height: 30px;
  margin-left: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../media/check.svg);
  display: block;
}
.action-steplist .action-stepitem.active .stepitem-pre {
  background-image: url(../media/checked.svg);
}
.action-steplist .stepitem-load {
  font-size: 13px;
  color: #747473;
  display: none;
}
.action-steplist .stepitem-complete {
  font-size: 13px;
  color: #328e3d;
  display: none;
}
.action-steplist .stepitem-error {
  font-size: 13px;
  color: #d12020;
  display: none;
}

.extension-bar {
  max-width: 0px;
  overflow: hidden;
  transform: translateX(-10%);
  transition-duration: 0.3s;
  margin-left: -24px;
}
.extension-bar.active {
  max-width: 20vw;
  transform: translateX(0%);
  background-color: #FFF;
  border-radius: 12px;
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 0px;
}
.extension-bar .extension-content {
  width: 20vw;
}

.edit-panel {
  position: fixed;
  top: 72px;
  bottom: 12px;
  right: 12px;
  left: 100%;
  z-index: 8000;
  background-color: #FFFFFF;
  border-radius: 12px;
}
.edit-panel.active {
  left: 92px;
  overflow-y: auto;
}
.edit-panel.active ~ .edit-panel-close {
  bottom: 0px;
}
.edit-panel.active.extend {
  left: calc(86px + 20vw);
}
.edit-panel.active.extend ~ .edit-panel-close {
  left: calc(86px + 20vw);
}
.edit-panel.active.collapse {
  left: calc(16px + 45vw) !important;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.edit-panel.active.collapse ~ .edit-panel-close {
  left: calc(16px + 45vw) !important;
}
.edit-panel.active.collapse.without {
  left: 25vw !important;
}
.edit-panel.active.collapse.without ~ .edit-panel-close {
  left: 25vw !important;
}
.edit-panel ~ .edit-panel-close {
  position: fixed;
  bottom: -89px;
  left: 69px;
  right: 0px;
  z-index: 8100;
  background-color: #FFF;
}/*# sourceMappingURL=desktop.css.map */