/* Concrete frontend CMS palette */
.ccm-ui {
    --bs-primary: var(--nfe-cms-primary);
    --bs-primary-rgb: 36, 59, 47;
    --bs-primary-text-emphasis: #16241c;
    --bs-primary-bg-subtle: #dbe4da;
    --bs-primary-border-subtle: #aebfad;
    --bs-secondary: #6a7467;
    --bs-secondary-rgb: 106, 116, 103;
    --bs-secondary-text-emphasis: #263027;
    --bs-secondary-bg-subtle: #e4e7e1;
    --bs-secondary-border-subtle: #c3cbc0;
    --bs-success: #486746;
    --bs-success-rgb: 72, 103, 70;
    --bs-success-text-emphasis: #1f311f;
    --bs-success-bg-subtle: #dde7dc;
    --bs-success-border-subtle: #b4c7b2;
    --bs-info: #5c7657;
    --bs-info-rgb: 92, 118, 87;
    --bs-info-text-emphasis: #213023;
    --bs-info-bg-subtle: #e0e9de;
    --bs-info-border-subtle: #b7c8b3;
    --bs-warning: var(--nfe-gold);
    --bs-warning-rgb: 166, 124, 59;
    --bs-warning-text-emphasis: #4f3610;
    --bs-warning-bg-subtle: #f4ead8;
    --bs-warning-border-subtle: #dcc299;
    --bs-danger: #8f4a3a;
    --bs-danger-rgb: 143, 74, 58;
    --bs-danger-text-emphasis: #4c241d;
    --bs-danger-bg-subtle: #f0dfda;
    --bs-danger-border-subtle: #d1aa9f;
    --bs-light: var(--nfe-cms-surface);
    --bs-light-rgb: 251, 248, 241;
    --bs-dark: var(--nfe-cms-primary);
    --bs-dark-rgb: 36, 59, 47;
    --bs-body-color: var(--nfe-text);
    --bs-body-color-rgb: 31, 38, 31;
    --bs-body-bg: var(--nfe-cms-surface);
    --bs-body-bg-rgb: 251, 248, 241;
    --bs-secondary-color: rgba(31, 38, 31, 0.7);
    --bs-secondary-color-rgb: 31, 38, 31;
    --bs-tertiary-bg: #f4efe3;
    --bs-tertiary-bg-rgb: 244, 239, 227;
    --bs-border-color: var(--nfe-cms-border);
    --bs-border-color-translucent: rgba(36, 59, 47, 0.12);
    --bs-link-color: var(--nfe-cms-primary);
    --bs-link-color-rgb: 36, 59, 47;
    --bs-link-hover-color: #16241c;
    --bs-link-hover-color-rgb: 22, 36, 28;
    --bs-focus-ring-color: rgba(166, 124, 59, 0.22);
    --bs-btn-border-radius: 0;
    --bs-border-radius: 0;
    --bs-border-radius-sm: 0;
    --bs-border-radius-lg: 0;
}

.ccm-ui .btn {
    box-shadow: none;
    font-family: var(--nfe-copy);
    font-weight: 600;
    letter-spacing: 0.02em;
}

.ccm-ui .btn-primary {
    background: linear-gradient(135deg, var(--nfe-cms-primary), var(--nfe-cms-primary-mid));
    border-color: var(--nfe-cms-primary-mid);
    color: var(--nfe-cms-text-on-primary);
}

