:root:root:root:root:root:root .sf-backend-wrp .kendo-content-block {
  margin: 0 !important;
  border: none !important;
}

:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor {
  border: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important;
}

:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar {
  box-shadow: none !important;
  border-bottom: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important;
  padding-block: var(--kendo-spacing-2, 0.5rem) !important;
  padding-inline: var(--kendo-spacing-2, 0.5rem) !important;
  gap: 4px !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-button:not(.k-input-button) {
  height: 30px !important;
  width: 30px !important;
  background-color: #f5f5f5 !important;
  border: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important;
  border-radius: var(--kendo-border-radius-md, 0.25rem) !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-button-group > .k-button:first-child:not(:only-child) {
  border-start-end-radius: 0 !important;
  border-end-end-radius: 0 !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-button-group > .k-button:last-child:not(:only-child) {
  border-start-start-radius: 0 !important;
  border-end-start-radius: 0 !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-button-group .k-button:not(:first-child):not(:last-child) {
  border-start-end-radius: 0 !important;
  border-end-end-radius: 0 !important;
  border-start-start-radius: 0 !important;
  border-end-start-radius: 0 !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-button-group > .k-button + .k-button {
  margin-inline-start: -1px !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-dropdownlist,
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-picker,
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-combobox {
  border: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important;
  background-color: var(--kendo-color-surface-alt, #ffffff) !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-input {
  width: 8em !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-input-inner,
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-colorpicker .k-input-inner {
  font-size: 13px !important;
  padding-block: var(--kendo-spacing-1, 0.25rem) !important;
  padding-inline: var(--kendo-spacing-2, 0.5rem) !important;
  line-height: normal !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-icon-button:hover {
  background: none !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-toolbar-item {
  position: static !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-tool.custom-tool:not(.js-custom-tool) {
  height: 30px !important;
  width: 30px !important;
  background-color: #f5f5f5 !important;
  border: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important;
  border-radius: var(--kendo-border-radius-md, 0.25rem) !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-tool.js-custom-tool[title="Horizontal Rule"] {
  height: 30px !important;
  background-color: #f5f5f5 !important;
  border: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important;
  border-radius: var(--kendo-border-radius-md, 0.25rem) !important;
  padding: 0 5px !important;
  font-size: 13px !important;
  line-height: normal !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-tool.js-custom-tool[title="Horizontal Rule"] .k-i-custom:before {
  content: none !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-tool.js-custom-tool[title="Full screen"] {
  height: 30px !important;
  width: 30px !important;
  background-color: #f5f5f5 !important;
  border: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.08)) !important;
  border-radius: var(--kendo-border-radius-md, 0.25rem) !important;
  padding: 0 5px !important;
  font-size: 13px !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-tool.js-custom-tool[title="Full screen"] .js-fullScreen.sf-maximize {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-tool.js-custom-tool[title="Full screen"] .js-fullScreen.sf-maximize:before {
  position: static !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-clear-value {
  height: 28px !important;
  width: 28px !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar .k-icon-color-preview .k-color-preview-mask {
  width: 14px !important;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar.k-editor-toolbar.sf-toolbar-short {
  position: static;
}
:root:root:root:root:root:root .sf-backend-wrp .modal-body .k-editor .k-editor-toolbar.k-editor-toolbar.sf-toolbar-short .k-toolbar-item:has(.js-horizontal-rule) {
  display: none;
}

/* Undo the over-broad rule on dropdown widgets */
html .k-editor-widget:not(table).k-widget:not(.k-window) {
  position: static !important;
}

html .k-editor-widget:not(table) .k-editor-toolbar .k-tool,
html .k-editor-widget:not(table) .k-editor-toolbar .sf-ai-tool {
  border: none;
}
html .k-editor-widget:not(table) .k-editor-toolbar .k-button:has(.k-i-html) {
  position: static;
}
html .k-editor-widget:not(table) .k-editor-toolbar .k-tool-group {
  border: 0px none !important;
}
html .k-editor-widget:not(table) .k-editor-toolbar .k-editor-dropdown {
  display: flex;
}
html .k-editor-widget:not(table) .k-editor-toolbar .k-widget.k-dropdown.k-editor-widget {
  display: flex;
}
html .k-editor-widget:not(table) .k-editor-toolbar .k-widget.k-dropdown.k-editor-widget .k-dropdown-wrap.k-state-default {
  border: none;
}
html .k-editor-widget:not(table) .k-editor-toolbar .k-widget.k-dropdown.k-editor-widget .k-dropdown-wrap.k-state-default .k-input {
  border: none;
  align-items: center;
}
html .k-editor-widget:not(table) .k-editor-toolbar .k-widget.k-dropdown.k-editor-widget.k-state-border-down:not(.k-overflow-anchor) .k-input, html .k-editor-widget:not(table) .k-editor-toolbar .k-widget.k-dropdown.k-editor-widget.k-state-border-down:not(.k-overflow-anchor) .k-select {
  background: #e4e4e4;
}

.-sf-modal-window-open .k-animation-container .k-list .k-item {
  padding: 5px 10px;
}
.-sf-modal-window-open .k-animation-container .k-list-scroller {
  overflow: hidden scroll;
}

html body.sfPageEditor > .k-overlay {
  display: none !important;
}
html body.sfPageEditor > .k-widget.k-window:has(.k-viewhtml-dialog) {
  display: none !important;
}