comindware.core.ui/dist/themes/main_compact/theme.css

Comindware Core UI provides the basic components like editors, lists, dropdowns, popups that we so desperately need while creating Marionette-based single-page applications.

input,select,textarea{font-family:var(--base-font-family);font-style:var(--base-font-style);font-size:var(--base-font-size);font-weight:var(--base-font-weight)}.field-width+.field-width{margin-top:var(--form-field-margin)}.form-label{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);color:var(--form-label-color)}.form-group .form-label__txt{padding:var(--form-label-padding)}.form-label:not(.form-label_empty) .form-label__txt{margin-bottom:var(--form-label-margin)}.datalist-panel .form-label:not(.form-label_empty){margin-top:var(--form-label-margin)}.error .form-label__error,.form-label__info:not(:empty),.warning .form-label__error{display:inline-flex;align-items:center;margin:0 var(--form-label-icon-margin-x)}.form-label__error-button,.form-label__info-button{font-size:var(--form-label-icon-size)}.form-label__error-button{color:var(--theme-colors__error)}.form-label__warning-button{color:var(--theme-colors__warning)}.form-label__error-text{margin-left:10px}.form-label__error-icon-error{color:var(--theme-colors__error)}.form-label__error-icon-warning{color:var(--theme-colors__warning)}.cell.error .form-label__error,.cell.error .form-label__warning{margin:0;position:relative;left:-15px;z-index:1}.cell.error .form-label__error-button,.cell.warning .form-label__warning-button{height:0;width:0;border-right:16px solid transparent;vertical-align:top;cursor:pointer;position:absolute;top:0;left:0}.cell.error .form-label__error-button{border-top:16px solid var(--theme-colors__error)}.cell.warning .form-label__warning-button{border-top:16px solid var(--theme-colors__warning)}.cell.error .form-label__error-button:after,.cell.warning .form-label__warning-button:after{content:"!";color:var(--theme-colors__main);position:absolute;vertical-align:top;top:-28px;font-size:10px;font-weight:700;left:3px;font-style:normal}.cell.error .form-label__error-button:before{display:none}.editor{font-size:var(--editor-font-size);color:var(--theme-colors__text)}.editor.context_select.editor_empty{color:var(--editor-empty-text-color)}.editor.context_select.editor_disabled,.editor.context_select.editor_readonly,.editor_disabled .btn-separator,.editor_disabled .bubbles,.editor_disabled .bubbles:hover,.editor_disabled .input,.editor_disabled .input:hover,.editor_disabled .textarea,.editor_readonly .btn-separator,.editor_readonly .bubbles,.editor_readonly .bubbles:hover,.editor_readonly .input,.editor_readonly .input:hover,.editor_readonly .textarea{background:var(--disabled-input-color);color:var(--disabled-text-color);border-color:transparent;border-left-width:0}.editor.context_select.editor_disabled,.editor_disabled .bubbles,.editor_disabled .input,.editor_disabled .textarea{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:-ms-input-placeholder{color:var(--editor-empty-text-color)!important}::-moz-placeholder{color:var(--editor-empty-text-color)!important;opacity:1}::placeholder{color:var(--editor-empty-text-color)!important;opacity:1}.editor_icon.editor_disabled.editor_empty *,.editor_icon.editor_readonly.editor_empty *,.member-split.editor_disabled.editor_empty *,.member-split.editor_readonly.editor_empty *{display:none}.editor_icon.editor_disabled.editor_empty:after,.editor_icon.editor_readonly.editor_empty:after,.member-split.editor_disabled.editor_empty:after,.member-split.editor_readonly.editor_empty:after{content:"-";color:var(--editor-empty-text-color)!important;opacity:1}.user-avatar-wrp.editor_disabled.editor_empty,.user-avatar-wrp.editor_readonly.editor_empty{width:auto;height:auto}.editor_error .bubbles,.editor_error .editor_date-time,.editor_error.editor_focused .bubbles,.editor_error.editor_focused .editor_date-time,.editor_error.editor_focused .input,.editor_error.editor_focused .textarea,.editor_error .input,.editor_error .textarea{border-color:var(--theme-colors__error)}.warning .editor .bubbles,.warning .editor .input,.warning .editor .textarea,.warning .editor_date-time{border-color:var(--theme-colors__warning)}.cell.error{outline:1px solid var(--theme-colors__error);outline-offset:-1px}.checkbox .editor_checked_some:after,.editor_checked_some .checkbox:after{width:var(--checkbox-intermediate-size);height:var(--checkbox-intermediate-size);background-color:var(--theme-colors__primary-txt)}.editor_icons .caret{color:var(--theme-colors__text)}.bubbles__i{border:var(--focus);border-color:transparent}.bubbles__i.bubble__focused{border:1px solid var(--theme-colors__main_strongest);border-radius:2px;background:var(--theme-colors__main_fadest);padding:2px}.reference-btn.bubble__focused{box-shadow:none;background-color:var(--theme-colors__btn_strong);border:1px solid var(--theme-colors__btn_strong);color:var(--theme-colors__btn-txt)}.tr-search_compact{display:flex;border:none;position:relative;align-items:center;min-height:26px;padding-left:10px}.input{padding:var(--input-padding);height:var(--input-height)}.tr-search__input{padding:var(--input-search-padding);color:var(--theme-colors__text);background:var(--input-search-bg)}.tr-search_compact .tr-search__input{width:0;padding:0}.tr-search_compact .tr-search__clear{width:0;right:5px}.tr-search_compact.open .tr-search__input{width:auto;padding:var(--input-search-padding);border:1px solid var(--editors-color-border);border-radius:4px}.tr-search_compact.open .tr-search__clear{width:auto}.tr-search_compact.open .tr-search_compact-button{display:none}.tr-search__clear{width:22px;height:22px;right:0;top:50%;opacity:.8;line-height:21px;font-size:16px;text-align:center}.textarea{min-height:var(--textarea-min-height);padding:var(--textarea-padding)}.cell.editor .textarea{background:transparent;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;max-height:35px;line-height:34px}.editor_checkbox.editor_checkbox_label-left{flex-direction:row-reverse}.checkbox-group .editor_checkbox:not(:last-child){margin-bottom:10px}.checkbox{font-size:var(--base-font-size);line-height:normal;justify-content:center;align-items:center;flex-shrink:0;display:flex;width:var(--checkbox-size);height:var(--checkbox-size);border-radius:var(--checkbox-radius);border:1px solid var(--editors-color-border)}.checkbox_switch{border-radius:25%/50%;justify-content:flex-end;width:calc(var(--checkbox-size)*2);padding-left:1px;padding-right:1px}.editor_checkbox_label-left .checkbox{margin-left:10px;margin-right:auto}.editor_checkbox_justified .checkbox{margin-right:10px}.editor_checkbox_label-left.editor_checkbox_justified .checkbox{margin-right:0}.checkbox.checkbox_switch:not(.checked){justify-content:flex-start;background-color:var(--editors-color-border);border-color:var(--editors-color-border)}.checkbox.checkbox_switch:not(.checked):hover{background-color:var(--theme-colors__main_fade)}.editor_checkbox .checkbox.checkbox_switch i,td .checkbox.checkbox_switch i{font-size:calc(var(--checkbox-size) - 4px)}.checkbox-text{color:var(--theme-colors__text);cursor:pointer;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block;white-space:nowrap;margin-left:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.editor_checkbox_justified .checkbox-text{margin-left:auto}.editor_checkbox_label-left .checkbox-text{margin-left:0}.editor_checkbox_label-left.editor_checkbox_justified .checkbox-text{margin-right:auto}.editor_disabled .checkbox-text,.editor_readonly .checkbox-text{cursor:default}.editor_disabled .checkbox,.editor_readonly .checkbox{filter:alpha(opacity=60);opacity:.6;cursor:auto}.editor_radiobutton{margin-bottom:var(--custom-control-spacer-y)}.editor_disabled .editor_radiobutton,.editor_readonly .editor_radiobutton{padding:var(--form-label-padding)}.editor_radiogroup.editor_disabled.editor_empty:after,.editor_radiogroup.editor_readonly.editor_empty:after{display:block;content:"–";margin-top:7px;margin-left:10px}.editor_document.editor_empty.editor_disabled .emptyDocumentPlaceholder,.editor_document.editor_empty.editor_readonly .emptyDocumentPlaceholder{padding:var(--form-label-padding);margin-left:0}.radiobutton{width:var(--radio-size);height:var(--radio-size);margin:var(--radio-margin);border:1px solid var(--theme-colors__primary);flex-shrink:0}.radiobutton-text{line-height:var(--line-height)}.editor_checked .radiobutton:after{width:var(--radio-inner-size);height:var(--radio-inner-size);background-color:var(--theme-colors__primary)}.editor_disabled .editor_checked .radiobutton:after,.editor_readonly .editor_checked .radiobutton:after{background-color:var(--radio-checked-disabled-color)}.editor_date-time{border-radius:4px;border:1px solid var(--editors-color-border);padding:var(--input-padding);overflow:hidden}.editor_date-time.editor_readonly{border-color:transparent}.editor_date-time.editor_readonly.editor_empty{padding-left:5px}.editor_date-time.editor_readonly .btn-separator{display:none}.cell.editor_date-time{background:transparent}.editor_disabled.editor_date-time,.editor_disabled.editor_date-time:hover,.editor_readonly.editor_date-time,.editor_readonly.editor_date-time:hover{background-color:var(--disabled-input-color)}.editor_date-time .input{padding:0}.editor_date-time_date .input,.editor_date-time_time .input{padding-left:5px;height:auto}.cell-focused .editor_date-time_date .input,.cell-focused .editor_date-time_time .input,.cell-focused .editor_duration .input{padding-left:0}.editor__icons{position:absolute;top:50%;right:5px;transform:translateY(-50%)}.icon-remove{color:var(--red-dark)}svg.svg-grid-icons,svg.svg-icons{width:1em;height:1em;fill:currentColor;pointer-events:none}.svg-icons-wrp,.svg-icons-wrp__empty{right:3px;top:50%;width:1em;height:1em;line-height:1em;transform:translateY(-50%)}.grid-toolbar-wrp{padding:var(--grid-toolbar-padding);background-color:var(--grid-toolbar-bg-color)}.grid-toolbar__search .tr-search{border:none;width:100%}.grid-header-column{background-color:var(--grid-header-bg);box-shadow:inset -1px -1px 0 0 var(--grids-color-border),inset 0 1px 0 0 var(--grids-color-border);color:var(--grid-header-color);line-height:var(--grid-header-height);padding:var(--grid-header-padding);vertical-align:top}.grid-header-column:first-child{box-shadow:inset 1px -1px 0 0 var(--grids-color-border),inset -1px 1px 0 0 var(--grids-color-border)}.grid-header-column.selected{background-color:var(--theme-colors__primary_fade)}.datalist-panel .form-label{padding:var(--grid-header-padding)}.datalist-panel__list-splitter>div{height:1px;padding:5px 0}.datalist-panel__list-splitter>div:after{content:" ";position:absolute;left:20px;right:20px;border-top:1px solid var(--theme-colors__main_fade)}.grid-header .cell_selection,.grid-header .cell_selection-index,.grid-header .cell_selection-index:hover,.grid-header .cell_selection:hover,.grid-header:hover .cell_selection,.grid-header:hover .cell_selection-index{background-color:var(--grid-header-bg);top:0;border:none;z-index:11;position:sticky}.grid-header .cell_selection-index{line-height:var(--grid-header-height);padding-top:0;padding-bottom:0}.grid-header .cell_selection-index:after{display:inline-block;width:1px;content:"\00a0"}.visible-collection .cell_selection-index{height:29px;line-height:29px}.grid-selection-cell-all:empty+.grid-header-view .grid-header-column:first-child{box-shadow:var(--grid-header-border-first)}.grid-selection-cell-all:empty+.grid-header-view .grid-header-column:last-child{box-shadow:var(--grid-header-border-last)}.checkbox:not(:empty){color:var(--theme-colors__primary-txt);border-color:var(--theme-colors__primary);background-color:var(--theme-colors__primary)}.checkbox:not(:empty):hover{background-color:var(--theme-colors__primary_fade);border-color:var(--theme-colors__primary_fade);color:var(--theme-colors__primary-txt)}.grid-header .checkbox:not(:empty){color:var(--theme-colors__primary);background-color:var(--theme-colors__primary-txt)}.row-checked-some .checkbox:not(:empty){color:var(--theme-colors__primary);background-color:var(--theme-colors__primary-txt)}.row-checked-some .checkbox i{background-color:var(--theme-colors__primary);width:8px;height:8px;font-size:8px}.cell.editor{line-height:normal}.compact.grid-container .cell.editor{height:auto;line-height:normal;font-size:12px;min-height:26px;max-height:26px}.cell .layout__vertical-layout{width:auto;flex-direction:row;flex:auto}.cell .layout__vertical-layout-item,.cell .layout__vertical-layout>div{margin-bottom:0;height:auto;flex:1 0 100px;padding:0}.grid__headless .row:first-child .cell{box-shadow:var(--grid-cell-border-headless)}.grid__headless>.grid-header-wrp{display:none}.grid__headless .grid-content-view{overflow:auto}.cell_draggable{color:var(--grid-selection-color);width:25px;background-color:var(--grid-selection-bg)}.cell_selection-index[draggable],.cell_selection[draggable]{cursor:move}.cell_selection-index[draggable]:hover:before,.cell_selection[draggable]:hover:before{content:"⋮";font-size:1.5em;position:absolute;top:50%;left:1px;transform:translateY(-50%)}.grid__headless .cell_selection:first-child{box-shadow:var(--grid-cell-border-first-headless)}.grid-selection-panel-region:empty+.grid-content-view .row .cell:first-child{box-shadow:var(--grid-cell-border-first)}.cell_selection-index.row-checked,.cell_selection.row-checked{color:var(--theme-colors__text_fade)}.cell_selection-index.hover__transition,.cell_selection.hover__transition,.row.hover__transition .cell{transition:background-color .3s ease-in-out}.cell .checkbox{margin:0 auto;display:flex}.cell .checkbox,.cell>.icon-false,.cell>.icon-true{margin:0 auto;display:flex}.cell_selection>.checkbox{font-size:var(--grid-checkbox-icon-size);width:var(--grid-checkbox-size);height:var(--grid-checkbox-size);margin:0 auto;border:1px solid var(--checkbox-border-color)}.cell_selection-index>.checkbox{font-size:var(--grid-checkbox-icon-size);width:var(--grid-checkbox-size);height:var(--grid-checkbox-size);margin:0;display:inline-flex;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.cell{touch-action:manipulation;height:29px;line-height:29px;font-size:13px;padding:0 15px;position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background-clip:padding-box;max-width:0;width:auto;border:1px solid var(--grids-color-border);border-right:1px solid var(--grids-color-border);border-bottom:1px solid var(--grids-color-border);border-left:none;border-top:none;background-color:var(--theme-colors__main)}.cell:first-child{border-left:1px solid var(--grids-color-border)}.grid__headless tr:first-child .cell{border-top:1px solid var(--grids-color-border)}.grid-selection-cell-all{min-width:var(--grid-selection-width);height:var(--grid-header-height)}.grid-selection-cell-all .cell_selection{height:var(--grid-header-height);line-height:var(--grid-header-height);box-shadow:var(--grid-header-border-first);background-color:var(--grid-header-selection-bg)}.cell_selection,.cell_selection-index{border-top:none;z-index:2}.cell_selection-index{padding-left:4px}tr:not(:first-child) .cell,tr:not(:first-child) .cell_selection{border-top:none}.cell__html-string{height:100%;max-height:var(--grid-cell-height);overflow:hidden;text-overflow:clip;display:inline-flex;flex-direction:column}.cell__html-string>*{height:100%}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.cell_selection,.cell_selection-index,.grid-header-column{position:relative;background-clip:padding-box}}.grid-selection-cell-all:not(:empty)+.grid-header-view{width:calc(100% - var(--grid-selection-width))}.cell__dots{position:absolute;top:0;left:3px;width:2px}.cell__dots svg{fill:var(--grid-dots-color)}.cell-focused{outline:var(--focus)!important;outline-offset:-1px}.cell-focused.error{outline-color:var(--theme-colors__error)!important}.cell-focused.warning{outline-color:var(--theme-colors__warning)!important}.collapsible-btn{font-size:1.6em;font-weight:300;cursor:pointer;margin-right:8px;vertical-align:middle;transition-property:transform;transition-duration:.3s}.cell .collapsible-btn,.context-collapsible-btn{color:var(--theme-colors__text_fade)}.context-collapsible-btn{position:absolute;right:5px;font-size:1.4em;cursor:pointer;margin-right:3px;transition-property:transform;transition-duration:.3s}.collapsible-btn:not(.collapsible-btn_expanded){transform:rotate(-90deg)}.context-collapsible-btn:not(.collapsible-btn_expanded){transform:rotate(90deg)}.grid-header-column-content .collapsible-btn{top:-1px}.mselect__group{padding-top:8px;border-top:var(--border);border-bottom:var(--border);cursor:pointer}.mselect__group:first-child{border-top-color:transparent}.dd-list__i{padding:var(--dropdown-item-padding)}.dd-list__i_checkbox{padding-left:var(--dropdown-item-checkbox-padding)}.dd-list__i:hover,.popout-menu__i:hover{background-color:var(--dropdown-item-hover-color)}.dd-list__i_group{font-size:var(--dropdown-group-fontsize);font-weight:600;color:var(--dropdown-group-color)}.dd-list__i_group:hover{background:transparent}.dd-list__btn{border-top:var(--border)}.time-dropdown__i{padding:var(--dropdown-item-padding);font-size:var(--dropdown-font-size)}.time-dropdown__i:hover{background-color:var(--dropdown-item-hover-color)}.bubbles,.editor_uri{border-radius:4px;background-color:var(--theme-colors__main);border:1px solid var(--editors-color-border);padding:var(--dropdown-padding);line-height:26px}.editor_uri{flex:none;height:30px}.editor_disabled .bubbles__caret,.editor_readonly .bubbles__caret{display:none}.bubbles .editor__icons{cursor:pointer;transform:none;right:2px;top:3px;font-size:14px}.editor_bubble--edit.editor_bubble--delete .icon-edit{right:20px}.editor_bubble--delete .bubbles__i:hover a,.editor_bubble--delete .bubbles__i:hover span,.editor_bubble--edit .bubbles__i:hover a,.editor_bubble--edit .bubbles__i:hover span{width:90%;width:calc(100% - var(--bubbles-item-delete-padding))}.editor_bubble--edit.editor_bubble--delete .bubbles__i:hover a,.editor_bubble--edit.editor_bubble--delete .bubbles__i:hover span{width:70%;width:calc(100% - var(--bubbles-item-edit-delete-padding))}.bubbles__list .bubbles__i{padding-right:12px}.bubbles__list .bubbles__i-edit-btn{padding-right:32px}.bubbles__i a,.bubbles__i span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;flex:0 1 auto}.bubble__pencil-edit .editor__icons.icon-edit{right:1.6em}.editor_disabled .bubble__pencil-edit:hover span,.editor_readonly .bubble__pencil-edit:hover a{width:100%}.bubbles__caret{color:var(--theme-colors__text);right:10px;font-size:16px}.bubbles .bubbles__caret,.bubbles .spinner{position:absolute;top:50%;transform:translateY(-50%)}.editor_bubble .bubbles .bubbles__caret{line-height:12px}.bubbles .bubble-doc__icon{position:relative;margin-top:auto;margin-bottom:auto;margin-right:10px}.bubbles .bubble-doc__text{line-height:100%;flex:0 1 auto}.bubbles .spinner{line-height:1;right:0}.cell .bubbles{padding-left:0;height:100%;border:none;background:transparent;flex-wrap:nowrap;align-items:center;box-shadow:none!important;flex:none}.cell .editor_disabled .bubbles,.cell .editor_readonly .bubbles{background:transparent;box-shadow:none}.datalist-panel_list.disable-select .dd-list__i:not(.editor_checked){cursor:auto;color:var(--disabled-text-color)}.datalist-panel_list.disable-select .dd-list__i:not(.editor_checked)>.checkbox{cursor:auto;background:var(--radio-checked-disabled-color);border-color:var(--radio-checked-disabled-color)}.datalist-panel_list .grid-content-wrp{max-width:100%}.columns-select{border:var(--columns-select-border)}.columns-select__btn{border-left:var(--columns-select-border);border-right:var(--columns-select-border)}.columns-select__header{font-size:13px;font-weight:600}.btn,.toolbar-btn.btn{font-size:1em;padding:0 10px}.layout__button .btn:focus{outline:var(--focus)}.tabs{justify-content:var(--tab-header-justify)}.layout__tab-layout__header-view-item,.tabs__i{min-height:25px;padding:var(--tab-item-padding);font-size:var(--tab-item-font-size)}.layout__tab-layout__header-view-item{flex:1 0 auto;max-width:200px;margin:0 2px;background-color:transparent;position:relative;color:var(--theme-colors__text_strong);border-top:3px solid transparent;border-bottom:3px solid transparent}.layout__tab-layout__header-view-item:hover{border-bottom-color:transparent}.layout__tab-layout__header-view-item-text{overflow:hidden;text-overflow:ellipsis}.layout__tab-layout__header-view-item_selected{border-bottom:3px solid var(--theme-colors__primary);background:transparent;color:var(--theme-colors__primary)}.layout__tab-layout__header-view-item_selected:hover{color:var(--theme-colors__primary_fade);border-bottom-color:var(--theme-colors__primary_fade)}.layout__tab-layout__header-view-item_error{color:var(--theme-colors__error)}.layout__tab-layout__header-view-item_error.layout__tab-layout__header-view-item_selected,.layout__tab-layout__header-view-item_error:hover{color:var(--theme-colors__error)}.popout-menu__i_error .popout-menu__txt{color:var(--theme-colors__error)}.popout-menu__i.popout-menu__i_error:hover .popout-menu__txt{color:var(--theme-colors__error)}.layout__tab-layout__header-view-item.layout__tab-layout__header-view-item_error:hover{border-bottom-color:var(--theme-colors__error);color:var(--theme-colors__error)}.layout__tab-layout__header-view-item_error.layout__tab-layout__header-view-item_selected,.layout__tab-layout__header-view-item_error:hover{border-bottom-color:var(--theme-colors__error)}.layout__tab-layout__header-view-item.layout__tab-layout__header-view-item_hidden,.popout-menu__i_hidden{display:none}.layout__tab-layout__panel-container{border-radius:0 0 4px 4px;border:1px solid var(--editors-color-border)}.layout__configuration-panel-container,.layout__tab-layout__panel-container{background-color:var(--theme-colors__main);padding:var(--tab-panel-container-padding)}.layout__configuration-panel-container{border:1px solid var(--theme-colors__main_strongest);border-radius:0 0 4px 4px}.toolbar-btn{font-size:1em;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;text-align:center;flex-wrap:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis;border-radius:4px;min-width:26px;height:26px;padding:0 10px;transition:all .3s ease-in-out}.toolbar-btn>.toolbar__icons>i{width:100%;height:auto;font-weight:300;min-width:18px;flex:none;font-size:1.1em}.toolbar-btn:hover{text-decoration:none}.toolbar-btn_withoutName{padding:3px}.toolbar-btn__text{overflow:hidden;text-overflow:ellipsis;flex:1 1 auto}.toolbar-btn_selectItem{text-align:left;justify-content:flex-start}.toolbar__icons{display:inline-flex;max-height:100%;height:100%;align-items:center;justify-content:center;flex:none;font-size:15px}.toolbar__icons:not(.toolbar__icons_arrow){min-width:20px}.toolbar__icons+.toolbar-btn__text{margin-left:3px}.toolbar__icons+.toolbar-btn__text:empty{margin-left:0}.toolbar-btn .toolbar__icons .checkbox,.toolbar-btn .toolbar__icons .checkbox:not(:empty){background:var(--theme-colors__btn)}.toolbar-btn__text>.editor_checkbox{padding-right:5px}.split-button-wrp{display:flex;border-radius:4px;padding:0;align-items:center;transition:all .4s ease-in-out}.btn-separator{display:inline-block;width:0;height:20px;margin:0 9px 0 10px;border-right:1px solid;align-self:center}.menu-btn-separator{display:flex;align-items:center;padding:0;border-bottom:1px solid var(--menu-items-clor-border)}.split-button-wrp .btn-separator{margin:0 0 0 1px}.toolbar-btn+.btn-separator{margin-left:0}.split-button-wrp .split-button-action-button,.split-button-wrp .split-button-menu-anchor{padding:0 4px;margin:0;min-width:20px}.layout__button{flex:none}.layout__horizontal-layout>.layout__button{align-self:center}.layout-group__head{font-size:16px;padding:0 20px 0 0}.layout__group-collapsed__button svg{transform:rotate(90deg);transition-property:transform;transition-duration:.3s}.group-title.layout__group-collapsed__button{transform:rotate(0)}.layout__popup-view-window{z-index:99;background:var(--theme-colors__main);box-shadow:0 3px var(--popup-shadow-blur-radius) rgba(var(--popup-shadow-color),var(--popup-shadow-opacity));border-radius:5px}.layout__popup-view-header{flex:none;align-items:center;display:flex;font-weight:600;font-size:18px;padding:15px;background:var(--theme-colors__primary);color:var(--theme-colors__primary-txt);border:1px solid var(--theme-colors__primary)}.layout__popup-view-button-list{padding:0 0 10px 10px}.layout__popup-view-header__btn_equate{font-size:var(--popup-header-btn-font-size_equate)}.layout__popup-view-content{padding:var(--popup-content-padding)}.systemMessageBody{font-size:var(--system-message-font-size)}.editor.context_select{padding:var(--input-padding);height:var(--input-height)}.grid-container .editor.context_select{height:unset;margin:4px 10px;padding:4px 10px 2px 5px;text-align:center;width:auto}.cell .editor.context_select{margin:0;line-height:inherit;padding:0;border:none;background:transparent;text-align:center;width:auto}.sp-container,.sp-container *{box-sizing:border-box}.sp-picker-container{display:flex;flex-wrap:wrap;align-items:center;margin-top:10px}.sp-initial,.sp-input-container,.sp-top{margin-bottom:5px}.sp-top{order:0;flex:1 0 auto}.sp-initial{order:1;border:none}.sp-initial span{width:30px;height:30px;margin-right:10px;border:var(--border)}.sp-initial span.sp-thumb-inner{width:100%;height:100%;border:0}.sp-button-container{display:flex;width:100%;text-align:center;order:3}.sp-input-container{width:auto;flex:1 1 0%;order:2;height:100%}.sp-replacer{padding:0!important;background:transparent!important;margin-right:5px;border:none!important}.sp-preview,.sp-replacer{width:30px;cursor:pointer;flex:none}.sp-preview{height:30px;padding:0;margin:0;border:0}.sp-preview .sp-clear-display{background:none}.sp-container{border-radius:var(--border-radius);border:var(--border);background-color:var(--theme-colors__main);margin-top:5px}.sp-picker-container{width:220px}.sp-container .sp-input{font-family:var(--base-font-family);font-style:var(--base-font-style);font-size:var(--base-font-size);font-weight:var(--base-font-weight);padding:var(--input-padding);height:var(--input-height)}.sp-clear,.sp-color,.sp-hue{border:var(--border)}.sp-cancel,.sp-choose{text-align:center;flex:1 0 auto}.sp-cancel:hover{text-decoration:none}.sp-cancel,.sp-container button.sp-choose{background-image:none}.sp-container button.sp-choose:hover{background-image:none}.sp-container button.sp-choose:active{background-image:none}.sp-dragger{width:7px;height:7px;border-radius:50%;background:transparent}.cke_editable{font-family:var(--base-font-family);font-style:var(--base-font-style);font-size:var(--base-font-size);font-weight:var(--base-font-weight)}
.editor_bubble:not(.editor_readonly):not(.editor_disabled) .bubbles.editor_focused,.editor_checkbox.editor_focused:not(.editor_readonly):not(.editor_disabled) .checkbox,.editor_date-time.editor_focused:not(.editor_readonly):not(.editor_disabled),.editor_focused:not(.editor_readonly):not(.editor_disabled) .editor_uri,.editor_focused:not(.editor_readonly):not(.editor_disabled) .input,.editor_focused:not(.editor_readonly):not(.editor_disabled) .textarea{border-color:var(--input-active-border-color)}.editor_bubble:not(.editor_readonly):not(.editor_disabled) .bubbles.open.dropdown__wrp_down.editor_focused{border-bottom-color:transparent;box-shadow:0 1px 3px var(--black-12),0 -1px 2px var(--black-24);border-radius:4px 4px 0 0}.editor_bubble:not(.editor_readonly):not(.editor_disabled) .bubbles.open.dropdown__wrp_up.editor_focused{border-top-color:transparent;box-shadow:0 1px 3px var(--black-12),0 -1px 2px var(--black-24);border-radius:0 0 4px 4px}.focused input,.focused textarea{border-color:var(--input-active-border-color)}.editor_disabled{cursor:auto}.editor_disabled.editor_bubble--single .bubbles,.editor_readonly.editor_bubble--single .bubbles{filter:alpha(opacity=60);cursor:auto}.editor_disabled.editor_bubble:not(.editor_bubble--single) .bubbles__caret,.editor_readonly.editor_bubble:not(.editor_bubble--single) .bubbles__caret{opacity:.7}.editor_checked.checkbox,.editor_checked:not(.editor_readonly):not(.editor_disabled) .checkbox{line-height:normal;font-size:11px;color:var(--checkbox-checked-color);background:linear-gradient(var(--theme-colors__primary_fade),var(--theme-colors__primary));border-color:var(--checkbox-border-color)}.icon-false{color:var(--red-dark);font-size:1.2em}.icon-false,.icon-true{margin:0 auto;display:flex;width:10px}.tr-search__input{height:var(--input-height);background-size:14px 14px;text-overflow:ellipsis}.tr-search__clear .icon-remove{vertical-align:middle}.radiobutton{color:var(--theme-colors__primary);border-color:var(--theme-colors__primary);background-color:var(--theme-colors__main)}.checkbox:hover,.radiobutton:hover{box-shadow:0 0 3px var(--theme-colors__primary_fadest)}.checkbox .svg-icons{width:.9em;height:.9em}.btn.btn-icon svg{fill:currentColor;width:1em;height:1em;top:.125em;position:relative}.btn.btn_arrow{background-position:50%;background-repeat:no-repeat}.btn.btn-small{padding:2px 15px;font-size:13px;font-weight:600}.btn.btn-large{padding:4px 15px;font-size:20px}.dd-list__i.selected,.dd-list__i:hover,.popout-menu__i:hover .popout-menu__txt,.popout-menu__i_selected .popout-menu__txt,.selected .dd-list__i,.subtext-list.selected .datalist-container-subtext,.subtext-list.selected .datalist-container-text,.subtext-list.selected .datalist-icon,.time-dropdown__i:hover{color:var(--theme-colors__primary)}.dd-list__i.selected,.selected .dd-list__i,.subtext-list.selected .datalist-container-subtext,.subtext-list.selected .datalist-container-text{font-weight:600}.bubbles .spinner{right:25px}.bubbles__form{padding:2px 0}.open.dropdown__wrp_down .bubbles{border-bottom-left-radius:0;border-bottom-right-radius:0}.open.dropdown__wrp_up .bubbles{border-top-left-radius:0;border-top-right-radius:0}.dropdown__wrp{border-radius:var(--border-radius);opacity:0;transition:transform .1s linear,opacity .1s linear}.datalist-panel.dropdown__wrp_down{border-radius:0 0 var(--border-radius) var(--border-radius)}.datalist-panel.dropdown__wrp_up{border-radius:var(--border-radius) var(--border-radius) 0 0}svg.svg-icons.svg-icons_remove{fill:var(--red-dark)}svg.svg-grid-icons.svg-icons_flag-yes{fill:var(--main-color)}svg.svg-grid-icons.svg-icons_flag-none{fill:var(--theme-colors__error)}.layout__tab-layout_move-button{font-size:1em;padding:0 10px}.grid-toolbar-region{padding-right:10px}.grid-toolbar__search{order:2}.form-label__error-button,.form-label__info-button{transition:color .3s}.form-label__info-button{color:var(--theme-colors__main_fade)}.form-label__error-button{color:var(--theme-colors__error)}.form-label__info-button:hover{color:var(--theme-colors__text)}.form-label__error-button:hover{color:var(--theme-colors__error)}.form-label:not(.form-label_empty)+.editor_checkbox,.form-label:not(.form-label_empty)+.editor_document{padding-left:var(--form-input-padding)}.error .form-label{color:var(--theme-colors__error)}.warning .form-label{color:var(--theme-colors__warning)}.form-label_required .form-label__txt,.required .form-label__txt{padding-right:10px}.form-label_required .form-label__txt:after,.required .form-label__txt:after{content:"*";color:var(--theme-colors__error);position:relative;right:0}.cell.required:before{content:"*";color:var(--theme-colors__error);position:absolute;top:50%;left:2px;transform:translateY(-50%)}.cell.error.required:before,.cell.warning.required:before{display:none}.layout__horizontal-layout-list-item:not(:last-child),.layout__horizontal-layout>div:not(:last-child){padding-right:10px}.layout__vertical-layout-item:not(:last-child),.layout__vertical-layout>:not(:last-child){margin-bottom:20px}.group-toggle{order:2}.layout__configuration-panel-container>div{margin-top:5px}.configuration-panel .layout__vertical-layout-item,.configuration-panel .layout__vertical-layout>div,.dataset-configuration-panel .layout__vertical-layout-item,.dataset-configuration-panel .layout__vertical-layout>div{margin-bottom:0}.layout-group .layout-group__content>.layout-group .group-title{font-size:15px;padding-left:0}.layout-group .layout-group__content>.layout-group .layout-group__content{background-color:var(--theme-colors__main)}.layout__popup-view-header-text{font-family:var(--headers-font-family);font-style:var(--headers-font-style);font-weight:var(--headers-font-weight);flex:1 1 auto;padding-right:10px}.layout__popup-view-header__btn{opacity:.5}.layout__popup-view-header__btn:hover{opacity:1}.layout__popup-view_mobile-system-type .layout__popup-view-header__btn,.layout__popup-view_mobile .layout__popup-view-header__btn{display:none}.layout__popup-view_mobile .layout__popup-view-header__btn_equate{display:inline-block}.cell .date-view,.cell .time-view,.editable-grid-field{height:100%}.cell>.editor{position:absolute;top:0;left:0;right:0;padding:0 15px}.cell>.collapsible-btn+.editor{display:inline-flex;width:auto;padding:0;position:static}.cell>.context_select{position:static;padding:4px 20px 4px 10px}.cell.editor_date-time>.editor_date-time_date{width:auto;right:50%;padding-right:0}.cell.editor_date-time>.editor_duration{width:auto;left:50%;padding-left:0}.cell.editor .textarea{height:100%;border:none;background:transparent}.cell.editor_document{display:table-cell;padding:0}.cell.editor_document>form{max-height:35px;overflow:hidden;display:none}.cell>.editor.editor_document>.documents{margin-top:0;margin-bottom:0;display:flex;flex-direction:row;flex-wrap:nowrap}.cell .drop-zone__text,.cell .field-documents__more{display:none}.cell .editor__drop-zone{height:auto;position:absolute;left:0;right:0;bottom:0;top:0;background-color:transparent;cursor:pointer;font-family:Font Awesome\ 5 Free,Font Awesome\ 5 Pro;font-weight:900}.cell .editor_empty .editor__drop-zone:before{content:"\F0C6";color:grey;position:absolute}.layout__popup-view-content>.layout__form-view{display:flex}.layout__popup-view-content .systemMessageBody{width:100%;padding:15px}.editor_document{flex-direction:column;align-items:flex-start}.btn.field-documents__more{width:auto;text-align:center;background-color:var(--theme-colors__main_fadest);color:var(--theme-colors__text)}.btn.field-documents__more:hover{background-color:var(--theme-colors__main_strong)}.show-more-counter:not(:empty){border-radius:10px;background-color:var(--theme-colors__main_fade);display:inline-flex;justify-content:center;align-items:center;font-size:12px;padding:2px 6px}.editor_date-time.LongDate .editor_date-time_date{flex-basis:250px}.editor_date-time.DateIso .editor_date-time_date,.editor_date-time.ShortDate .editor_date-time_date{flex-basis:95px}.editor_date-time.CondensedDate .editor_date-time_date{flex-basis:130px}.editor_date-time.YearMonth .editor_date-time_date{flex-basis:140px}.editor_date-time.ShortTime .editor_date-time_time .input{max-width:60px}.editor_date-time.LongTime .editor_date-time_time .input{max-width:90px}.dev-code-editor-toolbar{background:var(--theme-colors__main);border:1px solid var(--theme-colors__main_strongest);border-bottom:none}.left-menu-view-switcher__container .toolbar-btn{font-size:13px;padding:8px 15px}.toolbar-btn__text{vertical-align:inherit}