.ccm-ui .btn-primary:hover,
.ccm-ui .btn-primary:focus {
    background: linear-gradient(135deg, var(--nfe-cms-primary-strong), #30493a);
    border-color: #30493a;
    color: var(--nfe-cms-text-on-primary);
}

.ccm-ui .btn-secondary,
.ccm-ui .btn-outline-secondary {
    background: #eef0ea;
    border-color: rgba(36, 59, 47, 0.16);
    color: var(--nfe-forest);
}

.ccm-ui .btn-secondary:hover,
.ccm-ui .btn-secondary:focus,
.ccm-ui .btn-outline-secondary:hover,
.ccm-ui .btn-outline-secondary:focus {
    background: #e4e8df;
    border-color: rgba(36, 59, 47, 0.24);
    color: #16241c;
}

.ccm-ui .btn-danger {
    background: #8f4a3a;
    border-color: #8f4a3a;
}

.ccm-ui .btn-danger:hover,
.ccm-ui .btn-danger:focus {
    background: #7c3e31;
    border-color: #7c3e31;
}

.ccm-ui .form-control,
.ccm-ui .form-select,
.ccm-ui .form-check-input,
.ccm-ui .input-group-text {
    border-color: rgba(36, 59, 47, 0.14);
    background: #fffdf8;
}

.ccm-ui .form-control:focus,
.ccm-ui .form-select:focus,
.ccm-ui .form-check-input:focus {
    border-color: rgba(166, 124, 59, 0.55);
    box-shadow: 0 0 0 0.2rem rgba(166, 124, 59, 0.16);
}

.ccm-ui .dropdown-menu,
.ccm-ui .popover,
.ccm-ui .modal-content {
    background: var(--nfe-cms-surface);
    border-color: var(--nfe-cms-border);
    box-shadow: var(--nfe-cms-shadow);
}

.ccm-ui .dropdown-item:hover,
.ccm-ui .dropdown-item:focus {
    background: var(--nfe-cms-hover);
    color: var(--nfe-cms-primary);
}

.ccm-ui .modal-header,
.ccm-ui .modal-footer,
.ccm-ui .popover-header {
    border-color: rgba(36, 59, 47, 0.1);
    background: #f4efe3;
}

.ccm-ui .alert {
    border: 1px solid rgba(36, 59, 47, 0.12);
    background: #f8f4ea;
    color: var(--nfe-text);
}

.ccm-ui .alert-success {
    background: #e6eee3;
    border-color: #b4c7b2;
    color: #203022;
}

.ccm-ui .alert-warning {
    background: #f4ead8;
    border-color: #dcc299;
    color: #4f3610;
}

.ccm-ui .alert-danger {
    background: #f0dfda;
    border-color: #d1aa9f;
    color: #4c241d;
}

.ccm-ui .nav-tabs,
.ccm-ui .dropdown-divider,
.ccm-ui .modal-header,
.ccm-ui .modal-footer {
    border-color: rgba(36, 59, 47, 0.1);
}

body .ccm-ui,
#ccm-toolbar,
.ui-dialog,
.ccm-panel-content-inner,
.ccm-edit-mode-block-menu.popover,
#ccm-popover-menu-container .popover {
    color: var(--nfe-text);
    font-family: var(--nfe-copy);
}

#ccm-toolbar {
    background: linear-gradient(180deg, var(--nfe-cms-surface-alt) 0%, #ebe4d3 100%);
    border-bottom: 1px solid rgba(36, 59, 47, 0.16);
}

#ccm-toolbar a,
#ccm-toolbar button,
#ccm-toolbar .btn-link {
    color: var(--nfe-forest);
}

#ccm-toolbar a:hover,
#ccm-toolbar button:hover,
#ccm-toolbar .btn-link:hover {
    color: #16241c;
}

#ccm-toolbar .dropdown-menu,
#ccm-toolbar .popover,
.ccm-edit-mode-block-menu.popover,
#ccm-popover-menu-container .popover,
.ccm-panel-content,
.ccm-panel-content-inner,
.ccm-panel-header,
.ccm-panel-content-wrapper,
.ui-dialog .ui-dialog-content,
.ui-dialog .ui-dialog-titlebar,
.ccm-panel-content-inner {
    background: var(--nfe-surface);
    border-color: rgba(36, 59, 47, 0.14);
}

#ccm-toolbar .dropdown-menu,
#ccm-toolbar .popover,
.ccm-edit-mode-block-menu.popover,
#ccm-popover-menu-container .popover,
.ui-dialog,
.ui-dialog .ui-dialog-content,
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-buttonpane,
.ui-widget.ui-widget-content,
.ui-widget-content,
.ui-widget-header {
    color: var(--nfe-text) !important;
    font-family: var(--nfe-copy) !important;
}

.ui-dialog,
.ccm-panel-content,
.ccm-panel-header,
.ccm-panel-content-wrapper,
.ccm-edit-mode-block-menu.popover,
#ccm-popover-menu-container .popover {
    border: 1px solid rgba(36, 59, 47, 0.14);
    box-shadow: 0 18px 44px rgba(18, 27, 22, 0.16) !important;
}

.ui-dialog .ui-dialog-titlebar,
.ccm-panel-header,
.ccm-panel-content-inner .ccm-panel-detail-form-actions,
.ccm-panel-content-inner .dialog-buttons {
    background: #f4efe3;
    border-color: rgba(36, 59, 47, 0.1);
}

.ccm-panel-content,
.ccm-panel-content-wrapper,
.ccm-panel-content-inner,
.ccm-panel-header,
.ccm-edit-mode-block-menu.popover,
#ccm-popover-menu-container .popover,
#ccm-toolbar .dropdown-menu,
.ui-dialog,
.ui-dialog .ui-dialog-content,
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-buttonpane {
    background-color: var(--nfe-cms-surface) !important;
    color: var(--nfe-text) !important;
    border-color: var(--nfe-cms-border) !important;
}

#ccm-toolbar .popover-header,
#ccm-toolbar .popover-body,
#ccm-toolbar .dropdown-header,
#ccm-popover-menu-container .popover-header,
#ccm-popover-menu-container .popover-body,
.ccm-edit-mode-block-menu.popover .popover-header,
.ccm-edit-mode-block-menu.popover .popover-body,
.ccm-edit-mode-block-menu.popover .dropdown-menu,
.ccm-panel-content .popover-header,
.ccm-panel-content .popover-body,
.ccm-panel-content-wrapper .popover-header,
.ccm-panel-content-wrapper .popover-body,
.ui-dialog .popover-header,
.ui-dialog .popover-body {
    background-color: var(--nfe-surface) !important;
    color: var(--nfe-text) !important;
    border-color: rgba(36, 59, 47, 0.12) !important;
}

