/* Дизайнер панелей підсумків (класичний DashboardDesigner Creatio 7.x) і дизайнери віджетів.
   Частина 1 — правила, що застосовувались на udc.creatio.com до дизайнера (знято 25.10.2026: dash-designer-cap), обмежені .cdsg;
   частина 2 — розкладка (у Creatio — Terrasoft.GridLayout із float-колонками, тут — абсолютні клітинки 24 × 69px з тими самими розмірами). */
.cdsg .grid-layout-edit-item-wrap { position: absolute; border: 1px solid rgb(180, 193, 210); background-color: rgba(255, 255, 255, 0.8); text-align: center; overflow: hidden; min-height: 4.6em; box-sizing: border-box; user-select: none; z-index: 1; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; flex-flow: column wrap; -webkit-box-pack: center; place-content: stretch center; -webkit-box-align: stretch; align-items: stretch; }
.cdsg .grid-layout-edit-item-el { display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; flex-flow: row; -webkit-box-pack: justify; place-content: center space-between; -webkit-box-align: center; align-items: center; width: 100%; }
.cdsg .grid-layout-edit-item-content-wrap { display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; flex-flow: row; -webkit-box-pack: justify; place-content: center space-between; -webkit-box-align: center; align-items: center; z-index: 1; overflow: hidden; max-width: 95%; }
.cdsg .grid-layout-edit-item-content-image-wrap { padding-left: 8px; padding-right: 0px; position: relative; display: block; }
.cdsg .grid-layout-edit-item-content-text-wrap { font-size: 1.4em; padding-left: 8px; padding-right: 8px; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.cdsg .grid-layout-edit-item-content-image { position: relative; width: 16px; height: 16px; }
.cdsg .grid-layout-edit-table [data-selected-item="true"] .grid-layout-edit-item-content-text-wrap { background: rgb(228, 234, 249); }
.cdsg .grid-layout-edit-item-actions-wrap { float: right; display: none; z-index: 15; background: rgb(228, 234, 249); padding: 4px; }
.cdsg .grid-layout-edit-table [data-selected-item="true"] .grid-layout-edit-item-actions-wrap { display: inline-flex; position: relative; min-width: 56px; }
.cdsg .grid-layout-edit-item-actions-wrap .t-btn-wrapper { padding: 4px; margin-left: auto; }
.cdsg .grid-layout-edit-table .draggable-item-resize-top, .cdsg .grid-layout-edit-table .draggable-item-resize-bottom, .cdsg .grid-layout-edit-table .draggable-item-resize-left, .cdsg .grid-layout-edit-table .draggable-item-resize-right, .cdsg .grid-layout-edit-table .draggable-item-resize-top-left, .cdsg .grid-layout-edit-table .draggable-item-resize-top-right, .cdsg .grid-layout-edit-table .draggable-item-resize-bottom-left, .cdsg .grid-layout-edit-table .draggable-item-resize-bottom-right { display: none; }
.cdsg .grid-layout-edit-table [data-selected-item="true"] .draggable-item-resize-top, .cdsg .grid-layout-edit-table [data-selected-item="true"] .draggable-item-resize-bottom, .cdsg .grid-layout-edit-table [data-selected-item="true"] .draggable-item-resize-left, .cdsg .grid-layout-edit-table [data-selected-item="true"] .draggable-item-resize-right, .cdsg .grid-layout-edit-table [data-selected-item="true"] .draggable-item-resize-top-left, .cdsg .grid-layout-edit-table [data-selected-item="true"] .draggable-item-resize-top-right, .cdsg .grid-layout-edit-table [data-selected-item="true"] .draggable-item-resize-bottom-left, .cdsg .grid-layout-edit-table [data-selected-item="true"] .draggable-item-resize-bottom-right { display: block; }
.cdsg .grid-layout-table-edit-item-wrap { position: absolute; border: 1px solid rgb(180, 193, 210); background: rgb(255, 255, 255); text-align: center; overflow: hidden; min-height: 3.3em; font-size: 1.4em; box-sizing: border-box; user-select: none; z-index: 1; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; flex-flow: column wrap; -webkit-box-pack: center; place-content: stretch center; -webkit-box-align: stretch; align-items: stretch; }
.cdsg .grid-layout-table-edit-item-content-text-wrap, .cdsg .grid-layout-table-edit-item-content-image-wrap { font-size: 1em; padding-left: 8px; padding-right: 0px; position: relative; display: inline-flex; }
.cdsg .grid-layout-table-edit-wrap { width: 100%; height: 100%; background: rgb(255, 255, 255); overflow: hidden; position: relative; user-select: none; box-sizing: border-box; }
.cdsg .grid-layout-table-edit-rows-captions-wrap { width: 12em; height: inherit; overflow: hidden; display: inline-block; vertical-align: top; border-right: 1px solid rgb(186, 186, 186); }
.cdsg .grid-layout-table-edit-rows-captions-header { font-size: 1.4em; height: 3.5em; width: 100%; border-bottom: 1px solid rgb(224, 224, 224); }
.cdsg .grid-layout-table-edit-rows-captions-header-cell { width: 100%; display: inline-block; text-align: center; color: rgb(174, 174, 174); box-sizing: border-box; padding-top: 13px; }
.cdsg .grid-layout-table-edit-rows-captions { overflow: hidden; height: calc(100% - 3.5em - 30px); }
.cdsg .grid-layout-table-edit-rows-captions-row { font-size: 1.4em; display: flex; position: relative; box-sizing: border-box; padding: 7px 6px 0px; height: 3.5em; width: 100%; border-bottom: 1px solid rgb(224, 224, 224); }
.cdsg .grid-layout-table-edit-rows-captions-cell { display: inline-block; text-align: center; width: 100%; color: rgb(174, 174, 174); height: 3.5em; padding-top: 6px; box-sizing: border-box; }
.cdsg .grid-layout-table-edit-right-wrap { overflow: hidden; display: inline-block; vertical-align: top; width: calc(100% - 12em - 20px); height: inherit; }
.cdsg .grid-layout-table-edit-grid { overflow: auto; display: block; width: 100%; height: calc(100% - 3.5em - 20px); position: relative; font-size: 14px; }
.cdsg .grid-layout-table-edit-columns-header, .cdsg .grid-layout-table-edit-rows-captions-header { display: block; overflow: hidden; clear: none; }
.cdsg .grid-layout-table-edit-columns-header { border-bottom: 1px solid rgb(224, 224, 224); }
.cdsg .grid-layout-table-edit-columns-header-row { font-size: 1.4em; position: relative; box-sizing: border-box; min-height: 35px; width: 100%; line-height: 2.43em !important; }
.cdsg .grid-layout-table-edit-columns-header-cell { display: inline-block; text-align: center; color: rgb(174, 174, 174); height: 3.5em; padding-top: 13px; box-sizing: border-box; line-height: 1.2em; overflow: hidden; float: left; }
.cdsg .grid-layout-table-edit-grid-row { position: static; display: flex; font-size: 1.4em; }
.cdsg .grid-layout-table-edit-grid-cell { display: inline-block; vertical-align: middle; text-align: center; border-right: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); color: white; height: 3.5em; box-sizing: border-box; }
.cdsg .grid-layout-table-edit-grid-cell[data-row-index="0"] { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.cdsg .grid-layout-table-edit-grid-cell[data-column-index="0"] { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
.cdsg .grid-layout-table-edit-cell[data-column-index="0"].grid-layout-edit-selection-border-left { border-left: 1px solid rgb(176, 176, 176); }
.cdsg .grid-layout-table-edit-cell[data-row-index="0"].grid-layout-edit-selection-border-top { border-top: 1px solid rgb(176, 176, 176); }
.cdsg .grid-layout-table-edit-grid-row[data-row-index="0"][has-columns-captions="0"] { border-top: 1px solid rgb(238, 238, 238); }
.cdsg .grid-layout-table-edit-grid-row[has-rows-captions="0"] { border-left: 1px solid rgb(176, 176, 176); }
.cdsg .grid-layout-table-edit-selection-border-top { border-top: 1px solid rgb(176, 176, 176); }
.cdsg .grid-layout-table-edit-selection-border-bottom { border-bottom: 1px solid rgb(176, 176, 176); }
.cdsg .grid-layout-table-edit-selection-border-left { border-left: 1px solid rgb(176, 176, 176); }
.cdsg .grid-layout-table-edit-selection-border-right { border-right: 1px solid rgb(176, 176, 176); }
.cdsg .grid-layout-table-edit-grid-cell[data-selected="1"] { background: rgba(226, 226, 226, 0.5); color: rgba(226, 226, 226, 0.5); }
.cdsg .center-main-container > .grid-layout > * { max-width: 140em; }
.cdsg .center-main-container .grid-layout-row { max-width: 140em; }
.cdsg .center-main-container.campaign-card-content-container .header-container-margin-bottom .grid-layout-row, .cdsg .center-main-container.campaign-card-content-container .campaign-schema-block .grid-layout-row { max-width: none; }
.cdsg html[dir="rtl"] .center-main-container .grid-layout.collapse-empty-row .control-width-15 .label-wrap > * { margin-bottom: 0.5em; }
.cdsg html[dir="rtl"] .grid-layout-edit-item-content-image[src$="LookupEditImage"] { transform: rotateY(180deg); }
.cdsg .designer .grid-layout .t-btn-wrapper .add-button { position: relative; left: 1.7em; }
.cdsg .grid-layout-row .item-cell:last-child .column-item-container { padding-right: 0px; }
.cdsg .dashboard-tools-container .t-btn-wrapper { margin-right: 0.65em; }
.cdsg .dashboard-config-container { margin-top: 10px; }
.cdsg .dashboard-config-container #captionContainer { height: 50px; }
.cdsg .designerGridLayoutItem-wrap { width: 100%; height: 100%; background-color: lightblue; overflow: hidden; vertical-align: top; cursor: pointer; font-size: 1.4em; user-select: none; text-align: center; box-sizing: border-box; position: relative; display: flex; }
.cdsg .designerGridLayoutItem-text { align-self: center; margin: 0px auto; }
.cdsg .designerGridLayoutItem-pressed { background-color: rgb(253, 241, 193); }
.cdsg .add-button { border: 1px dotted rgb(204, 204, 204); }
.cdsg .item-cell { padding: 0.2em 0em 0.1em; }
.cdsg .column-item-container { width: 100%; height: 100%; padding-right: 0.3em; }
.cdsg .add-button.custom-button.t-btn-wrapper { background-color: rgb(240, 240, 240); }
.cdsg .custom-designerGridLayoutItem-center-text-el { display: table-cell; vertical-align: middle; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el #ModuleSelectingContainer #HeaderContainer, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .widget-designer-container #HeaderContainer { padding: 0px; margin: 0px 0px 20px; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container .center-main-container .tabs-container .ts-tabpanel, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container .center-main-container .tabs-container .ts-tabpanel { min-width: 600px; }
.cdsg .placeholderOpacity ::-webkit-input-placeholder { opacity: 1; }
.cdsg .default .center-panel .card-content-container .center-main-container .ts-tabpanel { margin-left: -20px; margin-right: -20px; margin-top: -0.6em; }
.cdsg .default .center-panel .card-content-container .center-main-container .ts-tabpanel .ts-tabpanel-wrap .ts-tabpanel-items li:first-child { margin-left: 8px; }
.cdsg .default .center-panel .card-content-container .center-main-container .ts-tabpanel .ts-tabpanel-wrap .ts-tabpanel-items li:last-child { margin-right: 8px; }
.cdsg .center-panel .card-content-container .center-main-container .ts-tabpanel { margin-left: -20px; margin-right: -20px; margin-top: -0.6em; }
.cdsg .center-panel .card-content-container .center-main-container .ts-tabpanel .ts-tabpanel-wrap .ts-tabpanel-items li:first-child { margin-left: 8px; }
.cdsg .center-panel .card-content-container .center-main-container .ts-tabpanel .ts-tabpanel-wrap .ts-tabpanel-items li:last-child { margin-right: 8px; }
.cdsg .center-main-container .ts-controlgroup-container .detail-edit-container-user-class .label-wrap { padding-right: 21px; }
.cdsg .center-main-container .ts-controlgroup.detail.grid-detail { overflow: visible; }
.cdsg .center-main-container .ts-controlgroup:not(.grid-detail) { max-width: 140em; }
.cdsg .widget-designer-container .chart-full-screen-btn { display: none; }
.cdsg .widget-designer-container .funnel-main-container .highchart-tools { display: none; }
.cdsg .chart-designer-series-tab-panel { margin-top: 10px; }
.cdsg .widget-designer-container .ts-controlgroup-container { padding-bottom: 1.7em; }
.cdsg .widget-designer-container .ts-controlgroup-container .ts-controlgroup { padding-bottom: 3px; }
.cdsg .unsupported-types { padding-left: 112px; }
.cdsg html[dir="rtl"] body .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container { left: auto; }
.cdsg .center-panel.is-angular-host .default-center-panel-content[page="edit-page"] .schema-wrap.one-el .card-content-container.page-with-left-el .center-main-container { height: unset; }
.cdsg .center-panel.is-angular-host .default-center-panel-content[page="edit-page"] .schema-wrap.one-el .card-content-container.page-with-left-el .left-modules-container { min-height: calc(100% - 50px); }
.cdsg .center-panel.is-angular-host .default-center-panel-content[page="edit-page"] .card-content-container { max-height: 100%; flex-wrap: wrap; min-height: 0px; min-width: 0px; overflow: auto; }
.cdsg .center-panel.is-angular-host .default-center-panel-content[page="edit-page"] .card-content-container .center-main-container { min-height: calc(100% - 50px); }
.cdsg .center-panel.is-angular-host .default-center-panel-content[page="edit-page"] .card-content-container .actions-container { top: 0px; left: 0px; position: sticky !important; }
.cdsg .center-panel.is-angular-host .default-center-panel-content[page="section-page"] > .schema-wrap.one-el .section-wrap .content-container-wrapClass .card.right-el > .schema-wrap .card-content-container { min-height: 0px; min-width: 0px; overflow: auto; }
.cdsg .center-panel.is-angular-host .default-center-panel-content[page="section-page"] > .schema-wrap.one-el .section-wrap .content-container-wrapClass .section.left-el, .cdsg .center-panel.is-angular-host .default-center-panel-content[page="section-page"] > .schema-wrap.one-el .section-wrap .content-container-wrapClass .card.right-el, .cdsg .center-panel.is-angular-host .default-center-panel-content[page="section-page"] > .schema-wrap.one-el .section-wrap .content-container-wrapClass .card-content-container, .cdsg .center-panel.is-angular-host .default-center-panel-content[page="section-page"] > .schema-wrap.two-el .section-wrap .content-container-wrapClass .section.left-el, .cdsg .center-panel.is-angular-host .default-center-panel-content[page="section-page"] > .schema-wrap.two-el .section-wrap .content-container-wrapClass .card.right-el, .cdsg .center-panel.is-angular-host .default-center-panel-content[page="section-page"] > .schema-wrap.two-el .section-wrap .content-container-wrapClass .card-content-container { min-height: 0px; min-width: 0px; overflow: auto; }
.cdsg .center-panel.is-angular-host .default-center-panel-content[page="section-page"] > .schema-wrap.one-el .section-wrap .content-container-wrapClass .card.right-el .card-content-container.page-with-left-el, .cdsg .center-panel.is-angular-host .default-center-panel-content[page="section-page"] > .schema-wrap.two-el .section-wrap .content-container-wrapClass .card.right-el .card-content-container.page-with-left-el { align-items: flex-start; min-width: 925px; }
.cdsg .center-panel.is-angular-host .default-center-panel-content:not([page="edit-page"], [page="section-page"]) > .schema-wrap#DashboardGridDesignerContainer .custom-column-settings-container:empty + .grid-designer-container { display: flex; flex-direction: column; height: 100%; }
.cdsg .center-panel.is-angular-host .default-center-panel-content:not([page="edit-page"], [page="section-page"]) > .schema-wrap#DashboardGridDesignerContainer .custom-column-settings-container:empty + .grid-designer-container .grid-designer-header-container { margin: 0px 0px 20px; padding: 0px 20px; }
.cdsg .center-panel.is-angular-host .default-center-panel-content:not([page="edit-page"], [page="section-page"]) > .schema-wrap#DashboardGridDesignerContainer .custom-column-settings-container:empty + .grid-designer-container .card-content-container { overflow-y: auto; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .grid-settings { margin-inline-start: 8px !important; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container { width: 100%; height: 100%; min-width: 100%; max-width: 100%; min-height: 0px; margin: 0px !important; padding: 0px !important; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container::before, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container::before { display: none; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container.page-with-left-el .center-main-container, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container.page-with-left-el .center-main-container { width: 0px; height: 100%; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container.page-with-left-el.right-container-template, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container.page-with-left-el.right-container-template { flex-direction: row-reverse; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container.page-with-left-el.right-container-template .left-modules-container, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container.page-with-left-el.right-container-template .left-modules-container { order: 1; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container.page-with-left-el.right-container-template .left-modules-container > *, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container.page-with-left-el.right-container-template .left-modules-container > * { margin-inline: 0px 8px; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container.page-with-left-el.right-container-template .center-main-container, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container.page-with-left-el.right-container-template .center-main-container { order: 2; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container .actions-container, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container .actions-container { position: static; width: 100%; min-width: 100%; max-width: 100%; height: 50px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; margin: 0px; padding: 0px 20px 20px; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container .actions-container .right-container-wrapClass, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container .actions-container .right-container-wrapClass { margin: 0px; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container .left-modules-container, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container .left-modules-container { padding-bottom: 8px; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container .left-modules-container > #lead-profiles-container-asc > *, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container .left-modules-container > #lead-profiles-container-desc > *, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container .left-modules-container > #lead-profiles-container-asc > *, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container .left-modules-container > #lead-profiles-container-desc > * { width: 100%; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container .center-main-container, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container .center-main-container { min-width: 0px; padding-bottom: 8px; margin: 0px !important; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container .center-main-container > *, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container .center-main-container > * { margin: 8px 8px 0px; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container .center-main-container .header-container-margin-bottom, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container .center-main-container .header-container-margin-bottom { margin-top: 0px; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container .center-main-container .header-container-margin-bottom > *, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container .center-main-container .header-container-margin-bottom > * { margin: 8px 0px 0px; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container .center-main-container .action-dashboard-container, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container .center-main-container .dcm-actions-dashboard-container, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container .center-main-container .action-dashboard-container, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container .center-main-container .dcm-actions-dashboard-container { min-height: auto; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container .center-main-container .content-block-page-tabs-container, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container .center-main-container .content-block-page-tabs-container { overflow: hidden; }
.cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.one-el .card-content-container .center-main-container .tabs-container #GeneralInfoTab, .cdsg .center-panel.is-angular-host .default-center-panel-content .schema-wrap.two-el .card-content-container .center-main-container .tabs-container #GeneralInfoTab { min-width: 560px; }
.cdsg .draggable-item-resize-top, .cdsg .draggable-item-resize-bottom, .cdsg .draggable-item-resize-left, .cdsg .draggable-item-resize-right, .cdsg .draggable-item-resize-top-left, .cdsg .draggable-item-resize-top-right, .cdsg .draggable-item-resize-bottom-left, .cdsg .draggable-item-resize-bottom-right, .cdsg .draggable-item-move { box-sizing: border-box; display: block; position: absolute; }
.cdsg .draggable-item-move { height: 100%; width: 100%; cursor: move; top: 0px; left: 0px; z-index: 12; }
.cdsg .draggable-item-grabbed { z-index: 99999; position: absolute; }
.cdsg .draggable-item-resize-top, .cdsg .draggable-item-resize-bottom, .cdsg .draggable-item-resize-left, .cdsg .draggable-item-resize-right { z-index: 15; }
.cdsg .draggable-item-resize-top, .cdsg .draggable-item-resize-bottom { cursor: ns-resize; height: 4px; width: 100%; }
.cdsg .draggable-item-resize-top { top: 0px; }
.cdsg .draggable-item-resize-bottom { bottom: 0px; }
.cdsg .draggable-item-resize-left, .cdsg .draggable-item-resize-right { cursor: ew-resize; height: 100%; width: 4px; top: 0px; }
.cdsg .draggable-item-resize-top:hover, .cdsg .draggable-item-resize-bottom:hover, .cdsg .draggable-item-resize-left:hover, .cdsg .draggable-item-resize-right:hover { background: rgb(156, 226, 105); opacity: 0.5; }
.cdsg .draggable-item-resize-left { left: 0px; }
.cdsg .draggable-item-resize-right { right: 0px; }
.cdsg .draggable-item-resize-top-left, .cdsg .draggable-item-resize-top-right, .cdsg .draggable-item-resize-bottom-left, .cdsg .draggable-item-resize-bottom-right { width: 10px; height: 10px; z-index: 16; }
.cdsg .draggable-item-resize-top-left:hover, .cdsg .draggable-item-resize-top-right:hover, .cdsg .draggable-item-resize-bottom-left:hover, .cdsg .draggable-item-resize-bottom-right:hover { opacity: 0.5; }
.cdsg .draggable-item-resize-top-left { cursor: nw-resize; top: 0px; left: 0px; }
.cdsg .draggable-item-resize-top-left:hover { border-top: 10px solid rgb(156, 226, 105); border-right: 10px solid transparent; }
.cdsg .draggable-item-resize-top-right { cursor: sw-resize; top: 0px; right: 0px; }
.cdsg .draggable-item-resize-top-right:hover { border-top: 10px solid rgb(156, 226, 105); border-left: 10px solid transparent; }
.cdsg .draggable-item-resize-bottom-left { cursor: sw-resize; bottom: 0px; left: 0px; }
.cdsg .draggable-item-resize-bottom-left:hover { border-bottom: 10px solid rgb(156, 226, 105); border-right: 10px solid transparent; }
.cdsg .draggable-item-resize-bottom-right { cursor: nw-resize; bottom: 0px; right: 0px; }
.cdsg .draggable-item-resize-bottom-right:hover { border-bottom: 10px solid rgb(156, 226, 105); border-left: 10px solid transparent; }
.cdsg .content-block-wrap .draggable-item-resize-bottom { cursor: default; }
.cdsg .draggable-item-grabbed.content-block-move-button { background-color: rgb(255, 255, 255); border: 2px solid rgb(16, 160, 227); border-radius: 4px; }
.cdsg .content-block-group-wrap .draggable-item-resize-bottom { cursor: default; }
.cdsg .base-edit-disabled.base-edit:hover .base-edit-clear-icon, .cdsg .base-edit:hover.clear-icon-not-visible .base-edit-clear-icon, .cdsg .base-edit-disabled.base-edit-with-clear-icon .base-edit-clear-icon, .cdsg .card-content-container .base-edit-clear-icon { display: none; }
.cdsg [_ngcontent-ng-c2951230367] .card-content-container[_ngcontent-ng-c2951230367] > .actions-container[_ngcontent-ng-c2951230367] { position: fixed; }
.cdsg .open-grid-settings-button { margin: 20px 0px 10px 159px; }
.cdsg .card-content-container .base-edit-right-icon { display: none; }
.cdsg .card-content-container .time-edit .base-edit-input, .cdsg .card-content-container .date-edit .base-edit-input { padding-right: 0px; }
.cdsg .card-content-container .base-edit.base-edit-with-right-icon { padding-right: 10px; }
.cdsg .card-content-container > .actions-container { position: fixed; }
.cdsg .card-content-container .filteredit .base-edit-right-icon { display: block; }
.cdsg .default .center-panel .card-content-container { display: flex; overflow: hidden; min-height: calc(-9.9em + 100vh); margin-bottom: -2em; margin-left: -3em; margin-right: 0px; width: calc(100% + 3em); background-color: rgb(235, 238, 239); padding-left: 0.6em; padding-top: 22px; padding-bottom: 0.6em; box-sizing: border-box; }
.cdsg .default .center-panel .card-content-container .actions-container { margin-left: -3em; padding-left: 2em; margin-top: -5.7em; padding-top: 0px; height: 3.7em; min-width: 0px; left: auto; right: auto; }
.cdsg .default .center-panel .card-content-container .page-header-container { height: 1.3em; margin-top: -1.9em; margin-left: 0px; margin-bottom: 0.6em; padding-left: 3em; padding-right: 0.6em; white-space: nowrap; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(216, 217, 217); color: rgb(68, 68, 68); position: fixed; z-index: 1000; }
.cdsg .default .center-panel .card-content-container .page-header-container > label:empty::before { content: "..."; }
.cdsg .default .center-panel .card-content-container .page-header-container > * { height: 0.65em; line-height: 0.15em; font-size: 2em; text-overflow: ellipsis; }
.cdsg .default .center-panel .card-content-container .left-modules-container { flex-grow: 0; display: table; }
.cdsg .default .center-panel .card-content-container .left-modules-container > * { width: 29.8em; margin-right: 0.6em; }
.cdsg .default .center-panel .card-content-container .left-modules-container > :last-child { margin-bottom: 0px; }
.cdsg .default .center-panel .card-content-container .center-main-container { min-width: 43em; max-width: none; flex-grow: 1; }
.cdsg .default .center-panel .card-content-container .center-main-container > :last-child { margin-bottom: 0px; }
.cdsg .default .center-panel .designer .card-content-container { min-height: 0px; }
.cdsg .default .center-panel .schema-wrap.two-el .card-content-container { padding-left: 0.6em; margin-bottom: 0px; }
.cdsg .default .center-panel .schema-wrap.two-el .card-content-container .page-header-container { margin-left: -0.6em; padding-left: 0.6em; }
.cdsg .default .center-panel .default-center-panel-content .schema-wrap.one-el .card-content-container { padding-left: 0px; }
.cdsg .default .center-panel .default-center-panel-content .schema-wrap.two-el .card-content-container { padding-left: 0.6em; }
.cdsg [is-main-header-visible="true"] .card-content-container::before { content: ""; position: fixed; width: 1px; height: 100vh; background-color: rgb(230, 230, 230); margin-left: -6px; }
.cdsg .center-panel .card-content-container { display: flex; overflow: hidden; min-height: calc(-9.9em + 100vh); margin-bottom: -2em; margin-left: -3em; margin-right: 0px; width: calc(100% + 3em); background-color: rgb(235, 238, 239); padding-left: 0.6em; padding-top: 22px; padding-bottom: 0.6em; box-sizing: border-box; }
.cdsg .center-panel .card-content-container .actions-container { margin-left: -3em; padding-left: 2em; margin-top: -5.7em; padding-top: 0px; height: 3.7em; min-width: 0px; left: auto; right: auto; }
.cdsg .center-panel .card-content-container .page-header-container { height: 1.3em; margin-top: -1.9em; margin-left: 0px; margin-bottom: 0.6em; padding-left: 3em; padding-right: 0.6em; white-space: nowrap; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(216, 217, 217); color: rgb(68, 68, 68); position: fixed; z-index: 1000; }
.cdsg .center-panel .card-content-container .page-header-container > label:empty::before { content: "..."; }
.cdsg .center-panel .card-content-container .page-header-container > * { height: 0.65em; line-height: 0.15em; font-size: 2em; text-overflow: ellipsis; }
.cdsg .center-panel .card-content-container .left-modules-container { flex-grow: 0; display: table; }
.cdsg .center-panel .card-content-container .left-modules-container > * { width: 29.8em; margin-right: 0.6em; }
.cdsg .center-panel .card-content-container .left-modules-container > :last-child { margin-bottom: 0px; }
.cdsg .center-panel .card-content-container .center-main-container { min-width: 43em; max-width: none; flex-grow: 1; }
.cdsg .center-panel .card-content-container .center-main-container > :last-child { margin-bottom: 0px; }
.cdsg .center-panel .designer .card-content-container { min-height: 0px; }
.cdsg .center-panel .schema-wrap.two-el .card-content-container { padding-left: 0.6em; margin-bottom: 0px; }
.cdsg .center-panel .schema-wrap.two-el .card-content-container .page-header-container { margin-left: -0.6em; padding-left: 0.6em; }
.cdsg .center-panel .default-center-panel-content .schema-wrap.one-el .card-content-container { padding-left: 0px; }
.cdsg .center-panel .default-center-panel-content .schema-wrap.two-el .card-content-container { padding-left: 0.6em; }
.cdsg div.center-panel-content > .schema-wrap .card-content-container { width: calc(100% + 3em); border-right: 0px; }
.cdsg div.center-panel-content > .schema-wrap.one-el .card-content-container { padding-left: 0px; }
.cdsg .schema-wrap.two-el, .cdsg .schema-wrap.one-el .section-wrap, .cdsg .schema-wrap.one-el .card-content-container { max-width: none; }
.cdsg .center-main-container { width: calc(100% - 30.4em); }
.cdsg .schema-wrap.one-el .card-content-container { max-width: none; margin-top: 3.5em; }
.cdsg .left-modules-container, .cdsg .center-main-container { box-sizing: border-box; float: left; padding: 0px; }
.cdsg .center-main-container { display: flex; flex-direction: column; }
.cdsg .center-main-container > :last-child { flex-grow: 1; }
.cdsg .center-main-container .actions-dashboard-content .social-message-module > *, .cdsg .center-main-container .actions-dashboard-content .call-message-module > *, .cdsg .center-main-container .actions-dashboard-content .email-message-module .layout-container { max-width: 140em; }
.cdsg .center-main-container > div, .cdsg .left-modules-container > div { background-color: rgb(255, 255, 255); padding: 20px; box-sizing: border-box; border: 1px solid rgb(230, 230, 230); border-radius: 3px; margin-bottom: 0.6em; }
.cdsg .center-main-container > .header-container-margin-bottom { padding: 0px; margin: 0px; border: 0px; background-color: transparent; }
.cdsg .center-main-container > .header-container-margin-bottom > * { background-color: rgb(255, 255, 255); padding: 20px; box-sizing: border-box; border: 1px solid rgb(230, 230, 230); border-radius: 3px; margin-bottom: 0.6em; }
.cdsg .center-main-container > .header-container-margin-bottom > :empty { display: none; }
.cdsg .designer .center-main-container > div, .cdsg .designer .center-main-container > .header-container-margin-bottom > * { border: 0px; }
.cdsg .center-main-container > div:not(.dcm-actions-dashboard-container):empty, .cdsg .left-modules-container > div:not(.module-container):empty { display: none; }
.cdsg .center-main-container .action-dashboard-container, .cdsg .center-main-container .dcm-actions-dashboard-container { background-color: rgb(244, 245, 247); }
.cdsg .center-main-container .action-dashboard-container { min-height: 192px; }
.cdsg .center-main-container .action-dashboard-container[tab-panel-collapsed] { min-height: 68px; }
.cdsg .center-main-container .action-dashboard-container[actions-visible="true"], .cdsg .center-main-container .dcm-actions-dashboard-container { min-height: 233px; }
.cdsg .center-main-container .action-dashboard-container[actions-visible="true"][tab-panel-collapsed], .cdsg .center-main-container .dcm-actions-dashboard-container[tab-panel-collapsed] { min-height: 109px; }
.cdsg .card-content-container > .actions-container .right-container-wrapClass, .cdsg .combined-action-buttons-card-container-wrapClass > .combined-action-buttons-card-right-container-wrapClass, .cdsg .separate-action-buttons-right-container-wrapClass { margin-right: 8px; }
.cdsg div.wizard-container div.card-content-container, .cdsg div.designer div.card-content-container { padding-top: 2em; }
.cdsg div.wizard-container div.card-content-container div.page-header-container, .cdsg div.designer div.card-content-container div.page-header-container { display: none; }
.cdsg .center-main-container .label-wrap { margin-right: 0px; padding-right: 14px; }
.cdsg .schema-wrap.one-el .google-integration-card-container.card-content-container .actions-container { margin-top: -6.5em; }
.cdsg div.designer > div.card-content-container { margin-top: 0px; padding-top: 1em; background-color: rgb(255, 255, 255); }
.cdsg div.designer > div.card-content-container div.page-header-container { display: none; }
.cdsg div.center-panel div.dashboard-container .card-content-container .module-container { padding-top: 0px; }
.cdsg div.design-container-wrapClass #DesignedView div.card-content-container { padding-top: 2em; }
.cdsg div.design-container-wrapClass #DesignedView div.card-content-container div.page-header-container { display: none; }
.cdsg div.design-container-wrapClass div.card-content-container { margin-top: 0px; }
.cdsg .draggable-items-list { top: 110px; background-color: rgb(255, 255, 255); }
.cdsg .schema-wrap .card-content-container + * { padding-top: 14px; margin-top: 20px; }
.cdsg .schema-wrap .card-content-container + ::before { top: 0px; }
.cdsg .schema-wrap .card-content-container ~ * { position: relative; background: rgb(255, 255, 255); padding-right: 20px; overflow: visible; padding-left: 0px; }
.cdsg .schema-wrap .card-content-container ~ ::before { content: ""; width: 1px; background: rgb(235, 238, 239); position: absolute; height: calc(100% + 2em); left: -30px; }
.cdsg .schema-wrap .card-content-container.page-with-left-el ~ * { padding-left: 300px; }
.cdsg .schema-wrap .card-content-container.page-with-left-el ~ ::before { width: 305px; }
.cdsg .schema-wrap.two-el .card-content-container + * { margin-top: 0px; }
.cdsg .schema-wrap.two-el .card-content-container ~ ::before { width: 7px; }
.cdsg .schema-wrap.two-el .card-content-container.page-with-left-el ~ ::before { width: 311px; }
.cdsg html[dir="rtl"] body[oldui="false"] div.center-panel-content > .schema-wrap.one-el .card-content-container { padding-right: 0px; }
.cdsg html[dir="rtl"] body[oldui="false"] .center-panel .schema-wrap.two-el .card-content-container { padding-left: 0.6em; padding-right: 0px; }
.cdsg html[dir="rtl"] body[oldui="false"] .center-panel .card-content-container { right: 3em; }
.cdsg html[dir="rtl"] body[oldui="false"] .center-panel .card-content-container .left-modules-container > * { margin-left: 0px; margin-right: 0.6em; }
.cdsg .grid-settings .preview-data-container .preview-caption { font-family: "Bpmonline Open Sans Light"; }
.cdsg .center-panel .card-content-container .page-header-container { font-family: "Bpmonline Open Sans Light"; }
.cdsg .ts-designer-tab-label-container .t-label, .cdsg .tab-label-panel-draggable-item-grabbed { font-family: "Bpmonline Open Sans"; }
.cdsg html[culture="ar-SA"] body[oldui="false"] .grid-settings .preview-data-container .preview-caption { font-family: "Bpmonline Cairo Light"; }
.cdsg html[culture="ar-SA"] body[oldui="false"] .center-panel .card-content-container .page-header-container { font-family: "Bpmonline Cairo Light"; }
.cdsg html[culture="ar-SA"] body[oldui="false"] .ts-designer-tab-label-container .t-label, .cdsg html[culture="ar-SA"] body[oldui="false"] .tab-label-panel-draggable-item-grabbed { font-family: "Bpmonline Cairo"; }
.cdsg html[culture="he-IL"] body[oldui="false"] .grid-settings .preview-data-container .preview-caption { font-family: "Bpmonline Rubik Light"; }
.cdsg html[culture="he-IL"] body[oldui="false"] .center-panel .card-content-container .page-header-container { font-family: "Bpmonline Rubik Light"; }
.cdsg html[culture="he-IL"] body[oldui="false"] .ts-designer-tab-label-container .t-label, .cdsg html[culture="he-IL"] body[oldui="false"] .tab-label-panel-draggable-item-grabbed { font-family: "Bpmonline Rubik"; }
.cdsg html[culture="fa-IR"] body[oldui="false"] .grid-settings .preview-data-container .preview-caption { font-family: "IranSans Light"; }
.cdsg html[culture="fa-IR"] body[oldui="false"] .center-panel .card-content-container .page-header-container { font-family: "IranSans Light"; }
.cdsg html[culture="fa-IR"] body[oldui="false"] .ts-designer-tab-label-container .t-label, .cdsg html[culture="fa-IR"] body[oldui="false"] .tab-label-panel-draggable-item-grabbed { font-family: IranSans; }
.cdsg .widget-designer-container.grid-designer-container .pivot-table-settings-wrapper { display: flex; }
.cdsg .widget-designer-container.grid-designer-container .pivot-table-settings-wrapper .pivot-table-settings-container, .cdsg .widget-designer-container.grid-designer-container .pivot-table-settings-wrapper .pivot-table-preview-container { padding: 20px; width: 50%; }
.cdsg .widget-designer-container.grid-designer-container .pivot-table-settings-wrapper .pivot-table-settings-container .label-wrap + .control-wrap { width: 100%; }
.cdsg .widget-designer-container.grid-designer-container .pivot-table-settings-wrapper .pivot-table-preview-container { max-height: 454px; margin-top: 34px; }
.cdsg .widget-designer-container.grid-designer-container .pivot-table-settings-wrapper .pivot-table-preview-container .pivot-table-component-container { width: 100%; height: 100%; }
.cdsg .widget-designer-container.grid-designer-container .pivot-table-settings-wrapper .pivot-table-preview-container .blank-slate-icon { margin: 10px auto auto; }
.cdsg .widget-designer-container.grid-designer-container .pivot-table-settings-wrapper .pivot-table-preview-container .blank-slate-icon img { margin: auto; display: block; }
.cdsg .widget-designer-container.grid-designer-container .pivot-table-settings-wrapper .pivot-table-preview-container .blank-slate-description { box-shadow: rgb(84, 184, 223) -3px 0px 0px 0px; padding: 20px; margin-top: 40px; }
.cdsg .widget-designer-container.grid-designer-container .pivot-table-settings-wrapper .pivot-table-preview-container .blank-slate-description label { display: block; color: rgb(153, 153, 153); font-size: 20px; }
.cdsg .custom-column-settings-container:not(:empty) + .grid-designer-container { display: none; }
.cdsg .widget-designer-container.grid-designer-container .label-wrap + .control-wrap { width: 50%; }
.cdsg .widget-designer-container.grid-designer-container .center-main-container:not(.grid-settings) > div:first-child { padding-bottom: 22px; }
.cdsg .widget-designer-container.grid-designer-container .ts-controlgroup-container { padding-bottom: 2.1em; }
.cdsg .widget-designer-container.grid-designer-container .grid-designer-header-container { margin-left: -29px; padding: 20px; margin-top: -55px; }
.cdsg .widget-designer-container.grid-designer-container .grid-column-settings-container .schema-wrap.one-el .card-content-container { margin-top: 0px; padding-top: 0px; background: none; margin-left: 0px; width: 100%; min-height: 0px; }
.cdsg .widget-designer-container.grid-designer-container .grid-column-settings-container .schema-wrap.one-el .card-content-container::before { display: none; }
.cdsg .widget-designer-container.grid-designer-container .grid-column-settings-container .schema-wrap.one-el .card-content-container .actions-container { display: none; }
.cdsg .widget-designer-container.grid-designer-container .grid-column-settings-container .schema-wrap.one-el .card-content-container .grid-settings.center-main-container > div { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; }
.cdsg .widget-designer-container.grid-designer-container .grid-column-settings-container .open-grid-settings-button { margin-left: 0px; margin-top: 10px; }
.cdsg .widget-designer-container.grid-designer-container .grid-column-settings-container > #WidgetModule.module-container { position: static; width: auto; height: auto; }
.cdsg .widget-designer-container.grid-designer-container .grid-column-settings-container > #WidgetModule.module-container .dashboard-grid-list { position: static; width: auto; height: auto; }
.cdsg .widget-designer-container.grid-designer-container .grid-view-settings-container .ts-controlgroup:not(.grid-detail) { max-width: none; }
.cdsg .widget-designer-container.grid-designer-container .grid-view-settings-container > .ts-controlgroup > .ts-controlgroup-container > div { margin-top: 5px; }
.cdsg .card-content-container { position: relative; margin-top: 6.5em; }
.cdsg .card > .one-el > .card-content-container { margin-top: 0px; }
.cdsg div.one-el > div.card-content-container { margin-top: 3.6em; }
.cdsg .card > div.one-el > div.card-content-container { margin-top: 0px; }
.cdsg #VwProcessLibSectionContainer.two-el .card-content-container { padding-bottom: 2em; }
.cdsg .card-content-container > .actions-container { background-color: rgb(255, 255, 255); position: fixed; z-index: 30; min-width: 56em; margin-top: -6.5em; left: 21.2em; right: 3em; padding-left: 2em; padding-bottom: 0.5em; padding-top: 0.6em; }
.cdsg .center-panel-content .card-content-container > .actions-container { margin-right: 38.7em; }
.cdsg .default-center-panel-content .card-content-container > .actions-container { margin-right: 2.7em; }
.cdsg .left-panel-collapsed .default-center-panel-content .card-content-container > .actions-container { margin-right: 2.7em; }
.cdsg .left-panel-collapsed .card-content-container > .actions-container { left: 7.5em; }
.cdsg .schema-wrap.one-el .section-wrap, .cdsg .schema-wrap.one-el .card-content-container { min-width: 560px; max-width: 1084px; }
.cdsg .schema-wrap.one-el .google-integration-card-container.card-content-container { margin-top: 5em; }
.cdsg .schema-wrap.one-el .google-integration-card-container.card-content-container .actions-container { margin-top: -5em; }
.cdsg .grid-settings { width: 800px; }
.cdsg .grid-settings .grid { margin-bottom: 22px; }
.cdsg .grid-settings .grid .grid-module { padding-bottom: 3px; }
.cdsg .grid-settings .grid #columnsSettingsGrid .grid-cols { padding: 0px; min-height: 40px; }
.cdsg .grid-settings .grid [id*="element-column"] { padding: 0px; border-right: 3px solid white; }
.cdsg .grid-settings .grid [id*="element-column-"]:last-of-type { border-right-style: none; }
.cdsg .grid-settings .grid [id*="element-empty-"], .cdsg .grid-settings .grid [id*="element-plus-"] { padding: 0px; border-color: rgb(208, 208, 208); border-style: dotted; border-width: 1px; }
.cdsg .grid-settings .grid [id*="element-column-"], .cdsg .grid-settings .grid [id*="element-plus-"] { line-height: 64px; text-align: center; }
.cdsg .grid-settings .grid [id*="element-plus-"] { background-color: rgb(244, 247, 248); }
.cdsg .grid-settings .empty-inner-div { overflow: hidden; }
.cdsg .grid-settings .grid-pad .grid-row { padding-left: 0px; }
.cdsg .x-safari .grid-settings[active-type="listed"] .grid-layout-table-edit-wrap { height: inherit; }
.cdsg .x-safari .grid-settings[active-type="tiled"] .grid-layout-table-edit-wrap { display: flex; }
.cdsg .x-ie:not(.x-edge) .grid-settings[active-type="listed"] .columns-design-container { display: block; }
.cdsg .x-ie:not(.x-edge) .grid-settings[active-type="listed"] .columns-design-container .grid-layout-table-edit-wrap { float: left; width: calc(100% - 59px); }
.cdsg .x-ie .grid-settings .columns-design-container .draggable-item-move { left: 16px; right: 16px; width: calc(100% - 32px); }
.cdsg .x-ie .grid-settings .columns-design-container .grid-layout-edit-item-content-wrap { z-index: 0; }
.cdsg .x-ie .grid-settings > div:first-child { margin-bottom: 17px !important; }
.cdsg .grid-settings .columns-design-container .dropover-zone-hint { box-shadow: none; }
.cdsg .grid-settings .columns-design-container .add-btn-wrap .t-btn-wrapper { width: 59px; height: 57px; border: 1px solid rgb(238, 238, 238); padding: 0px; }
.cdsg .grid-settings .columns-design-container .add-btn-wrap .t-btn-wrapper.t-btn-disabled { cursor: not-allowed; }
.cdsg .grid-settings .columns-design-container .add-btn-wrap .t-btn-wrapper .t-btn-image { background-repeat: no-repeat; background-size: 30px auto; width: 30px; height: 30px; margin-left: 13px; margin-top: 12px; }
.cdsg .grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-right-wrap { width: 100%; }
.cdsg .grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-grid-cell { border-color: rgb(238, 238, 238); height: 2.9em; }
.cdsg .grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-grid-cell[data-row-index="0"] { border-top: 1px solid rgb(238, 238, 238); }
.cdsg .grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-grid-cell[data-column-index="0"] { border-left: 1px solid rgb(238, 238, 238); }
.cdsg .grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-grid-cell[data-selected="1"] { background: transparent; color: transparent; }
.cdsg .grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-item-wrap { visibility: visible; background: rgb(254, 254, 254); border-color: rgb(204, 204, 204); min-height: 2.8em; }
.cdsg .grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-item-wrap.item-drop-hint-left::after { content: ""; left: 0px; width: 3px; background-color: rgb(0, 174, 239); height: 100%; position: absolute; top: 0px; }
.cdsg .grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-item-wrap.item-drop-hint-right::after { content: ""; right: 0px; width: 3px; background-color: rgb(0, 174, 239); height: 100%; position: absolute; top: 0px; }
.cdsg .grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-item-wrap .draggable-item-resize-left:hover, .cdsg .grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-item-wrap .draggable-item-resize-right:hover { background: rgb(0, 174, 239); }
.cdsg .grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-item-wrap .grid-layout-table-edit-item-content-text-wrap { font-size: 14px; white-space: nowrap; text-align: left; padding-left: 17px; }
.cdsg .grid-settings .grid-layout-table-edit-wrap .grid-layout-table-edit-item-wrap[item-state="transforming"] { z-index: 25; background: rgba(228, 234, 249, 0.6); border-color: rgb(125, 151, 207); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 5px 0px; }
.cdsg .grid-settings .grid-layout-table-edit-wrap[current-state="transforming"] .draggable-item-resize-left:hover, .cdsg .grid-settings .grid-layout-table-edit-wrap[current-state="transforming"] .draggable-item-resize-right:hover { background: transparent; }
.cdsg .grid-settings .grid-layout-table-edit-wrap:not([current-state="transforming"]) .grid-layout-table-edit-item-wrap:hover { background: rgb(228, 234, 249); border-color: rgb(125, 151, 207); }
.cdsg .grid-settings .grid-layout-table-edit-wrap:not([current-state="transforming"]) .grid-layout-table-edit-item-wrap:hover .grid-layout-edit-item-actions-wrap { display: block; background: none; min-width: 52px; margin-right: 15px; }
.cdsg .grid-settings .grid-layout-table-edit-wrap:not([current-state="transforming"]) .grid-layout-table-edit-item-wrap:hover .grid-layout-edit-item-actions-wrap .t-btn-wrapper { width: 18px; height: 18px; padding: 0px; min-width: 0px; min-height: 0px; margin-top: 6px; }
.cdsg .grid-settings .grid-layout-table-edit-wrap:not([current-state="transforming"]) .grid-layout-table-edit-item-wrap:hover .grid-layout-edit-item-actions-wrap .t-btn-wrapper:not(:first-child) { margin-left: 8px; }
.cdsg .grid-settings .grid-layout-table-edit-wrap:not([current-state="transforming"]) .grid-layout-table-edit-item-wrap:hover .grid-layout-edit-item-actions-wrap .t-btn-wrapper .t-btn-image { width: 14px; height: 14px; }
.cdsg .grid-settings .grid-layout-table-edit-wrap:not([current-state="transforming"]) .grid-layout-table-edit-item-wrap:hover .grid-layout-edit-item-actions-wrap .t-btn-wrapper[data-tag="addLeft"], .cdsg .grid-settings .grid-layout-table-edit-wrap:not([current-state="transforming"]) .grid-layout-table-edit-item-wrap:hover .grid-layout-edit-item-actions-wrap .t-btn-wrapper[data-tag="addRight"] { position: absolute; margin-left: 0px; width: 15px; }
.cdsg .grid-settings .grid-layout-table-edit-wrap:not([current-state="transforming"]) .grid-layout-table-edit-item-wrap:hover .grid-layout-edit-item-actions-wrap .t-btn-wrapper[data-tag="addLeft"] .t-btn-image, .cdsg .grid-settings .grid-layout-table-edit-wrap:not([current-state="transforming"]) .grid-layout-table-edit-item-wrap:hover .grid-layout-edit-item-actions-wrap .t-btn-wrapper[data-tag="addRight"] .t-btn-image { width: 15px; height: 15px; }
.cdsg .grid-settings .grid-layout-table-edit-wrap:not([current-state="transforming"]) .grid-layout-table-edit-item-wrap:hover .grid-layout-edit-item-actions-wrap .t-btn-wrapper[data-tag="addLeft"] { left: 1px; }
.cdsg .grid-settings .grid-layout-table-edit-wrap:not([current-state="transforming"]) .grid-layout-table-edit-item-wrap:hover .grid-layout-edit-item-actions-wrap .t-btn-wrapper[data-tag="addRight"] { right: 1px; }
.cdsg .grid-settings .preview-data-container { position: relative; }
.cdsg .grid-settings .preview-data-container .default-widget-header { position: static; padding-left: 0px; }
.cdsg .grid-settings .preview-data-container .default-widget-header-label { font-size: 20px; }
.cdsg .grid-settings .preview-data-container .preview-overlay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; }
.cdsg .grid-settings .preview-data-container .preview-caption { color: rgb(153, 153, 153); font-size: 17px; margin-top: -7px; text-align: left; }
.cdsg .grid-settings .preview-data-container .grid-pad { padding-left: 0px; }
.cdsg .grid-settings .preview-data-container .grid.grid-listed .grid-captions { margin-bottom: 0px; }
.cdsg .grid-settings .preview-data-container .listed-grid-line { padding-left: 0px; padding-right: 0px; }
.cdsg .grid-settings.center-main-container[active-type="tiled"] .preview-data-container .grid.grid-tiled .grid-row.grid-pad::before, .cdsg .grid-settings.center-main-container[active-type="tiled"] .preview-data-container .grid.grid-tiled .grid-row.grid-pad::after { margin-left: 0px; margin-right: 0px; }
.cdsg .grid-settings.center-main-container[active-type="tiled"] .preview-data-container .grid.grid-tiled .grid-row.grid-pad:first-child::before { display: none; }
.cdsg .grid-settings[active-type="listed"] .columns-design-container { display: flex; }
.cdsg .grid-settings[active-type="listed"] .columns-design-container .add-btn-wrap { flex-grow: 1; margin-left: 1px; }
.cdsg .grid-settings[active-type="listed"] .preview-data-container .grid, .cdsg .grid-settings[active-type="listed"] .default-widget-header { width: calc(100% - 60px); }
.cdsg .grid-settings[active-type="tiled"] .columns-design-container .add-btn-wrap { text-align: center; margin-top: -57px; }
.cdsg .grid-settings[active-type="tiled"] .columns-design-container .add-btn-wrap .t-btn-wrapper { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.cdsg .grid-settings[active-type="tiled"] .preview-data-container .preview-caption { border-bottom: 1px solid rgb(224, 224, 224); padding-bottom: 14px; }
.cdsg .grid-settings[vertical-grid-settings="true"][active-type="tiled"] .preview-data-container .preview-caption { width: 292px; }
.cdsg .grid-settings[vertical-grid-settings="true"][active-type="tiled"] .preview-data-container .grid { width: 300px; }
.cdsg .grid-settings .type-select-config { display: flex; margin-bottom: 20px; flex-direction: row-reverse; }
.cdsg .grid-settings .type-select-config .t-btn-text { border-color: rgb(125, 151, 207); color: rgb(99, 128, 192); font-size: 14px; border-radius: 2px; width: 210px; height: 25px; min-height: 0px; text-transform: none; }
.cdsg .grid-settings .type-select-config .t-btn-text[active="true"] { color: rgb(255, 255, 255); background-color: rgb(125, 151, 207); }
.cdsg .grid-settings .type-select-config .t-btn-text:first-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.cdsg .grid-settings .type-select-config .t-btn-text:last-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.cdsg .grid-settings .type-select-config .grid-setting-preview-button-wrap { display: flex; flex-direction: row-reverse; justify-content: flex-end; width: auto; flex-grow: 1; }
.cdsg .grid-settings .type-select-config .grid-setting-preview-button-wrap .label-wrap { width: auto; max-width: none; min-width: 0px; }
.cdsg .grid-settings .type-select-config .grid-setting-preview-button-wrap .label-wrap .t-label { padding: 0px; color: rgb(68, 68, 68); margin-top: 1px; }
.cdsg .grid-settings .type-select-config .grid-setting-preview-button-wrap .control-wrap { width: auto; padding: 0px; margin-right: 9px; margin-left: 0px; }
.cdsg .grid-settings[schema-name="VwProcessLib"] .grid .grid-icon-fixed-32x32 { max-width: 64px; position: inherit; width: 64px !important; }
.cdsg .grid-settings[schema-name="VwProcessLib"] .grid .icon-spacer-32x32 { display: flex; flex-direction: row; padding-left: 0px; align-items: stretch; }
.cdsg .grid-settings[schema-name="VwProcessLib"] .grid .icon-spacer-32x32 > a:first-child { order: 1; margin-left: auto; position: relative !important; }
.cdsg .grid-settings[schema-name="VwProcessLib"] .grid .icon-spacer-32x32 > a:last-child { order: 0; flex-grow: 1; max-width: fit-content; }
.cdsg .draggable-item-grabbed.grid-layout-table-edit-item-wrap[item-state="transforming"] { z-index: 25; background: rgba(228, 234, 249, 0.6); border-color: rgb(125, 151, 207); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 5px 0px; }
.cdsg .draggable-item-grabbed.grid-layout-table-edit-item-wrap .grid-layout-table-edit-item-content-text-wrap { font-size: 14px; white-space: nowrap; text-align: left; padding-left: 17px; }
.cdsg html[dir="rtl"] body .center-panel .grid-column-settings-container .card-content-container { left: 0px; }
.cdsg .left-panel-collapsed .card-content-container > .actions-container { left: 10.25em; }
.cdsg .content-container-wrapClass .card-content-container .actions-container { display: none; }
.cdsg .grid-settings .grid-pad:first-child::before, .cdsg .grid-settings .grid-pad::after { display: none; }
.cdsg .gauge-container .reading-block { font-family: var(--crt-card-widgets-metrics-value-font-family); line-height: var(--crt-card-widgets-metrics-value-font-height); font-weight: var(--crt-card-widgets-metrics-value-font-weight); letter-spacing: normal; font-size: var(--gauge-reading-block-font-size) !important; transform: var(--gauge-reading-block-transform) !important; }
.cdsg .indicator-module-wraper, .cdsg .default-chart-wrapper, .cdsg .dashboard-grid-container, .cdsg .WebPage-module-wraper, .cdsg .gauge-wrapper { border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(226, 226, 226) rgb(226, 226, 226); border-image: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px; position: relative; }
.cdsg .base-edit-readonly.lookup-only-editable, .cdsg .base-edit-readonly.lookup-only-editable .base-edit-input { background-color: inherit; }
.cdsg .widget-designer-container .module-container { max-height: none; }
.cdsg .widget-designer-container .scale-container { height: auto; }
.cdsg .widget-designer-container .scale-container .label-wrap { min-width: 15em; }
.cdsg .scale-indicator-container { width: 280px; height: 32px; display: inline-block; margin-left: 4px; float: left; }
.cdsg .scale-indicator-container .control-no-label { display: inline-block; width: 70px; }
.cdsg .scale-indicator-container .control-no-label .base-edit:not(:hover) { border-bottom: 1px solid white; }
.cdsg .scale-indicator-container .control-no-label .base-edit:not(.base-edit-focus) { border-bottom: 1px solid white; }
.cdsg .scale-indicator-container .control-no-label .base-edit:focus { border-bottom: 1px solid rgb(86, 180, 239); }
.cdsg .scale-indicator-container .control-no-label .base-edit:not(.base-edit-focus):hover { border-bottom: 1px solid rgb(200, 200, 200); }
.cdsg .scale-indicator-container .control-no-label .base-edit-validation { display: none; }
.cdsg .scale-order-direction-icon { float: left; clear: both; width: 280px; height: 5px; margin-left: 4px; padding: 0px; cursor: auto; }
.cdsg .scale-order-direction-icon .t-btn-image { width: 100%; background-repeat: no-repeat; }
/* ---------- частина 2 ---------- */
.cdsg { padding: 0 20px 20px; font-size: 10px; color: #444; font-family: 'Bpmonline Open Sans', Arial, sans-serif; }
.cdsg *, .cdsg *::before, .cdsg *::after { box-sizing: border-box; }
.cdsg .t-btn-wrapper { cursor: pointer; user-select: none; }
/* сторінка панелі */
.cdsg .dashboard-tools-container { height: 30px; display: flex; }
.cdsg .dashboard-tools-container .t-btn-wrapper, .cdsg .dsg-wd-hdr .t-btn-wrapper { margin-right: 9.75px; }
.cdsg .dashboard-config-container { margin-top: 10px; height: 50px; }
.cdsg .dsg-cfg .label-wrap .t-label { font-size: 14px; padding-top: 2px; }
.cdsg .dsg-grid { position: relative; width: 100%; }
.cdsg .dsg-cell { position: absolute; padding: 2px 0 1px; }
.cdsg .dsg-cell .column-item-container { width: 100%; height: 100%; padding-right: 3px; }
.cdsg .dsg-cell.last .column-item-container { padding-right: 0; }
.cdsg .dsg-cell .designerGridLayoutItem-wrap { font-size: 14px; }
.cdsg .dsg-cell .add-button.custom-button { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #444; background-color: rgb(240, 240, 240); border: 1px dotted rgb(204, 204, 204); }
.cdsg .dsg-cell .add-button.custom-button.selected-item { background-color: rgb(253, 241, 193); }
.cdsg .dsg-cell .add-button .custom-btn-table-el, .cdsg .dsg-cell .add-button .custom-btn-inner-el { display: contents; }
.cdsg .dsg-cell .add-button .t-btn-text { font-size: 14px; line-height: 19px; text-transform: none; }
.cdsg .dsg-blank { position: absolute; }
.cdsg .dsg-blank .empty-element-class { width: 100%; height: 100%; }
.cdsg .change-column-container { padding-top: 20px; display: flex; align-items: center; flex-wrap: wrap; }
.cdsg .change-column-container .t-btn-wrapper { margin: 0; }
.cdsg .change-column-container .copy-button, .cdsg .change-column-container .remove-button { margin-left: 10.05px; }
.cdsg .change-column-container .plus-button, .cdsg .change-column-container .stretch-button { margin-left: 3.75px; }
.cdsg .change-column-container .t-label { width: auto; font-size: 14px; color: #444; line-height: 34px; padding: 0 10.78px 0 26.6px; }
/* рядки властивостей (control-width-15: підпис 150px + 9px, поле — решта) */
.cdsg .dsf { display: flex; align-items: flex-start; min-height: 28px; padding: 0; }
.cdsg .dsf > .label-wrap { flex: none; width: 150px; margin-right: 9px; }
.cdsg .dsf > .label-wrap > .t-label, .cdsg .dsf > .label-wrap .tip-label-wrap .t-label { display: block; font-size: 13px; line-height: 18px; color: #999; text-align: right; padding-top: 4px; margin-bottom: 2px; white-space: normal; overflow: hidden; }
.cdsg .dsf > .label-wrap .tip-label-wrap { display: flex; justify-content: flex-end; padding-top: 5px; }
.cdsg .dsf > .label-wrap .tip-label-wrap .t-label { padding-top: 0; width: auto; }
.cdsg .dsf > .label-wrap .t-label-tip-wrap { padding: 4px 6px 0 0; cursor: pointer; }
.cdsg .dsf > .label-wrap .t-label-tip { display: block; width: 0; height: 0; border-top: 7px solid rgb(148, 222, 53); border-left: 7px solid transparent; }
.cdsg .dsf > .control-wrap { flex: 1 1 auto; min-width: 0; }
.cdsg .dsf .base-edit-input { font-size: 14px; height: 26px; color: #444; background: #fff; }
.cdsg .dsf .base-edit-readonly .base-edit-input, .cdsg .dsf .base-edit-readonly { background-color: rgb(249, 249, 249); }
.cdsg .dsf .base-edit.base-edit-error:not(.base-edit-focus) { border-bottom-color: rgb(88, 174, 218); }
.cdsg .dsf .dsf-memo { resize: vertical; min-height: 26px; font: 14px/1.4 'Bpmonline Open Sans', Arial, sans-serif; padding-top: 3px; display: block; }
.cdsg .dsf.dsf-check > .control-wrap { padding-top: 6px; }
.cdsg .dsf .number-edit-input-align { text-align: right; color: #000; }
.cdsg .dsf-col .base-edit-input { cursor: default; }
.cdsg .placeholderOpacity::placeholder, .cdsg .dsf-col .base-edit-input::placeholder { opacity: 0.6; }
.cdsg .ts-controlgroup { padding-bottom: 3px; }
.cdsg .widget-designer-container .ts-controlgroup-container { padding-bottom: 17px; }
.cdsg .ts-controlgroup-caption-wrap { height: 30px; }
.cdsg .ts-controlgroup-caption-wrap > span { display: inline-block; font-family: 'Bpmonline Open Sans', Arial, sans-serif; font-size: 15px; height: 22px; line-height: 20.5px; padding: 1.5px 11.25px 0 0; vertical-align: top; }
/* дизайнер віджета: властивості ліворуч (10/24), перегляд праворуч (з 11-ї колонки, 10/24 × 450px, не прокручується) */
.cdsg .dsg-wd-hdr { height: 30px; margin-bottom: 20px; display: flex; }
.cdsg .dsg-wd-body { display: flex; align-items: flex-start; }
.cdsg .dsg-wd-props { width: calc(100% * 10 / 24); flex: none; }
.cdsg .dsg-wd-props.wide { width: 50%; }
.cdsg .dsg-wd-pv { margin-left: calc(100% / 24); width: calc(100% * 10 / 24); flex: none; position: sticky; top: 8px; }
.cdsg .dsg-preview { height: 450px; }
.cdsg .dsg-preview .dsg-pw { width: 100%; height: 100%; }
.cdsg .dsg-preview .cd-w { box-shadow: none; border-bottom: 1px solid rgb(226, 226, 226); }
.cdsg .chart-designer-series-tab-panel { margin-top: 10px; }
.cdsg .dsg-tabs { position: relative; height: 32px; border-bottom: 1px solid rgb(219, 219, 219); padding-right: 50px; }
.cdsg .dsg-tabs .ts-tabpanel-wrap { display: block; height: 32px; position: relative; }
.cdsg .dsg-tabs .ts-tabpanel-scroll-left, .cdsg .dsg-tabs .ts-tabpanel-scroll-right { position: absolute; top: 0; width: 30px; height: 30px; cursor: pointer; background-repeat: no-repeat; background-position: center 0; display: block; }
.cdsg .dsg-tabs .ts-tabpanel-scroll-left { left: 0; } .cdsg .dsg-tabs .ts-tabpanel-scroll-right { right: 0; }
.cdsg .dsg-tabs .ts-tabpanel-scroll-left { background-image: url("/img/crt/tabpanel-left-arrow-icon-sprite.png"); }
.cdsg .dsg-tabs .ts-tabpanel-scroll-right { background-image: url("/img/crt/tabpanel-right-arrow-icon-sprite.png"); }
.cdsg .dsg-tabs .ts-tabpanel-items { display: flex; margin: 0 30px; padding: 0; list-style: none; overflow: hidden; white-space: nowrap; height: 32px; }
.cdsg .dsg-tabs .ts-tabpanel-items li { flex: none; height: 32px; padding: 3px 6px 0; margin-left: 20px; font-size: 14px; line-height: 26px; text-transform: uppercase; color: rgb(78, 123, 216); cursor: pointer; }
.cdsg .dsg-tabs .ts-tabpanel-items li:first-child { margin-left: 0; }
.cdsg .dsg-tabs .ts-tabpanel-items li.ts-tabpanel-active-item { color: #444; background: #fff; border-bottom: 3px solid rgb(255, 64, 19); }
.cdsg .dsg-tabs .ts-tabpanel-tools { position: absolute; right: 0; top: 0; padding: 0 0 0 8px; width: 59px; display: block; }
.cdsg .dsg-gear { display: inline-flex; align-items: center; height: 27px; padding: 5.32px 23.24px 5.32px 12.04px; position: relative; }
.cdsg .dsg-gear .t-btn-image { width: 16px; height: 16px; background: url("/img/dash/ChartDesigner-Settings.png") no-repeat center / 16px 16px; }
.cdsg .dsg-gear .t-btn-menuWrap { position: absolute; right: 0; top: 0; width: 22px; height: 27px; }
.cdsg .dsg-gear .t-btn-menu { position: absolute; right: 7px; top: 11px; }
.cdsg .dsg-gear .t-btn-marker { display: block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgb(77, 106, 152); }
.cdsg .unsupported-types { padding: 6px 0 0 159px; }
.cdsg .dsg-unsup { display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: rgb(241, 84, 64); position: relative; cursor: help; }
.cdsg .dsg-unsup::after { content: '!'; position: absolute; inset: 0; color: #fff; font: bold 11px/16px Arial; text-align: center; }
.dsg-tip { position: fixed; z-index: 10002; max-width: 300px; padding: 8px 12px; background: #fff; color: #444; font: 13px/18px 'Bpmonline Open Sans', Arial, sans-serif; box-shadow: rgba(0,0,0,.2) 0 2px 6px; border-left: 3px solid rgb(148, 222, 53); }
/* шкала */
.cdsg .scale-container { min-height: 37px; }
.cdsg .scale-container .control-wrap { position: relative; }
.cdsg .scale-indicator-container { display: flex; width: 280px; margin-left: 4px; }
.cdsg .scale-indicator-container .control-no-label { width: 70px; }
.cdsg .scale-indicator-container .base-edit { border: 1px solid #fff !important; padding: 0 10px 0 0; }
.cdsg .scale-order-direction-icon { display: block; width: 280px; height: 5px; margin-left: 4px; }
.cdsg .scale-order-direction-icon i { display: block; height: 5px; background: linear-gradient(90deg, #20c964 0 33.3%, #ffc107 33.3% 66.6%, #ff7043 66.6%); }
.cdsg .scale-order-direction-icon i.up { background: linear-gradient(90deg, #ff7043 0 33.3%, #ffc107 33.3% 66.6%, #20c964 66.6%); }
/* фільтр у групі */
.cdsg .dsg-filter { width: 100%; }
/* список Terrasoft.ListView */
.dsg-listview { position: fixed; z-index: 10000; max-height: 560px; overflow-y: auto; background: #fff; border-radius: 2px; box-shadow: rgba(0,0,0,.12) 0 0 2px, rgba(0,0,0,.24) 0 2px 4px; text-align: left; }
.dsg-listview ul { margin: 0; padding: 0; list-style: none; }
.dsg-listview li { border: 2px solid transparent; padding: 0 24px 0 8px; font: 14px/38px 'Bpmonline Open Sans', Arial, sans-serif; color: #444; white-space: nowrap; cursor: pointer; }
.dsg-listview li.listview-selected { background-color: #e4ebfa; }
.dsg-listview li.listview-icon { padding-left: 34px; background-repeat: no-repeat; background-position: 9px center; background-size: 16px 16px; }
/* inputBox / showInformation */
.dsg-mb-cover { position: fixed; inset: 0; z-index: 10001; display: grid; place-items: center; background: rgba(0, 0, 0, 0.05); }
.dsg-mb { width: 410px; padding: 30px; background: #fff; border-top: 3px solid rgb(100, 184, 223); box-shadow: rgba(0, 0, 0, 0.3) 0 3px 12px; font-size: 10px; color: #444; font-family: 'Bpmonline Open Sans', Arial, sans-serif; }
.dsg-mb .ts-inputbox-caption { font-size: 22px; line-height: 30px; color: rgb(100, 184, 223); margin: -12px 0 12px; }
.dsg-mb .dsg-mb-msg { font-size: 14px; line-height: 20px; margin-bottom: 26px; white-space: pre-wrap; }
.dsg-mb .ts-inpupbox-control { margin-bottom: 26px; }
.dsg-mb .t-label.controlCaption { display: block; font-size: 14px; line-height: 19px; color: #444; margin: 5px 0 4px; }
.dsg-mb .t-label.controlDescription { display: block; font-size: 14px; line-height: 19px; color: #999; margin: 4px 0 -6px; }
.dsg-mb .base-edit { border: 1px solid rgb(200, 200, 200); padding: 0 10px; min-height: 28px; }
.dsg-mb .base-edit-input { font-size: 14px; height: 26px; width: 100%; border: 0; outline: none; }
.dsg-mb .number-edit-input-align { text-align: right; color: #000; }
.dsg-mb .dsg-mb-bool { display: flex; align-items: center; gap: 8px; margin-top: 23px; }
.dsg-mb .dsg-mb-bool .t-label { margin: 0; }
.dsg-mb .dsg-mb-btns { display: flex; gap: 9px; }
/* модуль */
.cdsg .dsg-module { width: 100%; }
.cdsg .dsg-modfield { position: relative; }
.cdsg .dsg-modfield .base-edit-with-right-icon { padding-right: 66px !important; }
.cdsg .dsg-modfield .combobox-edit-right-icon { display: none; }
.cdsg .dsg-modlupa { position: absolute; right: 0; top: 0; width: 32px; height: 28px; cursor: pointer; }
.dsg-modlk .dsg-modlk-n { float: right; color: #999; font-size: 12px; }
/* список: сірий фон, білі картки */
.cdsg .grid-designer-container .dsg-wd-hdr { margin-bottom: 20px; }
.cdsg .dsg-grid-cc { background: rgb(235, 238, 239); margin: 0 -20px -20px; padding-bottom: 8px; min-height: 700px; }
.cdsg .dsg-grid-cc > .center-main-container { padding: 0 0 8px; }
.cdsg .dsg-card { background: #fff; border-top: 1px solid rgb(230, 230, 230); border-bottom: 1px solid rgb(230, 230, 230); margin: 8px 8px 0; padding: 20px; }
.cdsg .dsg-grid-head { padding: 20px 20px 22px; }
.cdsg .dsg-grid-head .dsf > .label-wrap { width: 150px; padding-right: 14px; margin-right: 9px; }
.cdsg .dsg-grid-head .dsf > .label-wrap > .t-label { font-size: 14px; padding-top: 5px; }
.cdsg .dsg-grid-head .dsf > .control-wrap { flex: none; width: calc(50% - 159px); }
.cdsg .dsg-grid-tabs > .dsg-tabs { margin: -6px -20px 0; }
.cdsg .grid-view-settings-container { padding-top: 10px; }
.cdsg .grid-view-settings-container .dsf > .control-wrap { flex: none; width: calc(50% - 159px); }
.cdsg .grid-column-settings-container .grid-settings { padding: 0 0 8px; }
.cdsg .dsg-cols-card { background: #fff; padding-top: 20px; margin: 8px 8px 0; }
.cdsg .dsg-cols { display: flex; height: 57px; }
.cdsg .dsg-cols .grid-layout-table-edit-wrap { flex: 1 1 auto; height: 57px; }
.cdsg .dsg-cols .grid-layout-table-edit-grid { height: 57px; overflow: visible; }
.cdsg .dsg-cols .grid-layout-table-edit-right-wrap { width: 100%; height: 57px; }
.cdsg .dsg-cols .add-btn-wrap { flex: none; margin-left: 1px; }
.cdsg .dsg-cols .add-btn-wrap .t-btn-wrapper { display: block; width: 59px; height: 57px; border: 1px solid rgb(238, 238, 238); padding: 0; }
.cdsg .dsg-cols .add-btn-wrap .t-btn-image { display: block; width: 30px; height: 30px; margin: 12px 0 0 13px; background: url("/img/dash/GridSettingsDesignerContainer-AddIcon.svg") no-repeat 0 0 / 30px auto; }
.cdsg .dsg-cols .add-btn-wrap .t-btn-disabled { cursor: not-allowed; opacity: .5; }
.cdsg .dsg-cols .grid-layout-table-edit-item-wrap { height: 55px !important; display: flex; align-items: center; }
.cdsg .dsg-cols .grid-layout-edit-item-el { position: relative; z-index: 13; pointer-events: none; }
.cdsg .dsg-cols .grid-layout-edit-item-actions-wrap { pointer-events: auto; }
.cdsg .dsg-cols [data-selected-item="true"] { background: rgb(228, 234, 249) !important; }
.cdsg .dsg-cols [data-selected-item="true"] .grid-layout-edit-item-actions-wrap { display: inline-flex; background: transparent; align-items: center; }
.cdsg .dsg-cols .t-btn-image.dsg-ic-change, .cdsg .dsg-cols .t-btn-image.dsg-ic-delete { display: block; width: 16px; height: 16px; background: url("/img/dash/GridSettingsDesignerContainer-ChangeIcon.svg") no-repeat center / 16px 16px; }
.cdsg .dsg-cols .t-btn-image.dsg-ic-delete { background-image: url("/img/dash/GridSettingsDesignerContainer-DeleteIcon.svg"); }
.cdsg .dsg-cols .t-btn-image.dsg-ic-add { display: block; width: 15px; height: 15px; background: url("/img/dash/GridSettingsDesignerContainer-AddIcon.svg") no-repeat center / 15px 15px; }
.cdsg .dsg-cols [data-selected-item="true"] .t-btn-wrapper[data-tag="addLeft"], .cdsg .dsg-cols [data-selected-item="true"] .t-btn-wrapper[data-tag="addRight"] { position: absolute; top: 50%; margin-top: -11px; width: 15px; padding: 4px 0; }
.cdsg .dsg-cols [data-selected-item="true"] .t-btn-wrapper[data-tag="addLeft"] { left: 1px; }
.cdsg .dsg-cols [data-selected-item="true"] .t-btn-wrapper[data-tag="addRight"] { right: 1px; }
.cdsg .dsg-cols .grid-layout-edit-item-actions-wrap .t-btn-wrapper[data-tag="editItem"] { margin-left: auto; }
.cdsg .dsg-cols .grid-layout-edit-item-actions-wrap { margin-right: 18px; }
.cdsg .preview-data-container { background: #fff; padding: 20px 0 0; margin: 8px 8px 0; }
.cdsg .preview-overlay .preview-caption { display: block; font-size: 17px; line-height: 23px; color: #999; margin: -7px 0 3px; }
.cdsg .preview-overlay .default-widget-header { width: calc(100% - 60px); background: #fff; border-top: 3px solid; padding: 6px 0 0; height: 35px; }
.cdsg .preview-overlay .default-widget-header-label { font-size: 20px; line-height: 26px; display: block; }
.cdsg .dsg-grid-pv { position: relative; width: calc(100% - 60px); padding: 0 0 22px; min-height: 60px; }
.cdsg .dsg-grid-pv .cd-lg-in { position: static; }
/* «Налаштування колонки» */
.cdsg .dsg-colset .dsg-colset-f { margin-top: 20px; }
.cdsg .dsg-colset .dsg-colset-f .t-label { display: block; font-size: 13px; color: #444; margin-bottom: 4px; width: auto; }
.cdsg .dsg-colset .dsg-colset-link { font-size: 15px; color: rgb(78, 123, 216); text-decoration: none; }
.cdsg .dsg-colset .base-edit { width: 280px; border: 1px solid rgb(200, 200, 200); padding: 0 8px; }
.cdsg .dsg-colset .base-edit-input { font-size: 14px; height: 26px; }
/* зведена таблиця */
.cdsg .pivot-table-settings-wrapper { display: flex; }
.cdsg .pivot-table-settings-container, .cdsg .pivot-table-preview-container { width: 50%; padding: 20px; }
.cdsg .pivot-table-preview-container { margin-top: 34px; max-height: 454px; }
.cdsg .dsg-pv-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 26px; row-gap: 24px; }
.cdsg .dsg-pv-cap { font-size: 13px; color: rgb(78, 123, 216); height: 26px; display: flex; align-items: center; gap: 8px; }
.cdsg .dsg-pv-cap i { width: 14px; height: 14px; display: inline-block; border: 1px solid #aab; border-radius: 2px; }
.cdsg .dsg-pv-box { position: relative; height: 140px; border: 1px solid rgb(204, 204, 204); overflow-y: auto; }
.cdsg .dsg-pv-box.sel { border-color: rgb(78, 123, 216); }
.cdsg .dsg-pv-it { position: relative; height: 40px; padding: 0 50px 0 12px; font-size: 13px; line-height: 40px; color: #444; border-bottom: 1px solid #eee; cursor: move; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cdsg .dsg-pv-tools { position: absolute; right: 8px; top: 0; display: flex; gap: 6px; }
.cdsg .dsg-pv-tools i { width: 12px; height: 40px; background: url("/img/dash/GridSettingsDesignerContainer-ChangeIcon.svg") no-repeat center / 12px 12px; }
.cdsg .dsg-pv-tools i.mv { background: none; position: relative; }
.cdsg .dsg-pv-tools i.mv::after { content: '✥'; position: absolute; left: 0; top: 0; font-size: 12px; color: #4e7bd8; }
.cdsg .dsg-pv-x { position: absolute; right: 8px; top: 12px; width: 16px; height: 16px; background: url("/img/dash/GridSettingsDesignerContainer-DeleteIcon.svg") no-repeat center / 16px 16px; cursor: pointer; }
.cdsg .dsg-pv-ph { position: absolute; left: 0; right: 0; bottom: 10px; text-align: center; font-size: 13px; color: #999; }
.cdsg .dsg-pv-calc { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; padding: 4px 10px; font-size: 13px; color: rgb(78, 123, 216); background: rgb(238, 244, 253); cursor: pointer; }
.cdsg .dsg-pv-calc i::before { content: '+'; font-style: normal; font-size: 16px; }
.cdsg .pivot-table-blank-slate .blank-slate-icon { margin: 10px auto auto; }
.cdsg .pivot-table-blank-slate .blank-slate-icon img { display: block; margin: auto; width: 243px; }
.cdsg .pivot-table-blank-slate .blank-slate-description { box-shadow: rgb(84, 184, 223) -3px 0 0 0; padding: 20px; margin-top: 40px; }
.cdsg .pivot-table-blank-slate .blank-slate-description label { display: block; color: #999; font-size: 20px; line-height: 27px; width: auto; }
/* шкала-віджет у розділі */
.cd-gauge { position: relative; background: #fff; }
.cd-gauge .cd-hdr { position: absolute; }
.cd-gauge-c { position: absolute; left: 0; right: 0; top: 35px; bottom: 0; }
.cd-gauge-c canvas { width: 100%; height: 100%; display: block; }

.cdsg .dsg-wd-props { margin-top: 32px; }
.cdsg .grid-designer-container .dsg-wd-props { margin-top: 0; }
.cdsg .fe-toolbar { height: 27px; }
.cdsg .dsf.dsg-cfg > .label-wrap > .t-label { font-size: 14px; line-height: 20px; padding-top: 2px; }
.cdsg .dsg-grid-cc > .center-main-container, .cdsg .grid-column-settings-container .grid-settings.center-main-container { float: none; display: block; width: auto; }
.cdsg .dsg-grid-pv.cd-lg { height: auto; padding-top: 0; overflow: visible; }
.cdsg .dsg-grid-pv .cd-lg-in { height: auto; }
.cdsg .dsg-grid-pv .cd-lg-scroll { height: auto; overflow: visible; }