.box-content:has(.from-dokeos) body {
  overflow-x: hidden !important;
}

.box-content:has(.from-dokeos) svg {
  overflow: hidden;
  vertical-align: middle;
  pointer-events: none;
}

.box-content:has(.from-dokeos) .is-icon-flex {
  width: 16px;
  height: 16px;
}

.box-content:has(.from-dokeos) a:focus,
.box-content:has(.from-dokeos) button:focus {
  outline: none;
}

.box-content:has(.from-dokeos) .clearfix:before,
.box-content:has(.from-dokeos) .clearfix:after {
  content: " ";
  display: table;
}

.box-content:has(.from-dokeos) .clearfix:after {
  clear: both;
}

.box-content:has(.from-dokeos) .clearfix {
  *zoom: 1;
  clear: none;
}

.box-content:has(.from-dokeos) .transition1 {
  transition: all ease 0.1s;
}

.box-content:has(.from-dokeos) .is-builder {
  transition: all ease 0.3s;
  transform-origin: top;
}
.box-content:has(.from-dokeos) .is-builder > div > div:focus {
  outline: none;
}
.box-content:has(.from-dokeos) .is-builder .is-subblock:focus {
  outline: none;
}
.box-content:has(.from-dokeos) .is-builder > div {
  position: relative;
  transition: none;
  margin-left: 0;
  margin-right: 0;
  width: auto;
}
.box-content:has(.from-dokeos) .is-builder[gridoutline] > div > div {
  outline: 1px solid rgba(132, 132, 132, 0.27);
  outline-offset: 1px;
}
.box-content:has(.from-dokeos) .is-builder > div > div.cell-active:not([data-protected]) {
  outline: 1px solid #00da89;
}
.box-content:has(.from-dokeos) .is-builder .row-active:not([data-protected]) {
  outline: 1px solid #00da89;
  z-index: 1;
}
.box-content:has(.from-dokeos) .is-builder .row-active:not([data-protected]).row-outline {
  outline: 1px solid rgba(132, 132, 132, 0.2);
}
.box-content:has(.from-dokeos) .is-builder .row-active:not([data-protected]):not(.row-outline) > div.cell-active {
  outline: none;
}
.box-content:has(.from-dokeos) .is-builder table.default td {
  border: transparent 1px dashed;
}
.box-content:has(.from-dokeos) .is-builder .cell-active .elm-active {
  background: rgba(200, 200, 201, 0.11);
}
.box-content:has(.from-dokeos) .is-builder .cell-active table.elm-active {
  background-color: transparent;
}
.box-content:has(.from-dokeos) .is-builder .cell-active table.default td {
  border: #cccccc 1px dashed;
}
.box-content:has(.from-dokeos) .is-builder .cell-active hr {
  cursor: pointer;
}
.box-content:has(.from-dokeos) .is-builder .cell-active[data-html] {
  background-color: rgba(200, 200, 201, 0.11);
}
.box-content:has(.from-dokeos) .is-builder .cell-active .icon-active {
  background-color: rgba(200, 200, 201, 0.4);
}
.box-content:has(.from-dokeos) .is-builder .elm-inspected {
  animation-name: elm-inspected-anim;
  animation-duration: 0.6s;
  outline: 1px solid #ffb84a !important;
}
.box-content:has(.from-dokeos) .is-builder .elm-inspected .elm-active {
  background: none;
}
@keyframes elm-inspected-anim {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.97);
  }
  100% {
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .box-content:has(.from-dokeos) .is-builder > div {
    display: flex;
  }
}
.box-content:has(.from-dokeos) .sortable-drag {
  background: transparent;
  outline: none !important;
}
.box-content:has(.from-dokeos) .sortable-drag * {
  opacity: 0;
}
.box-content:has(.from-dokeos) .sortable-drag .is-row-tool {
  opacity: 0;
}

.box-content:has(.from-dokeos) .sortable-ghost {
  background: rgba(204, 204, 204, 0.15);
  width: 100%;
  outline: none !important;
}
.box-content:has(.from-dokeos) .sortable-ghost * {
  outline: none !important;
}
.box-content:has(.from-dokeos) .sortable-ghost .is-row-tool {
  display: none !important;
}

.box-content:has(.from-dokeos) #_cbhtml .snippet-item {
  cursor: move !important;
}
.box-content:has(.from-dokeos) #_cbhtml .snippet-item.sortable-chosen {
  height: auto;
}
.box-content:has(.from-dokeos) #_cbhtml .snippet-item.sortable-chosen * {
  visibility: visible;
}
.box-content:has(.from-dokeos) #_cbhtml .snippet-item.sortable-chosen.sortable-drag * {
  visibility: hidden;
  transition: none !important;
}
.box-content:has(.from-dokeos) #_cbhtml .snippet-item.sortable-drag {
  outline: none !important;
}

.box-content:has(.from-dokeos) .is-builder .snippet-item.sortable-ghost {
  width: 100%;
  background: rgba(204, 204, 204, 0.15);
  height: 40px;
}
.box-content:has(.from-dokeos) .is-builder .snippet-item.sortable-ghost * {
  visibility: hidden;
}

.box-content:has(.from-dokeos) .moveable-control {
  border: none !important;
  width: 7px !important;
  height: 7px !important;
  margin-top: -3px !important;
  margin-left: -3px !important;
  background: #2196f3 !important;
}
.box-content:has(.from-dokeos) .moveable-control.moveable-origin {
  display: none !important;
}

.box-content:has(.from-dokeos) .moveable-direction.moveable-s, .box-content:has(.from-dokeos) .moveable-direction.moveable-n {
  display: none !important;
}
.box-content:has(.from-dokeos) .moveable-direction.moveable-e, .box-content:has(.from-dokeos) .moveable-direction.moveable-w {
  display: none !important;
}

.box-content:has(.from-dokeos) .moveable-line {
  display: none !important;
}