.ccm-panel-header,
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-buttonpane,
.ccm-panel-content-inner .ccm-panel-detail-form-actions,
.ccm-panel-content-inner .dialog-buttons {
    background-color: var(--nfe-cms-surface-alt) !important;
}

#ccm-toolbar .popover-header,
#ccm-popover-menu-container .popover-header,
.ccm-edit-mode-block-menu.popover .popover-header,
.ui-dialog .ui-dialog-titlebar,
.ui-widget-header {
    background: #f4efe3 !important;
    color: var(--nfe-forest) !important;
    border-color: rgba(36, 59, 47, 0.12) !important;
}

.ccm-panel-content a,
.ccm-panel-content-wrapper a,
.ccm-edit-mode-block-menu.popover a,
#ccm-popover-menu-container .popover a,
.ui-dialog a {
    color: var(--nfe-forest) !important;
}

#ccm-toolbar .dropdown-item,
#ccm-toolbar .dropdown-item-text,
#ccm-toolbar .dropdown-header,
#ccm-panel-dashboard a,
#ccm-panel-dashboard .nav a,
#ccm-panel-dashboard .nav-link,
#ccm-popover-menu-container .dropdown-item,
#ccm-popover-menu-container .dropdown-item-text,
#ccm-popover-menu-container .dropdown-header,
.ccm-edit-mode-block-menu.popover .dropdown-item,
.ccm-edit-mode-block-menu.popover .dropdown-item-text,
.ccm-edit-mode-block-menu.popover .dropdown-header,
.ccm-panel-content .dropdown-item,
.ccm-panel-content-wrapper .dropdown-item,
.ui-dialog .dropdown-item {
    color: var(--nfe-text) !important;
}

#ccm-toolbar .dropdown-item .menu-icon,
#ccm-panel-dashboard a .menu-icon,
#ccm-panel-dashboard .nav a .menu-icon,
#ccm-popover-menu-container .dropdown-item .menu-icon,
.ccm-edit-mode-block-menu.popover .dropdown-item .menu-icon,
.ccm-panel-content .dropdown-item .menu-icon,
.ccm-panel-content-wrapper .dropdown-item .menu-icon,
.ui-dialog .dropdown-item .menu-icon {
    color: var(--nfe-moss) !important;
}

.ccm-panel-content .dropdown-item:hover,
.ccm-panel-content-wrapper .dropdown-item:hover,
.ccm-edit-mode-block-menu.popover .dropdown-item:hover,
#ccm-popover-menu-container .popover .dropdown-item:hover,
#ccm-toolbar .dropdown-item:hover,
.ui-dialog .dropdown-item:hover {
    background-color: rgba(36, 59, 47, 0.06) !important;
    color: var(--nfe-forest) !important;
}

#ccm-toolbar .dropdown-item.active,
#ccm-panel-dashboard a.active,
#ccm-panel-dashboard .nav a.active,
#ccm-panel-dashboard .nav-link.active,
#ccm-popover-menu-container .dropdown-item.active,
.ccm-edit-mode-block-menu.popover .dropdown-item.active,
.ccm-panel-content .dropdown-item.active,
.ccm-panel-content-wrapper .dropdown-item.active,
.ui-dialog .dropdown-item.active {
    background: rgba(36, 59, 47, 0.08) !important;
    color: var(--nfe-forest) !important;
}

#ccm-panel-dashboard a:hover,
#ccm-panel-dashboard .nav a:hover,
#ccm-panel-dashboard .nav-link:hover,
#ccm-panel-dashboard a:focus,
#ccm-panel-dashboard .nav a:focus,
#ccm-panel-dashboard .nav-link:focus {
    background: rgba(36, 59, 47, 0.06) !important;
    color: var(--nfe-forest) !important;
}

#ccm-panel-dashboard a#panel-dashboard-dashboard,
#ccm-panel-dashboard a#panel-dashboard-sitemap,
#ccm-panel-dashboard a#panel-dashboard-help,
#ccm-panel-dashboard a#panel-dashboard-add-page,
#ccm-panel-dashboard a#panel-dashboard-system-settings {
    color: var(--nfe-text) !important;
}

#ccm-toolbar > ul > li > a.ccm-launch-panel-active,
#ccm-toolbar > ul > li > a.ccm-launch-panel-active:hover,
#ccm-toolbar .tour-highlight a,
#ccm-toolbar .tour-highlight.ccm-toolbar-search {
    background: linear-gradient(180deg, #314d3d 0%, var(--nfe-forest) 100%) !important;
    color: #f8f4ea !important;
}

#ccm-toolbar > ul > li > a.ccm-launch-panel-active svg,
#ccm-toolbar > ul > li > a.ccm-launch-panel-active:hover svg,
#ccm-toolbar .tour-highlight a svg {
    fill: #f8f4ea !important;
}

#ccm-panel-dashboard a#panel-dashboard-dashboard:hover,
#ccm-panel-dashboard a#panel-dashboard-dashboard:focus,
#ccm-panel-dashboard a#panel-dashboard-dashboard:active {
    background: rgba(36, 59, 47, 0.08) !important;
    color: var(--nfe-forest) !important;
}

#ccm-toolbar .dropdown-divider,
#ccm-popover-menu-container .dropdown-divider,
.ccm-edit-mode-block-menu.popover .dropdown-divider,
.ccm-panel-content .dropdown-divider,
.ccm-panel-content-wrapper .dropdown-divider,
.ui-dialog .dropdown-divider {
    border-color: rgba(36, 59, 47, 0.1) !important;
}

.ccm-panel-content .btn-primary,
.ccm-panel-content-wrapper .btn-primary,
.ccm-edit-mode-block-menu.popover .btn-primary,
.ui-dialog .btn-primary {
    background: linear-gradient(135deg, var(--nfe-forest), #395642) !important;
    border-color: #395642 !important;
    color: #f8f4ea !important;
}

.ccm-ui .btn-primary,
.ccm-ui .btn.ccm-input-button.btn-primary,
.ccm-ui input.btn-primary,
.ccm-ui input.ccm-input-button.btn-primary,
.ccm-ui .btn.btn-primary {
    --bs-btn-bg: var(--nfe-cms-primary) !important;
    --bs-btn-border-color: var(--nfe-cms-primary-mid) !important;
    --bs-btn-hover-bg: var(--nfe-cms-primary-strong) !important;
    --bs-btn-hover-border-color: var(--nfe-cms-primary-strong) !important;
    --bs-btn-active-bg: var(--nfe-cms-primary) !important;
    --bs-btn-active-border-color: var(--nfe-cms-primary) !important;
    --bs-btn-focus-shadow-rgb: 166, 124, 59 !important;
    --bs-btn-disabled-bg: var(--nfe-cms-primary-soft) !important;
    --bs-btn-disabled-border-color: var(--nfe-cms-primary-soft) !important;
    background: linear-gradient(135deg, var(--nfe-cms-primary), var(--nfe-cms-primary-mid)) !important;
    border-color: var(--nfe-cms-primary-mid) !important;
    color: var(--nfe-cms-text-on-primary) !important;
}

.ccm-ui .btn-primary:hover,
.ccm-ui .btn-primary:focus,
.ccm-ui .btn.ccm-input-button.btn-primary:hover,
.ccm-ui .btn.ccm-input-button.btn-primary:focus,
.ccm-ui input.ccm-input-button.btn-primary:hover,
.ccm-ui input.ccm-input-button.btn-primary:focus {
    background: linear-gradient(135deg, var(--nfe-cms-primary-strong), #30493a) !important;
    border-color: var(--nfe-cms-primary-strong) !important;
    color: var(--nfe-cms-text-on-primary) !important;
}

.ccm-panel-content .btn-secondary,
.ccm-panel-content-wrapper .btn-secondary,
.ccm-edit-mode-block-menu.popover .btn-secondary,
.ui-dialog .btn-secondary {
    background: #eef0ea !important;
    border-color: rgba(36, 59, 47, 0.16) !important;
    color: var(--nfe-forest) !important;
}

.ccm-edit-mode-block-menu.popover .dropdown-item:hover,
#ccm-popover-menu-container .popover .dropdown-item:hover,
#ccm-toolbar .dropdown-item:hover,
.ui-dialog .dropdown-item:hover {
    background: rgba(36, 59, 47, 0.06);
    color: var(--nfe-forest);
}

#ccm-toolbar .btn-primary,
.ccm-panel-content-inner .btn-primary,
.ui-dialog .btn-primary {
    background: linear-gradient(135deg, var(--nfe-forest), #395642);
    border-color: #395642;
    color: #f8f4ea;
}

#ccm-toolbar .btn-secondary,
.ccm-panel-content-inner .btn-secondary,
.ui-dialog .btn-secondary {
    background: #eef0ea;
    border-color: rgba(36, 59, 47, 0.16);
    color: var(--nfe-forest);
}

#ccm-toolbar .form-control,
#ccm-toolbar .form-select,
.ccm-panel-content-inner .form-control,
.ccm-panel-content-inner .form-select,
.ui-dialog .form-control,
.ui-dialog .form-select {
    background: #fffdf8;
    border-color: rgba(36, 59, 47, 0.14);
}

#ccm-toolbar .form-control:focus,
#ccm-toolbar .form-select:focus,
.ccm-panel-content-inner .form-control:focus,
.ccm-panel-content-inner .form-select:focus,
.ui-dialog .form-control:focus,
.ui-dialog .form-select:focus {
    border-color: rgba(166, 124, 59, 0.55);
    box-shadow: 0 0 0 0.2rem rgba(166, 124, 59, 0.16);
}

.ccm-ui .tooltip,
#ccm-tooltip-holder .tooltip,
.light-tooltip .tooltip-inner {
    --bs-tooltip-bg: var(--nfe-cms-primary);
    --bs-tooltip-color: var(--nfe-cms-text-on-primary);
    --bs-tooltip-opacity: 1;
    font-family: var(--nfe-copy) !important;
}

.ccm-ui .tooltip-inner,
#ccm-tooltip-holder .tooltip-inner,
.light-tooltip .tooltip-inner {
    background: var(--nfe-cms-primary) !important;
    border: 1px solid rgba(166, 124, 59, 0.24);
    box-shadow: 0 12px 28px rgba(18, 27, 22, 0.2);
    color: var(--nfe-cms-text-on-primary) !important;
    font-weight: 600;
}

.ccm-ui .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
.ccm-ui .bs-tooltip-top .tooltip-arrow::before,
#ccm-tooltip-holder .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
#ccm-tooltip-holder .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--nfe-forest) !important;
}

.ccm-ui .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before,
.ccm-ui .bs-tooltip-bottom .tooltip-arrow::before,
#ccm-tooltip-holder .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before,
#ccm-tooltip-holder .bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--nfe-forest) !important;
}

.ccm-ui .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
.ccm-ui .bs-tooltip-start .tooltip-arrow::before,
#ccm-tooltip-holder .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
#ccm-tooltip-holder .bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--nfe-forest) !important;
}