.box-content:has(.from-dokeos) #_cbhtml,
.box-content:has(.from-dokeos) .is-ui {
  font-family: sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 300px;
  /*
  .rte-align-options,
  .rte-formatting-options,
  .rte-list-options,
  .rte-more-options,
  .elementrte-more-options,
  .rte-textsetting-options,
  .rte-color-picker,
  .rte-icon-options,
  .rte-fontfamily-options,
  .rte-customtag-options,
  .rte-paragraph-options,
  .rte-zoom-options
  */
}
.box-content:has(.from-dokeos) #_cbhtml *,
.box-content:has(.from-dokeos) .is-ui * {
  font-family: sans-serif;
  line-height: inherit;
}
.box-content:has(.from-dokeos) #_cbhtml p,
.box-content:has(.from-dokeos) .is-ui p {
  font-size: 13px;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper,
.box-content:has(.from-dokeos) .is-ui .style-helper {
  display: none;
  background: #fff;
  color: #121212;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.on,
.box-content:has(.from-dokeos) .is-ui .style-helper.on {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.hover,
.box-content:has(.from-dokeos) .is-ui .style-helper.hover {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper svg,
.box-content:has(.from-dokeos) .is-ui .style-helper svg {
  fill: #000;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.modal-color,
.box-content:has(.from-dokeos) .is-ui .style-helper.modal-color {
  background: #000;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.modal-background,
.box-content:has(.from-dokeos) .is-ui .style-helper.modal-background {
  background: #fff;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.button-pickcolor-border,
.box-content:has(.from-dokeos) .is-ui .style-helper.button-pickcolor-border {
  border: rgba(0, 0, 0, 0.09) 1px solid;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.button-pickcolor-background,
.box-content:has(.from-dokeos) .is-ui .style-helper.button-pickcolor-background {
  background: rgba(255, 255, 255, 0.2);
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.snippet-color,
.box-content:has(.from-dokeos) .is-ui .style-helper.snippet-color {
  background: #000;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.snippet-background,
.box-content:has(.from-dokeos) .is-ui .style-helper.snippet-background {
  background: #fff;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.snippet-tabs-background,
.box-content:has(.from-dokeos) .is-ui .style-helper.snippet-tabs-background {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.snippet-tab-item-background,
.box-content:has(.from-dokeos) .is-ui .style-helper.snippet-tab-item-background {
  background: #fff;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.snippet-tab-item-background-active,
.box-content:has(.from-dokeos) .is-ui .style-helper.snippet-tab-item-background-active {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.snippet-tab-item-background-hover,
.box-content:has(.from-dokeos) .is-ui .style-helper.snippet-tab-item-background-hover {
  background: #fff;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.snippet-tab-item-color,
.box-content:has(.from-dokeos) .is-ui .style-helper.snippet-tab-item-color {
  background: #000;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.snippet-more-item-background,
.box-content:has(.from-dokeos) .is-ui .style-helper.snippet-more-item-background {
  background: #fff;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.snippet-more-item-background-active,
.box-content:has(.from-dokeos) .is-ui .style-helper.snippet-more-item-background-active {
  background: #f7f7f7;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.snippet-more-item-background-hover,
.box-content:has(.from-dokeos) .is-ui .style-helper.snippet-more-item-background-hover {
  background: #f7f7f7;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.snippet-more-item-color,
.box-content:has(.from-dokeos) .is-ui .style-helper.snippet-more-item-color {
  background: #000;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.tabs-background,
.box-content:has(.from-dokeos) .is-ui .style-helper.tabs-background {
  background: #fafafa;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.tab-item-active-border-bottom,
.box-content:has(.from-dokeos) .is-ui .style-helper.tab-item-active-border-bottom {
  border: #595959 1px solid;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.tab-item-color,
.box-content:has(.from-dokeos) .is-ui .style-helper.tab-item-color {
  background: #4a4a4a;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.tabs-more-background,
.box-content:has(.from-dokeos) .is-ui .style-helper.tabs-more-background {
  background: #fff;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.tabs-more-border,
.box-content:has(.from-dokeos) .is-ui .style-helper.tabs-more-border {
  border: 1px solid #f2f2f2;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.tabs-more-item-color,
.box-content:has(.from-dokeos) .is-ui .style-helper.tabs-more-item-color {
  background: #4a4a4a;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.tabs-more-item-background-hover,
.box-content:has(.from-dokeos) .is-ui .style-helper.tabs-more-item-background-hover {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper.separator-color,
.box-content:has(.from-dokeos) .is-ui .style-helper.separator-color {
  background: #f0f0f0;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper-button-classic,
.box-content:has(.from-dokeos) .is-ui .style-helper-button-classic {
  background: #f7f7f7;
  color: #000;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper-button-classic.hover,
.box-content:has(.from-dokeos) .is-ui .style-helper-button-classic.hover {
  background: #f9f9f9;
}
.box-content:has(.from-dokeos) #_cbhtml .style-helper-button-classic svg,
.box-content:has(.from-dokeos) .is-ui .style-helper-button-classic svg {
  fill: #000;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop,
.box-content:has(.from-dokeos) .is-ui .is-pop {
  display: none;
  z-index: 10003;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid #f2f2f2;
  box-shadow: 4px 17px 20px 0px rgba(0, 0, 0, 0.08);
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop:hover,
.box-content:has(.from-dokeos) .is-ui .is-pop:hover {
  z-index: 10003;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-top:after, .box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-top:before, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-top:after, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-top:before {
  bottom: 100%;
  left: 25px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  top: auto;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-top:after,
.box-content:has(.from-dokeos) .is-ui .is-pop.arrow-top:after {
  border-color: transparent;
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: -7px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-top:before,
.box-content:has(.from-dokeos) .is-ui .is-pop.arrow-top:before {
  border-color: transparent;
  border-bottom-color: #e0e0e0;
  border-width: 8px;
  margin-left: -8px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-top.right:after, .box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-top.right:before, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-top.right:after, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-top.right:before {
  left: auto;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-top.right:after,
.box-content:has(.from-dokeos) .is-ui .is-pop.arrow-top.right:after {
  right: 19px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-top.right:before,
.box-content:has(.from-dokeos) .is-ui .is-pop.arrow-top.right:before {
  right: 18px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-top.left:after, .box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-top.left:before, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-top.left:after, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-top.left:before {
  right: auto;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-top.left:after,
.box-content:has(.from-dokeos) .is-ui .is-pop.arrow-top.left:after {
  left: 18px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-top.left:before,
.box-content:has(.from-dokeos) .is-ui .is-pop.arrow-top.left:before {
  left: 18px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-top.center:after, .box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-top.center:before, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-top.center:after, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-top.center:before {
  left: calc(50% + 3px);
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-left:after, .box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-left:before, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-left:after, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-left:before {
  right: 100%;
  top: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-left:after,
.box-content:has(.from-dokeos) .is-ui .is-pop.arrow-left:after {
  border-color: transparent;
  border-right-color: #fff;
  border-width: 7px;
  margin-top: -7px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-left:before,
.box-content:has(.from-dokeos) .is-ui .is-pop.arrow-left:before {
  border-color: transparent;
  border-right-color: #e0e0e0;
  border-width: 8px;
  margin-top: -8px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-left.bottom:after, .box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-left.bottom:before, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-left.bottom:after, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-left.bottom:before {
  top: calc(100% - 28px);
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-right:after, .box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-right:before, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-right:after, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-right:before {
  left: 100%;
  top: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-right:after,
.box-content:has(.from-dokeos) .is-ui .is-pop.arrow-right:after {
  border-color: transparent;
  border-left-color: #fff;
  border-width: 7px;
  margin-top: -7px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-right:before,
.box-content:has(.from-dokeos) .is-ui .is-pop.arrow-right:before {
  border-color: transparent;
  border-left-color: #e0e0e0;
  border-width: 8px;
  margin-top: -8px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-bottom:after, .box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-bottom:before, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-bottom:after, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-bottom:before {
  top: 100%;
  left: calc(100% - 28px);
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-bottom:after,
.box-content:has(.from-dokeos) .is-ui .is-pop.arrow-bottom:after {
  border-color: transparent;
  border-top-color: #fff;
  border-width: 7px;
  margin-left: -7px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-bottom:before,
.box-content:has(.from-dokeos) .is-ui .is-pop.arrow-bottom:before {
  border-color: transparent;
  border-top-color: #e0e0e0;
  border-width: 8px;
  margin-left: -8px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-bottom.center:after, .box-content:has(.from-dokeos) #_cbhtml .is-pop.arrow-bottom.center:before, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-bottom.center:after, .box-content:has(.from-dokeos) .is-ui .is-pop.arrow-bottom.center:before {
  left: calc(50% + 3px);
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop-tabs,
.box-content:has(.from-dokeos) .is-ui .is-pop-tabs {
  display: flex;
  width: 100%;
  margin-bottom: 5px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop-tabs > div,
.box-content:has(.from-dokeos) .is-ui .is-pop-tabs > div {
  background: #f7f7f7;
  width: 50%;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  text-align: center;
  font-size: 9px;
  font-weight: 400;
  text-transform: uppercase;
  color: #121212;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop-tabs > div.is-pop-tab-item,
.box-content:has(.from-dokeos) .is-ui .is-pop-tabs > div.is-pop-tab-item {
  cursor: pointer;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop-tabs > div.active,
.box-content:has(.from-dokeos) .is-ui .is-pop-tabs > div.active {
  background: transparent;
  cursor: auto;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-tool,
.box-content:has(.from-dokeos) #_cbhtml .is-elementrte-tool,
.box-content:has(.from-dokeos) .is-ui .is-rte-tool,
.box-content:has(.from-dokeos) .is-ui .is-elementrte-tool {
  top: 25px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-tool > div:not(.is-draggable),
.box-content:has(.from-dokeos) #_cbhtml .is-elementrte-tool > div:not(.is-draggable),
.box-content:has(.from-dokeos) .is-ui .is-rte-tool > div:not(.is-draggable),
.box-content:has(.from-dokeos) .is-ui .is-elementrte-tool > div:not(.is-draggable) {
  padding: 8px 10px 8px 10px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-tool,
.box-content:has(.from-dokeos) #_cbhtml .is-elementrte-tool,
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-more-options,
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.elementrte-more-options,
.box-content:has(.from-dokeos) .is-ui .is-rte-tool,
.box-content:has(.from-dokeos) .is-ui .is-elementrte-tool,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-more-options,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.elementrte-more-options {
  z-index: 10001;
  padding: 0;
  color: #000;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 9px 0px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-tool button,
.box-content:has(.from-dokeos) #_cbhtml .is-elementrte-tool button,
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-more-options button,
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.elementrte-more-options button,
.box-content:has(.from-dokeos) .is-ui .is-rte-tool button,
.box-content:has(.from-dokeos) .is-ui .is-elementrte-tool button,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-more-options button,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.elementrte-more-options button {
  background-color: transparent;
  color: #121212;
  width: 45px;
  height: 40px;
  margin: 0;
  box-shadow: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-tool button.on,
.box-content:has(.from-dokeos) #_cbhtml .is-elementrte-tool button.on,
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-more-options button.on,
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.elementrte-more-options button.on,
.box-content:has(.from-dokeos) .is-ui .is-rte-tool button.on,
.box-content:has(.from-dokeos) .is-ui .is-elementrte-tool button.on,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-more-options button.on,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.elementrte-more-options button.on {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-tool button:hover,
.box-content:has(.from-dokeos) #_cbhtml .is-elementrte-tool button:hover,
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-more-options button:hover,
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.elementrte-more-options button:hover,
.box-content:has(.from-dokeos) .is-ui .is-rte-tool button:hover,
.box-content:has(.from-dokeos) .is-ui .is-elementrte-tool button:hover,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-more-options button:hover,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.elementrte-more-options button:hover {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-tool button svg,
.box-content:has(.from-dokeos) #_cbhtml .is-elementrte-tool button svg,
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-more-options button svg,
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.elementrte-more-options button svg,
.box-content:has(.from-dokeos) .is-ui .is-rte-tool button svg,
.box-content:has(.from-dokeos) .is-ui .is-elementrte-tool button svg,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-more-options button svg,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.elementrte-more-options button svg {
  fill: #000;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-tool .rte-separator,
.box-content:has(.from-dokeos) #_cbhtml .is-elementrte-tool .rte-separator,
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-more-options .rte-separator,
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.elementrte-more-options .rte-separator,
.box-content:has(.from-dokeos) .is-ui .is-rte-tool .rte-separator,
.box-content:has(.from-dokeos) .is-ui .is-elementrte-tool .rte-separator,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-more-options .rte-separator,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.elementrte-more-options .rte-separator {
  height: 30px;
  width: 1px;
  background: #e3e3e3;
  margin: 7px 3px 0;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-tool,
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-elementrte-tool,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-tool,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-elementrte-tool {
  left: 25px;
  box-shadow: rgba(0, 0, 0, 0.05) 6px 0px 9px 0px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-tool,
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-elementrte-tool,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-tool,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-elementrte-tool {
  right: 35px;
  left: auto;
  box-shadow: rgba(0, 0, 0, 0.05) -4px 0px 9px 0px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-tool > div:not(.is-draggable),
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-elementrte-tool > div:not(.is-draggable),
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-tool > div:not(.is-draggable),
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-elementrte-tool > div:not(.is-draggable),
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-tool > div:not(.is-draggable),
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-elementrte-tool > div:not(.is-draggable),
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-tool > div:not(.is-draggable),
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-elementrte-tool > div:not(.is-draggable) {
  flex-direction: column;
  padding: 8px 9px 8px 9px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-tool .rte-separator,
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-elementrte-tool .rte-separator,
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .rte-more-options .rte-separator,
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .elementrte-more-options .rte-separator,
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-tool .rte-separator,
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-elementrte-tool .rte-separator,
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .rte-more-options .rte-separator,
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .elementrte-more-options .rte-separator,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-tool .rte-separator,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-elementrte-tool .rte-separator,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .rte-more-options .rte-separator,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .elementrte-more-options .rte-separator,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-tool .rte-separator,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-elementrte-tool .rte-separator,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .rte-more-options .rte-separator,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .elementrte-more-options .rte-separator {
  height: 1px;
  width: 34px;
  margin: 3px 0 3px 7px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop {
  z-index: 10002;
  display: none;
  position: fixed;
  height: 0;
  border: none;
  color: #000;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 7px 12px 0px;
  box-sizing: border-box;
  overflow: hidden;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop > div,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop > div {
  display: flex;
  padding: 1px 9px 9px 9px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop button,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop button {
  width: 46px;
  height: 40px;
  margin: 0;
  background-color: transparent;
  box-shadow: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop button.on,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop button.on {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop button:hover,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop button:hover {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop .is-label,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop .is-label {
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 2;
  padding: 8px 0 2px;
  text-align: center;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop .is-label.separator,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop .is-label.separator {
  margin-top: 5px;
  border-top: #f0f0f0 1px solid;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.active,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.active {
  animation-name: formatting-slide-out;
  animation-duration: 0.1s;
  animation-fill-mode: forwards;
}
@keyframes formatting-slide-out {
  from {
    height: 0px;
  }
  to {
    height: 49px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.deactive,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.deactive {
  animation-name: formatting-slide-in;
  animation-duration: 0.1s;
  animation-fill-mode: forwards;
}
@keyframes formatting-slide-in {
  from {
    height: 49px;
  }
  to {
    height: 0px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-paragraph-options.active,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-paragraph-options.active {
  animation-name: paragraph-slide-out;
}
@keyframes paragraph-slide-out {
  from {
    height: 0;
  }
  to {
    height: 286px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-paragraph-options.deactive,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-paragraph-options.deactive {
  animation-name: paragraph-slide-in;
}
@keyframes paragraph-slide-in {
  from {
    height: 286px;
  }
  to {
    height: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-paragraph-options div.on,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-paragraph-options div.on {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-paragraph-options > div,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-paragraph-options > div {
  width: 242px;
  padding: 1px 9px 9px;
  box-sizing: border-box;
  overflow-x: hidden;
  flex-direction: column;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-paragraph-options > div > div,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-paragraph-options > div > div {
  cursor: pointer;
  overflow: hidden;
  padding: 5px 0;
  box-sizing: border-box;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-paragraph-options > div > div:hover,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-paragraph-options > div > div:hover {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-paragraph-options > div > div > *,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-paragraph-options > div > div > * {
  text-transform: none !important;
  margin: 0 !important;
  line-height: 1.45 !important;
  text-align: center;
  transform: scale(0.7);
  white-space: nowrap;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-textsetting-options > div,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-textsetting-options > div {
  width: 224px;
  flex-direction: column;
  padding: 1px 12px 12px 12px;
  box-sizing: border-box;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-textsetting-options button,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-textsetting-options button {
  width: 40px;
  height: 30px;
  box-shadow: none;
  background: transparent;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-textsetting-options button.on,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-textsetting-options button.on {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-textsetting-options button:hover,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-textsetting-options button:hover {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-textsetting-options.active,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-textsetting-options.active {
  animation-name: textsetting-slide-out;
}
@keyframes textsetting-slide-out {
  from {
    height: 0;
  }
  to {
    height: 288px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-textsetting-options.deactive,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-textsetting-options.deactive {
  animation-name: textsetting-slide-in;
}
@keyframes textsetting-slide-in {
  from {
    height: 288px;
  }
  to {
    height: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-formatting-options button,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-formatting-options button {
  box-shadow: none;
  background: transparent;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-formatting-options button.on,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-formatting-options button.on {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-formatting-options button:hover,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-formatting-options button:hover {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-list-options button,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-list-options button {
  box-shadow: none;
  background: transparent;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-list-options button.on,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-list-options button.on {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-list-options button:hover,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-list-options button:hover {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-align-options button,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-align-options button {
  box-shadow: none;
  background: transparent;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-align-options button.on,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-align-options button.on {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-align-options button:hover,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-align-options button:hover {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-color-picker,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-color-picker {
  flex-direction: column;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-color-picker > div,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-color-picker > div {
  padding: 0;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-color-picker button,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-color-picker button {
  background-color: transparent;
  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-color-picker button:hover,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-color-picker button:hover {
  background: transparent;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-color-picker.active,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-color-picker.active {
  animation-name: colorpicker-slide-out;
}
@keyframes colorpicker-slide-out {
  from {
    height: 0;
  }
  to {
    height: 445px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-color-picker.deactive,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-color-picker.deactive {
  animation-name: colorpicker-slide-in;
}
@keyframes colorpicker-slide-in {
  from {
    height: 445px;
  }
  to {
    height: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-color-picker .is-pop-tabs,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-color-picker .is-pop-tabs {
  padding: 3px 12px 0;
  box-sizing: border-box;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-color-picker .rte-color-picker-area > div,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-color-picker .rte-color-picker-area > div {
  padding-top: 5px !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-icon-options,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-icon-options {
  width: 280px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-icon-options iframe,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-icon-options iframe {
  margin: 1px 0 0;
  width: 100%;
  max-width: 300px;
  height: 100%;
  border: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-icon-options.active,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-icon-options.active {
  animation-name: icon-slide-out;
}
@keyframes icon-slide-out {
  from {
    height: 0;
  }
  to {
    height: 240px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-icon-options.deactive,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-icon-options.deactive {
  animation-name: icon-slide-in;
}
@keyframes icon-slide-in {
  from {
    height: 240px;
  }
  to {
    height: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-fontfamily-options iframe,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-fontfamily-options iframe {
  margin: 1px 0 0;
  width: 100%;
  max-width: 260px;
  height: 100%;
  border: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-fontfamily-options.active,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-fontfamily-options.active {
  animation-name: fontfamily-slide-out;
}
@keyframes fontfamily-slide-out {
  from {
    height: 0;
  }
  to {
    height: 263px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-fontfamily-options.deactive,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-fontfamily-options.deactive {
  animation-name: fontfamily-slide-in;
}
@keyframes fontfamily-slide-in {
  from {
    height: 263px;
  }
  to {
    height: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-customtag-options.active,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-customtag-options.active {
  animation-name: customtag-slide-out;
}
@keyframes customtag-slide-out {
  from {
    height: 0;
  }
  to {
    height: 125px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-customtag-options.deactive,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-customtag-options.deactive {
  animation-name: customtag-slide-in;
}
@keyframes customtag-slide-in {
  from {
    height: 125px;
  }
  to {
    height: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-customtag-options > div,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-customtag-options > div {
  width: 180px;
  padding: 1px 9px 9px;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: column;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-customtag-options > div button,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-customtag-options > div button {
  font-size: 11px;
  width: 100%;
  box-shadow: none;
  background: transparent;
  flex: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-customtag-options > div button:hover,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-customtag-options > div button:hover {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-zoom-options > div,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-zoom-options > div {
  width: 224px;
  flex-direction: column;
  padding: 1px 12px 12px 12px;
  box-sizing: border-box;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-zoom-options.active,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-zoom-options.active {
  animation-name: zoomsetting-slide-out;
}
@keyframes zoomsetting-slide-out {
  from {
    height: 0;
  }
  to {
    height: 78px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-rte-pop.rte-zoom-options.deactive,
.box-content:has(.from-dokeos) .is-ui .is-rte-pop.rte-zoom-options.deactive {
  animation-name: zoomsetting-slide-in;
}
@keyframes zoomsetting-slide-in {
  from {
    height: 78px;
  }
  to {
    height: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop {
  height: auto;
  width: 0;
  flex-direction: column;
  box-shadow: rgba(0, 0, 0, 0.05) 5px 0px 9px 0px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop > div,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop > div {
  flex-direction: column;
  padding: 9px 9px 9px 1px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.active,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.active {
  animation-name: formatting-leftslide-out;
  animation-duration: 0.1s;
  animation-fill-mode: forwards;
}
@keyframes formatting-leftslide-out {
  from {
    width: 0;
  }
  to {
    width: 55px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.deactive,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.deactive {
  animation-name: formatting-leftslide-in;
  animation-duration: 0.1s;
  animation-fill-mode: forwards;
}
@keyframes formatting-leftslide-in {
  from {
    width: 55px;
  }
  to {
    width: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-paragraph-options.active,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-paragraph-options.active {
  animation-name: paragraph-leftslide-out;
}
@keyframes paragraph-leftslide-out {
  from {
    width: 0;
  }
  to {
    width: 250px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-paragraph-options.deactive,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-paragraph-options.deactive {
  animation-name: paragraph-leftslide-in;
}
@keyframes paragraph-leftslide-in {
  from {
    width: 250px;
  }
  to {
    width: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-paragraph-options > div,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-paragraph-options > div {
  width: 245px;
  padding: 9px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-textsetting-options.active,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-textsetting-options.active {
  animation-name: textsetting-leftslide-out;
}
@keyframes textsetting-leftslide-out {
  from {
    width: 0;
  }
  to {
    width: 213px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-textsetting-options.deactive,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-textsetting-options.deactive {
  animation-name: textsetting-leftslide-in;
}
@keyframes textsetting-leftslide-in {
  from {
    width: 213px;
  }
  to {
    width: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-fontfamily-options,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-fontfamily-options {
  height: 260px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-fontfamily-options iframe,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-fontfamily-options iframe {
  margin: 9px 0 9px 0;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-fontfamily-options.active,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-fontfamily-options.active {
  animation-name: fontfamily-leftslide-out;
}
@keyframes fontfamily-leftslide-out {
  from {
    width: 0;
  }
  to {
    width: 260px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-fontfamily-options.deactive,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-fontfamily-options.deactive {
  animation-name: fontfamily-leftslide-in;
}
@keyframes fontfamily-leftslide-in {
  from {
    width: 260px;
  }
  to {
    width: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-customtag-options > div,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-customtag-options > div {
  width: 180px;
  height: 125px;
  padding: 9px 9px 9px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-customtag-options.active,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-customtag-options.active {
  animation-name: customtag-leftslide-out;
}
@keyframes customtag-leftslide-out {
  from {
    width: 0;
  }
  to {
    width: 180px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-customtag-options.deactive,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-customtag-options.deactive {
  animation-name: customtag-leftslide-in;
}
@keyframes customtag-leftslide-in {
  from {
    width: 180px;
  }
  to {
    width: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-color-picker,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-color-picker {
  height: 452px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-color-picker.active,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-color-picker.active {
  animation-name: colorpicker-leftslide-out;
}
@keyframes colorpicker-leftslide-out {
  from {
    width: 0;
  }
  to {
    width: 270px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-color-picker.deactive,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-color-picker.deactive {
  animation-name: colorpicker-leftslide-in;
}
@keyframes colorpicker-leftslide-in {
  from {
    width: 270px;
  }
  to {
    width: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-color-picker .is-pop-tabs,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-color-picker .is-pop-tabs {
  flex-direction: row;
  padding: 11px 12px 0;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-color-picker .rte-color-picker-area,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-color-picker .rte-color-picker-area {
  padding: 0;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-icon-options,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-icon-options {
  height: 320px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-icon-options iframe,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-icon-options iframe {
  margin: 9px 0 9px 0;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-icon-options.active,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-icon-options.active {
  animation-name: icon-leftslide-out;
}
@keyframes icon-leftslide-out {
  from {
    width: 0;
  }
  to {
    width: 280px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-icon-options.deactive,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-icon-options.deactive {
  animation-name: icon-leftslide-in;
}
@keyframes icon-leftslide-in {
  from {
    width: 280px;
  }
  to {
    width: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-zoom-options > div,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-zoom-options > div {
  width: 224px;
  flex-direction: column;
  padding: 1px 12px 12px 12px;
  box-sizing: border-box;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-zoom-options.active,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-zoom-options.active {
  animation-name: zoomsetting-leftslide-out;
}
@keyframes zoomsetting-leftslide-out {
  from {
    width: 0;
  }
  to {
    width: 225px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarleft] .is-rte-pop.rte-zoom-options.deactive,
.box-content:has(.from-dokeos) .is-ui[toolbarleft] .is-rte-pop.rte-zoom-options.deactive {
  animation-name: zoomsetting-leftslide-in;
}
@keyframes zoomsetting-leftslide-in {
  from {
    width: 225px;
  }
  to {
    width: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop {
  height: auto;
  width: 0;
  flex-direction: column;
  box-shadow: rgba(0, 0, 0, 0.05) -6px 1px 9px 0px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop > div,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop > div {
  flex-direction: column;
  padding: 9px 2px 9px 9px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.active,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.active {
  animation-name: formatting-rightslide-out;
  animation-duration: 0.1s;
  animation-fill-mode: forwards;
}
@keyframes formatting-rightslide-out {
  from {
    width: 0;
  }
  to {
    width: 55px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.deactive,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.deactive {
  animation-name: formatting-rightslide-in;
  animation-duration: 0.1s;
  animation-fill-mode: forwards;
}
@keyframes formatting-rightslide-in {
  from {
    width: 55px;
  }
  to {
    width: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-paragraph-options.active,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-paragraph-options.active {
  animation-name: paragraph-rightslide-out;
}
@keyframes paragraph-rightslide-out {
  from {
    width: 0;
  }
  to {
    width: 250px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-paragraph-options.deactive,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-paragraph-options.deactive {
  animation-name: paragraph-rightslide-in;
}
@keyframes paragraph-rightslide-in {
  from {
    width: 250px;
  }
  to {
    width: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-paragraph-options > div,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-paragraph-options > div {
  width: 245px;
  padding: 9px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-textsetting-options.active,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-textsetting-options.active {
  animation-name: textsetting-rightslide-out;
}
@keyframes textsetting-rightslide-out {
  from {
    width: 0;
  }
  to {
    width: 225px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-textsetting-options.deactive,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-textsetting-options.deactive {
  animation-name: textsetting-rightslide-in;
}
@keyframes textsetting-rightslide-in {
  from {
    width: 225px;
  }
  to {
    width: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-fontfamily-options,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-fontfamily-options {
  height: 260px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-fontfamily-options iframe,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-fontfamily-options iframe {
  margin: 9px 0 9px 0;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-fontfamily-options.active,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-fontfamily-options.active {
  animation-name: fontfamily-leftslide-out;
}
@keyframes fontfamily-leftslide-out {
  from {
    width: 0;
  }
  to {
    width: 260px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-fontfamily-options.deactive,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-fontfamily-options.deactive {
  animation-name: fontfamily-leftslide-in;
}
@keyframes fontfamily-leftslide-in {
  from {
    width: 260px;
  }
  to {
    width: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-customtag-options > div,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-customtag-options > div {
  width: 180px;
  height: 125px;
  padding: 9px 9px 9px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-customtag-options.active,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-customtag-options.active {
  animation-name: customtag-rightslide-out;
}
@keyframes customtag-rightslide-out {
  from {
    width: 0;
  }
  to {
    width: 180px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-customtag-options.deactive,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-customtag-options.deactive {
  animation-name: customtag-rightslide-in;
}
@keyframes customtag-rightslide-in {
  from {
    width: 180px;
  }
  to {
    width: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-icon-options,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-icon-options {
  height: 320px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-icon-options iframe,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-icon-options iframe {
  margin: 9px 0 9px 0;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-icon-options.active,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-icon-options.active {
  animation-name: icon-rightslide-out;
}
@keyframes icon-rightslide-out {
  from {
    width: 0;
  }
  to {
    width: 280px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-icon-options.deactive,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-icon-options.deactive {
  animation-name: icon-rightslide-in;
}
@keyframes icon-rightslide-in {
  from {
    width: 280px;
  }
  to {
    width: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-color-picker,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-color-picker {
  height: 452px;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-color-picker.active,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-color-picker.active {
  animation-name: colorpicker-rightslide-out;
}
@keyframes colorpicker-rightslide-out {
  from {
    width: 0;
  }
  to {
    width: 270px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-color-picker.deactive,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-color-picker.deactive {
  animation-name: colorpicker-rightslide-in;
}
@keyframes colorpicker-rightslide-in {
  from {
    width: 270px;
  }
  to {
    width: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-color-picker .is-pop-tabs,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-color-picker .is-pop-tabs {
  flex-direction: row;
  padding: 11px 12px 0;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-color-picker .rte-color-picker-area,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-color-picker .rte-color-picker-area {
  padding: 0;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-zoom-options > div,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-zoom-options > div {
  width: 224px;
  flex-direction: column;
  padding: 1px 12px 12px 12px;
  box-sizing: border-box;
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-zoom-options.active,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-zoom-options.active {
  animation-name: zoomsetting-rightslide-out;
}
@keyframes zoomsetting-rightslide-out {
  from {
    width: 0;
  }
  to {
    width: 225px;
  }
}
.box-content:has(.from-dokeos) #_cbhtml[toolbarright] .is-rte-pop.rte-zoom-options.deactive,
.box-content:has(.from-dokeos) .is-ui[toolbarright] .is-rte-pop.rte-zoom-options.deactive {
  animation-name: zoomsetting-rightslide-in;
}
@keyframes zoomsetting-rightslide-in {
  from {
    width: 225px;
  }
  to {
    width: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal,
.box-content:has(.from-dokeos) .is-ui .is-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 10004;
  background: rgba(255, 255, 255, 0.000001);
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: sans-serif;
  font-weight: 300;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.active,
.box-content:has(.from-dokeos) .is-ui .is-modal.active {
  display: flex;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal button,
.box-content:has(.from-dokeos) .is-ui .is-modal button {
  color: #000;
  background: #fff;
  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal button:hover,
.box-content:has(.from-dokeos) .is-ui .is-modal button:hover {
  background: #fff;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal button.on,
.box-content:has(.from-dokeos) .is-ui .is-modal button.on {
  background: #f2f2f2;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal button.is-btn-color,
.box-content:has(.from-dokeos) .is-ui .is-modal button.is-btn-color {
  width: 35px !important;
  height: 35px !important;
  padding: 0 !important;
  background: rgba(255, 255, 255, 0.2);
  border: rgba(0, 0, 0, 0.09) 1px solid !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal .form-upload-larger.please-wait svg,
.box-content:has(.from-dokeos) .is-ui .is-modal .form-upload-larger.please-wait svg {
  transform: scale(1, 1);
  opacity: 1;
  animation-name: please-wait-anim;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}
@keyframes please-wait-anim {
  0% {
    transform: scale(1, 1);
    opacity: 0;
  }
  25% {
    transform: scale(1.2, 1.2);
    opacity: 1;
  }
  50% {
    transform: scale(1, 1);
    opacity: 0;
  }
  75% {
    transform: scale(1.2, 1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal .is-modal-overlay,
.box-content:has(.from-dokeos) .is-ui .is-modal .is-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.000001);
  z-index: -1;
  max-width: none !important;
  margin: 0 !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal .is-modal-overlay.overlay-stay,
.box-content:has(.from-dokeos) .is-ui .is-modal .is-modal-overlay.overlay-stay {
  background: rgba(255, 255, 255, 0.3);
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.is-modal-content,
.box-content:has(.from-dokeos) #_cbhtml .is-modal .is-modal-content,
.box-content:has(.from-dokeos) .is-ui .is-modal.is-modal-content,
.box-content:has(.from-dokeos) .is-ui .is-modal .is-modal-content {
  background: #fff;
  border: 1px solid #f2f2f2;
  box-shadow: 4px 17px 20px 0px rgba(0, 0, 0, 0.08);
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal .is-modal-content,
.box-content:has(.from-dokeos) .is-ui .is-modal .is-modal-content {
  position: relative;
  width: 100%;
  padding: 20px 20px;
  box-sizing: border-box;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal:not(.is-modal-content) > div:not(.is-modal-overlay),
.box-content:has(.from-dokeos) .is-ui .is-modal:not(.is-modal-content) > div:not(.is-modal-overlay) {
  background: #fff;
  border: 1px solid #f2f2f2;
  box-shadow: 4px 17px 20px 0px rgba(0, 0, 0, 0.08);
  position: relative;
  width: 100%;
  padding: 20px 20px;
  box-sizing: border-box;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.is-modal-full > div:not(.is-modal-overlay),
.box-content:has(.from-dokeos) .is-ui .is-modal.is-modal-full > div:not(.is-modal-overlay) {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal div.is-draggable,
.box-content:has(.from-dokeos) .is-ui .is-modal div.is-draggable {
  cursor: move;
  box-shadow: none;
  background: transparent;
  padding: 0;
  border: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal div.is-modal-bar,
.box-content:has(.from-dokeos) .is-ui .is-modal div.is-modal-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  flex: none;
  background: transparent;
  border: none;
  box-sizing: border-box;
  text-align: center;
  font-family: sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  color: #545454;
  touch-action: none;
  user-select: none;
  z-index: 1;
  line-height: 35px;
  height: 35px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal div.is-modal-bar .is-modal-close,
.box-content:has(.from-dokeos) .is-ui .is-modal div.is-modal-bar .is-modal-close {
  z-index: 1;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0px;
  right: 0px;
  box-sizing: border-box;
  padding: 0;
  line-height: 32px;
  font-size: 12px;
  color: #545454;
  text-align: center;
  cursor: pointer;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.fileselect, .box-content:has(.from-dokeos) #_cbhtml .is-modal.imageselect, .box-content:has(.from-dokeos) #_cbhtml .is-modal.videoselect, .box-content:has(.from-dokeos) .is-ui .is-modal.fileselect, .box-content:has(.from-dokeos) .is-ui .is-modal.imageselect, .box-content:has(.from-dokeos) .is-ui .is-modal.videoselect {
  z-index: 10005;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.previewcontent,
.box-content:has(.from-dokeos) .is-ui .is-modal.previewcontent {
  background: #d1d1d1;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.previewcontent .size-control,
.box-content:has(.from-dokeos) .is-ui .is-modal.previewcontent .size-control {
  cursor: pointer;
  background: #f7f7f7;
  border-left: #dedede 2px solid;
  border-right: #dedede 2px solid;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.previewcontent .size-control-info,
.box-content:has(.from-dokeos) .is-ui .is-modal.previewcontent .size-control-info {
  text-align: center;
  color: #000;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.previewcontent .size-control.hover,
.box-content:has(.from-dokeos) .is-ui .is-modal.previewcontent .size-control.hover {
  background: #f0f0f0;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.is-confirm div.is-modal-content,
.box-content:has(.from-dokeos) .is-ui .is-modal.is-confirm div.is-modal-content {
  max-width: 526px;
  text-align: center;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.viewconfig label,
.box-content:has(.from-dokeos) .is-ui .is-modal.viewconfig label {
  font-size: 14px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.viewconfig div.is-modal-content,
.box-content:has(.from-dokeos) .is-ui .is-modal.viewconfig div.is-modal-content {
  max-width: 700px;
  padding: 5px 17px 17px 17px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.viewhtml, .box-content:has(.from-dokeos) #_cbhtml .is-modal.viewhtmlformatted, .box-content:has(.from-dokeos) #_cbhtml .is-modal.viewhtmlnormal, .box-content:has(.from-dokeos) .is-ui .is-modal.viewhtml, .box-content:has(.from-dokeos) .is-ui .is-modal.viewhtmlformatted, .box-content:has(.from-dokeos) .is-ui .is-modal.viewhtmlnormal {
  z-index: 10005;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.viewhtml div.is-modal-content, .box-content:has(.from-dokeos) #_cbhtml .is-modal.viewhtmlformatted div.is-modal-content, .box-content:has(.from-dokeos) #_cbhtml .is-modal.viewhtmlnormal div.is-modal-content, .box-content:has(.from-dokeos) .is-ui .is-modal.viewhtml div.is-modal-content, .box-content:has(.from-dokeos) .is-ui .is-modal.viewhtmlformatted div.is-modal-content, .box-content:has(.from-dokeos) .is-ui .is-modal.viewhtmlnormal div.is-modal-content {
  width: 80%;
  max-width: 1200px;
  height: 80%;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.viewhtmllarger,
.box-content:has(.from-dokeos) .is-ui .is-modal.viewhtmllarger {
  z-index: 10005;
  align-items: flex-end;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.viewhtmllarger div.is-modal-content,
.box-content:has(.from-dokeos) .is-ui .is-modal.viewhtmllarger div.is-modal-content {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.grideditor,
.box-content:has(.from-dokeos) .is-ui .is-modal.grideditor {
  background: #fff;
  width: 96px;
  height: 475px;
  top: 33%;
  left: auto;
  right: 15%;
  margin-top: -220px;
  box-sizing: content-box;
  overflow: hidden;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.grideditor .is-modal-bar,
.box-content:has(.from-dokeos) .is-ui .is-modal.grideditor .is-modal-bar {
  z-index: 1;
  height: 20px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.grideditor .is-modal-bar .is-modal-close,
.box-content:has(.from-dokeos) .is-ui .is-modal.grideditor .is-modal-bar .is-modal-close {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 10px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.grideditor.active,
.box-content:has(.from-dokeos) .is-ui .is-modal.grideditor.active {
  display: flex;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.grideditor > div,
.box-content:has(.from-dokeos) .is-ui .is-modal.grideditor > div {
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  border: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.grideditor button,
.box-content:has(.from-dokeos) .is-ui .is-modal.grideditor button {
  width: 48px;
  height: 40px;
  background-color: transparent !important;
  box-shadow: none !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.grideditor button.on,
.box-content:has(.from-dokeos) .is-ui .is-modal.grideditor button.on {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.grideditor button:hover,
.box-content:has(.from-dokeos) .is-ui .is-modal.grideditor button:hover {
  background-color: rgba(0, 0, 0, 0.03) !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.grideditor .is-separator,
.box-content:has(.from-dokeos) .is-ui .is-modal.grideditor .is-separator {
  width: 100%;
  border-top: #f2f2f2 1px solid;
  display: flex;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickgradientcolor div.is-modal-content,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickgradientcolor div.is-modal-content {
  max-width: 201px;
  padding: 0;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickgradientcolor .is-modal-bar,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickgradientcolor .is-modal-bar {
  height: 10px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickgradientcolor .is-settings,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickgradientcolor .is-settings {
  margin-bottom: 15px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickgradientcolor .is-settings > div,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickgradientcolor .is-settings > div {
  display: flex;
  align-items: center;
  height: 50px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickgradientcolor .is-settings > div.is-label,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickgradientcolor .is-settings > div.is-label {
  height: auto;
  font-family: sans-serif;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  margin: 10px 0 3px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickgradientcolor .is-settings button,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickgradientcolor .is-settings button {
  width: auto;
  height: 37px;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  padding: 1px 20px;
  box-sizing: border-box;
  border: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickgradientcolor .is-settings button.is-btn-color {
  width: 35px;
  height: 35px;
  padding: 0;
  background: rgba(255, 255, 255, 0.2);
  border: rgba(0, 0, 0, 0.09) 1px solid;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickgradientcolor .is-settings button .is-elmgrad-remove {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  background: rgba(95, 94, 94, 0.26);
  color: #fff;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  display: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickgradientcolor .is-settings button[data-elmgradient].active .is-elmgrad-remove,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickgradientcolor .is-settings button[data-elmgradient].active .is-elmgrad-remove {
  display: block;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickgradientcolor .is-settings label,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickgradientcolor .is-settings label {
  font-size: 13px;
  color: inherit;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickgradientcolor button.input-gradient-clear,
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickgradientcolor button.input-gradient-clear:hover,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickgradientcolor button.input-gradient-clear,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickgradientcolor button.input-gradient-clear:hover {
  border: transparent 1px solid;
  background-color: transparent;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.edittable,
.box-content:has(.from-dokeos) .is-ui .is-modal.edittable {
  z-index: 10002;
  position: fixed;
  overflow: hidden;
  width: 250px;
  height: 410px;
  top: 50%;
  left: auto;
  right: 30%;
  margin-top: -205px;
  box-sizing: content-box;
  flex-direction: row;
  align-items: flex-start;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.edittable .is-modal-bar,
.box-content:has(.from-dokeos) .is-ui .is-modal.edittable .is-modal-bar {
  line-height: 30px;
  height: 30px;
  background-color: #fafafa;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.edittable .is-modal-bar .is-modal-close,
.box-content:has(.from-dokeos) .is-ui .is-modal.edittable .is-modal-bar .is-modal-close {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 10px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.edittable.active,
.box-content:has(.from-dokeos) .is-ui .is-modal.edittable.active {
  display: flex;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.edittable > div:not(.is-draggable),
.box-content:has(.from-dokeos) .is-ui .is-modal.edittable > div:not(.is-draggable) {
  width: 100%;
  margin-top: 30px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.edittable button,
.box-content:has(.from-dokeos) .is-ui .is-modal.edittable button {
  height: 35px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.edittable button.is-btn-color,
.box-content:has(.from-dokeos) .is-ui .is-modal.edittable button.is-btn-color {
  width: 35px;
  height: 35px;
  padding: 0;
  background: rgba(255, 255, 255, 0.2);
  border: rgba(0, 0, 0, 0.09) 1px solid;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .is-modal-bar,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .is-modal-bar {
  background-color: #fafafa;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings.active,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings.active {
  display: flex;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings > div:not(.is-draggable),
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings > div:not(.is-draggable) {
  width: 100%;
  margin-top: 30px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings button,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings button {
  width: auto;
  height: 35px;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  padding: 1px 20px;
  box-sizing: border-box;
  border: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings button.is-btn-color,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings button.is-btn-color {
  width: 35px;
  height: 35px;
  padding: 0;
  background: rgba(255, 255, 255, 0.2);
  border: rgba(0, 0, 0, 0.09) 1px solid;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings button span,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings button span {
  margin-left: 5px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings button svg,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings button svg {
  width: 12px;
  height: 12px;
  flex: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings button.input-cell-bgimage,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings button.input-cell-bgimage {
  margin-right: 1px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings button.input-cell-bgimage svg,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings button.input-cell-bgimage svg {
  width: 14px;
  height: 14px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings button.input-cell-bgimageadjust,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings button.input-cell-bgimageadjust {
  width: 40px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .cell-bgimage-preview,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .cell-bgimage-preview {
  max-width: 120px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .cell-bgimage-preview img,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .cell-bgimage-preview img {
  max-width: 100%;
  max-height: 100%;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .div-content-padding,
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .div-content-height,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .div-content-padding,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .div-content-height {
  display: flex;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .div-content-padding button,
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .div-content-height button,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .div-content-padding button,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .div-content-height button {
  width: 40px;
  margin-right: 1px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .div-content-padding button svg,
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .div-content-height button svg,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .div-content-padding button svg,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .div-content-height button svg {
  flex: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .div-content-textcolor,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .div-content-textcolor {
  display: flex;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .div-content-textcolor button,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .div-content-textcolor button {
  width: 40px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .div-content-textcolor button[data-command=dark],
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .div-content-textcolor button[data-command=dark] {
  width: auto;
  background-color: #f7f7f7;
  color: #111;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .div-content-textcolor button[data-command=light],
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .div-content-textcolor button[data-command=light] {
  width: auto;
  background-color: #333;
  color: #f7f7f7;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .div-content-position,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .div-content-position {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  width: 184px;
  padding: 0;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .div-content-position button,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .div-content-position button {
  width: 40px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .div-content-position button svg,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .div-content-position button svg {
  flex: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .image-src,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .image-src {
  display: flex;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings .image-src > button,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings .image-src > button {
  background: transparent !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.columnsettings #divCellClick p,
.box-content:has(.from-dokeos) .is-ui .is-modal.columnsettings #divCellClick p {
  font-size: 13px;
  line-height: 1.7;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.imagesource .is-modal-content,
.box-content:has(.from-dokeos) .is-ui .is-modal.imagesource .is-modal-content {
  padding: 20px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.imagesource .image-src,
.box-content:has(.from-dokeos) .is-ui .is-modal.imagesource .image-src {
  display: flex;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.imagesource .image-src > button,
.box-content:has(.from-dokeos) .is-ui .is-modal.imagesource .image-src > button {
  background: transparent !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickfontfamily .is-modal-bar,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickfontfamily .is-modal-bar {
  background: #fafafa;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickfontfamily div.is-modal-content,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickfontfamily div.is-modal-content {
  max-width: 303px;
  padding: 0;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.editstyles .is-modal-bar .is-modal-close,
.box-content:has(.from-dokeos) .is-ui .is-modal.editstyles .is-modal-bar .is-modal-close {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 10px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickcolor div.is-modal-content,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickcolor div.is-modal-content {
  max-width: 271px;
  padding: 12px 12px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickcolor .is-modal-bar,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickcolor .is-modal-bar {
  height: 11px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickcolormore div.is-modal-content,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickcolormore div.is-modal-content {
  max-width: 340px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.pickcolormore .is-modal-bar,
.box-content:has(.from-dokeos) .is-ui .is-modal.pickcolormore .is-modal-bar {
  height: 11px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.insertimage label,
.box-content:has(.from-dokeos) .is-ui .is-modal.insertimage label {
  font-size: 14px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.insertimage .is-drop-area,
.box-content:has(.from-dokeos) .is-ui .is-modal.insertimage .is-drop-area {
  border: 2px dashed #b3b3b3;
  position: relative;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.insertimage .is-drop-area:hover,
.box-content:has(.from-dokeos) .is-ui .is-modal.insertimage .is-drop-area:hover {
  background-color: #f7f7f7;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.insertimage .is-drop-area.image-dropping,
.box-content:has(.from-dokeos) .is-ui .is-modal.insertimage .is-drop-area.image-dropping {
  background-color: #f7f7f7;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.insertimage .is-drop-area #fileInsertImage,
.box-content:has(.from-dokeos) .is-ui .is-modal.insertimage .is-drop-area #fileInsertImage {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.insertimage .is-drop-area .drag-text p,
.box-content:has(.from-dokeos) .is-ui .is-modal.insertimage .is-drop-area .drag-text p {
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 60px 0;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.insertimage .is-preview-area,
.box-content:has(.from-dokeos) .is-ui .is-modal.insertimage .is-preview-area {
  display: none;
  text-align: center;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.insertimage .is-preview-area div,
.box-content:has(.from-dokeos) .is-ui .is-modal.insertimage .is-preview-area div {
  position: relative;
  display: inline-block;
  margin: 10px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.insertimage .is-preview-area div i,
.box-content:has(.from-dokeos) .is-ui .is-modal.insertimage .is-preview-area div i {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  font-size: 27px;
  box-sizing: border-box;
  padding-left: 1px;
  cursor: pointer;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.insertimage .is-preview-area #imgInsertImagePreview,
.box-content:has(.from-dokeos) .is-ui .is-modal.insertimage .is-preview-area #imgInsertImagePreview {
  max-height: 200px;
  max-width: 200px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.insertimage .image-src,
.box-content:has(.from-dokeos) .is-ui .is-modal.insertimage .image-src {
  display: flex;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.insertimage .image-src > button,
.box-content:has(.from-dokeos) .is-ui .is-modal.insertimage .image-src > button {
  background: transparent !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.imageedit div.is-modal-content,
.box-content:has(.from-dokeos) .is-ui .is-modal.imageedit div.is-modal-content {
  width: auto;
  padding-top: 7px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.imageedit .imageedit-crop button,
.box-content:has(.from-dokeos) .is-ui .is-modal.imageedit .imageedit-crop button {
  margin: 0 20px 0 0;
  border: #d1d1d1 1px solid;
  background-color: transparent !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.imagelink label,
.box-content:has(.from-dokeos) .is-ui .is-modal.imagelink label {
  font-size: 14px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.imagelink div.is-modal-content,
.box-content:has(.from-dokeos) .is-ui .is-modal.imagelink div.is-modal-content {
  max-width: 526px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.imagelink .image-src,
.box-content:has(.from-dokeos) .is-ui .is-modal.imagelink .image-src {
  display: flex;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.imagelink .image-src > button,
.box-content:has(.from-dokeos) .is-ui .is-modal.imagelink .image-src > button {
  background: transparent !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.imagelink .image-link,
.box-content:has(.from-dokeos) .is-ui .is-modal.imagelink .image-link {
  display: flex;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.imagelink .image-link button,
.box-content:has(.from-dokeos) .is-ui .is-modal.imagelink .image-link button {
  background: transparent !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.iframelink div.is-modal-content,
.box-content:has(.from-dokeos) .is-ui .is-modal.iframelink div.is-modal-content {
  max-width: 550px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.videolink div.is-modal-content,
.box-content:has(.from-dokeos) .is-ui .is-modal.videolink div.is-modal-content {
  max-width: 550px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.videolink .video-url,
.box-content:has(.from-dokeos) .is-ui .is-modal.videolink .video-url {
  position: relative;
  height: 50px;
  display: flex;
  flex-direction: row;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.videolink .video-url .inpVideoLinkSource,
.box-content:has(.from-dokeos) .is-ui .is-modal.videolink .video-url .inpVideoLinkSource {
  width: 100%;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.videolink .video-url button,
.box-content:has(.from-dokeos) .is-ui .is-modal.videolink .video-url button {
  background: transparent !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.videolink .input-select,
.box-content:has(.from-dokeos) .is-ui .is-modal.videolink .input-select {
  width: 60px;
  font-size: 20px;
  height: 50px;
  border-left: none;
  background: transparent;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.createlink label,
.box-content:has(.from-dokeos) .is-ui .is-modal.createlink label {
  font-size: 14px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.createlink div.is-modal-content,
.box-content:has(.from-dokeos) .is-ui .is-modal.createlink div.is-modal-content {
  max-width: 526px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.createlink .link-src,
.box-content:has(.from-dokeos) .is-ui .is-modal.createlink .link-src {
  position: relative;
  height: 50px;
  display: flex;
  flex-direction: row;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.createlink .link-src .input-url,
.box-content:has(.from-dokeos) .is-ui .is-modal.createlink .link-src .input-url {
  width: 100%;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.createlink .link-src button,
.box-content:has(.from-dokeos) .is-ui .is-modal.createlink .link-src button {
  background: transparent !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.createlink .input-select,
.box-content:has(.from-dokeos) .is-ui .is-modal.createlink .input-select {
  width: 60px;
  font-size: 20px;
  height: 50px;
  border-left: none;
  background: transparent;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.viewconfig .div-themes,
.box-content:has(.from-dokeos) .is-ui .is-modal.viewconfig .div-themes {
  display: flex;
  flex-flow: wrap;
  width: 189px;
  border: rgba(255, 255, 255, 0.15) 1px solid;
  box-sizing: content-box;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.viewconfig button.input-setcolor,
.box-content:has(.from-dokeos) .is-ui .is-modal.viewconfig button.input-setcolor {
  width: 27px;
  height: 25px;
  border: transparent 1px solid;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool#divImageTool, .box-content:has(.from-dokeos) #_cbhtml .is-tool.is-video-tool, .box-content:has(.from-dokeos) #_cbhtml .is-tool.is-iframe-tool, .box-content:has(.from-dokeos) .is-ui .is-tool#divImageTool, .box-content:has(.from-dokeos) .is-ui .is-tool.is-video-tool, .box-content:has(.from-dokeos) .is-ui .is-tool.is-iframe-tool {
  background: rgba(0, 0, 0, 0.15);
  border: transparent 1px solid;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool#divImageTool > div, .box-content:has(.from-dokeos) #_cbhtml .is-tool#divImageTool > button, .box-content:has(.from-dokeos) #_cbhtml .is-tool.is-video-tool > div, .box-content:has(.from-dokeos) #_cbhtml .is-tool.is-video-tool > button, .box-content:has(.from-dokeos) #_cbhtml .is-tool.is-iframe-tool > div, .box-content:has(.from-dokeos) #_cbhtml .is-tool.is-iframe-tool > button, .box-content:has(.from-dokeos) .is-ui .is-tool#divImageTool > div, .box-content:has(.from-dokeos) .is-ui .is-tool#divImageTool > button, .box-content:has(.from-dokeos) .is-ui .is-tool.is-video-tool > div, .box-content:has(.from-dokeos) .is-ui .is-tool.is-video-tool > button, .box-content:has(.from-dokeos) .is-ui .is-tool.is-iframe-tool > div, .box-content:has(.from-dokeos) .is-ui .is-tool.is-iframe-tool > button {
  background: transparent;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool#divImageTool svg, .box-content:has(.from-dokeos) #_cbhtml .is-tool.is-video-tool svg, .box-content:has(.from-dokeos) #_cbhtml .is-tool.is-iframe-tool svg, .box-content:has(.from-dokeos) .is-ui .is-tool#divImageTool svg, .box-content:has(.from-dokeos) .is-ui .is-tool.is-video-tool svg, .box-content:has(.from-dokeos) .is-ui .is-tool.is-iframe-tool svg {
  fill: #fff;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool#divImageResizer,
.box-content:has(.from-dokeos) .is-ui .is-tool#divImageResizer {
  background: rgba(0, 0, 0, 0.01);
  width: 1px;
  height: 1px;
  z-index: 10;
  touch-action: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-spacer-tool,
.box-content:has(.from-dokeos) .is-ui .is-tool.is-spacer-tool {
  border: none;
  background: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-spacer-tool > button,
.box-content:has(.from-dokeos) .is-ui .is-tool.is-spacer-tool > button {
  width: 30px;
  height: 30px;
  background: rgba(240, 240, 240, 0.9);
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-spacer-tool > button svg,
.box-content:has(.from-dokeos) .is-ui .is-tool.is-spacer-tool > button svg {
  fill: #121212;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-table-tool,
.box-content:has(.from-dokeos) .is-ui .is-tool.is-table-tool {
  border: none;
  background: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-table-tool:hover,
.box-content:has(.from-dokeos) .is-ui .is-tool.is-table-tool:hover {
  z-index: 10001 !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-table-tool > button,
.box-content:has(.from-dokeos) .is-ui .is-tool.is-table-tool > button {
  width: 30px;
  height: 30px;
  background: rgba(240, 240, 240, 0.9);
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-table-tool > button svg,
.box-content:has(.from-dokeos) .is-ui .is-tool.is-table-tool > button svg {
  fill: #121212;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-code-tool, .box-content:has(.from-dokeos) #_cbhtml .is-tool.is-module-tool, .box-content:has(.from-dokeos) .is-ui .is-tool.is-code-tool, .box-content:has(.from-dokeos) .is-ui .is-tool.is-module-tool {
  border: none;
  background: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-code-tool > button, .box-content:has(.from-dokeos) #_cbhtml .is-tool.is-module-tool > button, .box-content:has(.from-dokeos) .is-ui .is-tool.is-code-tool > button, .box-content:has(.from-dokeos) .is-ui .is-tool.is-module-tool > button {
  width: 30px;
  height: 30px;
  background: rgba(240, 240, 240, 0.9);
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-code-tool > button svg, .box-content:has(.from-dokeos) #_cbhtml .is-tool.is-module-tool > button svg, .box-content:has(.from-dokeos) .is-ui .is-tool.is-code-tool > button svg, .box-content:has(.from-dokeos) .is-ui .is-tool.is-module-tool > button svg {
  fill: #121212;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool#divLinkTool button,
.box-content:has(.from-dokeos) .is-ui .is-tool#divLinkTool button {
  width: 30px;
  height: 30px;
  background: rgba(243, 243, 243, 0.9);
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool#divLinkTool button svg,
.box-content:has(.from-dokeos) .is-ui .is-tool#divLinkTool button svg {
  fill: #121212;
}
.box-content:has(.from-dokeos) #_cbhtml .dot,
.box-content:has(.from-dokeos) .is-ui .dot {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  display: inline-block;
  margin: 25px 2px 0;
  -webkit-animation: jump 1.5s linear infinite;
}
@-webkit-keyframes jump {
  0%, 100% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-10px);
  }
  40% {
    transform: translateY(0px);
  }
}
.box-content:has(.from-dokeos) #_cbhtml .dot:nth-of-type(2),
.box-content:has(.from-dokeos) .is-ui .dot:nth-of-type(2) {
  -webkit-animation-delay: 0.2s;
}
.box-content:has(.from-dokeos) #_cbhtml .dot:nth-of-type(3),
.box-content:has(.from-dokeos) .is-ui .dot:nth-of-type(3) {
  -webkit-animation-delay: 0.4s;
}
.box-content:has(.from-dokeos) #_cbhtml #divImageProgress,
.box-content:has(.from-dokeos) .is-ui #divImageProgress {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.15);
  transition: none;
}
.box-content:has(.from-dokeos) #_cbhtml #divImageProgress > div,
.box-content:has(.from-dokeos) .is-ui #divImageProgress > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.box-content:has(.from-dokeos) #_cbhtml #divImageProgress .dot,
.box-content:has(.from-dokeos) .is-ui #divImageProgress .dot {
  background-color: #fff;
  margin: 10px 2px 0;
}
.box-content:has(.from-dokeos) #_cbhtml .is-side,
.box-content:has(.from-dokeos) .is-ui .is-side {
  display: block;
  position: fixed;
  top: 0;
  right: -367px;
  left: auto;
  width: 365px;
  height: 100%;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.05) 0 0 16px 0px;
  box-sizing: border-box;
  background: #fff;
  transition: all ease 0.3s;
  font-family: sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  z-index: 10003;
}
.box-content:has(.from-dokeos) #_cbhtml .is-side.active,
.box-content:has(.from-dokeos) .is-ui .is-side.active {
  right: 0;
}
.box-content:has(.from-dokeos) #_cbhtml .is-side.fromleft,
.box-content:has(.from-dokeos) .is-ui .is-side.fromleft {
  left: -367px;
  right: auto;
  border: none;
  border-right: 1px solid #e0e0e0;
}
.box-content:has(.from-dokeos) #_cbhtml .is-side.fromleft.active,
.box-content:has(.from-dokeos) .is-ui .is-side.fromleft.active {
  left: 0;
}
.box-content:has(.from-dokeos) #_cbhtml .is-side > div,
.box-content:has(.from-dokeos) .is-ui .is-side > div {
  width: 100%;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
}
.box-content:has(.from-dokeos) #_cbhtml button,
.box-content:has(.from-dokeos) #_cbhtml .is-btn,
.box-content:has(.from-dokeos) .is-ui button,
.box-content:has(.from-dokeos) .is-ui .is-btn {
  color: #121212;
  background: #f7f7f7;
  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
  width: auto;
  height: 45px;
  border: none;
  font-family: sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 300;
  opacity: 1;
  line-height: 1;
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  cursor: pointer;
  text-transform: none;
  text-align: center;
  position: relative;
  border-radius: 0;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box-content:has(.from-dokeos) #_cbhtml button:hover,
.box-content:has(.from-dokeos) #_cbhtml .is-btn:hover,
.box-content:has(.from-dokeos) .is-ui button:hover,
.box-content:has(.from-dokeos) .is-ui .is-btn:hover {
  background: #f9f9f9;
}
.box-content:has(.from-dokeos) #_cbhtml button svg,
.box-content:has(.from-dokeos) #_cbhtml .is-btn svg,
.box-content:has(.from-dokeos) .is-ui button svg,
.box-content:has(.from-dokeos) .is-ui .is-btn svg {
  fill: #000;
}
.box-content:has(.from-dokeos) #_cbhtml button:focus,
.box-content:has(.from-dokeos) #_cbhtml .is-btn:focus,
.box-content:has(.from-dokeos) .is-ui button:focus,
.box-content:has(.from-dokeos) .is-ui .is-btn:focus {
  outline: none;
}
.box-content:has(.from-dokeos) #_cbhtml button.fullwidth,
.box-content:has(.from-dokeos) #_cbhtml .is-btn.fullwidth,
.box-content:has(.from-dokeos) .is-ui button.fullwidth,
.box-content:has(.from-dokeos) .is-ui .is-btn.fullwidth {
  width: 100%;
}
.box-content:has(.from-dokeos) #_cbhtml button.classic,
.box-content:has(.from-dokeos) #_cbhtml .is-btn.classic,
.box-content:has(.from-dokeos) .is-ui button.classic,
.box-content:has(.from-dokeos) .is-ui .is-btn.classic {
  width: 100%;
  height: 50px;
  display: block;
  background: #f7f7f7;
  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
}
.box-content:has(.from-dokeos) #_cbhtml button.classic:hover,
.box-content:has(.from-dokeos) #_cbhtml .is-btn.classic:hover,
.box-content:has(.from-dokeos) .is-ui button.classic:hover,
.box-content:has(.from-dokeos) .is-ui .is-btn.classic:hover {
  background: #f9f9f9;
}
.box-content:has(.from-dokeos) #_cbhtml button.classic-primary,
.box-content:has(.from-dokeos) #_cbhtml .is-btn.classic-primary,
.box-content:has(.from-dokeos) .is-ui button.classic-primary,
.box-content:has(.from-dokeos) .is-ui .is-btn.classic-primary {
  display: inline-block;
  width: auto;
  height: 50px;
  padding-left: 30px;
  padding-right: 30px;
  min-width: 135px;
  background: #f7f7f7;
  border: transparent 1px solid;
  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
}
.box-content:has(.from-dokeos) #_cbhtml button.classic-primary:hover,
.box-content:has(.from-dokeos) #_cbhtml .is-btn.classic-primary:hover,
.box-content:has(.from-dokeos) .is-ui button.classic-primary:hover,
.box-content:has(.from-dokeos) .is-ui .is-btn.classic-primary:hover {
  background: #f9f9f9;
  border: transparent 1px solid;
}
.box-content:has(.from-dokeos) #_cbhtml button.classic-secondary,
.box-content:has(.from-dokeos) #_cbhtml .is-btn.classic-secondary,
.box-content:has(.from-dokeos) .is-ui button.classic-secondary,
.box-content:has(.from-dokeos) .is-ui .is-btn.classic-secondary {
  display: inline-block;
  width: auto;
  height: 50px;
  padding-left: 30px;
  padding-right: 30px;
  background: transparent;
  border: transparent 1px solid;
  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
}
.box-content:has(.from-dokeos) #_cbhtml button.classic-secondary:hover,
.box-content:has(.from-dokeos) #_cbhtml .is-btn.classic-secondary:hover,
.box-content:has(.from-dokeos) .is-ui button.classic-secondary:hover,
.box-content:has(.from-dokeos) .is-ui .is-btn.classic-secondary:hover {
  background: transparent;
  border: transparent 1px solid;
}
.box-content:has(.from-dokeos) #_cbhtml textarea,
.box-content:has(.from-dokeos) .is-ui textarea {
  font-family: courier;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 1px;
  margin: 0;
  padding: 8px 16px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background-color: #fafafa;
  color: #121212;
}
.box-content:has(.from-dokeos) #_cbhtml textarea:focus,
.box-content:has(.from-dokeos) .is-ui textarea:focus {
  outline: none;
}
.box-content:has(.from-dokeos) #_cbhtml select,
.box-content:has(.from-dokeos) .is-ui select {
  font-size: 13px;
  letter-spacing: 1px;
  height: 35px;
  line-height: 1.7;
  color: #4a4a4a;
  border-radius: 5px;
  border: none;
  background-color: #f0f0f0;
  width: auto;
  display: inline-block;
  background-image: none;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
  padding: 0 5px;
}
.box-content:has(.from-dokeos) #_cbhtml select option,
.box-content:has(.from-dokeos) .is-ui select option {
  background: #fff;
}
.box-content:has(.from-dokeos) #_cbhtml select:focus,
.box-content:has(.from-dokeos) .is-ui select:focus {
  outline: none;
}
.box-content:has(.from-dokeos) #_cbhtml input[type=text],
.box-content:has(.from-dokeos) .is-ui input[type=text] {
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  margin: 0;
  font-family: sans-serif;
  font-size: 15px;
  letter-spacing: 1px;
  padding: 0;
  padding-left: 8px;
  color: #121212;
  display: inline-block;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 0;
  background-color: #fafafa;
}
.box-content:has(.from-dokeos) #_cbhtml input[type=text]:focus,
.box-content:has(.from-dokeos) .is-ui input[type=text]:focus {
  outline: none;
}
.box-content:has(.from-dokeos) #_cbhtml input[type=text] [type=checkbox], .box-content:has(.from-dokeos) #_cbhtml input[type=text] [type=radio], .box-content:has(.from-dokeos) .is-ui input[type=text] [type=checkbox], .box-content:has(.from-dokeos) .is-ui input[type=text] [type=radio] {
  position: relative;
  opacity: 1;
  margin-top: 0;
  margin-bottom: 0;
}
.box-content:has(.from-dokeos) #_cbhtml label,
.box-content:has(.from-dokeos) .is-ui label {
  font-size: 13px;
  letter-spacing: 1px;
  padding: 0;
}
.box-content:has(.from-dokeos) #_cbhtml label.label-checkbox,
.box-content:has(.from-dokeos) .is-ui label.label-checkbox {
  display: flex;
  align-items: center;
  line-height: 1;
}
.box-content:has(.from-dokeos) #_cbhtml label.label-checkbox input,
.box-content:has(.from-dokeos) .is-ui label.label-checkbox input {
  margin: 0;
  margin-right: 5px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rangeslider,
.box-content:has(.from-dokeos) .is-ui .is-rangeslider {
  -webkit-appearance: none;
  width: 100%;
  height: 24px;
  background: #e3e3e3;
  outline: none;
  border: none !important;
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  margin: 2px !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rangeslider:hover,
.box-content:has(.from-dokeos) .is-ui .is-rangeslider:hover {
  opacity: 1;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rangeslider::-webkit-slider-thumb,
.box-content:has(.from-dokeos) .is-ui .is-rangeslider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px !important;
  height: 24px !important;
  border-radius: 0 !important;
  background: #0e75de;
  cursor: pointer;
  margin: 0 !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rangeslider::-moz-range-thumb,
.box-content:has(.from-dokeos) .is-ui .is-rangeslider::-moz-range-thumb {
  width: 25px !important;
  height: 24px !important;
  background: #0e75de;
  cursor: pointer;
  margin: 0 !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-rangeslider::-webkit-slider-runnable-track,
.box-content:has(.from-dokeos) .is-ui .is-rangeslider::-webkit-slider-runnable-track {
  height: auto !important;
  background: none !important;
  border: none !important;
}
.box-content:has(.from-dokeos) #_cbhtml .rangeSlider, .box-content:has(.from-dokeos) #_cbhtml .rangeSlider__fill, .box-content:has(.from-dokeos) .is-ui .rangeSlider, .box-content:has(.from-dokeos) .is-ui .rangeSlider__fill {
  display: block;
}
.box-content:has(.from-dokeos) #_cbhtml .rangeSlider,
.box-content:has(.from-dokeos) .is-ui .rangeSlider {
  position: relative;
  background-color: transparent;
  outline: 1px solid rgba(0, 0, 0, 0.06);
}
.box-content:has(.from-dokeos) #_cbhtml .rangeSlider__horizontal,
.box-content:has(.from-dokeos) .is-ui .rangeSlider__horizontal {
  height: 24px;
  width: 100%;
}
.box-content:has(.from-dokeos) #_cbhtml .rangeSlider__vertical,
.box-content:has(.from-dokeos) .is-ui .rangeSlider__vertical {
  height: 100%;
  width: 20px;
}
.box-content:has(.from-dokeos) #_cbhtml .rangeSlider--disabled,
.box-content:has(.from-dokeos) .is-ui .rangeSlider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
.box-content:has(.from-dokeos) #_cbhtml .rangeSlider__fill,
.box-content:has(.from-dokeos) .is-ui .rangeSlider__fill {
  background-color: transparent;
  position: absolute;
}
.box-content:has(.from-dokeos) #_cbhtml .rangeSlider__fill__horizontal,
.box-content:has(.from-dokeos) .is-ui .rangeSlider__fill__horizontal {
  height: 100%;
  top: 0;
  left: 0;
}
.box-content:has(.from-dokeos) #_cbhtml .rangeSlider__fill__vertical,
.box-content:has(.from-dokeos) .is-ui .rangeSlider__fill__vertical {
  width: 100%;
  bottom: 0;
  left: 0;
}
.box-content:has(.from-dokeos) #_cbhtml .rangeSlider__handle,
.box-content:has(.from-dokeos) .is-ui .rangeSlider__handle {
  cursor: pointer;
  display: inline-block;
  width: 25px;
  height: 24px;
  position: absolute;
  border: 1px solid transparent;
  background: rgba(15, 86, 222, 0.8) linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.04));
  z-index: 1;
}
.box-content:has(.from-dokeos) #_cbhtml .rangeSlider__handle__horizontal,
.box-content:has(.from-dokeos) .is-ui .rangeSlider__handle__horizontal {
  top: -1px;
}
.box-content:has(.from-dokeos) #_cbhtml .rangeSlider__handle__vertical,
.box-content:has(.from-dokeos) .is-ui .rangeSlider__handle__vertical {
  left: -10px;
  bottom: 0;
}
.box-content:has(.from-dokeos) #_cbhtml .rangeSlider__handle:after,
.box-content:has(.from-dokeos) .is-ui .rangeSlider__handle:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
}
.box-content:has(.from-dokeos) #_cbhtml input[type=range]:focus + .rangeSlider .rangeSlider__handle,
.box-content:has(.from-dokeos) .is-ui input[type=range]:focus + .rangeSlider .rangeSlider__handle {
  box-shadow: 0 0 8px rgba(142, 68, 173, 0.9);
}
.box-content:has(.from-dokeos) #_cbhtml .rangeSlider__buffer,
.box-content:has(.from-dokeos) .is-ui .rangeSlider__buffer {
  position: absolute;
  top: 3px;
  height: 14px;
  border-radius: 10px;
}
.box-content:has(.from-dokeos) #_cbhtml .dot-1,
.box-content:has(.from-dokeos) .is-ui .dot-1 {
  background: #f0f0f0;
  width: 7px;
  height: 8px;
}
.box-content:has(.from-dokeos) #_cbhtml .dot-2,
.box-content:has(.from-dokeos) .is-ui .dot-2 {
  background: #fff;
  width: 7px;
  height: 8px;
}
.box-content:has(.from-dokeos) #_cbhtml .dot-3,
.box-content:has(.from-dokeos) .is-ui .dot-3 {
  background: #f0f0f0;
  width: 7px;
  height: 7px;
}
.box-content:has(.from-dokeos) #_cbhtml .dot-4,
.box-content:has(.from-dokeos) .is-ui .dot-4 {
  background: #fff;
  width: 7px;
  height: 7px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tabs,
.box-content:has(.from-dokeos) .is-ui .is-tabs {
  white-space: nowrap;
  padding: 20px;
  padding-bottom: 5px;
  padding-top: 10px;
  box-sizing: border-box;
  font-family: sans-serif;
  font-size: 11px;
  line-height: 1.8 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #fafafa;
  display: flex;
  flex-flow: wrap;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tabs a,
.box-content:has(.from-dokeos) .is-ui .is-tabs a {
  display: inline-block;
  padding: 3px 1px 0;
  color: #4a4a4a;
  border-bottom: transparent 1px solid;
  margin: 0 15px 13px 0;
  text-decoration: none;
  transition: box-shadow ease 0.3s;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tabs a.active,
.box-content:has(.from-dokeos) .is-ui .is-tabs a.active {
  background: transparent;
  box-shadow: none;
  cursor: default;
  border-bottom: #595959 1px solid;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tab-content,
.box-content:has(.from-dokeos) .is-ui .is-tab-content {
  display: none;
  padding: 20px;
  flex-direction: column;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tabs-more,
.box-content:has(.from-dokeos) .is-ui .is-tabs-more {
  box-sizing: border-box;
  width: 150px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  display: none;
  z-index: 1;
  font-family: sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid #f2f2f2;
  box-shadow: 3px 4px 9px 0px rgba(0, 0, 0, 0.06);
}
.box-content:has(.from-dokeos) #_cbhtml .is-tabs-more > a,
.box-content:has(.from-dokeos) .is-ui .is-tabs-more > a {
  display: block;
  color: #4a4a4a;
  padding: 10px;
  text-decoration: none;
  text-align: center;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tabs-more > a:hover, .box-content:has(.from-dokeos) #_cbhtml .is-tabs-more > a.active, .box-content:has(.from-dokeos) .is-ui .is-tabs-more > a:hover, .box-content:has(.from-dokeos) .is-ui .is-tabs-more > a.active {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml #divSnippetList,
.box-content:has(.from-dokeos) .is-ui #divSnippetList {
  right: -230px;
  width: 230px;
  background: #fff;
  border-left: 1px solid #e8e8e8;
  box-shadow: rgba(0, 0, 0, 0.03) 0 0 10px 0px;
}
.box-content:has(.from-dokeos) #_cbhtml #divSnippetList.active,
.box-content:has(.from-dokeos) .is-ui #divSnippetList.active {
  right: 0;
}
.box-content:has(.from-dokeos) #_cbhtml #divSnippetList.active #divSnippetScrollUp,
.box-content:has(.from-dokeos) .is-ui #divSnippetList.active #divSnippetScrollUp {
  display: block;
}
.box-content:has(.from-dokeos) #_cbhtml #divSnippetList.active #divSnippetScrollDown,
.box-content:has(.from-dokeos) .is-ui #divSnippetList.active #divSnippetScrollDown {
  display: block;
}
.box-content:has(.from-dokeos) #_cbhtml #divSnippetList #divSnippetHandle,
.box-content:has(.from-dokeos) .is-ui #divSnippetList #divSnippetHandle {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 170px;
  left: -40px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-right: none !important;
  line-height: 39px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.025) -4px 2px 5px 0px;
  cursor: pointer;
}
.box-content:has(.from-dokeos) #_cbhtml #divSnippetList.fromleft,
.box-content:has(.from-dokeos) .is-ui #divSnippetList.fromleft {
  left: -230px;
}
.box-content:has(.from-dokeos) #_cbhtml #divSnippetList.fromleft.active,
.box-content:has(.from-dokeos) .is-ui #divSnippetList.fromleft.active {
  left: 0;
}
.box-content:has(.from-dokeos) #_cbhtml #divSnippetList.fromleft #divSnippetHandle,
.box-content:has(.from-dokeos) .is-ui #divSnippetList.fromleft #divSnippetHandle {
  border-left: none;
  border-right: 1px solid #e8e8e8;
  left: auto;
  right: -41px;
  box-shadow: none !important;
}
.box-content:has(.from-dokeos) #_cbhtml #divSnippetScrollUp,
.box-content:has(.from-dokeos) #_cbhtml #divSnippetScrollDown,
.box-content:has(.from-dokeos) .is-ui #divSnippetScrollUp,
.box-content:has(.from-dokeos) .is-ui #divSnippetScrollDown {
  display: none;
  background: rgba(0, 0, 0, 0.12);
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #a9a9a9;
  position: fixed;
  z-index: 100000;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  font-family: sans-serif;
}
.box-content:has(.from-dokeos) #_cbhtml .is-design-list,
.box-content:has(.from-dokeos) .is-ui .is-design-list {
  height: 100%;
  margin: 0;
  padding: 0 0 20px !important;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  border-top: transparent 40px solid !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-design-list > div,
.box-content:has(.from-dokeos) .is-ui .is-design-list > div {
  width: 170px;
  overflow: hidden;
  margin: 22px 22px 0;
  cursor: move;
  display: block;
  opacity: 1;
  outline: #ebebeb 1px solid !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
  position: relative;
}
.box-content:has(.from-dokeos) #_cbhtml .is-design-list > div.hide,
.box-content:has(.from-dokeos) .is-ui .is-design-list > div.hide {
  display: none;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 350ms ease-in-out, opacity 750ms ease-in-out;
}
.box-content:has(.from-dokeos) #_cbhtml .is-design-list > div img,
.box-content:has(.from-dokeos) .is-ui .is-design-list > div img {
  box-shadow: none;
  display: block;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  width: 100%;
}
.box-content:has(.from-dokeos) #_cbhtml .is-design-list > div .is-overlay,
.box-content:has(.from-dokeos) .is-ui .is-design-list > div .is-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.box-content:has(.from-dokeos) #_cbhtml .is-design-list > div .is-overlay:after,
.box-content:has(.from-dokeos) .is-ui .is-design-list > div .is-overlay:after {
  background: rgba(0, 0, 0, 0.02);
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.box-content:has(.from-dokeos) #_cbhtml .is-design-list > div:hover .is-overlay:after,
.box-content:has(.from-dokeos) .is-ui .is-design-list > div:hover .is-overlay:after {
  opacity: 0.9;
}
.box-content:has(.from-dokeos) #_cbhtml .is-design-list .snippet-item.sortable-drag:hover,
.box-content:has(.from-dokeos) .is-ui .is-design-list .snippet-item.sortable-drag:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.box-content:has(.from-dokeos) #_cbhtml .is-selectbox,
.box-content:has(.from-dokeos) .is-ui .is-selectbox {
  height: 40px;
  box-sizing: border-box;
  padding: 0 0 0 20px;
  color: #000;
  background: #f0f0f0;
  box-shadow: none;
  line-height: 40px !important;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.box-content:has(.from-dokeos) #_cbhtml .is-selectbox:hover,
.box-content:has(.from-dokeos) .is-ui .is-selectbox:hover {
  background: #f2f2f2;
}
.box-content:has(.from-dokeos) #_cbhtml .is-selectbox svg,
.box-content:has(.from-dokeos) .is-ui .is-selectbox svg {
  fill: #000;
}
.box-content:has(.from-dokeos) #_cbhtml .is-selectbox-options,
.box-content:has(.from-dokeos) .is-ui .is-selectbox-options {
  width: 100%;
  height: 350px;
  border: #e8e8e8 1px solid;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  display: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-selectbox-options > div,
.box-content:has(.from-dokeos) .is-ui .is-selectbox-options > div {
  color: #000;
  height: 35px;
  padding: 0 0 0 20px;
  line-height: 35px !important;
  font-size: 13px;
  font-weight: 300;
  cursor: pointer;
}
.box-content:has(.from-dokeos) #_cbhtml .is-selectbox-options > div:hover,
.box-content:has(.from-dokeos) .is-ui .is-selectbox-options > div:hover {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .is-selectbox-options > div.selected,
.box-content:has(.from-dokeos) .is-ui .is-selectbox-options > div.selected {
  background: whitesmoke;
}
.box-content:has(.from-dokeos) #_cbhtml .elementstyles,
.box-content:has(.from-dokeos) .is-ui .elementstyles {
  width: 300px;
  font-size: 13px;
  z-index: 10005;
}
.box-content:has(.from-dokeos) #_cbhtml .elementstyles .elm-list,
.box-content:has(.from-dokeos) .is-ui .elementstyles .elm-list {
  font-size: 12px;
  line-height: 1.3;
  padding-bottom: 15px;
  color: #0096f1;
  border-bottom: rgba(0, 0, 0, 0.06) 1px solid;
}
.box-content:has(.from-dokeos) #_cbhtml .elementstyles .elm-list a,
.box-content:has(.from-dokeos) .is-ui .elementstyles .elm-list a {
  font-size: 13px;
  color: #0096f1;
  text-decoration: none;
  padding: 0 3px;
}
.box-content:has(.from-dokeos) #_cbhtml .elementstyles .elm-list a.active,
.box-content:has(.from-dokeos) .is-ui .elementstyles .elm-list a.active {
  color: #0096f1;
  background: #f0f0f0;
}
.box-content:has(.from-dokeos) #_cbhtml .elementstyles .is-settings,
.box-content:has(.from-dokeos) .is-ui .elementstyles .is-settings {
  margin-top: 7px;
}
.box-content:has(.from-dokeos) #_cbhtml .elementstyles .is-settings > div,
.box-content:has(.from-dokeos) .is-ui .elementstyles .is-settings > div {
  display: flex;
  align-items: center;
  min-height: 35px;
}
.box-content:has(.from-dokeos) #_cbhtml .elementstyles .is-settings > div.is-label,
.box-content:has(.from-dokeos) .is-ui .elementstyles .is-settings > div.is-label {
  height: auto;
  font-family: sans-serif;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  margin: 10px 0 3px;
}
.box-content:has(.from-dokeos) #_cbhtml .elementstyles .is-settings button,
.box-content:has(.from-dokeos) .is-ui .elementstyles .is-settings button {
  width: auto;
  height: 35px;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  padding: 1px 20px;
  box-sizing: border-box;
  border: none;
}
.box-content:has(.from-dokeos) #_cbhtml .elementstyles .is-settings button.is-btn-color,
.box-content:has(.from-dokeos) .is-ui .elementstyles .is-settings button.is-btn-color {
  width: 35px;
  height: 35px;
  padding: 0;
  background: rgba(255, 255, 255, 0.2);
  border: rgba(0, 0, 0, 0.09) 1px solid;
}
.box-content:has(.from-dokeos) #_cbhtml .elementstyles .is-settings label,
.box-content:has(.from-dokeos) .is-ui .elementstyles .is-settings label {
  font-size: 13px;
  color: inherit;
}
.box-content:has(.from-dokeos) #_cbhtml .elementstyles .is-settings input[type=text],
.box-content:has(.from-dokeos) .is-ui .elementstyles .is-settings input[type=text] {
  border-radius: 0;
  height: 35px;
  font-size: 13px;
}
.box-content:has(.from-dokeos) #_cbhtml .elementstyles .is-settings select,
.box-content:has(.from-dokeos) .is-ui .elementstyles .is-settings select {
  border-radius: 0;
  height: 35px;
  margin: 0;
}
.box-content:has(.from-dokeos) #_cbhtml .elementstyles #divElementMore,
.box-content:has(.from-dokeos) .is-ui .elementstyles #divElementMore {
  top: 50px;
  left: 140px;
}
.box-content:has(.from-dokeos) #_cbhtml .editstyles,
.box-content:has(.from-dokeos) .is-ui .editstyles {
  display: none;
  position: fixed;
  overflow: hidden;
  width: 280px;
  height: 390px;
  margin: 0px;
  top: 100px;
  left: auto;
  right: 320px;
  z-index: 10005;
  box-sizing: content-box;
  flex-direction: column;
}
.box-content:has(.from-dokeos) #_cbhtml .editstyles.active,
.box-content:has(.from-dokeos) .is-ui .editstyles.active {
  display: flex;
}
.box-content:has(.from-dokeos) #_cbhtml .editstyles > div:not(.is-draggable),
.box-content:has(.from-dokeos) .is-ui .editstyles > div:not(.is-draggable) {
  width: 100%;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: initial;
  box-sizing: border-box;
}
.box-content:has(.from-dokeos) #_cbhtml .is-modal.editstyles div.is-draggable,
.box-content:has(.from-dokeos) .is-ui .is-modal.editstyles div.is-draggable {
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  cursor: move;
  height: 20px;
  width: 100%;
  z-index: 1;
}
.box-content:has(.from-dokeos) #_cbhtml .color-swatch,
.box-content:has(.from-dokeos) .is-ui .color-swatch {
  width: 100%;
  height: 315px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.box-content:has(.from-dokeos) #_cbhtml .color-swatch > *,
.box-content:has(.from-dokeos) .is-ui .color-swatch > * {
  display: flex;
  height: 100%;
}
.box-content:has(.from-dokeos) #_cbhtml .color-swatch > * > *,
.box-content:has(.from-dokeos) .is-ui .color-swatch > * > * {
  width: 100%;
  height: 100%;
  border: transparent 1px solid;
  cursor: pointer;
  transition: all ease 0.3s;
}
.box-content:has(.from-dokeos) #_cbhtml .color-gradient,
.box-content:has(.from-dokeos) .is-ui .color-gradient {
  width: 100%;
  height: 157px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.box-content:has(.from-dokeos) #_cbhtml .color-gradient > *,
.box-content:has(.from-dokeos) .is-ui .color-gradient > * {
  display: flex;
  height: 100%;
}
.box-content:has(.from-dokeos) #_cbhtml .color-gradient > * > *,
.box-content:has(.from-dokeos) .is-ui .color-gradient > * > * {
  width: 100%;
  height: 100%;
  border: transparent 1px solid;
  cursor: pointer;
  transition: all ease 0.3s;
}
.box-content:has(.from-dokeos) #_cbhtml .pickcolor button,
.box-content:has(.from-dokeos) .is-ui .pickcolor button {
  float: left;
  width: 45px;
  height: 45px;
  cursor: pointer;
}
.box-content:has(.from-dokeos) #_cbhtml .pickcolor .color-default button,
.box-content:has(.from-dokeos) .is-ui .pickcolor .color-default button {
  width: 35px;
  height: 35px;
  border: transparent 1px solid;
}
.box-content:has(.from-dokeos) #_cbhtml .pickcolor button.clear,
.box-content:has(.from-dokeos) .is-ui .pickcolor button.clear {
  font-size: 10px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-color-preview,
.box-content:has(.from-dokeos) .is-ui .is-color-preview {
  border: rgba(0, 0, 0, 0.06) 1px solid;
}
.box-content:has(.from-dokeos) #_cbhtml .is-locked-indicator,
.box-content:has(.from-dokeos) .is-ui .is-locked-indicator {
  display: none;
  width: 28px;
  height: 28px;
  position: absolute;
  align-items: center;
  justify-content: center;
  background: rgba(243, 243, 243, 0.9);
  border-radius: 500px;
  pointer-events: none;
}

.box-content:has(.from-dokeos) .is-tool {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 10001;
  background: rgba(243, 243, 243, 0.9);
  box-sizing: border-box;
  padding: 0;
  outline: none;
}
.box-content:has(.from-dokeos) .is-tool:hover {
  z-index: 10003;
}
.box-content:has(.from-dokeos) .is-tool.active {
  display: flex;
}
.box-content:has(.from-dokeos) .is-tool button {
  width: 100%;
  height: 25px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  color: #000;
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
  text-align: c enter;
  line-height: unset;
  position: relative;
  border-radius: 0;
  transition: all ease 0.3s;
}
.box-content:has(.from-dokeos) .is-tool button:focus {
  outline: none;
}
.box-content:has(.from-dokeos) .is-tool button svg {
  fill: #000;
}

.box-content:has(.from-dokeos) #_cbhtml[gray] .is-tool.is-column-tool {
  background: rgba(243, 243, 243, 0.9);
  flex-direction: row;
  margin-top: -2px;
}
.box-content:has(.from-dokeos) #_cbhtml[gray] .is-tool.is-column-tool button {
  width: 27px;
  height: 27px;
}
.box-content:has(.from-dokeos) #_cbhtml[gray] .is-tool.is-column-tool .cell-add {
  background: transparent;
}
.box-content:has(.from-dokeos) #_cbhtml[gray] .is-tool.is-column-tool .cell-more {
  background: transparent;
}
.box-content:has(.from-dokeos) #_cbhtml[gray] .is-tool.is-column-tool .cell-remove {
  background: transparent;
}
.box-content:has(.from-dokeos) #_cbhtml[gray] .is-tool.is-column-tool svg {
  width: 18px;
  height: 18px;
  fill: #000;
}
.box-content:has(.from-dokeos) #_cbhtml[gray] .is-tool.is-column-tool .cell-more svg {
  width: 12px;
  height: 12px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-column-tool {
  flex-direction: row;
  margin-top: 0px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-column-tool button {
  width: 25px;
  height: 25px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-column-tool .cell-add {
  background: #0fcc52;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-column-tool .cell-more {
  background: rgba(216, 200, 6, 0.9);
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-column-tool .cell-remove {
  background: rgba(255, 85, 4, 0.9);
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-column-tool svg {
  width: 23px;
  height: 23px;
  fill: #fff;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-column-tool .cell-more svg {
  width: 14px;
  height: 14px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.columnmore {
  flex-direction: column;
  /*
  button.cell-settings {
      width: 100px;
      height: 45px;
      margin-top: 10px;
      flex-direction: initial;
      justify-items: center;
      align-items: center;
      margin-bottom: 0px;
      margin-left: 7px;
      svg {
          width: 14px;
          height: 14px;
      }
      span {
          width: auto;
          height: auto;
          margin-left: 5px;
          margin-top: 1px;
          line-height: 12px;
      }
  }
  button.cell-locking {
      width: 70px;
      height: 45px;
      margin-top: 10px;
      flex-direction: initial;
      justify-items: center;
      align-items: center;
      margin-bottom: 0px;
      margin-left: 10px;
      svg {
          width: 14px;
          height: 14px;
          pointer-events: none;
          user-select: none;
      }
      span {
          width: auto;
          height: auto;
          margin-left: 5px;
          margin-top: 1px;
          line-height: 12px;
      }
  }
  button.cell-locking.on {
      background: rgb(0 0 0 / 5%) !important;
  }
  */
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.columnmore > div {
  max-width: 190px;
  margin: 12px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.columnmore button {
  width: 95px;
  height: 60px;
  text-align: center;
  font-size: 9px;
  font-weight: 400;
  text-transform: uppercase;
  flex-direction: column;
  background-color: transparent;
  box-shadow: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.columnmore button span {
  display: inline-block;
  width: 95px;
  height: 24px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.columnmore button.on {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.columnmore button:hover {
  background-color: rgba(0, 0, 0, 0.03) !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.columnmore div.is-separator {
  width: 100%;
  border-top: #f0f0f0 1px solid;
  margin-bottom: 10px;
  margin-top: 10px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.rowmore {
  flex-direction: column;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.rowmore > div {
  width: 190px;
  margin: 12px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.rowmore button {
  width: 95px;
  height: 60px;
  text-align: center;
  font-size: 9px;
  font-weight: 400;
  text-transform: uppercase;
  flex-direction: column;
  background-color: transparent;
  box-shadow: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.rowmore button span {
  display: inline-block;
  width: 95px;
  height: 24px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.rowmore button.on {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.rowmore button:hover {
  background-color: rgba(0, 0, 0, 0.03) !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.elmmore {
  flex-direction: column;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.elmmore > div {
  width: 190px;
  margin: 12px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.elmmore button {
  width: 95px;
  height: 60px;
  text-align: center;
  font-size: 9px;
  font-weight: 400;
  text-transform: uppercase;
  flex-direction: column;
  background-color: transparent;
  box-shadow: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.elmmore button span {
  display: inline-block;
  width: 95px;
  height: 24px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.elmmore button.on {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.elmmore button:hover {
  background-color: rgba(0, 0, 0, 0.03) !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.quickadd {
  width: 430px;
  box-sizing: border-box;
  transition: none;
  flex-direction: row;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.quickadd button {
  float: left;
  width: 100px;
  height: 60px;
  font-size: 9px;
  font-weight: 400;
  text-transform: uppercase;
  flex-direction: column;
  background-color: transparent;
  box-shadow: none;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.quickadd button.on {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.quickadd button:hover {
  background-color: rgba(0, 0, 0, 0.03) !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.quickadd .pop-separator {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: #f0f0f0 1px solid;
}
.box-content:has(.from-dokeos) #_cbhtml .is-pop.quickadd button.add-more {
  width: 100%;
  height: 50px;
  flex-direction: initial;
  background: transparent;
  padding: 5px;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-element-tool {
  background: rgba(243, 243, 243, 0.9);
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-element-tool button {
  width: 25px;
  height: 25px;
  background: transparent;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-element-tool svg {
  width: 14px;
  height: 14px;
  fill: #000;
}
.box-content:has(.from-dokeos) #_cbhtml .is-tool.is-element-tool .elm-more svg {
  width: 11px;
  height: 11px;
}

.box-content:has(.from-dokeos) .row-outline .is-row-tool,
.box-content:has(.from-dokeos) .row-active .is-row-tool {
  display: flex;
}

.box-content:has(.from-dokeos) .is-tool.is-row-tool {
  flex-direction: column;
  width: auto;
  left: auto;
  right: -40px;
}
.box-content:has(.from-dokeos) .is-tool.is-row-tool button {
  width: 25px;
  height: 25px;
}
.box-content:has(.from-dokeos) .is-tool.is-row-tool svg {
  fill: #fff;
}
.box-content:has(.from-dokeos) .is-tool.is-row-tool .row-handle {
  display: flex;
  height: 25px;
  justify-content: center;
  align-items: center;
  background: #169af7;
}
.box-content:has(.from-dokeos) .is-tool.is-row-tool .row-handle svg {
  width: 13px;
  height: 13px;
}
.box-content:has(.from-dokeos) .is-tool.is-row-tool .row-grideditor {
  background: rgba(216, 200, 6, 0.9);
}
.box-content:has(.from-dokeos) .is-tool.is-row-tool .row-grideditor svg {
  width: 14px;
  height: 14px;
  margin-top: -1px;
}
.box-content:has(.from-dokeos) .is-tool.is-row-tool .row-more {
  background: rgba(216, 200, 6, 0.9);
}
.box-content:has(.from-dokeos) .is-tool.is-row-tool .row-more svg {
  width: 14px;
  height: 14px;
}
.box-content:has(.from-dokeos) .is-tool.is-row-tool .row-remove {
  background: rgba(255, 85, 4, 0.9);
}
.box-content:has(.from-dokeos) .is-tool.is-row-tool .row-remove svg {
  width: 23px;
  height: 23px;
}

.box-content:has(.from-dokeos) .is-builder[gray] .is-tool.is-row-tool {
  background: rgba(243, 243, 243, 0.9);
}
.box-content:has(.from-dokeos) .is-builder[gray] .is-tool.is-row-tool button {
  width: 27px;
  height: 27px;
}
.box-content:has(.from-dokeos) .is-builder[gray] .is-tool.is-row-tool svg {
  fill: #000;
}
.box-content:has(.from-dokeos) .is-builder[gray] .is-tool.is-row-tool .row-handle {
  display: flex;
  height: 27px;
  justify-content: center;
  align-items: center;
  background: transparent;
}
.box-content:has(.from-dokeos) .is-builder[gray] .is-tool.is-row-tool .row-handle svg {
  width: 11px;
  height: 11px;
}
.box-content:has(.from-dokeos) .is-builder[gray] .is-tool.is-row-tool .row-grideditor {
  background: transparent;
}
.box-content:has(.from-dokeos) .is-builder[gray] .is-tool.is-row-tool .row-grideditor svg {
  width: 13px;
  height: 13px;
}
.box-content:has(.from-dokeos) .is-builder[gray] .is-tool.is-row-tool .row-more {
  background: transparent;
}
.box-content:has(.from-dokeos) .is-builder[gray] .is-tool.is-row-tool .row-more svg {
  width: 12px;
  height: 12px;
}
.box-content:has(.from-dokeos) .is-builder[gray] .is-tool.is-row-tool .row-remove {
  background: transparent;
}
.box-content:has(.from-dokeos) .is-builder[gray] .is-tool.is-row-tool .row-remove svg {
  width: 19px;
  height: 19px;
}

.box-content:has(.from-dokeos) .is-rowadd-tool {
  display: none;
  position: absolute;
  bottom: -1px;
  left: -20px;
  width: calc(100% + 40px);
  height: 1px;
  border: none;
  border-bottom: 1px solid #ffb784;
  z-index: 1;
  background: transparent;
  transition: none;
}
.box-content:has(.from-dokeos) .is-rowadd-tool button {
  position: absolute;
  top: -9px;
  left: calc(50% - 10px);
  border: 1px solid #ff8e3e;
  border-radius: 500px;
  height: auto;
}

.box-content:has(.from-dokeos) .row-outline .is-rowadd-tool,
.box-content:has(.from-dokeos) .row-active .is-rowadd-tool {
  display: block;
}

.box-content:has(.from-dokeos) .is-builder[gray] .is-rowadd-tool {
  border-bottom: 1px solid rgba(222, 222, 222, 0.32);
}
.box-content:has(.from-dokeos) .is-builder[gray] .is-rowadd-tool button {
  border: 1px solid rgba(0, 0, 0, 0.13);
}

.box-content:has(.from-dokeos) .row-add-initial {
  width: 100%;
  height: 70px;
  font-family: sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  justify-content: center;
  align-items: center;
  color: #333;
  border: 1px dashed rgba(169, 169, 169, 0.8);
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: all ease 0.3s;
  outline: none !important;
}
.box-content:has(.from-dokeos) .row-add-initial:hover {
  background: rgba(248, 248, 248, 0.35);
}
.box-content:has(.from-dokeos) .row-add-initial:focus {
  outline: none;
}
.box-content:has(.from-dokeos) .row-add-initial span {
  text-transform: none;
  display: block;
  margin-top: 5px;
  font-size: 13px;
  opacity: 0.5;
  color: #333;
}

.box-content:has(.from-dokeos) .is-builder .row-active.row-add-initial {
  outline: none;
}

.box-content:has(.from-dokeos) .is-tool.is-row-tool .row-grideditor {
  display: none;
}

.box-content:has(.from-dokeos) .is-builder {
  /*
  &[grideditor] {
      & > div > div.cell-active {
          outline: $ui-grideditor-cell-outline-active;
      }
      .row-active {
          outline: $ui-grideditor-row-outline-active;
          z-index: 1;
      }
      .row-active.row-outline {
          outline: $ui-grideditor-rowoutline-row-outline-active;
      }
  }
  */
}
.box-content:has(.from-dokeos) .is-builder[minimal] .is-tool.is-row-tool .row-grideditor {
  display: block;
}
.box-content:has(.from-dokeos) .is-builder[minimal] .is-tool.is-row-tool .row-more {
  display: none;
}
.box-content:has(.from-dokeos) .is-builder[clean] .is-tool.is-row-tool {
  background: rgba(243, 243, 243, 0.9);
  outline: none;
}
.box-content:has(.from-dokeos) .is-builder[clean] .is-tool.is-row-tool .row-grideditor {
  display: block;
  background: transparent;
}
.box-content:has(.from-dokeos) .is-builder[clean] .is-tool.is-row-tool .row-grideditor svg {
  fill: #000;
  width: 13px;
  height: 13px;
  margin-left: -1px;
}
.box-content:has(.from-dokeos) .is-builder[clean] .is-tool.is-row-tool .row-more {
  display: none;
}
.box-content:has(.from-dokeos) .is-builder[clean] .is-tool.is-row-tool .row-handle {
  display: none;
}
.box-content:has(.from-dokeos) .is-builder[clean] .is-tool.is-row-tool .row-remove {
  display: none;
}
.box-content:has(.from-dokeos) .is-builder[clean] .row-outline {
  outline: none;
}
.box-content:has(.from-dokeos) .is-builder[clean] .cell-active {
  outline: none;
}
.box-content:has(.from-dokeos) .is-builder[clean] .row-active:not([data-protected]) {
  outline: 1px solid rgba(132, 132, 132, 0.2);
}
.box-content:has(.from-dokeos) .is-builder[leftrowtool] .is-tool.is-row-tool {
  right: auto;
  left: -40px;
}
.box-content:has(.from-dokeos) .is-builder.builder-active > div:not(.row-active) {
  border-right: 120px rgba(0, 0, 0, 0) solid;
  margin-right: -120px;
}
.box-content:has(.from-dokeos) .is-builder[leftrowtool].builder-active > div:not(.row-active) {
  border-left: 120px rgba(0, 0, 0, 0) solid;
  margin-left: -120px;
}
.box-content:has(.from-dokeos) .is-builder[rowoutline] .row-outline {
  outline: none;
}
.box-content:has(.from-dokeos) .is-builder[rowoutline] .cell-active {
  outline: none;
}
.box-content:has(.from-dokeos) .is-builder[rowoutline] .row-active:not([data-protected]) {
  outline: 1px solid #00da89;
}
.box-content:has(.from-dokeos) .is-builder[grayoutline] .row-outline {
  outline: none;
}
.box-content:has(.from-dokeos) .is-builder[grayoutline] .cell-active:not([data-protected]) {
  outline: 1px solid rgba(132, 132, 132, 0.1);
}
.box-content:has(.from-dokeos) .is-builder[grayoutline] .row-active:not([data-protected]) {
  outline: 1px solid rgba(132, 132, 132, 0.2);
}
.box-content:has(.from-dokeos) .is-builder[rowoutline][grayoutline] .row-outline {
  outline: none;
}
.box-content:has(.from-dokeos) .is-builder[rowoutline][grayoutline] .cell-active {
  outline: none;
}
.box-content:has(.from-dokeos) .is-builder[rowoutline][grayoutline] .row-active:not([data-protected]) {
  outline: 1px solid rgba(132, 132, 132, 0.2);
}
.box-content:has(.from-dokeos) .is-builder[hideoutline] .row-outline {
  outline: none !important;
}
.box-content:has(.from-dokeos) .is-builder[hideoutline] .cell-active {
  outline: none !important;
}
.box-content:has(.from-dokeos) .is-builder[hideoutline] .row-active {
  outline: none !important;
}
.box-content:has(.from-dokeos) .is-builder[hideoutline] .row-active.row-outline {
  outline: none !important;
}
.box-content:has(.from-dokeos) .is-builder[hidesnippetaddtool] .row-outline .is-rowadd-tool,
.box-content:has(.from-dokeos) .is-builder[hidesnippetaddtool] .row-active .is-rowadd-tool {
  display: none;
}
.box-content:has(.from-dokeos) .is-builder[hideelementhighlight] .elm-active {
  background-color: transparent;
}

.box-content:has(.from-dokeos) #_cbhtml[minimal] .is-tool.is-column-tool .cell-more {
  display: none;
}
.box-content:has(.from-dokeos) #_cbhtml[clean] .is-tool.is-column-tool {
  display: none;
}
.box-content:has(.from-dokeos) #_cbhtml[hidecolumntool] .is-tool.is-column-tool {
  display: none;
}
.box-content:has(.from-dokeos) #_cbhtml[hideelementtool] .is-tool.is-element-tool {
  display: none !important;
}
.box-content:has(.from-dokeos) #_cbhtml .is-element-tool .elm-settings {
  display: none;
}
.box-content:has(.from-dokeos) #_cbhtml[emailmode] .is-element-tool .elm-add,
.box-content:has(.from-dokeos) #_cbhtml[emailmode] .is-element-tool .elm-more,
.box-content:has(.from-dokeos) #_cbhtml[emailmode] .is-element-tool .elm-remove {
  display: none !important;
}
.box-content:has(.from-dokeos) #_cbhtml[emailmode] .is-element-tool .elm-settings {
  display: block;
}

.box-content:has(.from-dokeos) .is-tooltip {
  position: absolute;
  display: none;
  padding: 1px 8px;
  font-size: 11px;
  background: #333;
  border-radius: 0px;
  color: #fefefe;
  z-index: 100005;
}

/*!
 * Cropper.js v1.5.12
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-06-12T08:00:11.623Z
 */
.box-content:has(.from-dokeos) .cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.box-content:has(.from-dokeos) .cropper-container img {
  image-orientation: 0deg;
  display: block;
  height: 100%;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.box-content:has(.from-dokeos) .cropper-canvas, .box-content:has(.from-dokeos) .cropper-crop-box, .box-content:has(.from-dokeos) .cropper-drag-box, .box-content:has(.from-dokeos) .cropper-modal, .box-content:has(.from-dokeos) .cropper-wrap-box {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.box-content:has(.from-dokeos) .cropper-canvas, .box-content:has(.from-dokeos) .cropper-wrap-box {
  overflow: hidden;
}

.box-content:has(.from-dokeos) .cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.box-content:has(.from-dokeos) .cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.box-content:has(.from-dokeos) .cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.box-content:has(.from-dokeos) .cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.box-content:has(.from-dokeos) .cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.33333%;
  left: 0;
  top: 33.33333%;
  width: 100%;
}

.box-content:has(.from-dokeos) .cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.33333%;
  top: 0;
  width: 33.33333%;
}

.box-content:has(.from-dokeos) .cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.box-content:has(.from-dokeos) .cropper-center:after, .box-content:has(.from-dokeos) .cropper-center:before {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}

.box-content:has(.from-dokeos) .cropper-center:before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.box-content:has(.from-dokeos) .cropper-center:after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.box-content:has(.from-dokeos) .cropper-face, .box-content:has(.from-dokeos) .cropper-line, .box-content:has(.from-dokeos) .cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.box-content:has(.from-dokeos) .cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.box-content:has(.from-dokeos) .cropper-line {
  background-color: #39f;
}

.box-content:has(.from-dokeos) .cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.box-content:has(.from-dokeos) .cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.box-content:has(.from-dokeos) .cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.box-content:has(.from-dokeos) .cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.box-content:has(.from-dokeos) .cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.box-content:has(.from-dokeos) .cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.box-content:has(.from-dokeos) .cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.box-content:has(.from-dokeos) .cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.box-content:has(.from-dokeos) .cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.box-content:has(.from-dokeos) .cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.box-content:has(.from-dokeos) .cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.box-content:has(.from-dokeos) .cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.box-content:has(.from-dokeos) .cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .box-content:has(.from-dokeos) .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .box-content:has(.from-dokeos) .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .box-content:has(.from-dokeos) .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.box-content:has(.from-dokeos) .cropper-point.point-se:before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.box-content:has(.from-dokeos) .cropper-invisible {
  opacity: 0;
}

.box-content:has(.from-dokeos) .cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.box-content:has(.from-dokeos) .cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.box-content:has(.from-dokeos) .cropper-hidden {
  display: none !important;
}

.box-content:has(.from-dokeos) .cropper-move {
  cursor: move;
}

.box-content:has(.from-dokeos) .cropper-crop {
  cursor: crosshair;
}

.box-content:has(.from-dokeos) .cropper-disabled .cropper-drag-box, .box-content:has(.from-dokeos) .cropper-disabled .cropper-face, .box-content:has(.from-dokeos) .cropper-disabled .cropper-line, .box-content:has(.from-dokeos) .cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.box-content:has(.from-dokeos) .is-ui .is-lightbox {
  display: none;
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  background-color: black;
  opacity: 0;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.7) translateZ(150px);
  transition: all 450ms ease-in-out;
}
.box-content:has(.from-dokeos) .is-ui .is-lightbox.light {
  background-color: rgba(255, 255, 255, 0.97);
}
.box-content:has(.from-dokeos) .is-ui .is-lightbox > div {
  width: 100%;
  height: 100%;
}
.box-content:has(.from-dokeos) .is-ui .is-lightbox.lightbox-externalvideo {
  padding: 40px;
  /* & > div {
      margin:40px;
  } */
}
.box-content:has(.from-dokeos) .is-ui .is-lightbox.lightbox-video > div.lightbox-content, .box-content:has(.from-dokeos) .is-ui .is-lightbox.lightbox-image > div.lightbox-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  box-sizing: border-box;
}
.box-content:has(.from-dokeos) .is-ui .is-lightbox.active {
  opacity: 1;
  transform: scale(1) translateZ(150px);
}
.box-content:has(.from-dokeos) .is-ui .is-lightbox iframe {
  opacity: 0;
  filter: blur(30px);
  transition: all 600ms ease-in-out;
}
.box-content:has(.from-dokeos) .is-ui .is-lightbox.active iframe {
  filter: blur(0);
  opacity: 1;
}
.box-content:has(.from-dokeos) .is-ui .is-lightbox video {
  outline: none;
  width: 100%;
  height: 100%;
}
.box-content:has(.from-dokeos) .is-ui .is-lightbox img {
  max-width: 100%;
  max-height: 100%;
}
.box-content:has(.from-dokeos) .is-ui .is-lightbox .cmd-lightbox-close {
  position: absolute !important;
  top: 3px !important;
  right: 3px !important;
  width: 50px !important;
  height: 50px !important;
  color: #fff !important;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.box-content:has(.from-dokeos) .is-ui .is-lightbox .cmd-lightbox-close svg {
  width: 30px;
  height: 30px;
  fill: #000 !important;
  position: absolute;
  top: 10px;
  right: 10px;
}
.box-content:has(.from-dokeos) .is-ui .is-lightbox.light .cmd-lightbox-close {
  color: #000 !important;
}

.box-content:has(.from-dokeos) .block-click[data-noedit] {
  cursor: pointer;
}
.box-content:has(.from-dokeos) .block-click[data-noedit] > * {
  pointer-events: none;
  user-select: none;
}

.box-content:has(.from-dokeos) .block-click[contenteditable=true] {
  cursor: unset;
}
.box-content:has(.from-dokeos) .block-click[contenteditable=true] > * {
  pointer-events: unset;
  user-select: unset;
}

/* Prevent css framework overide (Materialize) */
.box-content:has(.from-dokeos) .is-ui [type=checkbox]:not(:checked), .box-content:has(.from-dokeos) .is-ui [type=checkbox]:checked {
  position: unset !important;
}

.box-content:has(.from-dokeos) .is-ui input[type=range] {
  border: none;
}

.box-content:has(.from-dokeos) .is-ui form {
  background: unset;
  margin: unset;
  padding: unset;
  border: unset;
}

.box-content:has(.from-dokeos) .is-ui svg {
  max-width: unset;
}