.ccm-ui .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
.ccm-ui .bs-tooltip-end .tooltip-arrow::before,
#ccm-tooltip-holder .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
#ccm-tooltip-holder .bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--nfe-forest) !important;
}

#ccm-panel-add-blocktypes-list .ccm-panel-add-block-set > header,
#ccm-panel-add-block-stack-list,
#ccm-panel-add-block-stack-list .ccm-panel-add-block-stack-item:not(:last-child),
#ccm-panel-add-block-stack-list .ccm-panel-add-folder-stack-item:not(:last-child) {
    border-color: rgba(36, 59, 47, 0.1) !important;
}

#ccm-panel-add-blocktypes-list a.ccm-panel-add-block-draggable-block-type,
#ccm-panel-add-blocktypes-list a.ccm-panel-add-container-item,
#ccm-panel-add-block-stack-list a.ccm-panel-add-block-draggable-block-type,
#ccm-panel-add-block-stack-list a.ccm-panel-add-container-item,
a.ccm-panel-add-block-draggable-block-type,
a.ccm-panel-add-container-item {
    color: var(--nfe-text) !important;
}

#ccm-panel-add-blocktypes-list a.ccm-panel-add-block-draggable-block-type .ccm-block-icon-wrapper,
#ccm-panel-add-blocktypes-list a.ccm-panel-add-container-item .ccm-block-icon-wrapper,
#ccm-panel-add-blocktypes-list a.ccm-panel-add-block-draggable-block-type .ccm-stack-dragging-wrapper,
#ccm-panel-add-block-stack-list a.ccm-panel-add-block-draggable-block-type .ccm-block-icon-wrapper,
#ccm-panel-add-block-stack-list a.ccm-panel-add-container-item .ccm-block-icon-wrapper,
#ccm-panel-add-block-stack-list a.ccm-panel-add-container-item .ccm-block-icon-wrapper,
a.ccm-panel-add-block-draggable-block-type .ccm-block-icon-wrapper,
a.ccm-panel-add-container-item .ccm-block-icon-wrapper,
a.ccm-panel-add-block-draggable-block-type .ccm-stack-dragging-wrapper {
    background: var(--nfe-cms-surface-soft) !important;
    border: 1px solid var(--nfe-cms-border-soft);
}

#ccm-panel-add-blocktypes-list a.ccm-panel-add-block-draggable-block-type p,
#ccm-panel-add-blocktypes-list a.ccm-panel-add-container-item p,
#ccm-panel-add-blocktypes-list a.ccm-panel-add-block-draggable-block-type .ccm-block-icon-wrapper,
#ccm-panel-add-blocktypes-list a.ccm-panel-add-container-item .ccm-block-icon-wrapper,
#ccm-panel-add-block-stack-list a.ccm-panel-add-block-draggable-block-type p,
#ccm-panel-add-block-stack-list a.ccm-panel-add-container-item p,
a.ccm-panel-add-block-draggable-block-type p,
a.ccm-panel-add-container-item p,
a.ccm-panel-add-block-draggable-block-type .ccm-block-icon-wrapper,
a.ccm-panel-add-container-item .ccm-block-icon-wrapper {
    color: inherit !important;
}

#ccm-panel-add-blocktypes-list a.ccm-panel-add-block-draggable-block-type:not(.ccm-block-edit-drag):hover,
#ccm-panel-add-blocktypes-list a.ccm-panel-add-block-draggable-block-type:not(.ccm-block-edit-drag):active,
#ccm-panel-add-blocktypes-list a.ccm-panel-add-container-item:not(.ccm-block-edit-drag):hover,
#ccm-panel-add-blocktypes-list a.ccm-panel-add-container-item:not(.ccm-block-edit-drag):active,
#ccm-panel-add-blocktypes-list.ccm-stacked-list a.ccm-panel-add-block-draggable-block-type:hover,
#ccm-panel-add-blocktypes-list.ccm-stacked-list a.ccm-panel-add-container-item:hover,
#ccm-panel-add-block-stack-list a.ccm-panel-add-block-draggable-block-type:not(.ccm-block-edit-drag):hover,
#ccm-panel-add-block-stack-list a.ccm-panel-add-container-item:not(.ccm-block-edit-drag):hover,
a.ccm-panel-add-block-draggable-block-type:not(.ccm-block-edit-drag):hover,
a.ccm-panel-add-block-draggable-block-type:not(.ccm-block-edit-drag):active,
a.ccm-panel-add-container-item:not(.ccm-block-edit-drag):hover,
a.ccm-panel-add-container-item:not(.ccm-block-edit-drag):active {
    background: var(--nfe-cms-active) !important;
    color: var(--nfe-cms-primary) !important;
}

#ccm-panel-add-blocktypes-list a.ccm-panel-add-block-draggable-block-type:not(.ccm-block-edit-drag):hover .ccm-block-icon-wrapper,
#ccm-panel-add-blocktypes-list a.ccm-panel-add-block-draggable-block-type:not(.ccm-block-edit-drag):active .ccm-block-icon-wrapper,
#ccm-panel-add-blocktypes-list a.ccm-panel-add-container-item:not(.ccm-block-edit-drag):hover .ccm-block-icon-wrapper,
#ccm-panel-add-blocktypes-list a.ccm-panel-add-container-item:not(.ccm-block-edit-drag):active .ccm-block-icon-wrapper,
#ccm-panel-add-block-stack-list a.ccm-panel-add-block-draggable-block-type:not(.ccm-block-edit-drag):hover .ccm-block-icon-wrapper,
#ccm-panel-add-block-stack-list a.ccm-panel-add-container-item:not(.ccm-block-edit-drag):hover .ccm-block-icon-wrapper,
a.ccm-panel-add-block-draggable-block-type:not(.ccm-block-edit-drag):hover .ccm-block-icon-wrapper,
a.ccm-panel-add-block-draggable-block-type:not(.ccm-block-edit-drag):active .ccm-block-icon-wrapper,
a.ccm-panel-add-container-item:not(.ccm-block-edit-drag):hover .ccm-block-icon-wrapper,
a.ccm-panel-add-container-item:not(.ccm-block-edit-drag):active .ccm-block-icon-wrapper {
    background: var(--nfe-cms-surface-soft-hover) !important;
    border-color: var(--nfe-cms-border) !important;
}

#ccm-panel-add-blocktypes-list a.ccm-panel-add-block-draggable-block-type.ccm-block-edit-drag,
#ccm-panel-add-blocktypes-list a.ccm-panel-add-container-item.ccm-block-edit-drag,
#ccm-panel-add-block-stack-list a.ccm-panel-add-block-draggable-block-type.ccm-block-edit-drag,
#ccm-panel-add-block-stack-list a.ccm-panel-add-container-item.ccm-block-edit-drag,
a.ccm-panel-add-block-draggable-block-type.ccm-block-edit-drag,
a.ccm-panel-add-container-item.ccm-block-edit-drag {
    background: var(--nfe-cms-primary-soft) !important;
    color: var(--nfe-cms-text-on-primary) !important;
}

#ccm-panel-add-blocktypes-list a.ccm-panel-add-block-draggable-block-type svg,
#ccm-panel-add-blocktypes-list a.ccm-panel-add-container-item svg,
#ccm-panel-add-block-stack-list a.ccm-panel-add-block-draggable-block-type svg,
#ccm-panel-add-block-stack-list a.ccm-panel-add-container-item svg {
    fill: currentColor !important;
}

#ccm-panel-add-blocktypes-list a.ccm-panel-add-block-draggable-block-type-dragger:hover,
#ccm-panel-add-blocktypes-list a.ccm-panel-add-block-draggable-block-type-dragger:focus,
#ccm-panel-add-block-stack-list a.ccm-panel-add-block-draggable-block-type-dragger:hover,
#ccm-panel-add-block-stack-list a.ccm-panel-add-block-draggable-block-type-dragger:focus {
    background: var(--nfe-cms-active) !important;
    outline: 1px solid var(--nfe-cms-border);
    outline-offset: -1px;
}

#ccm-panel-add-blocktypes-list a.ccm-panel-add-block-draggable-block-type-dragger.pep-active,
#ccm-panel-add-block-stack-list a.ccm-panel-add-block-draggable-block-type-dragger.pep-active,
body > a.ccm-panel-add-block-draggable-block-type-dragger {
    background: var(--nfe-cms-drag) !important;
}

.ui-widget-overlay {
    background: rgba(31, 38, 31, 0.22) !important;
    backdrop-filter: blur(3px);
    opacity: 1 !important;
}

.ui-widget-content a {
    color: var(--nfe-forest) !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: #eef0ea !important;
    border-color: rgba(36, 59, 47, 0.14) !important;
    color: var(--nfe-forest) !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    background: rgba(36, 59, 47, 0.06) !important;
    border-color: rgba(36, 59, 47, 0.2) !important;
    color: var(--nfe-forest) !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: linear-gradient(135deg, var(--nfe-cms-primary), var(--nfe-cms-primary-mid)) !important;
    border-color: var(--nfe-cms-primary-mid) !important;
    color: var(--nfe-cms-text-on-primary) !important;
}

.ccm-ui .form-range::-webkit-slider-thumb {
    background-color: var(--nfe-cms-primary) !important;
}

.ccm-ui .form-range::-webkit-slider-thumb:active {
    background-color: var(--nfe-cms-thumb-active) !important;
}

.ccm-ui .form-range::-webkit-slider-runnable-track {
    background-color: var(--nfe-cms-track) !important;
}

.ccm-ui .form-range::-moz-range-thumb {
    background-color: var(--nfe-cms-primary) !important;
}

.ccm-ui .form-range::-moz-range-thumb:active {
    background-color: var(--nfe-cms-thumb-active) !important;
}

.ccm-ui .form-range::-moz-range-track {
    background-color: var(--nfe-cms-track) !important;
}

.ccm-ui .form-check-input:checked {
    background-color: var(--nfe-cms-primary) !important;
    border-color: var(--nfe-cms-primary) !important;
}

.ccm-ui .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(166, 124, 59, 0.16) !important;
}

.ccm-ui .form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23d7c3a0'/%3E%3C/svg%3E");
}

.ccm-ui .nav-tabs .nav-link.active,
.ccm-ui .nav-tabs .nav-item.show .nav-link {
    border-color: var(--nfe-cms-primary) !important;
    color: var(--nfe-cms-primary) !important;
    font-weight: 700;
}

.ccm-ui .nav-pills .nav-link.active,
.ccm-ui .nav-pills .show > .nav-link,
div.ccm-ui .nav a.nav-link.active {
    background: linear-gradient(180deg, #314d3d 0%, var(--nfe-cms-primary) 100%) !important;
    color: var(--nfe-cms-text-on-primary) !important;
}

div.ccm-ui .nav.nav-sidebar .nav-item a:hover {
    background-color: var(--nfe-cms-hover) !important;
}

div.ccm-ui .nav.nav-sidebar .nav-item a.active:before {
    background-color: var(--nfe-cms-accent) !important;
}

.ccm-ui .page-link {
    background-color: var(--nfe-cms-surface) !important;
    border-color: var(--nfe-cms-border) !important;
    color: var(--nfe-cms-primary) !important;
}

.ccm-ui .page-link:hover,
.ccm-ui .page-link:focus {
    background-color: var(--nfe-cms-hover) !important;
    border-color: var(--nfe-cms-border) !important;
    color: var(--nfe-cms-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(166, 124, 59, 0.12) !important;
}

.ccm-ui .page-item.active .page-link,
.ccm-ui .pagination .active > .page-link,
.ccm-ui .pagination .page-link.active {
    background: linear-gradient(180deg, #314d3d 0%, var(--nfe-cms-primary) 100%) !important;
    border-color: var(--nfe-cms-primary-mid) !important;
    color: var(--nfe-cms-text-on-primary) !important;
}

.pagination .page-link,
.page-link {
    background-color: var(--nfe-cms-surface) !important;
    border-color: var(--nfe-cms-border) !important;
    color: var(--nfe-cms-primary) !important;
}

.pagination .page-link:hover,
.pagination .page-link:focus,
.page-link:hover,
.page-link:focus {
    background-color: var(--nfe-cms-hover) !important;
    border-color: var(--nfe-cms-border) !important;
    color: var(--nfe-cms-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(166, 124, 59, 0.12) !important;
}

.pagination .active > .page-link,
.pagination .page-item.active .page-link,
.page-item.active .page-link,
.page-link.active {
    background: linear-gradient(180deg, #314d3d 0%, var(--nfe-cms-primary) 100%) !important;
    border-color: var(--nfe-cms-primary-mid) !important;
    color: var(--nfe-cms-text-on-primary) !important;
}

.ccm-ui .badge,
.ccm-ui .text-bg-primary {
    background: linear-gradient(180deg, #314d3d 0%, var(--nfe-cms-primary) 100%) !important;
    color: var(--nfe-cms-text-on-primary) !important;
}

.ccm-ui .list-group-item.active {
    background: linear-gradient(180deg, #314d3d 0%, var(--nfe-cms-primary) 100%) !important;
    border-color: var(--nfe-cms-primary-mid) !important;
    color: var(--nfe-cms-text-on-primary) !important;
}

.ccm-ui .accordion-button:not(.collapsed) {
    background: rgba(36, 59, 47, 0.08) !important;
    color: var(--nfe-cms-primary) !important;
}

.ccm-ui .accordion-button:focus {
    box-shadow: 0 0 0 0.2rem rgba(166, 124, 59, 0.12) !important;
}

.ccm-ui .table-hover > tbody > tr:hover > *,
.ccm-ui .table-active > * {
    --bs-table-bg-state: rgba(36, 59, 47, 0.06) !important;
    --bs-table-color-state: var(--nfe-text) !important;
}

.ccm-ui .progress {
    background: #ddd7ca !important;
}

.ccm-ui .progress-bar,
div.ccm-ui div.process-progress {
    background: linear-gradient(90deg, var(--nfe-cms-primary), var(--nfe-cms-primary-soft)) !important;
}

.ts-wrapper.multi .ts-control > div.active,
.ts-dropdown .active,
.ts-dropdown .active.create {
    background: linear-gradient(180deg, #314d3d 0%, var(--nfe-cms-primary) 100%) !important;
    color: var(--nfe-cms-text-on-primary) !important;
}

.plugin-dropdown_input.focus.dropdown-active .ts-control,
.ts-control:focus,
.focus .ts-control {
    border-color: rgba(166, 124, 59, 0.4) !important;
    box-shadow: 0 0 0 0.2rem rgba(166, 124, 59, 0.12) !important;
}

.ccm-ui .ccm-image-cell-grid .ccm-image-cell.active img,
.ccm-ui .ccm-image-cell-grid .ccm-image-cell:hover img,
.ccm-ui .ccm-image-chooser-popover img:hover {
    border-color: var(--nfe-cms-primary) !important;
}

div.ccm-ui .ccm-widget-colorpicker.sp-replacer.sp-active,
div.ccm-ui .ccm-widget-colorpicker.sp-replacer:hover {
    border-color: rgba(166, 124, 59, 0.55) !important;
}

.sp-container button.sp-choose {
    background-color: var(--nfe-cms-primary) !important;
    color: var(--nfe-cms-text-on-primary) !important;
}

.sp-palette .sp-thumb-el.sp-thumb-active,
.sp-palette .sp-thumb-el:hover,
.sp-palette span.sp-thumb-active,
.sp-palette span:hover {
    border-color: var(--nfe-cms-accent) !important;
}

td.ccm-permissions-grid-cell-active {
    background-color: rgba(36, 59, 47, 0.08) !important;
}

.ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.ccm-parent-menu-item-hover span.fancytree-title,
.ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node.fancytree-drop-target span.fancytree-title,
.ccm-ui ul.ui-fancytree li[role=treeitem] span.fancytree-node:not(.fancytree-active) span.fancytree-title:hover {
    background-color: var(--nfe-cms-hover) !important;
    color: var(--nfe-text) !important;
}

.fancytree-plain.fancytree-container span.fancytree-node.fancytree-active span.fancytree-title,
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active span.fancytree-title,
table.fancytree-ext-table.fancytree-container > tbody > tr.fancytree-active > td,
table.fancytree-ext-table.fancytree-treefocus.fancytree-container > tbody > tr.fancytree-active > td,
table.fancytree-ext-table.fancytree-colorize-selected.fancytree-treefocus.table-hover > tbody > tr.fancytree-selected.fancytree-active:hover > td,
table.fancytree-ext-table.fancytree-colorize-selected.table-hover > tbody > tr.fancytree-selected.fancytree-active:hover > td {
    background-color: var(--nfe-cms-primary) !important;
    border-color: var(--nfe-cms-primary) !important;
    color: var(--nfe-cms-text-on-primary) !important;
}

table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell,
table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
    background-color: rgba(36, 59, 47, 0.1) !important;
}

div.ccm-panel-content menu li a,
div.ccm-panel-content ul.nav li a {
    color: var(--nfe-text) !important;
}

div.ccm-panel-content menu li a:hover,
div.ccm-panel-content ul.nav li a:hover,
div.ccm-panel-content menu li a:focus,
div.ccm-panel-content ul.nav li a:focus {
    background-color: var(--nfe-cms-hover) !important;
    color: var(--nfe-cms-primary) !important;
    text-decoration: none;
}

div.ccm-panel-content menu li a.ccm-panel-menu-item-active,
div.ccm-panel-content ul.nav li a.ccm-panel-menu-item-active {
    background: linear-gradient(180deg, #314d3d 0%, var(--nfe-cms-primary) 100%) !important;
    color: var(--nfe-cms-text-on-primary) !important;
}

div.ccm-panel-content menu li a.ccm-panel-menu-item-active:hover,
div.ccm-panel-content ul.nav li a.ccm-panel-menu-item-active:hover,
div.ccm-panel-content menu li a.ccm-panel-menu-parent-item-active,
div.ccm-panel-content ul.nav li a.ccm-panel-menu-parent-item-active {
    color: var(--nfe-cms-text-on-primary) !important;
}

div#ccm-panel-dashboard .ccm-panel-dashboard-footer {
    border-top-color: var(--nfe-cms-border-soft) !important;
}