@font-face {
    font-family: 'DreamOrphans';
    src: url('/styles/dob.ttf');
}

@media print {
    body, #print-view {
        height: auto;
    }
}
#layout-ct {
    margin-top: -1px !important;
}
.pp-container {
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
.pp-container-5xs {
    max-width: 320px;
}
.pp-container-4xs {
    max-width: 320px;
}
.pp-container-3xs {
    max-width: 375px;
}
.pp-container-2xs {
    max-width: 414px;
}
.pp-container-xs {
    max-width: 575px;
}
.pp-container-sm {
    max-width: 767.98px;
}
.pp-container-md {
    max-width: 991.98px;
}
.pp-container-lg {
    max-width: 1024.98px;
}
.pp-container-xl {
    max-width: 1199.98px;
}
.pp-container-2xl {
    max-width: 1366.98px;
}
.pp-container-3xl {
    max-width: 1440.98px;
}
.pp-container-4xl {
    max-width: 1560.98px;
}
.pp-container-5xl {
    max-width: 1680.98px;
}
.pp-container-6xl {
    max-width: 1919.98px;
}

/* generic */
:root {
    --base-color: var(--pp-base-color);
    --secondary-color: var(--pp-secondary-color);
    --confirm-color: var(--pp-confirm-color);
    --warning-color: var(--pp-warning-color);
    --alert-color: var(--pp-alert-color);
    --divider-color: var(--pp-divider-color);
    --hovered-background-color: var(--pp-secondary-gray-color-light);
    --hovered-background-color-darker: var(--pp-secondary-gray-medium-color);
    --base-focused-color: var(--pp-base-focused-color);
    --highlight-color: var(--pp-highlight-color);
    --base-pressed-color: var(--pp-base-pressed-color);
    --base-pressed-alert-color: var(--pp-pressed-alert-color);
    --base-highlight-color: var(--pp-base-highlight-color);

    --selected-background-color: var(--pp-base-highlight-color);
}
.x-body {
    color: var(--pp-color);
    font-size: var(--mainFontSize);
    line-height: var(--mainLineHeight);
    font-weight: 400;
    font-family: Roboto, sans-serif;
    background: var(--pp-body-color);
}

:root .is_scrolls * {
    pointer-events: none!important;
}

.text-grey {
    color: var(--pp-text-gray-color);
}
.text-darker-grey,
.text-inactive {
    color: var(--pp-inactive-color);
}
.text-primary {
    color: var(--pp-base-color);
}

.text-secondary {
    color: var(--pp-secondary-color);
}

.text-success {
    color: var(--pp-confirm-color);
}

.text-warning {
    color: var(--pp-warning-color);
}

.text-alert {
    color: var(--pp-alert-color);
}
.border-color-primary {
    border-color: var(--pp-primary-focused-color) !important;
}
.outline-primary {
    outline: 1px solid var(--pp-base-color);
    outline-offset: -1px;
}
.font-weight-normal {
    font-weight: 400;
}
.nowrap {
    white-space: nowrap;
}
.hr-separator {
    color: var(--pp-input-border-color);
    border: solid var(--pp-input-border-color);
    border-width: 0 0 1px;
    box-sizing: border-box;
}
.column-header-icon {
    color: var(--pp-inactive-color);
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
}

.no-label-fall .x-form-item-label {
    transition: none;
    transform: none;
    transition-property: none;
    transition-duration: 0s;
    font-size: 12px;
}
.hint-field {
    display: flex;
    align-items: center;
    padding-bottom: 1px;
    font-size: 14px;
}
.hint-field-icon {
}
.hint-field-icon:before {
    color: inherit;
    display: block;
}
.ellipses-multi-line-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.ellipses-multi-line-container {
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis-html-component-simple {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fake-field.x-form-item {
    display: flex;
    align-items: center;
    padding-bottom: 1px;
    font-size: 14px;
    opacity: .48;
}
.fake-field.x-form-item [data-ref="bodyEl"] {
    max-width: 100%;
    min-width: 100%;
    align-items: center;
    display: inline-flex;
    flex-grow: 1;
    flex-shrink: 1;
}
.fake-field.x-form-item [data-ref="inputEl"] {
    margin: 0;
    font-size: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: auto;
    padding: 0 5px 0 5px;
    width: 100%;
}
.fake-field.x-form-item .help-icon-icon-hint {
    opacity: .8;
    display: block;
}
.fake-field.x-form-item .help-icon-icon-hint.right-hint {
    padding-left: 9px;
}
.fake-field.x-form-item .hint-text {
    font-weight: 600;
}
.connected-kpi-periods-real-insert .period-hint-text {
    white-space: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 16px;
    max-height: 32px;
    opacity: .48;
    hyphenate-character: auto;
    hyphens: auto;
}
.separated-record-table-head .help-icon-cell .help-icon-icon-hint {
    width: 20px;
    margin-right: 3px;
}
.help-icon-cell .hint-text {
    font-weight: 600;
    font-size: .894em;
    text-overflow: ellipsis;
    overflow: hidden;
}
.fake-field.x-form-item .help-icon-icon {
    width: 24px;
    padding-right: 9px;
}

a {
    text-decoration: none;
}
a.simple-link {
    display: inline;
    color: inherit;
    text-decoration: none !important;
}
a.simple-link:not(.wrapped-text) {
    border-bottom: 1px solid currentColor;
    line-height: 1.75;
}
span.simple-link:not(.wrapped-text) {
    display: inline;
    color: var(--pp-base-color);
    cursor: pointer;
}
a.simple-link.wrapped-text,
span.simple-link.wrapped-text {
    border-bottom: 1px solid transparent;
    line-height: 1.34;
}
span.simple-link.wrapped-text {
    cursor: pointer;
}
a.simple-link.wrapped-text:hover,
a.simple-link.wrapped-text:focus,
span.simple-link.wrapped-text:hover,
span.simple-link.wrapped-text:focus {
    border-bottom: 1px solid currentColor;
}
.simple-link-wrapper a.simple-link {
    display: inline-block;
    line-height: 1;
    padding-bottom: .2em;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.simple-link-wrapper span.simple-link {
    display: inline-block;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    vertical-align: bottom;
}
a.simple-link:hover,
a.simple-link:focus,
span.simple-link:hover,
span.simple-link:focus {
    color: var(--pp-base-focused-color) !important;
}
:root sup {
    display: inline-block;
    transform: translateY(.25em);
    position: relative;
    font-size: .75em;
    line-height: .5em;
}
/*
.btn-linked-text {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 0;
    border-bottom-width: 0!important;
}
:root .btn-linked-text:nth-last-of-type(n+2) {
}
.btn-linked-text [data-ref="btnEl"] {
    min-height: auto;
}
.btn-linked-text [data-ref="btnInnerEl"] {
    font-size: 14px;
    padding: 0 0 0 0;
    text-transform: none;
    line-height: 1;
    color: #3f5d89;
    font-weight: 400;
}
.kpis-names .kpis-widget-column-inner {
}
*/
.cursor-pointer {
    cursor: pointer;
}
.cursor-auto {
    cursor: auto;
}
.cursor-default {
    cursor: default;
}
.cursor-help {
    cursor: help;
}
.cursor-text {
    cursor: text;
}
.underline–hover:hover {
    text-decoration: underline;
}
.not-clickable-element {
    cursor: default;
    opacity: .6;
    pointer-events: none;
}
.hidden {
    display: none;
}
.hidden-fallback-wrapper .hidden-fallback {
    display: none;
}
.block-pseudo:before,
.block {
    display: block;
}
.inline-block-pseudo:before,
.inline-block {
    display: inline-block;
}
.inline-flex-pseudo:before,
.inline-flex {
    display: inline-flex;
}
.fas.inline {
    display: inline;
}
.visibility-important {
    visibility: hidden !important;
}
.transparent {
    opacity: 0;
}
.transparent-50 {
    opacity: .5;
}
.transparent-75 {
    opacity: .75;
}
.transparent-bg {
    background-color: transparent !important;
}
.light-gray-bg {
    background-color: var(--pp-lighter-gray-color);
}
.border-transparent {
    border-color: transparent !important;
}
:root .dynamic-border:not(.disabled-activity-form-field) .border-primary[data-ref="triggerWrap"] {
    border-color: var(--pp-primary-focused-color) !important;
}
:root .extra-focused[data-ref="triggerWrap"] {
    outline: 1px solid var(--pp-alert-color);
    outline-offset: -1px;
    border-width: 0;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-italic {
    font-style: italic;
}

.flexed {
    display: flex;
}
.header-text-hyphenable .text-hyphenable [data-ref="textInnerEl"],
.text-normal {
    white-space: normal;
}
.header-text-hyphenable .text-hyphenable [data-ref="textInnerEl"],
.text-hyphenable {
    hyphenate-character: auto;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
}
.settings-data-item .header-text-hyphenable .text-hyphenable [data-ref="textEl"] {
    height: 100%;
}
.settings-data-item .header-text-hyphenable .text-hyphenable [data-ref="textInnerEl"] {
    display: inline-flex;
    text-align: inherit;
    height: 100%;
    align-items: center;
    vertical-align: middle;
}
.multirow-total-breakable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    word-break: break-all;
    hyphenate-character: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.component-breakable-hyphenable {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    hyphenate-character: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
/* Padding and margin */
.mr-1 {
    margin-right: .25rem;
}
.ml-1 {
    margin-left: .25rem;
}
.space-5xs {
    padding-left: .075em;
}
.space-4xs {
    padding-left: .15em;
}
.space-3xs {
    padding-left: .2em;
}
.space-2xs {
    padding-left: .4em;
}
.space-xs {
    padding-left: .6em;
}
.space-sm {
    padding-left: .8em;
}
.space-md {
    padding-left: 1em;
}

.space-5xs-right {
    padding-right: .075em;
}
.space-4xs-right {
    padding-right: .15em;
}
.space-3xs-right {
    padding-right: .2em;
}
.space-2xs-right {
    padding-right: .4em;
}
.space-xs-right {
    padding-right: .6em;
}
.space-sm-right {
    padding-right: .8em;
}
.space-md-right {
    padding-right: 1em;
}

.space-top-3 {
    margin-top: 3px;
}
.space-top-5 {
    margin-top: 5px;
}
.space-top-10 {
    margin-top: 10px;
}
.space-top-15 {
    margin-top: 15px;
}
.space-top-20 {
    margin-top: 20px;
}
.separator-3 {
    width: 3px;
    max-width: 3px;
}
.separator-5 {
    width: 5px;
    max-width: 5px;
}
.separator-10 {
    width: 10px;
    max-width: 10px;
}
.separator-15 {
    width: 15px;
    max-width: 15px;
}

.font-xs {
    font-size: .8em;
}
.font-sm {
    font-size: .9em;
}
.font-md {
    font-size: 1em;
}
.font-lg {
    font-size: 1.1em;
}
.font-xl {
    font-size: 1.2em;
}
.font-xxl {
    font-size: 1.4em;
}
.font-xxxl {
    font-size: 1.6em;
}
.transform-pseudo-from-lt:before,
.transform-from-lt {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}
.transform-pseudo-from-lb:before,
.transform-from-lb {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
}
.transform-pseudo-from-lc:before,
.transform-from-lc {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.transform-pseudo-from-cc:before,
.transform-from-cc {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}
.transform-pseudo-from-ct:before,
.transform-from-ct {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
}
.transform-pseudo-from-cb:before,
.transform-from-cb {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
}
.scale-xs {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
}
.scale-xsm {
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -o-transform: scale(.85);
    transform: scale(.85);
}
.scale-sm {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
}
:root .scale-no {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.scale-md {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}
.scale-lg {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.scale-lgx {
    -webkit-transform: scale(1.16);
    -moz-transform: scale(1.16);
    -o-transform: scale(1.16);
    transform: scale(1.16);
}
.scale-xl {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.row-number {
    font-size: 13px;
}
.row-number.row-number-grouped {
    vertical-align: top;
    background-color: inherit;
}
.flexed.distributed {
    justify-content: space-between;
}

:root .no-text-transform {
    text-transform: none !important;
}

:root .not-show {
    width: 0;
    border: 0;
}
.viewport-size-1,
.viewport-size {
    overflow: hidden !important;
    height: 100%;
    width: 100%;
    min-height: 100%;
}
:root [data-overflowed=hide],
:root .overflowed-hide {
    overflow: hidden !important;
}
:root .overflowed-visible,
:root .overflowed-visible * {
    overflow: visible !important;
}
:root .overflowed-visible-partially {
    overflow: visible;
}
:root .x-grid-dirty-cell > .x-grid-cell-inner:after {
    color: var(--pp-dirty-color);
}
/* input for */
.advanced-dirty-inner:not(.no-dirty) > .x-grid-cell-inner:after,
.advanced-dirty-wrapper:not(.no-dirty) [data-ref="inputWrap"]:before,
.advanced-dirty:not(.no-dirty):before {
    content: "\e602";
    font: 14px/1 ExtJS;
    color: var(--pp-dirty-color);
    position: absolute;
    top: 0;
    left: 0;
}
.advanced-dirty.advanced-dirty-checkbox:not(.no-dirty):before {
    content: "\e602";
    font: 14px/1 ExtJS;
    color: var(--pp-dirty-color);
    position: absolute;
    top: 5px;
    left: -2px;
}
.pp-field-input-dynamic-show.x-form-invalid-field {
    color: var(--pp-alert-color);
}
.pp-lockable-scroll-container .x-grid-scrollbar-clipper-locked,
.pp-lockable-scroll-container .x-grid-scrollbar-locked {
    /* border-color: #f5f5f5; */
    border-style: double;
    border-right-width: 3px;
}
.pp-lockable-body-locking .pp-lockable-inner-locked {
    border-width: 0 3px 0 0;
    border-style: double;
    z-index: 0;
    /*border-color: red;*/
}
.x-body {
    background-color: var(--pp-body-color);
}

.x-btn-default-small {
    padding: 8px 0;
}

.actioncolumn-cell .actioncolumn-inner .actioncolumn-item.icon-small {
    font-size: inherit;
}
.x-action-col-icon {
    width: 20px;
}
.kpis-properties-row.sub-level-kpis-row .kpi-name-cell.activity-list-item {
    line-height: 1;
}
.kpis-properties-row.sub-level-kpis-row .kpi-name-cell .iconified-name-item-text.kpi-name-text {
    line-height: 1;
    vertical-align: top;
}
.kpi-name-cell .kpi-name-text-inner {
    line-height: 1;
    padding-left: 6px;
    vertical-align: bottom;
}
.action-icon-single {
    min-width: 80%;
}
.action-icon-centered {
    display: flex;
    justify-content: center;
    text-align: center;
}
.action-icon-centered.spaced-between {
    justify-content: space-between;
}
.action-icon-centered .x-action-col-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.action-icon-centered .x-action-col-icon:nth-last-of-type(n+2) {
    /*margin-right: 10px;*/
}
.x-grid-item {
    font: 400 14px/16px Roboto, sans-serif;
}

.x-grid-td {
    vertical-align: middle;
}

.x-grid-cell-inner {
    padding: 10px 8px 10px 8px;
}

.x-panel-default-outer-border-trbl,
.x-panel-default-outer-border-rbl,
.x-panel-default-outer-border-trl,
.x-panel-default-outer-border-rl {
    border-color: var(--pp-lighter-gray-color) !important;
}

.x-tip {
    background: var(--pp-body-color);
    border: 1px solid var(--pp-secondary-gray-medium-color);
}

.x-editor {
    top: -5px !important;
}

.x-tree-ddindicator {
    height: 1px;
    border: 0 dotted limegreen;
    border-top-width: 2px;
}

.x-fieldset {
    overflow: visible;
}
.fieldset-lg > .x-fieldset-header {
    /* is legend */
    margin-left: 15px;
    margin-right: 15px;
}
.fieldset-lg > .x-fieldset-header .x-fieldset-header-text {
    font-size: 14px;
}
.fieldset-lg-m0 > .x-fieldset-header {
    /* is legend */
    margin-left: 0;
    margin-right: 0;
}
.fieldset-lg-m0 > .x-fieldset-header .x-fieldset-header-text {
    font-size: 14px;
    line-height: 1.4;
/*
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 25px);
*/
}

/* fieldset-dynamic-content in container */
.fieldset-dynamic-content > [data-ref="body"] > [data-ref="outerCt"] > [data-ref="innerCt"] > .fieldset-item-visible ~ .fieldset-item-visible:nth-child(n+2){
    margin-top: 10px;
}
.fieldset-in-group.fieldset-collapsed + .fieldset-in-group {
}
.fieldset-in-queue.fieldset-collapsed.fieldset-visible {
    margin-bottom: 0;
}
.fieldset-in-group.fieldset-expanded + .fieldset-in-group {
    margin-top: 16px;
}
/* left-fieldset with rounded border and with more space in header */
.more-space-rounded-fieldset.left-fieldset {
    border: 1px solid;
}
.more-space-rounded-fieldset.left-fieldset:not(.x-fieldset-collapsed) {
    border-radius: var(--pp-button-border-radius);
    border-color: var(--pp-secondary-gray-medium-color) !important;
}
.more-space-rounded-fieldset.left-fieldset.x-fieldset-collapsed {
    border-radius: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.more-space-rounded-fieldset.left-fieldset .x-fieldset-header {
    padding: 0 8px;
    margin-left: 21px;
    margin-right: 21px;
    display: flex;
    width: auto;
    max-width: calc(100% - 30px);
    justify-content: flex-start;
}
.more-space-rounded-fieldset.left-fieldset > .x-fieldset-header .x-fieldset-header-text {
    float: none;
    font-size: 14px;
    font-weight: 400;
    color: var(--pp-hard-grey-color);
    padding: 1px 4px;
}

/* TOOLBAR */
:root .main-activity-list-toolbar {
    z-index: 9;
}

#mainCentralPanelId {
    background-color: var(--pp-body-color);
}

:root .activities-chart-toolbar.tab-and-tool-top-bar,
:root .activity-right-panel .activity-right-panel-toolbar.tab-and-tool-top-bar,
:root .side-panel-toolbar {
    background-color: var(--pp-toolbar-background-color);
    box-shadow: inset 0 -1px 0 var(--pp-toolbar-divider-color);
    z-index: 9;
}
:root .main-activity-list-toolbar,
:root .activities-chart-toolbar.tab-and-tool-top-bar,
:root .activity-right-panel .tab-and-tool-top-bar,
:root .side-panel-toolbar {
    height: 48px;
    display: flex;
    align-items: center;
    border-width: 0;
}
:root .main-activity-list-toolbar {
    /* fallback for extended views */
    /*margin-bottom:1px;*/
}

.tab-and-tool-top-bar {
}
.tab-and-tool-top-bar {
    background-color: var(--pp-toolbar-background-color);
    box-shadow: inset 0 -1px 0 var(--pp-toolbar-divider-color);
}
:root .tab-and-tool-top-bar .tab-and-tool-bar-item .pp-form-triggers-wrap {
    background-color: var(--pp-secondary-focused-color);
    border: 0;
}
/* departments filter */
.tab-and-tool-top-bar .tab-and-tool-bar-item.pp-treepicker {
    /* like same as background, and visually like other buttons */
    box-shadow: 0 0 0 1px transparent;
}
.pp-treepicker .pp-form-triggers-wrap {
    background-color: var(--pp-secondary-focused-color)!important;
    /* 8+5 */
    padding-left: 13px;
}
.pp-treepicker .pp-form-triggers-wrap [data-ref="inputEl"] {
    letter-spacing: -.25px;
    font-weight: 500;
    color: var(--pp-primary-names-color)!important;
    padding-left: 0;
}
.pp-treepicker .pp-form-triggers-wrap [data-ref="inputEl"]::-webkit-input-placeholder {
    letter-spacing: -.25px;
    font-weight: 500;
    color: var(--pp-primary-names-color)!important;
    /*padding-left: 8px;*/
}
.pp-treepicker .pp-form-triggers-wrap [data-ref="inputEl"]::-ms-input-placeholder {
    letter-spacing: -.25px;
    font-weight: 500;
    color: var(--pp-primary-names-color)!important;
    /*padding-left: 8px;*/
}
.pp-treepicker .pp-form-triggers-wrap [data-ref="inputEl"]::-moz-placeholder {
    letter-spacing: -.25px;
    font-weight: 500;
    color: var(--pp-primary-names-color)!important;
    /*padding-left: 8px;*/
}
.pp-treepicker .pp-form-triggers-wrap [data-ref="inputEl"]:-moz-placeholder {
    letter-spacing: -.25px;
    font-weight: 500;
    color: var(--pp-primary-names-color)!important;
    /*padding-left: 8px;*/
}
.pp-treepicker .pp-form-triggers-wrap [data-ref="inputEl"]::placeholder {
    letter-spacing: -.25px;
    font-weight: 500;
    color: var(--pp-primary-names-color)!important;
    /*padding-left: 8px;*/
}
/* mozilla last fallback */
.x-gecko .pp-treepicker .pp-form-triggers-wrap [data-ref="inputEl"]:placeholder-shown {
    /*padding-left: 8px;*/
}
.pp-treepicker .pp-form-triggers-wrap .pp-form-picker {
    vertical-align: middle;
    text-align: right;
    padding-right: 8px;
}
:root .tab-and-tool-top-bar .pp-treepicker-extended-input {
    /* treepicker, means treepicker_extended */
    min-height: 26px;
    padding-left: 0;
    padding-right: 0;
}
.tab-and-tool-top-bar .tab-and-tool-bar-item.pp-treepicker {
    height: 26px;
    /*box-shadow: 0 0 0 1px var(--pp-input-border-color);*/
}
:root .tab-and-tool-top-bar .tab-and-tool-bar-item .pp-treepicker-extended-form-item-body {
    display: block;
}
:root .tab-and-tool-top-bar .tab-and-tool-bar-item .pp-treepicker-extended-form-item-body .pp-form-triggers-wrap .pp-form-clear,
:root .tab-and-tool-top-bar .tab-and-tool-bar-item .pp-treepicker-extended-form-item-body .pp-form-triggers-wrap .pp-form-picker {
    /* prevent 29px height */
    line-height: 1;
    height: auto;
    width: 26px;
}
:root .tab-and-tool-top-bar .tab-and-tool-bar-item .pp-treepicker-extended-form-item-body .pp-form-triggers-wrap .pp-form-clear:before,
:root .tab-and-tool-top-bar .tab-and-tool-bar-item .pp-treepicker-extended-form-item-body .pp-form-triggers-wrap .pp-form-picker:before {
    line-height: 1;
    color: var(--pp-more-dark-grey-color) !important;
    width: 18px;
    justify-self: center;
    height: 26px;
}
:root .tab-and-tool-top-bar .tab-and-tool-bar-item .pp-treepicker-extended-form-item-body .pp-form-triggers-wrap .pp-form-picker:before {
    font-size: 10px;
}
:root .tab-and-tool-top-bar .tab-and-tool-bar-item .pp-treepicker-extended-form-item-body .pp-form-triggers-wrap .pp-form-clear:before {
    font-size: 14px;
}
.pp-treepicker-boundlist-body {
    border-top-width: 0;
}
/* departments filter END */

/* scrolled */
.top-bar-scrolled {
}

.project-not-visible {
    opacity: 0.4;
    font-style: italic;
}

.classifier-label {
    height: 40px;
    /*color: var(--pp-body-color);*/
    font-size: 11px;
    padding: 4px 6px;
    width: 150px;
    /*opacity: 0.7;*/
    opacity: 1;
    color: var(--pp-color);

    border-left-style: solid;
    border-left-width: 3px;
    border-left-color: transparent;
    border-radius: 0 3px 3px 0;
}
.text-clipped.classifier-label {
    height: auto;
    display: inline-block;
    width: auto;
    max-width: 100%;
    margin-right: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 13px;
    margin-top: -2px;
    margin-bottom: -6px;
}
:root .activity-todo-panel .x-grid-group-hd .x-grid-group-title:before {
    /* left icon height fix */
    top: 3px;
    line-height: 1;
}
.activity-todo-panel .todo-activity-cell .todo-activity-cell-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.activity-todo-panel .todo-activity-cell .todo-activity-cell-inner .activity-name {
    line-height: inherit;
    max-width: calc(100% - 6.25rem);
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 1rem;
}
.todo-activity-cell .todo-activity-cell-inner .activity-name:hover {
    opacity: 0.6;
}
.activity-todo-panel .todo-grouped-group-header {
    line-height: 21px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
}
.activity-todo-panel .todo-grouped-group-header .activity-name {
    text-overflow: ellipsis;
    max-width: 80%;
    overflow: hidden;
}
.activity-todo-panel .todo-grouped-group-header .base-color,
.activity-todo-panel .todo-grouped-group-header .font-weight-normal,
.activity-todo-panel .todo-grouped-group-header .classifier-label {
    flex-shrink: 0;
}
.activity-todo-panel .todo-grouped-group-header .classifier-label,
.activity-todo-panel .todo-activity-cell .todo-activity-cell-inner .classifier-label {
    height: auto;
    max-width: 6.25rem;
    margin: 0;
}
.tab-and-tool-top-bar.top-bar-scrolled .x-box-scroller {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 1;
    position: absolute;
    z-index: 999;
    background-color: var(--pp-toolbar-scrollers-bg-color);
    height: 28px;
    top: calc(50% - 14px);
    margin: 0 1px;
    opacity: 1;
    box-shadow: 0 0 0 1px var(--pp-toolbar-scrollers-border-color);
    transition: all 0.5s ease 0.5s;
    font-family: 'Phosphor-Bold';
}

.tab-and-tool-top-bar.top-bar-scrolled .x-box-scroller:before {
    display: block;
    line-height: 1;
    height: 1em;
    color: var(--pp-inactive-color);
    font-family: inherit;
}
.tab-and-tool-top-bar.top-bar-scrolled .x-box-scroller-left {
    border-radius: 0 3px 3px 0;
    left: -1px;
}
.tab-and-tool-top-bar.top-bar-scrolled .x-box-scroller-right {
    border-radius: 3px 0 0 3px;
    right: -1px;
}
.tab-and-tool-top-bar.top-bar-scrolled .x-box-scroller-left:before {
    /* caret-left */
    content: "\E138";
}
.tab-and-tool-top-bar.top-bar-scrolled .x-box-scroller-right:before {
    /* ph ph-caret-right */
    content: "\E13A";
}

/*.tab-and-tool-top-bar.top-bar-scrolled {*/
/*    padding: 6px 17px;*/
/*}*/

.pp-modal-window .modal-form-tabs .tab-and-tool-top-bar,
.pp-modal-window .kpi-references-tab .tab-and-tool-top-bar,
.activity-right-panel-toolbar.tab-and-tool-top-bar,
.activity-right-panel .activity-form-tabs .tab-and-tool-top-bar
/*,*/
    /* central panel not scrolled */
/*.main-activity-list-toolbar.tab-and-tool-top-bar */
{
    padding: 6px 8px;
}

.activities-main-view-panel .activities-main-view-panel-body .main-activity-list-toolbar.tab-and-tool-top-bar.top-bar-scrolled {
    /* toolbar: not scroller */
    /* 12px: for prevent last button right position: 8px */
    padding: 6px 12px 6px 12px;
}
.activities-main-view-panel .activities-main-view-panel-body .main-activity-list-toolbar.tab-and-tool-top-bar.top-bar-scrolled.x-scroller  {
    /* toolbar: has scroller */
    padding-right: 20px;
}
.activities-chart-toolbar.tab-and-tool-top-bar.top-bar-scrolled {
    padding: 6px 10px;
}
.activities-chart-toolbar .activities-chart-toolbar-segmented {
    padding: 5px 0;
}
.tab-and-tool-top-bar.top-bar-scrolled .x-box-scroller-body-horizontal {
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
}

.tab-and-tool-top-bar.top-bar-scrolled .x-box-scroller.x-box-scroller-disabled {
    opacity: 0;
    z-index: -1;
}

.activities-main-view-panel-body {
    background-color: var(--pp-body-color);
}

.no-focus-item {
}

/* TABBAR */
.tab-and-tool-top-bar .tabbar-trigger-wrap {
    border-color: transparent;
}

/* btnInnerEl */
/*#main-header .x-btn-inner[data-ref="btnInnerEl"],*/
:root .displayed-page-login .x-btn-inner[data-ref="btnInnerEl"],
.displayed-page-activities .conversation-form .x-btn-inner[data-ref="btnInnerEl"],
.displayed-page-conversations .conversation-form .x-btn-inner[data-ref="btnInnerEl"],
.displayed-page-conversations .list-toolbar .x-btn-inner[data-ref="btnInnerEl"],
.displayed-page-conversations .reports-toolbar .x-btn-inner[data-ref="btnInnerEl"],
.displayed-page-conversations .conversation-left-panel .x-btn-inner[data-ref="btnInnerEl"],
:root .reports-left-panel .x-btn-inner[data-ref="btnInnerEl"],
.pp-modal-window .x-btn-inner[data-ref="btnInnerEl"],
:root .reports-toolbar .x-btn-inner[data-ref="btnInnerEl"],
:root .list-toolbar .toolbar-html-component,
:root .list-toolbar .x-btn-inner[data-ref="btnInnerEl"],
:root .activities-chart-toolbar .x-btn-inner[data-ref="btnInnerEl"],
:root .list-toolbar .x-form-cb-label[data-ref="boxLabelEl"],
:root .main-activity-list-toolbar .x-btn-inner[data-ref="btnInnerEl"],
:root .displayed-page-activities .conversation-form .x-tab-inner[data-ref="btnInnerEl"],
:root .displayed-page-report_activities .conversation-form .x-tab-inner[data-ref="btnInnerEl"],
:root .main-activity-list-toolbar .x-form-field[data-ref="inputEl"],
:root .main-activity-list-toolbar .x-form-cb-label[data-ref="boxLabelEl"],
:root .activities-chart-toolbar .x-form-cb-label[data-ref="boxLabelEl"],
:root .main-activity-list-toolbar .toolbar-button-box-label[data-ref="boxLabelEl"],
:root .activity-view-save-button .field-item-inner-el,
:root .tab-and-tool-top-bar .toolbar-field [data-ref="inputEl"],
:root .tab-and-tool-top-bar .field-item-inner-el,
/*:root .tab-and-tool-top-bar .pp-simple-button [data-ref="btnInnerEl"],*/
:root .executions-search-filters-toolbar .x-btn-inner[data-ref="btnInnerEl"],
:root .executions-search-filters-toolbar .x-form-field[data-ref="inputEl"],
:root .executions-search-filters-toolbar .x-form-cb-label[data-ref="boxLabelEl"],
:root .executions-search-filters-toolbar .toolbar-button-box-label[data-ref="boxLabelEl"],
:root .interimtasks-activity-toolbar .x-btn-inner[data-ref="btnInnerEl"],
:root .interimtasks-activity-toolbar .x-form-field[data-ref="inputEl"],
:root .interimtasks-activity-toolbar .x-form-cb-label[data-ref="boxLabelEl"],
:root .interimtasks-activity-toolbar .toolbar-button-box-label[data-ref="boxLabelEl"],
:root .settings-conversation-preview-window-body .conversation-form .x-tab-inner[data-ref="btnInnerEl"] {
    letter-spacing: -.25px;
    font-weight: 500;
    color: var(--pp-primary-names-color);
}

/* evaluation form content visibility based on lang */
html[lang="et-ee"] .en-gb---evaluation-form-block,
html[lang="et-ee"] .lt-lt---evaluation-form-block,
html[lang="et-ee"] .lv-lv---evaluation-form-block,
html[lang="et-ee"] .ru-ru---evaluation-form-block,

html[lang="en-gb"] .et-ee---evaluation-form-block,
html[lang="en-gb"] .lt-lt---evaluation-form-block,
html[lang="en-gb"] .lv-lv---evaluation-form-block,
html[lang="en-gb"] .ru-ru---evaluation-form-block,

html[lang="ru-ru"] .et-ee---evaluation-form-block,
html[lang="ru-ru"] .en-gb---evaluation-form-block,
html[lang="ru-ru"] .lt-lt---evaluation-form-block,
html[lang="ru-ru"] .lv-lv---evaluation-form-block,

html[lang="lt-lt"] .et-ee---evaluation-form-block,
html[lang="lt-lt"] .en-gb---evaluation-form-block,
html[lang="lt-lt"] .lv-lv---evaluation-form-block,
html[lang="lt-lt"] .ru-ru---evaluation-form-block,

html[lang="lv-lv"] .et-ee---evaluation-form-block,
html[lang="lv-lv"] .en-gb---evaluation-form-block,
html[lang="lv-lv"] .lt-lt---evaluation-form-block,
html[lang="lv-lv"] .ru-ru---evaluation-form-block 
{
    display: none;
}

/*
:root .displayed-page-activities .x-btn-inner[data-ref="btnInnerEl"],
:root .displayed-page-activities .x-form-cb-label[data-ref="boxLabelEl"],
:root .displayed-page-activities .x-form-field[data-ref="inputEl"],
:root .displayed-page-report_activities .x-btn-inner[data-ref="btnInnerEl"],
:root .displayed-page-report_activities .x-form-cb-label[data-ref="boxLabelEl"],
:root .displayed-page-report_activities .x-form-field[data-ref="inputEl"],
:root .displayed-page-conversations .x-btn-inner[data-ref="btnInnerEl"],
:root .displayed-page-conversations .x-form-cb-label[data-ref="boxLabelEl"],
:root .displayed-page-conversations .x-form-field[data-ref="inputEl"],
:root .displayed-page-settings .x-btn-inner[data-ref="btnInnerEl"],
:root .displayed-page-settings .x-form-cb-label[data-ref="boxLabelEl"],
:root .displayed-page-settings .x-form-field[data-ref="inputEl"],
:root .displayed-page-login .x-btn-inner[data-ref="btnInnerEl"],
:root .displayed-page-login .x-form-cb-label[data-ref="boxLabelEl"],
:root .displayed-page-login .x-form-field[data-ref="inputEl"] {
    letter-spacing: -.25px;
    font-weight: 500;
    color: #3f4045;
}

:root .tab-and-tool-top-bar .x-form-cb-label[data-ref="boxLabelEl"],
:root .tab-and-tool-top-bar .x-form-field[data-ref="inputEl"] {
    font-size: 13.5px;
}
*/


.toolbar-button:not(.primary-button):not(.primary-button-background):focus .x-btn-inner[data-ref="btnInnerEl"],
.toolbar-button:not(.primary-button):not(.primary-button-background):active .x-btn-inner[data-ref="btnInnerEl"],
.toolbar-button:not(.primary-button):not(.primary-button-background):hover .x-btn-inner[data-ref="btnInnerEl"],
.toolbar-button:not(.primary-button):not(.primary-button-background).x-btn-menu-active .x-btn-inner[data-ref="btnInnerEl"],
.toolbar-button:not(.primary-button):not(.primary-button-background).x-btn-over .x-btn-inner[data-ref="btnInnerEl"],
.toolbar-button:not(.primary-button):not(.primary-button-background).x-btn-pressed .x-btn-inner[data-ref="btnInnerEl"] {
    color: var(--pp-primary-names-color) !important;
}

.reports-toolbar .x-form-cb-label[data-ref="boxLabelEl"],
.main-activity-list-toolbar .x-form-cb-label[data-ref="boxLabelEl"],
.activities-chart-toolbar .x-form-cb-label[data-ref="boxLabelEl"],
.main-activity-list-toolbar .x-form-field[data-ref="inputEl"],
.tab-and-tool-top-bar .toolbar-field .field-item-inner-el {
    font-size: 13.5px;
}
.tab-and-tool-top-bar .toolbar-field.combo-iconified {
    background-color: var(--pp-secondary-focused-color);
}
/*
:root .combo-iconified-input-wrapper-inner-pr .combo-iconified-input {
    padding-right: 0;
}
*/
:root .combo-iconified-boundlist {
    width: auto;
}
:root .combo-iconified-boundlist .iconified-boundlist-listitem-wrapper.x-boundlist-item {
    line-height: 1;
    /* 16-inner height + 2 *8px padding + 2 *1px border */
    min-height: 34px;
}
.combo-iconified-boundlist .x-boundlist-selected:not(.x-boundlist-item-over) .iconified-boundlist-listitem-icon {
    color: var(--pp-body-color);
}
.combo-iconified-boundlist .iconified-boundlist-listitem-wrapper .iconified-boundlist-listitem-icon-wrapper,
.combo-iconified-boundlist .iconified-boundlist-listitem-wrapper .iconified-boundlist-listitem-text {
    display: inline-flex;
    align-self: center;
}
.combo-iconified-boundlist .iconified-boundlist-listitem-wrapper .iconified-boundlist-listitem-icon-wrapper {
    width: 20px;
    font-size: 13px;
    line-height: 1;
}
.combo-iconified-boundlist .iconified-boundlist-listitem-wrapper .iconified-boundlist-listitem-text {
}
.combo-iconified-boundlist .x-boundlist-item-over .iconified-boundlist-listitem-icon,
.combo-iconified-boundlist .x-boundlist-item-over .iconified-boundlist-listitem-text {
    /* this resets color to original value */
}
.combo-colored-boundlist .x-boundlist-selected:not(.x-boundlist-item-over) .iconified-boundlist-listitem-icon,
.combo-colored-boundlist .x-boundlist-selected:not(.x-boundlist-item-over) .iconified-boundlist-listitem-text,
.combo-colored-boundlist .x-boundlist-selected:not(.x-boundlist-item-over) .colored-boundlist-listitem-text {
    color: var(--pp-body-color) !important;
}
.combo-iconified-boundlist .iconified-boundlist-listitem-text {
    font-size: 13px;
    min-width: 4em;
    justify-content: flex-start;
    padding-left: .5em;
    word-wrap: anywhere;
}
.combo-iconified-boundlist .iconified-boundlist-listitem-text:only-child {
    padding-left: 0;
}
.combo-iconified-boundlist .iconified-boundlist-listitem-wrapper .iconified-boundlist-listitem-icon-wrapper .iconified-boundlist-listitem-icon {
    font-size: 13px;
    line-height: 1;
    align-items: center;
}

.multi-fields-cell .transformed-icon,
.iconified-field-cell .transformed-icon,
.multi-fields-boundlist .transformed-icon {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    height: 1em;
}
:root .tab-and-tool-top-bar .toolbar-field.combo-iconified .pp-form-triggers-wrap {
    background-color: var(--pp-secondary-focused-color);
}
:root .tab-and-tool-top-bar .toolbar-field.combo-iconified ::-webkit-input-placeholder {
    color: inherit;
    background-color: inherit;
    font: inherit;
}
:root .tab-and-tool-top-bar .toolbar-field.combo-iconified ::-ms-input-placeholder {
    color: inherit;
    background-color: inherit;
    font: inherit;
}
:root .tab-and-tool-top-bar .toolbar-field.combo-iconified ::-moz-placeholder {
    color: inherit;
    background-color: inherit;
    font: inherit;
    opacity: inherit;
}
:root .tab-and-tool-top-bar .toolbar-field.combo-iconified :-moz-placeholder {
    color: inherit;
    background-color: inherit;
    font: inherit;
    opacity: inherit;
}
:root .tab-and-tool-top-bar .toolbar-field.combo-iconified ::placeholder {
    color: inherit;
    background-color: inherit;
    font: inherit;
}

/* activities list & other module toolbar' grouping (filtering) menu */
.filter-filtering-menu .radio-group-full-width {
    /* table innerCt */
    width: 100%;
}
.filter-grouping-menu .filter-grouping-menu-item {
    width: 100%;
}
.filtering-menu-sub-menu.long-text-menu {
    max-width: 400px;
    width: 300px;
}
.filter-grouping-menu .filter-grouping-menu-item [data-ref=boxLabelEl] {
    display: flex;
    width: 100%;
    /* like radio */
    height: 18px;
    align-items: center;
}
.filter-grouping-menu .filter-grouping-menu-item [data-ref=innerWrapEl] {
    display: flex;
    width: 100%;
    align-items: center;
}
.filter-grouping-menu .filter-grouping-menu-item [data-ref=innerWrapEl] [data-ref=boxLabelEl] .dropdown-menu-item-icon,
.filter-grouping-menu .filter-grouping-menu-item [data-ref=innerWrapEl] [data-ref=boxLabelEl] .icon-medium {
    width: 2.25em;
    margin-left: .95em;
}
.filter-grouping-menu.dropdown-menu .filter-grouping-menu-item [data-ref=boxLabelEl] {
    /*because margin-top is 8px, but radio-icon has 7px and height is 18px */
    height: var(--mainLineHeight);
    align-items: center;
}
.filter-grouping-menu.dropdown-menu .filter-grouping-menu-item [data-ref=innerWrapEl] [data-ref=boxLabelEl] .dropdown-menu-item-icon {
    padding-right: 1em;
    display: flex;
    justify-content: center;
}
.filter-grouping-menu-item-wrap {
    height: 32px;
    min-width: 18px;
    display: block;
    margin: 0 10px 0 15px;
}
.filter-filtering-menu.filter-searching-categories-menu .filter-filtering-menu-item [data-ref="textEl"] .dropdown-menu-item-icon {
    width: 2.25em;
    margin-left: .2em;
}
.filter-filtering-menu.filter-searching-categories-menu .filter-filtering-menu-item [data-ref="textEl"] {
    display: flex;
    height: 31px;
    align-items: center;
    max-width: calc(100% - 48px);
    overflow: hidden;
    width: calc(100% - 48px - 16px);
    margin: 0 16px 0 48px;
}
.filter-filtering-menu-item .filter-filtering-menu-item-icon {
    vertical-align: middle;
    top: 0;
    line-height: 31px;
    padding-top: 1px;
    height: 32px;
}
.filter-filtering-menu-item .filter-filtering-menu-item-icon:before {
    height: inherit;
}
.filter-filtering-menu.filter-searching-categories-menu .filter-filtering-menu-item [data-ref="itemEl"] {
    max-width: 100%;
}
.filter-filtering-menu.filter-searching-categories-menu .filter-filtering-menu-item .standard-text.in-checkbox {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 2.25em - .2em);
    display: inline-block;
}
/*
// TODO: later ... need possibility for hover radio-row like in kpi filters radios ...
.filter-grouping-menu-field.x-form-checkboxgroup-body {
    padding: 0;
}

.filter-grouping-menu-field-extra-body .x-form-radio-default {
    margin-left: 15px;
}
*/

.cp-cr-menu-item,
.filter-filtering-menu .filter-filtering-menu-item {
    padding: 1px 0;
}
.filter-filtering-menu .filter-filtering-menu-item .selected-items-count {
    font-size: .9em;
    opacity: .7;
    padding-left: .25em;
}
.cp-cr-menu-item .x-menu-item-checkbox,
.filter-filtering-menu .filter-filtering-menu-item .x-menu-item-checkbox {
    line-height: 1;
    margin-top: 1px;
}
.filter-filtering-menu .filter-filtering-menu-item .check-item-icon {
    width: 1.75em;
    line-height: inherit;
    flex-shrink: 0;
}
.filter-filtering-menu .filter-filtering-menu-item .check-item-icon + .after-icon {
    vertical-align: top;
    display: inline-flex;
    align-self: center;
}
.filter-filtering-menu .filter-filtering-menu-item .check-item-icon.icon-medium {
    width: 2.25em;
}
.filter-filtering-menu .filter-filtering-menu-item.menu-radiobox-item,
.filter-filtering-menu .filter-filtering-menu-item.menu-item-radiogroup {
    display: block;
    margin: 0;
    /*margin: 0 16px 0 12px;*/
}
.filter-filtering-menu .filter-filtering-menu-item.radio-iconified-form-item.menu-radiobox-item {
    max-width: 100%;
    padding: 0 20px 0 16px;
}
.menu-radiobox-item.radio-iconified-item-separated,
.filter-filtering-menu-item.radio-iconified-item-separated {
    /* like separator */
    margin-bottom: 5px;
    position: relative;
}
.menu-radiobox-item.radio-iconified-item-separated:after,
.filter-filtering-menu-item.radio-iconified-item-separated:after {
    /* like separator */
    border-top: solid 1px var(--pp-secondary-gray-medium-color);
    margin-bottom: 2px;
    margin-top: 2px;
    height: 4px;
    display: block;
    content: '';
    width: 100%;
    top: 100%;
    left: 0;
    position: absolute;
}
/*.filter-filtering-menu-body,*/
.radio-iconified-form-item.menu-radiobox-item .menu-item-box-radio-body {
    display: block;
    padding: 1px 0;
}
.filter-filtering-menu .filter-filtering-menu-item.menu-item-radiogroup .x-form-checkboxgroup-body {
    padding: 0;
}
.menu-item-radiogroup.filter-filtering-menu-item .radio-iconified-form-item {
    width: 100%;
    padding: 0 28px 0 16px;
    display: block;
}
.filter-filtering-menu .filter-filtering-menu-item.radio-iconified-form-item.menu-radiobox-item:focus,
.filter-filtering-menu .filter-filtering-menu-item.radio-iconified-form-item.menu-radiobox-item:hover,
.menu-item-radiogroup.filter-filtering-menu-item .radio-iconified-form-item:focus,
.menu-item-radiogroup.filter-filtering-menu-item .radio-iconified-form-item:hover {
    background-color:  var(--pp-base-highlight-color);
}
.filter-filtering-menu .filter-filtering-menu-item.menu-radiobox-item .menu-item-box-radio-label,
.menu-item-radiogroup.filter-filtering-menu-item .radio-iconified-form-item .menu-item-box-radio-label {
    padding-left: 26px;
    height: 100%;
    line-height: 18px;
    margin-top: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    cursor: pointer;
    padding-top: 0;
}
.filter-filtering-menu-item .menu-item-box-radio-label .radio-iconified-icon.without-icon {
    width: .5em;
}
.filter-filtering-menu-item .menu-item-box-radio-label .radio-iconified-icon.has-icon {
    height: 18px;
    line-height: 18px;
    padding-right: .5em;
    width: 2.75em;
    text-align: center;
}
.filter-filtering-menu-item .menu-item-with-reset-link.has-icon .menu-item-with-reset-icon {
    width: 32px;
    height: 26px;
    left: 8px;
    top: 4px;
    padding: 6px 8px 6px 8px;
    text-align: center;
    line-height: 0;
}
.filter-filtering-menu-item .menu-item-with-reset-link.has-icon .menu-item-with-reset-icon:before {
    width: 16px;
    display: block;
    height: 1em;
    line-height: 1;
    transition: font .1s linear;
}
.filter-filtering-menu-item .menu-item-with-reset-link.has-icon .menu-item-with-reset-icon:hover:before,
.filter-filtering-menu-item .menu-item-with-reset-link.has-icon .menu-item-with-reset-icon:focus:before {
    font-family: Phosphor-Fill;
}
.filter-filtering-menu-item .menu-item-with-reset-link.has-icon .menu-item-with-reset-text {
    margin-left: 48px;
    margin-right: 0;
    height: 32px;
    width: calc(100% - 48px);
    display: inline-flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}
.filter-filtering-menu-item .menu-item-with-reset-link.has-icon .menu-item-with-reset-text .item-text-icon {
    width: 2em;
    text-align: left;
}
.filter-filtering-menu-item .menu-item-box-radio-label .radio-iconified-label-text {
    line-height: 1;
    height: 18px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
}
.menu-radiobox-item .radio-iconified-form-field {
    margin-top: 0;
    padding-top: 0;
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.menu-radiobox-item .radio-iconified-form-field:before {
    content: none;
}
.menu-radiobox-item .radio-iconified-form-field [data-ref="inputEl"] {
    position: relative;
    margin: 0;
    padding: 0;
    /* transform: translateY(7px); */
    display: block;
}
.radio-iconified-form-item.menu-radiobox-item .menu-item-box-radio-body [data-ref="innerWrapEl"] {
    height: 30px;
}

.dynamic-width-menu-body {
    padding: 4px 0 2px;
}
.dynamic-width-menu .filter-filtering-menu-item .menu-item-box-radio-label .radio-iconified-label-text {
    font-weight: 400;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 18px;
}
.filter-filtering-menu .menu-wrapper-item.menu-wrapper-item-selected:not(.x-menu-item-focus):not(.x-menu-item-active) .x-menu-item-link {
    background-color: var(--pp-body-color);
}
.filter-filtering-menu .filter-filtering-menu-item [data-ref="textEl"] .icon-medium {
    min-width: 1.75em;
}
.filter-filtering-menu .reset-icon:not(.menu-item-with-reset-icon).x-menu-item-icon {
    top: 50%;
    transform: translateY(-50%);
    height: 1em;
}

/* dynamic-width-menu depends on button */
.dynamic-width-menu .dynamic-width-menu-item [data-ref="itemEl"]{
    max-width: 100%;
    overflow-x: hidden;
    line-height: 1;
    text-overflow: ellipsis;
}
.dynamic-width-menu .dynamic-width-menu-item [data-ref="itemEl"][role="menuitemcheckbox"] [data-ref="textEl"] {
    font-weight: 400;
    font-size: 13px;
    margin-left: 48px;
    max-width: calc(100% - (48px + 16px));
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - (48px + 16px));
    display: block;
}

/* long-text (multiline) */
:root .long-text-menu [data-ref="innerCt"],
:root .long-text-menu [data-ref="innerCt"] > [data-ref="targetEl"] {
    max-width: 100%;
    min-width: 100%;
}
:root .long-text-menu .long-text-menu-item {
    max-width: 100%!important;
    overflow: hidden;
    padding: 1px 0;
}
:root .long-text-menu .long-text-menu-item [data-ref="itemEl"] {
    white-space: normal;
    max-width: 100%;
    overflow: hidden;
}
:root .long-text-menu .long-text-menu-item [data-ref="textEl"] {
    max-width: calc(100% - 48px);
    line-height: 16px;
    min-height: 32px;
    padding: 8px 0 7px;
    vertical-align: middle;
}
:root .long-text-menu .long-text-menu-item .x-menu-item-checkbox {
    margin-top: 1px;
}
/*
:root .long-text-menu .long-text-menu-item [data-ref="textEl"]:first-line,
:root .long-text-menu .long-text-menu-item [data-ref="textEl"]::first-line {
    line-height: 18px;
}
*/
/*#unitedMenuOfColumns*/
/*.tab-and-tool-top-bar .field-item-inner-el {*/
/*    letter-spacing: -.25px;*/
/*    font-weight: 500;*/
/*}*/
:root .tab-and-tool-top-bar .unitedmenu-toolbar-button {
    border-color: transparent;
    border-width: 0;
}
/* multi-fields-boundlist */
.multi-fields-boundlist .multi-fields-boundlist-listitem-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
}
.multi-fields-boundlist .multi-fields-boundlist-listitem-wrapper .multi-fields-listitem-text.listitem-icon {
    display: inline-flex;
    line-height: 1;
    align-items: baseline;
    /* for visual effect when 2 or more lines */
    padding-top: 1.25px;
}
.multi-fields-boundlist .multi-fields-boundlist-listitem-wrapper:not(.x-boundlist-selected) .multi-fields-listitem-text.listitem-icon {
    opacity: .4;
}
.multi-fields-boundlist .multi-fields-boundlist-listitem-wrapper.x-boundlist-selected.x-boundlist-item-over .multi-fields-listitem-text.listitem-icon {
    opacity: .35;
}
/* multi-fields-cell */
.multi-fields-cell {
    /* display: flex; */
}
.multi-fields-cell .multi-fields-cell-item-wrapper {
    display: flex;
    justify-content: space-between;
}
.multi-fields-cell .multi-fields-cell-item-wrapper.gapped {
    gap: 0 10px;
}
.multi-fields-cell-item-wrapper .multi-fields-item-text {
    overflow: hidden;
    text-overflow: ellipsis;
}
.iconified-field-cell .item-icon,
.multi-fields-cell .item-icon {
    opacity: .4;
    /*line-height: 1;*/
    /*vertical-align: middle;*/
}
.multi-fields-cell .multi-fields-cell-item-wrapper.centered {
    justify-content: center;
    width: 100%;
    flex-basis: 100%;
}
.multi-fields-cell .multi-fields-cell-item-wrapper.divided .multi-fields-cell-items-divider {
    width: 24px;
}
.multi-fields-cell .multi-fields-cell-item-wrapper.divided .multi-fields-item-text {
    width: calc(50% - 12px);
}
/* toolbar' s icons */
/* searching for activities */
.buttoned-searching-wrapper .buttoned-search-button {
    width: 24px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    border-radius: 2px 0 0 2px !important;
    position: absolute;
    z-index: 3;
    left: 1px;
    top: 1px;
    bottom: 2px;
    border-width: 0 1px 0 0 !important; /* override toolbar-button border */
    height: 24px !important;
}
.buttoned-searching-wrapper .buttoned-search-button.buttoned-search-over {
    background-color: var(--pp-base-highlight-color) !important;
}
.buttoned-searching-wrapper .buttoned-search-btn-wrap [data-ref="btnIconEl"] {
}
.buttoned-searching-wrapper .buttoned-search-arrow {
}
:root .toolbar-field .search-icon-bg {
    padding-left: 26px;
    background-image: url(/images/svg/search.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 4px center;
}
:root .buttoned-searching-wrapper .toolbar-field .search-icon-bg {
    padding-left: 60px;
    background-position: 32px center;
}
:root .toolbar-field .search-icon-bg:focus {
    /*padding-left: 8px;*/
    /*background-image: none;*/
}
:root .buttoned-searching-wrapper .toolbar-field .search-icon-bg:focus {
    background-image: none;
    padding-left: 32px;
}

/* html, text component in toolbar, like conversation name in summary of conversation */
.list-toolbar .toolbar-html-component {
    padding: 4px 8px;
}
/*BUTTONS*/
/*:root .toolbar-container,*/
:root .toolbar-button {
    background-color: var(--pp-toolbar-button-color);
    border: 1px solid var(--pp-toolbar-button-color);
    padding: 4px 8px;
    border-radius: var(--pp-button-border-radius);
    display: block;
    margin: 0 8px 0 0;
}

:root .activity-filters-wrapper .toolbar-button {
    padding: 2px 8px;
    margin-top: 2px !important;
}

:root .activity-filters-wrapper .x-btn-wrap-default-small.x-btn-split-right:after {
    padding-left: 6px;
}

:root .tab-and-tool-bar-item {
    border-radius: var(--pp-button-border-radius);
    display: block;
    margin: 0 8px 0 0;
}

/*:root .toolbar-button.hidden:nth-last-of-type(n+1),*/
/*:root .toolbar-container.hidden:nth-last-of-type(n+1) {*/
/*    padding-right: 0;*/
/*    width: 0;*/
/*    overflow: hidden;*/
/*}*/
:root .toolbar-button.toolbar-menu-button .x-btn-arrow-right[data-ref="btnWrap"]:after {
    margin-left: -8px;
    margin-right: -4px;
}
:root .displayed-page-activities .iconified-activity-form-button [data-ref="btnIconEl"] {
    width: auto;
}
:root .displayed-page-activities .activities-chart-toolbar-segmented .toolbar-button {
    border-radius: var(--pp-button-border-radius);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0;
    background-color: var(--pp-toolbar-button-color);
    border: 0; /* Avoid borders of different color which would cause diagonal bottom corner edges for pressed button */
}
:root .displayed-page-activities .activities-chart-toolbar-segmented .toolbar-button:nth-of-type(n+2) {
    margin-left: 2px;
}
:root .displayed-page-activities .activities-chart-toolbar-segmented .toolbar-button:not(.x-btn-pressed) {
    border-color: var(--pp-toolbar-button-color);
    background-color: var(--pp-toolbar-button-color);
}
:root .displayed-page-activities .activities-chart-toolbar-segmented .x-btn-pressed.toolbar-button {
    border-bottom: 2px solid var(--pp-primary-color) !important;
    border-radius: var(--pp-button-border-radius) var(--pp-button-border-radius) 0 0;
    background-color: var(--pp-base-highlight-color) !important;
}
.list-toolbar .toolbar-html-component,
.toolbar-button .x-btn-inner {
    text-transform: none;
    font-size: 13px;
    color: var(--pp-more-dark-grey-color);
}

.united-menu-toolbar-button {
    pointer-events: none;
    opacity: .5;
}
.united-menu-toolbar-button.united-menu-ready {
    pointer-events: all;
    opacity: 1;
}
.toolbar-button.united-menu-toolbar-button.is-hidden {
    display: none;
}

.toolbar-button .toolbar-button-field {
    margin: 0;
}

.toolbar-button .toolbar-button-field-body {
    min-height: auto;
    /* chrckbox for */
    margin-left: -2px;
}

.toolbar-button .toolbar-button-box-label {
    color: var(--pp-more-dark-grey-color);
    font-size: 14px;
    font-weight: 600;
    padding-left: 22px;
}

.toolbar-button .toolbar-button-field-body .toolbar-button-field-body-inner-wrap {
    display: flex;
    align-items: center;
    line-height: 16px;
}

/* set toolbar's elements visibility */
#mainCentralPanelId.activities-main-tree #mainZoomOutId,
#mainCentralPanelId.activities-main-tree #mainZoomInId,
#mainCentralPanelId.activities-main-tree #activityCalendarShowActivitiesId {
    display: none;
}

/* toolbar Overflowed */
/*#mainActivityListToolbar-menu-trigger {*/
/*    display: none;*/
/*}*/
#tableListTopToolbar .is-hidden {
    display: none;
}

:root .x-split-button.x-btn-menu-active .x-btn-wrap-default-small.x-btn-split:after,
:root .x-split-button.x-arrow-pressed .x-btn-wrap-default-small.x-btn-split:after {
    color: var(--pp-base-color);
}
.tab-and-tool-top-bar .x-split-button.x-btn-default-toolbar-small .x-btn-wrap-default-toolbar-small.x-btn-split-right + .x-btn-arrow-el {
    right: 0;
}

.tab-and-tool-top-bar .x-split-button.x-btn-default-toolbar-small .x-btn-wrap-default-toolbar-small.x-btn-split-right + .x-btn-arrow-el:before {
    right: 0;
    width: 26px;
}
/*
:root .tab-and-tool-top-bar .toolbar-split-button.x-btn-over.x-arrow-over .x-btn-arrow-el:before {
    background-color: transparent !important;
}
:root .tab-and-tool-top-bar .toolbar-split-button .x-btn-arrow-el:before {
    background-color: transparent !important;
}
:root .tab-and-tool-top-bar .toolbar-split-button.iconified-activity-form-button .activity-button-arrow-el {
    background-color: transparent !important;
}
:root .tab-and-tool-top-bar .toolbar-split-button.iconified-activity-form-button .activity-button-arrow-el.activity-button-arrow-el-button-over:before {
    width: 40px;
}
*/

.tab-and-tool-top-bar .x-btn-wrap-default-toolbar-small.x-btn-split-right:after {
    width: 10px;
    padding: 0;
}

/*.x-menu-item.toolbar-button.united-menu-toolbar-button:not(#unitedMenuOfColumnsButton){*/
/*    display: none;*/
/*}*/
/*.x-split-button.x-btn-default-toolbar-small .x-btn-wrap-default-toolbar-small.x-btn-split-right + .x-btn-arrow-el:before,*/
.x-btn-over.toolbar-split-button {
    border: 1px solid var(--pp-base-highlight-color) !important;
    background-color: var(--pp-base-highlight-color) !important;
}

.x-btn-over.x-btn-default-toolbar-small {
    border-color: var(--pp-base-highlight-color) !important;
    background-color: var(--pp-base-highlight-color) !important;
}

/*.x-btn-over.x-btn-default-toolbar-small.x-btn-focus,
.x-btn-over.x-btn-default-small.x-btn-focus {
    border-color: var(--pp-primary-focused-color) !important;
    background-color: var(--pp-primary-focused-color) !important;
}*/

.x-btn-focus.toolbar-button {
    background-color: var(--pp-base-highlight-color) !important;
    border-color: var(--pp-base-highlight-color) !important;
}

.x-btn-pressed.toolbar-button {
    background-color: var(--pp-base-highlight-color) !important;
    border-color: var(--pp-base-highlight-color) !important;
}

.x-btn-focus.toolbar-button .x-btn-icon-el,
.x-btn-pressed.toolbar-button .x-btn-icon-el {
    color: var(--pp-base-color) !important;
}

.toolbar-split-button {
    background-color: var(--pp-toolbar-button-color) !important;
    border: 1px solid var(--pp-toolbar-button-color) !important;
    padding: 4px 8px;
    border-radius: var(--pp-button-border-radius);
}

/* .action-buttons: left widget column buttons */
:root .action-buttons-cell .action-buttons-cell-inner {
    padding: 6px 4px;
}
:root .action-buttons {
    padding: 4px 6px;
    border: none;
    background-color: transparent;
    width: 100%;
    max-width: 100%;
    border: 0;
}
.action-buttons .x-btn-split-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-small {
    /*padding-right: 3px;*/
}
.action-buttons .x-btn-wrap-default-small.x-btn-split-right > .x-btn-button:after {
    border-right: 1px solid var(--pp-secondary-gray-medium-color);
}
.activity-filters-wrapper .x-btn-wrap-default-small.x-btn-split-right > .x-btn-button:after {
    border-right: 1px solid var(--pp-secondary-pressed-color);
}
.action-buttons .x-btn-wrap-default-small.x-btn-split-right:after {
    padding-left: 3px;
}
/* .action-buttons: left widget column buttons */
.action-buttons .x-btn-wrap,
.action-buttons .x-btn-wrap:before,
.action-buttons .x-btn-arrow-el,
.action-buttons .x-btn-wrap *,
.action-buttons .x-btn-wrap *:before,
.action-buttons .x-btn-arrow-el * {
    border: none;
    background-color: transparent !important;
    font-size: var(--iconSize);
}
:root .action-buttons .action-buttons-widget-icon,
.action-buttons .x-btn-wrap .pp-action-icon-el {
    height: var(--iconSize);
}
.action-buttons.x-btn-pressed.x-split-button,
.action-buttons.x-btn-focus.x-split-button,
.action-buttons.x-btn-over.x-split-button {
    border: none;
    background-color: transparent !important;
}
.action-buttons:hover,
.action-buttons:focus,
.action-buttons.x-btn-over.x-split-button {
    /*overflow: visible;*/
}
.action-buttons:hover:after,
.action-buttons.x-btn-over.x-split-button:after {
    display: block;
    content: '';
    z-index: -1;
    position: absolute;
    height: auto;
    width: auto;
    border: 1px solid var(--pp-base-highlight-color);
    background-color: var(--pp-base-highlight-color) !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--pp-button-border-radius);
    opacity: .5;
}
.x-grid-item-selected .action-buttons:hover:after,
.x-grid-item-selected .action-buttons.x-btn-over.x-split-button:after {
    opacity: .5;
}
/*  */
.action-buttons {
    --baseFontSize: 14px;
    --iconSize: 18px;
}
.action-buttons-menu {
    --iconWidth: 48px;
    --lineHeight: 31px;
    --baseFontSize: 14px;
    --iconSize: 18px;
}
:root .action-buttons .action-buttons-widget-icon {
    font-size: var(--baseFontSize);
    line-height: 1;
}
.action-buttons .action-buttons-widget-icon:before,
.action-buttons .action-buttons-widget-icon.ph-duotone:after {
    font-size: var(--iconSize);
}
:root .action-buttons-cell .action-buttons-cell-inner .action-buttons .pp-button-wrap:after {
    font-family: 'Phosphor-Bold';
    content: '\E208';
    font-size: var(--iconSize);
    line-height: 1;
}
:root .action-buttons .pp-button-wrap.x-btn-split-right .pp-button-el {
    padding-right: 8px;
}
:root .action-buttons .pp-button-wrap.x-btn-split-right .pp-button-el:after {
    border-right: 1px solid var(--pp-secondary-gray-medium-color);
}
:root .action-buttons.x-btn-over .pp-button-wrap:before {
    background-color: transparent!important;
}
.action-buttons-menu .action-buttons-menu-item,
.action-buttons-menu .action-buttons-menu-item .action-buttons-menu-item-link {
    line-height: 1;
}
.action-buttons-menu .action-buttons-menu-item .action-buttons-menu-item-text {
    line-height: var(--lineHeight);
    padding: 0 var(--iconSize) 0 0;
    font-size: var(--baseFontSize);
    font-weight: 400;
    margin: 0 0 0 var(--iconWidth);
    width: calc(100% - var(--iconWidth));
    vertical-align: middle;
}
.action-buttons-menu .action-buttons-menu-item .action-buttons-menu-item-icon {
    line-height: var(--lineHeight);
    padding: 0;
    font-size: var(--baseFontSize);
    width: var(--iconWidth);
    top: 0;
    left: 0;
    color: inherit;
    height: var(--lineHeight);
    text-align: center;
    vertical-align: middle;
}
.action-buttons-menu .action-buttons-menu-item .action-buttons-menu-item-icon:before,
.action-buttons-menu .action-buttons-menu-item .action-buttons-menu-item-icon.ph-duotone:after {
    font-size: var(--iconSize);
    height: var(--lineHeight);
}

.x-btn-pressed.x-split-button:not(.action-buttons):not(.toolbar-addnew-splitbutton),
.x-btn-focus.x-split-button:not(.action-buttons):not(.toolbar-addnew-splitbutton),
.x-btn-over.x-split-button:not(.action-buttons):not(.toolbar-addnew-splitbutton) {
    border: 1px solid var(--pp-base-highlight-color);
    background-color: var(--pp-base-highlight-color) !important;
}

.x-btn-focus.x-split-button:not(.action-buttons):not(.toolbar-addnew-splitbutton) .x-btn-split-right:before {
    background-color: var(--pp-base-highlight-color) !important;
}
.x-split-button.x-btn-default-small.x-btn-menu-active .x-btn-wrap-default-small.x-btn-split-right + .x-btn-arrow-el:before,
.x-split-button.x-btn-default-small.x-arrow-pressed .x-btn-wrap-default-small.x-btn-split-right + .x-btn-arrow-el:before {
    background-color: transparent !important;
}
.toolbar-button .x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after,
.toolbar-split-button .x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after {
    color: var(--pp-more-dark-grey-color) !important;
}

.x-split-button.x-arrow-focus.x-btn-menu-active .x-btn-split:after,
.x-split-button.x-btn-menu-active.x-btn-over.x-arrow-over .x-btn-split:after,
.x-split-button.x-btn-default-toolbar-small.x-btn-menu-active .x-btn-wrap-default-toolbar-small.x-btn-split:after,
.x-split-button.x-arrow-pressed.x-arrow-focus .x-btn-split:after,
.x-split-button.x-arrow-focus .x-btn-split:after {
    color: var(--pp-base-color) !important;
}
.x-split-button.x-btn-over:not(.x-arrow-over) .x-btn-split-right:before {
    background-color: var(--pp-base-highlight-color) !important;
}
.x-split-button.x-btn-over.x-arrow-over .x-btn-split-right + .x-btn-arrow-el:before,
.x-split-button.x-arrow-focus .x-btn-split-right + .x-btn-arrow-el:before,
.x-split-button.x-btn-menu-active .x-btn-split-right + .x-btn-arrow-el:before {
    background-color: transparent !important;
}
.x-split-button.x-btn-over.x-arrow-over .x-btn-split-right + .x-btn-arrow-el:after,
.x-split-button.x-arrow-focus .x-btn-split-right + .x-btn-arrow-el:after,
.x-split-button.x-btn-menu-active .x-btn-split-right + .x-btn-arrow-el:after {
    background-color: transparent !important;
}
.toolbar-split-button .x-btn-split-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-small {
    padding-right: 3px;
}
.toolbar-split-button .x-btn-split-right > .x-btn-button:after {
    border-right: 1px solid var(--pp-secondary-gray-medium-color);
}
.toolbar-split-button .x-btn-split-right:after {
    padding-left: 5px;
}

.pp-inline-button.pp-simple-button {
    /* like editor-button in KPI destination doc block */
    border: 1px solid transparent;
    border-radius: var(--pp-button-border-radius);
}
.toolbar-split-button .without-label,
.toolbar-button .without-label,
.toolbar-button.pp-split-button .with-label
{
    margin-right: 5px;
}
.pp-split-button .pp-button-wrap:before {
    width: 33px;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    background-color: transparent !important;
}
.pp-split-button .x-btn-split-right:after {
    width: 10px;
    padding: 0;
}
.pp-split-button .x-btn-split-right + .pp-button-arrow-el {
    right: 0;
}
.pp-split-button .x-btn-split-right + .pp-button-arrow-el:before {
    right: 0;
    width: 26px;
}
.pp-split-button.pp-button-menu-active .x-btn-split:after,
.pp-split-button.pp-button-arrow-over .x-btn-split:after,
.pp-split-button.pp-button-arrow-pressed .x-btn-split:after,
.pp-split-button.pp-button-arrow-focus .x-btn-split:after {
    color: var(--pp-base-color) !important;
}
.pp-split-button .pp-button-arrow-el * {
    background-color: transparent !important;
}
.pp-split-button .pp-button-wrap {
    background-color: transparent !important;
}
:root .pp-buttoned-checkbox.pp-button-focus,
:root .pp-simple-button.pp-button-focus,
:root .pp-split-button.pp-button-focus {
    border-color: var(--pp-base-highlight-color) !important;
    background-color: var(--pp-base-highlight-color) !important;
}
/*
.x-split-button.pp-button-arrow-over:not(.pp-button-arrow-over) .x-btn-split:before {
    background-color: var(--pp-secondary-gray-medium-color) !important;
}
.x-split-button.pp-button-arrow-over.pp-button-arrow-over .x-btn-split-right + .pp-button-arrow-el:before,
.x-split-button.pp-button-arrow-focus .x-btn-split-right + .pp-button-arrow-el:before,
.x-split-button.pp-button-menu-active .x-btn-split-right + .pp-button-arrow-el:before {
    background-color: var(--pp-secondary-gray-medium-color) !important;
}

.x-split-button.pp-button-arrow-over .x-btn-split-right + .pp-button-arrow-el:after,
.x-split-button.pp-button-arrow-focus .x-btn-split-right + .pp-button-arrow-el:after,
.x-split-button.pp-button-menu-active .x-btn-split-right + .pp-button-arrow-el:after {
    background-color: var(--pp-secondary-gray-medium-color) !important;
}
*/

/* pp  checkbox with icon and boxLabel */
:root .pp-form-cb-wrap-inner {
    display: flex;
    align-items: center;
    gap: 0 12px;
    /* for the visual effect of height like otger buttons  */
    line-height: 18.1px;
}
:root .pp-form-cb {
    height: inherit;
    line-height: inherit;
}
:root .pp-form-cb-label {
    line-height: 1;
    display: flex;
    gap: 0 10px;
    align-items: center;
}
:root .pp-buttoned-cb-text {
    white-space: nowrap;
    color: var(--pp-base-color);
}

.toolbar-addnew-button {
    background: var(--pp-primary-focused-color)
    /*var(--pp-base-gradient)*/
    ;
    border: 1px solid var(--pp-primary-focused-color) !important;
    padding: 4px 8px;
    border-radius: var(--pp-button-border-radius);
}

.toolbar-addnew-button .x-btn-inner {
    color: var(--pp-body-color) !important;
    text-transform: none;
    font-size: 14px;
    line-height: 16px;
}
.x-btn-pressed.toolbar-addnew-button {
    border-color: var(--pp-primary-focused-color) !important;
    background-color: var(--pp-primary-focused-color) !important;
}

.x-btn-focus.toolbar-addnew-button {
    background-color: var(--pp-primary-focused-color) !important;
    border-color: var(--pp-primary-focused-color) !important;
}
.x-btn-over.toolbar-addnew-button {
    background-color: var(--pp-primary-color) !important;
    border: 1px solid var(--pp-primary-color) !important;
}

/* icon-button like buttons in HTML-editor */
.like-editor-toolbar-button {
    color: var(--pp-inactive-color);
    font-size: small;
    padding: 6px;
    border: 0 solid transparent;
    border-radius: 2px;
    background-color: transparent;
}
.like-editor-toolbar-button .like-editor-toolbar-button-icon {
    color: inherit;
    align-content: center;
}
.like-editor-toolbar-button.button-over {
    /* really is without borders */
    border-color: var(--pp-base-dark-gray-color);
    background-color: rgba(var(--pp-color-rgb-code), 0.075);
}
.like-editor-toolbar-button.button-pressed {
    background-color: var(--pp-secondary-pressed-color);
    border-color: var(--pp-base-highlight-color);
    color: var(--pp-body-color);
}
/* icon-button like buttons in HTML-editor END */

.primary-color {
    color: var(--pp-base-color);
}
.secondary-color {
    color: var(--pp-secondary-color);
}
.secondary-button {
    border-radius: var(--pp-button-border-radius);
    padding: 6px 8px;
    background-color: var(--pp-secondary-focused-color) !important;
}

.secondary-button .x-btn-inner {
    text-transform: uppercase;
    color: var(--pp-base-color) !important;
}

.alert-outline-button {
    border-radius: var(--pp-button-border-radius);
    padding: 8px;
}

.alert-transparent-button,
.alert-transparent-button .x-btn-inner[data-ref="btnInnerEl"],
.x-btn-focus.alert-transparent-button.x-btn-default-small .x-btn-inner
{
    color: var(--pp-alert-color);
}

/*.tab-and-tool-top-bar .secondary-button {*/
/*    background-color: #e9e9e9 !important;*/
/*}*/
.x-btn-over.secondary-button {
    border-color: var(--pp-base-highlight-color);
    background-color: var(--pp-base-highlight-color) !important;
}

.x-btn-pressed.secondary-button {
    border-color: var(--pp-base-color);
    background-color: var(--pp-base-highlight-color) !important;
}

.x-btn-focus.secondary-button .x-btn-icon-el {
    color: var(--pp-base-color) !important;
}
.x-btn-pressed.alert-transparent-button {
    border-color: var(--pp-alert-color);
    background-color: var(--pp-pressed-alert-color) !important;
}

.x-btn-pressed.alert-transparent-button,
.x-btn-pressed.alert-transparent-button.x-btn-default-small .x-btn-inner {
    color: var(--pp-body-color);
}

.btn-alias-combo .btn-alias-combo-wrap-container {
    /*
    must be defined in config:
        textAlign: 'left',
        arrowAlign: 'right',
    */
    --baseHeight: 29px;
    --baseWidth: 32px;
    --baseFontSize: 19px;
    border: 1px solid var(--pp-input-border-color);
    border-radius: var(--pp-button-border-radius);
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 32px;
    text-align: left;
    position: relative;
    /*color: #111;*/
    display: flex;
}
.placeholder-alias {
    color: var(--pp-placeholder-color);
}
.btn-alias-combo.btn-alias-combo-focus .btn-alias-combo-wrap-container,
.btn-alias-combo.btn-menu-active .btn-alias-combo-wrap-container {
    border-color: var(--pp-primary-focused-color);
}
.btn-alias-combo [data-ref="btnWrap"] {
    padding: 0 5px;
    overflow: hidden;
    max-width: 100%;
}
.btn-alias-combo .btn-alias-combo-inner-text {
    line-height: 1;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
}
.btn-alias-combo .pp-form-clear {
    vertical-align: middle;
    z-index: 9;
    position: relative;

    width: 32px;
    font: 16px / 1 'Phosphor-Bold';
    background: transparent;
    color: var(--pp-inactive-color);
    cursor: pointer!important;
    height: 100%;
    display: block;
}
.btn-alias-combo .pp-form-clear.clear-hidden {
    display: none;
}
.btn-alias-combo .pp-form-clear:before {
    display: flex;
    content: '\E4F6';

    height: 100%;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.btn-alias-combo .btn-alias-combo-arrow-right {
    width: 32px;
    vertical-align: middle;
    font: 13px / 1 'Phosphor-Fill';
    background: transparent;
    color: var(--pp-inactive-color);
    cursor: pointer!important;
    height: 100%;
}
.btn-alias-combo .btn-alias-combo-arrow-right:before {
    content: '\e136';
    align-items: center;
    vertical-align: middle;
    display: flex;
    height: inherit;
    position: relative;
    background-color: transparent;
    justify-content: center;
    line-height: var(--baseHeight);
    font-size: inherit;
}
.btn-alias-combo .x-arrow-focus.btn-alias-combo-arrow-right {
    border: 0 solid transparent;
}
.white-button-background {
    background-color: var(--pp-body-color);
}
.x-btn {
    border-radius: var(--pp-button-border-radius);
}
.transparent-button-background,
.transparent-button-background .x-btn .x-btn-default-small .x-unselectable {
    border-radius: var(--pp-button-border-radius);
    padding: 8px;
    background-color: transparent!important;
}
.transparent-button-background.single-icon {
    padding: 8px 6px;
}

.transparent-button-background .x-btn-inner-default-small {
    color: var(--pp-base-color) !important;
}
.transparent-button-background.x-btn.x-btn-over,
.transparent-button-background.x-btn.x-btn-focus,
.transparent-button-background.x-btn.x-btn-pressed
{
    background-color: var(--pp-secondary-gray-color-light) !important;
}
.secondary-button-background,
.secondary-button-background .x-btn .x-btn-default-small .x-unselectable {
    border-radius: var(--pp-button-border-radius);
    padding: 6px 8px;
    background-color: var(--pp-secondary-focused-color) !important;
}
.secondary-button-background.x-btn.x-btn-default-small.x-btn-over {
    background-color: var(--pp-base-highlight-color) !important;
}
.secondary-button-background .x-btn-inner-default-small {
    color: var(--pp-base-color) !important;
}
.secondary-button-background-bordered,
.secondary-button-background-bordered .x-btn .x-btn-default-small .x-unselectable {
    border-radius: var(--pp-button-border-radius);
    padding: 7px;
    background-color: var(--pp-secondary-gray-color-light) !important;
    border: 1px solid rgba(63, 93, 137, 0.6) !important;
}
.secondary-button-background-bordered .x-btn-inner-default-small {
    color: var(--pp-base-color) !important;
}
.x-btn-over.secondary-button-background-bordered {
    background-color: var(--pp-secondary-gray-medium-color) !important;
}
.x-btn-pressed.secondary-button-background-bordered {
    background-color: var(--pp-secondary-gray-medium-color) !important;
}
.x-btn-focus.secondary-button-background-bordered {
    background-color: var(--pp-secondary-gray-medium-color) !important;
}

.disabled-docked-button {
    opacity: 0.5 !important;
    pointer-events: none;
    cursor: auto;
}

:root .pp-msg-window .pp-msg-footer .pp-msg-footer-item {
    background-color: var(--pp-toolbar-button-color);
    padding: 6px 16px;
    margin: 0;
}
.pp-msg-window.pp-mb-window .x-btn-focus,
:root .pp-msg-window .pp-msg-footer .primary-button-background,
:root .primary-button-background,
:root .primary-button-background .x-btn .x-btn-default-small .x-unselectable {
    border-radius: var(--pp-button-border-radius);
    /*background: var(--pp-primary-color)
    var(--pp-base-gradient)
    ;*/
    background-color: var(--pp-primary-focused-color);
    border-color: var(--pp-primary-focused-color) !important;
}
:root .primary-button-background.x-btn.pp-button-focus {
    background-color: var(--pp-primary-color) !important;
    border-color: var(--pp-primary-color) !important;
}

.pp-msg-window.pp-mb-window .x-btn-focus .x-btn-inner[data-ref="btnInnerEl"],
:root .primary-button-background .x-btn-inner[data-ref="btnInnerEl"] {
    text-transform: uppercase;
    color: var(--pp-body-color) !important;
}
/* only icon on right_of_textfield */
.textfield-icon-centered {
    border-radius: var(--pp-button-border-radius);
    padding: 0;
    border: 1px solid var(--pp-input-border-color);
    width: 40px;
    height: 32px;
    justify-content: center;
    align-items: center;
    display: flex;
}
/* only icon on right_of_textfield END */
/* icon_button_right_of_textfield */
.icon-button-centered {
    border-radius: var(--pp-button-border-radius);
    padding: 0;
    background-color: var(--pp-toolbar-button-color);
    /*border: 1px solid var(--pp-secondary-gray-medium-color);*/
    border: 1px solid var(--pp-toolbar-button-color);
    width: 40px;
    height: 32px;
    /*justify-content: center;*/
    /*align-items: center;*/
    /*display: flex;*/
}
.pp-flex-layout-wrapper .pp-flex-layout-inner .flex-layout-inner-item.icon-button-centered,
.pp-flex-layout-wrapper .pp-flex-layout-inner .flex-layout-inner-item.textfield-icon-centered {
    margin-right: 5px;
    padding: 0;
}
.icon-button-centered.icon-button-centered-on-over {
    background-color: var(--pp-base-highlight-color);
    border: 1px solid var(--pp-base-highlight-color);
}
.icon-button-centered .icon-button-centered-is-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-button-centered .icon-button-centered-is-icon-el {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* icon_button_right_of_textfield END */


:root .primary-button[role="button"],
:root .primary-button {
    background: var(--pp-primary-focused-color)
    /*var(--pp-base-gradient)*/
    ;
    padding: 6px 8px;
}
.primary-button {
    border-radius: var(--pp-button-border-radius);
}

.primary-button .x-btn-inner {
    text-transform: uppercase;
    color: var(--pp-body-color) !important;
}

.x-btn-pressed.primary-button {
    border-color: var(--pp-primary-focused-color);
    background-color: var(--pp-primary-focused-color) !important;
}

.x-btn-focus.primary-button {
    background-color: var(--pp-primary-focused-color) !important;
}

.x-btn-over.primary-button {
    background-color: var(--pp-primary-color) !important;
}

:root .disabled-activity-form-button,
:root .disabled-activity-form-primary-button,
:root .disabled-activity-form-button *,
:root .disabled-activity-form-primary-button * {
    pointer-events: none;
    cursor: default;
    transition-property: none;
}
:root .disabled-activity-form-button {
    opacity: 0.6 !important;
}
:root .x-btn.x-btn-disabled.disabled-activity-form-primary-button,
:root .disabled-activity-form-primary-button {
    background: var(--pp-primary-color)
    /*var(--pp-base-gradient)*/
    ;
    opacity: 0.3 !important;
}
:root .toolbar-button.disabled-activity-form-button {
    background-color: var(--pp-secondary-focused-color);
}

.glyph-button-empty, .glyph-button-empty:hover, .glyph-button-empty .x-btn-inner-default-small {
    color: var(--pp-base-color);
    border-radius: var(--pp-button-border-radius);
    padding: 4px 8px;
    text-transform: none;
}

.x-btn-over.glyph-button-empty {
    background-color: var(--pp-secondary-gray-medium-color) !important;
}

.x-btn-pressed.glyph-button-empty {
    background-color: var(--pp-secondary-gray-medium-color) !important;
}

.x-btn-focus.glyph-button-empty {
    background-color: transparent !important;
}
:root .tab-and-tool-top-bar .pp-split-button .pp-button-wrap .pp-button-el:after,
.tab-and-tool-top-bar .x-btn-wrap-default-toolbar-small.x-btn-split-right > .x-btn-button:after,
.list-toolbar .x-btn-wrap-default-toolbar-small.x-btn-split-right > .x-btn-button:after {
    border-right: none;
}

.tab-and-tool-top-bar .x-btn-wrap-default-toolbar-small.x-btn-split-right > .x-btn-button,
.list-toolbar .x-btn-wrap-default-toolbar-small.x-btn-split-right > .x-btn-button {
    padding-right: 5px;
}

/* united-columns-menu's triggerEl hide fallback*/
.united-columns-menu-header .x-column-header-trigger {
    display: none;
}

.buttoned-checkbox .x-form-cb-default,
.buttoned-checkbox .x-form-cb-label-default {
    margin-top: 0;
}
.buttoned-checkbox .x-form-cb-wrap-default {
    min-height: auto;
    height: auto;
}
.buttoned-checkbox .x-form-cb-label {
    /*margin-left: 8px;*/
    display: block;
    line-height: 1;
    padding-left: 0 !important;
    margin-left: 0;
}
.buttoned-checkbox .buttoned-checkbox-inner-wrapper * {
}
.buttoned-checkbox .buttoned-checkbox-inner-wrapper:hover .buttoned-checkbox-input,
.buttoned-checkbox .buttoned-checkbox-inner-wrapper:focus .buttoned-checkbox-input {
    color: var(--pp-base-color);
}
.buttoned-checkbox .with-label,
.toolbar-button.buttoned-checkbox .without-label {
    display: block;
    line-height: 1;
    margin-right: 0;
    position: relative;
}
.buttoned-checkbox .with-label {
    padding-left: 28px;
    white-space: nowrap;
}
.toolbar-button.buttoned-checkbox .without-label {
    padding-left: 32px;
    height: 16px;
}
.buttoned-checkbox .buttoned-checkbox-with-text {
    display: flex;
    align-items: center;
    flex-wrap:nowrap;
    white-space: nowrap;
}
.buttoned-checkbox .buttoned-checkbox-with-text .buttoned-checkbox-text {
    letter-spacing: -.25px;
    font-weight: 500;
    color: var(--pp-primary-names-color);
    overflow: hidden;
    text-overflow: ellipsis;
}
.buttoned-checkbox .with-label.label-content-wrapper .buttoned-checkbox-with-text {
    line-height: 16px;
    /* visual effect for  */
    padding-right: 1px;
    height: 16px;
    gap: 0 8px;
}
/*.list-toolbar .x-btn-wrap-default-toolbar-small.x-btn-split-right:after {
    content: 'expand_more';
    padding-left: 0;
    color: #595959 !important;
}*/

/* in conversations and settings */
.list-toolbar .x-split-button .x-btn-default-toolbar-small .x-btn-wrap-default-toolbar-small .x-btn-split-right .x-btn-arrow-el:before {
    right: -10px !important;
    width: 10px !important;
}

/* Msg */
:root .pp-msg-window {
    padding: 0 0;
}
:root .pp-mb-window .x-window-header-top,
:root .pp-msg-window .pp-msg-header {
    box-shadow: none;
    background-color: transparent;
    padding: 30px 30px 0;
    height: auto;
    /*margin-bottom: 15px;*/

    --titleFontSize: 18px;
    --titleLineHeight: 18px;
}
:root .pp-mb-window .x-window-header-top,
:root .pp-modal-window.pp-msg-window .pp-msg-header {
    border-bottom: 0!important;
}
:root .pp-mb-window .x-window-header-top .x-window-header-title [data-ref="textEl"],
:root .pp-msg-window .pp-msg-header .pp-msg-header-title [data-ref="textEl"] {
    font-size: var(--titleFontSize);
    line-height: var(--titleLineHeight);
}
:root .pp-msg-window .pp-msg-header .pp-msg-header-title [data-ref="textEl"] .pp-msg-header-title-main-text {
    display: inline-flex;
    align-items: center;
    line-height: var(--titleLineHeight);
    vertical-align: middle;
}
:root .pp-msg-window .pp-msg-header .pp-msg-header-title [data-ref="textEl"] .pp-msg-header-title-sub-text {
    font-size: .84em;
    font-weight: 500;
    /*display: inline-flex;*/
    display: inline;
    align-items: center;
    line-height: var(--titleLineHeight);
    vertical-align: middle;
}
:root .pp-mb-window .x-window-header-top .x-tool-tool-el,
:root .pp-msg-window .pp-msg-header .x-tool-tool-el {
    color: currentColor;
    opacity: .8;
    height: inherit;
    line-height: var(--titleLineHeight);
}
:root .pp-mb-window .x-window-header-top .x-tool-tool-el:before,
:root .pp-msg-window .pp-msg-header .x-tool-tool-el:before {
    background-color: transparent;
    color: currentColor;
}
:root .pp-msg-window [data-ref="bodyWrap"] {
    height: 100%;
}
:root .pp-mb-window .pp-mb-window-body,
:root .pp-msg-window .pp-msg-body {
    --mainSize: 44px;
    --iconSize: 52px;
    box-shadow: none;
    background-color: transparent;
    padding: 15px 30px 15px;
}
:root .pp-msg-window .pp-msg-body .pp-msg-item  {
}
:root .pp-mb-window .pp-msg-icon,
:root .pp-msg-window .pp-msg-body .pp-msg-item .pp-msg-icon {
    font-size: var(--mainSize);
    height: var(--iconSize);
    min-width: var(--iconSize);
}
:root .pp-mb-window .pp-msg-icon:before,
:root .pp-msg-window .pp-msg-body .pp-msg-item .icon-msg:before {
    font-size: var(--iconSize);
    line-height: var(--mainSize);
}
:root .pp-mb-window .pp-msg-icon + .x-box-item,
:root .pp-msg-window .pp-msg-body .pp-msg-item .pp-msg-icon + .x-box-item {
    display: flex;
    align-items: center;
    padding-left: 10px;
}
:root .pp-mb-window .pp-msg-icon.pp-mb-message-box-icon.pp-mb-has_icon + .x-box-item,
:root .pp-msg-window .pp-msg-body .pp-msg-item .pp-msg-icon + .x-box-item {
    min-height: var(--mainSize);
}
:root .pp-mb-window .pp-msg-icon.pp-mb-message-box-icon.pp-mb-has_icon + .x-box-item [data-ref="innerCt"],
:root .pp-msg-window .pp-msg-body .pp-msg-item .pp-msg-icon + .x-box-item [data-ref="innerCt"] {
    min-height: var(--mainSize);
}
:root .pp-mb-window .pp-mb-window-body .x-window-text,
:root .pp-msg-window .pp-msg-body .x-window-text {
    max-height: 300px;
    overflow: hidden auto;
    padding-right: 1em;
    align-content: center;
}
:root .pp-mb-window .pp-mb-window-body .pp-msg-icon.pp-mb-message-box-icon.pp-mb-has_icon + .x-box-item .x-window-text,
:root .pp-msg-window .pp-msg-body .x-window-text {
    min-height: var(--mainSize);
}
:root .pp-msg-window .pp-msg-body .x-window-text ol,
:root .pp-msg-window .pp-msg-body .x-window-text ul {
    max-width: 800px;
}
:root .pp-mb-window.x-window-maximized .pp-mb-window-body .x-window-text ol,
:root .pp-msg-window.x-window-maximized .pp-msg-body .x-window-text ol,
:root .pp-mb-window.x-window-maximized .pp-mb-window-body .x-window-text ul,
:root .pp-msg-window.x-window-maximized .pp-msg-body .x-window-text ul {
    max-width: 100%;
}
:root .pp-mb-window.x-window-maximized .pp-mb-window-body .x-window-text,
:root .pp-msg-window.x-window-maximized .pp-msg-body .x-window-text {
    max-height: none;
}
:root .pp-msg-window .pp-msg-footer {
    background-color: transparent;
    border: 0;
    padding: 15px 20px;
}
:root .pp-msg-window .pp-msg-footer .pp-msg-footer-wrapper {
    display: block;
    width: 100%;
}
:root .pp-msg-window .pp-msg-footer .pp-msg-footer-inner {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    row-gap: 5px;
    column-gap: 8px;
}
:root .pp-msg-window.mobile-horizontal:not(.pp-msg-footer-not-wrapped) .pp-msg-footer .pp-msg-footer-inner {
    flex-wrap: wrap;
}
.pp-msg-window.pp-mb-window .x-btn:not(.x-btn-focus):not(.x-btn-over),
:root .pp-msg-window .pp-msg-footer .pp-msg-footer-item.secondary-button-background {
    background-color: var(--pp-toolbar-button-color)!important;
}
:root .pp-msg-window .pp-msg-footer .pp-msg-footer-item.pp-msg-footer-item-hidden {
    max-width: 0;
    max-height: 0;
    min-width: 0;
    font-size: 0;
    line-height: 0;
    padding: 0;
    overflow: hidden;
}
:root .pp-msg-window.mobile-horizontal .pp-msg-footer .pp-msg-footer-inner .pp-msg-footer-item:nth-of-type(n+2) {
}
:root .pp-msg-window .pp-msg-footer .pp-msg-footer-item.x-btn-focus {
    background-color: var(--pp-primary-focused-color);
}
:root .pp-msg-window .pp-msg-footer .pp-msg-footer-item.x-btn-focus.x-btn-over {
    background-color: var(--pp-primary-color);
}
:root .pp-msg-window .pp-msg-footer .pp-msg-footer-item.x-btn-over {
    background-color: var(--pp-base-highlight-color);
}
.pp-msg-window.pp-mb-window .x-btn.x-btn-over:not(.x-btn-focus),
:root .pp-msg-window .pp-msg-footer .pp-msg-footer-item.secondary-button-background.x-btn-over,
/*:root .pp-msg-window .pp-msg-footer .pp-msg-footer-item.secondary-button-background.x-btn-focus,*/
:root .pp-msg-window .pp-msg-footer .pp-msg-footer-item.secondary-button-background.x-btn-pressed {
    background-color: var(--pp-secondary-gray-medium-color) !important;
}
.pp-msg-window.pp-mb-window .x-btn.x-btn-over:not(.x-btn-focus),
.pp-msg-window.pp-mb-window .x-btn:not(.x-btn-focus):hover .x-btn-inner {
    color: inherit;
}
.pp-msg-window.pp-mb-window .x-btn.x-btn-focus.x-btn-over,
:root .pp-msg-window .pp-msg-footer .pp-msg-footer-item.primary-button-background.x-btn-over,
/*:root .pp-msg-window .pp-msg-footer .pp-msg-footer-item.primary-button-background.x-btn-focus,*/
:root .pp-msg-window .pp-msg-footer .pp-msg-footer-item.primary-button-background.x-btn-pressed {
    background-color: var(--pp-primary-color)
    /*var(--pp-base-gradient)*/
    ;
}
:root .pp-msg-window .pp-msg-footer .pp-msg-footer-item.x-btn-focus .x-btn-inner[data-ref="btnInnerEl"] {
    color: var(--pp-body-color);
}
/* msg-references Msg */
:root .pp-msg-window.msg-references-list-window .pp-msg-header.msg-references-list-header {
    padding: 30px 20px 0 30px;
}
:root .pp-msg-window.msg-references-list-window .pp-msg-body {
    padding: 5px 10px 15px;
}
:root .pp-msg-window .msg-references-list-header .pp-msg-header-title {
    padding-right: 2em;
}
:root .pp-msg-window .pp-msg-header .pp-msg-header-title .msg-references-header-title {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: middle;
}
:root .pp-msg-window .pp-msg-header .pp-msg-header-title .msg-references-header-sub-title {
    font-size: 14px;
    margin-top: 1em;
    font-weight:400;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 2;
}
:root .pp-msg-window .pp-msg-header .pp-msg-header-title .msg-references-header-sub-title .msg-references-sub-title-icon {
    padding-right: 15px;
    display: flex;
    align-self: center;
    align-items: center;
}
:root .pp-msg-window .pp-msg-header .pp-msg-header-title .msg-references-header-sub-title .msg-references-sub-title-icon:before {
    display: block;
}
:root .pp-msg-window .pp-msg-header .pp-msg-header-title .msg-references-header-sub-title .msg-references-sub-title-text {
    font-weight: 400;
    color: var(--pp-color);
    display: flex;
    align-items: center;
    align-self: center;
    padding-top: 0.5px;
}
:root .pp-msg-window .pp-msg-body .msg-references-sub-title {
    padding-bottom: 2em;
}
:root .pp-msg-window .pp-msg-body .msg-references-list {
    max-width: 100%;

    counter-reset: wbs;
}
:root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;

    cursor: pointer;
    background-color: var(--pp-body-color);
    border-bottom: 1px solid var(--pp-divider-color);
}
:root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-row:hover,
:root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-row:focus {
    background-color: var(--pp-secondary-focused-color);
    border-bottom-color: var(--pp-divider-color);
}
:root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-row[data-disabled="disabled"] {
    pointer-events: none;
    opacity: .75;
}
:root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-row:before {
    counter-increment: wbs;
    content: counter(wbs) ".";
    display: flex;
    padding: 0 10px 0 10px;
    /* let's accept the statement: "min-width: 46px" as true */
    box-sizing: border-box;
}
:root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-cell-icon {
    display: flex;
    width: 32px;
    min-width: 32px;
    justify-content: center;
}
:root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-cell-name {
    display: flex;
    width: auto;
    flex-basis: 100%;
    flex-grow: 1;
}
:root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-cell-name .msg-references-list-cell-name-text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}
:root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-cell-name .msg-references-list-cell-name-id {
    display: inline-flex;
    white-space: nowrap;
    flex-grow: 1;
    padding-right: 1em;
}
:root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-cell-attr {
    display: flex;
    max-width: 150px;
}
:root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-cell-attr .msg-references-list-attr-text {
    max-width: 100%;
}
:root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-cell-attr .msg-references-list-attr-text:empty {
    line-height: 21px;
    height: 41px;
}
@media screen and (max-width: 575px) {
    :root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-row {
        flex-wrap: wrap;
        justify-content: stretch;
    }
    :root .pp-msg-window .pp-msg-body .msg-references-list  .msg-references-list-cell-name {
        order: 4;
        width: 100%;
    }
    :root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-cell-attr {
        order: 3;
        justify-content: flex-end;
        /* 32px -it is icon-cell, if exists */
        /*
            max-width: calc(100% - (46px + 32px));
            width: calc(100% - (46px + 32px));
        */
        max-width: calc(100% - (46px));
        width: calc(100% - (46px));
        justify-items: flex-end;
    }
}
@media screen and (max-width: 699.98px) {
    :root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-cell-name .msg-references-list-cell-name-text {
        white-space: normal;
    }
    :root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-cell-attr {
        flex-basis: auto;
        flex-shrink: 2;
    }
}
@media screen and (min-width: 575.01px) and (max-width: 699.98px) {
    :root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-cell-attr {
        max-width: 100px;
    }
}
@media screen and (min-width: 700px) {
    :root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-cell-name {
        /* 32px -it is icon-cell, if exists */
        /*max-width: calc(100% - (46px + 32px + 150px));*/
        max-width: calc(100% - (46px + 150px));
        min-width: 240px;
    }
    :root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-cell-name .msg-references-list-cell-name-text {
        white-space: nowrap;
    }
    :root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-cell-attr {
        flex-basis: 100%;
        flex-grow: 1;
    }
}
/* msg-references Msg END */
:root .pp-wait-msg .x-window-header {
    display: none;
}
:root .pp-wait-msg [data-ref="body"] {
    margin-left: 0!important;
}
/* various messages */
.activities-changes-window .changes-log-header {
    font-weight: 600;
    max-width: 100%;
    white-space: normal;
    padding-bottom: 6px;
    word-break: break-word;
    hyphens: auto;
    hyphenate-character: auto;
    letter-spacing: -.25px;
}
.activities-changes-window .changes-log-content {
    white-space: normal;
    word-break: break-word;
    hyphens: auto;
    hyphenate-character: auto;
}
.activities-changes-window .changes-log-grid-item-container-wrapper .changes-log-grid-item-table {
    border-style: solid;
    border-width: 1px 0 0;
    border-color: var(--pp-divider-color);
    border-collapse: collapse;
    border-spacing: 0;
}
.activities-changes-window .changes-log-grid-item-container-wrapper .changes-log-grid-item-table:nth-last-child(1) {
    border-bottom-width: 1px;
}
.activities-changes-window .changes-log-grid-item-container-wrapper .changes-log-grid-item-table .changes-log-grid-row .row-number .row-number-inner {
    padding-left: 0;
    padding-right: 0;
}

/* cell with iconified button */
.count-iconified-cell .count-iconified-inner {
    padding: 7px 6px;
}
.count-iconified-cell .count-iconified-inner .count-iconified-button {
    padding: 5px 6px;
    /*background-color: rgba(17, 17, 17, 0.075);*/
    /*box-shadow: 0 0 0 1px rgba(17, 17, 17, 0.075);*/
    border-radius: var(--pp-button-border-radius);
    display: block;
    opacity: .84;

    line-height: 1;
    font-size: 14px;
}
/* only for link */
.count-iconified-cell .count-iconified-inner a.count-iconified-button:hover {
    /*background-color: rgba(17, 17, 17, 0.1);*/
    background-color: rgba(var(--pp-color-rgb-code), 0.05);
}
.count-iconified-cell .count-iconified-inner .count-iconified-button {
    display: flex;
    align-items: center;
}
.count-iconified-cell .count-iconified-inner a.count-iconified-button {
    justify-content: flex-start;
}
.count-iconified-cell .count-iconified-inner span.count-iconified-button {
    justify-content: center;
}
.count-iconified-cell .count-iconified-inner .count-iconified-button .count-iconified-icon,
.count-iconified-cell .count-iconified-inner .count-iconified-button .count-iconified-text {
    font-size: inherit;
    line-height: 1;
}
.count-iconified-cell .count-iconified-inner a.count-iconified-button .count-iconified-icon + .count-iconified-text {
    /* 1 common SPACE width: .25em */
    padding-left: .75em;
}
.count-iconified-cell .count-iconified-inner span.count-iconified-button .count-iconified-icon + .count-iconified-text {
    /* 1 common SPACE width: .25em */
    padding-left: .5em;
    font-size: 13.4px;
}

/* HEADER NOTIFICATION */
.header-notification {
    display: flex;
    gap: 0 1em;
    justify-content: space-between;
    align-items: center;
    padding: 6px 8px;
    border-left: 6px solid var(--pp-alert-color);
    /*background-color: #fef8e7;*/
    /*color: #111;*/
    background-color: rgba(233, 233, 233, 0.39);
    color: var(--pp-body-color);
}
.header-notification-close {
    display: flex;
    height: 20px;
    width: 20px;
    line-height: 20px;
    margin-top: -4px;
    margin-bottom: -6px;
    position: relative;
    text-align: center;
    /* background-color: var(--pp-secondary-gray-medium-color); */
    border-radius: var(--pp-button-border-radius);
    font-size: 0;
    border: 0;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}
.header-notification-close .header-notification-close-icon {
    font-size: 18px;
    line-height: inherit;
    display: block;
    font-weight: 600;
}
.header-notification .header-notification-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* MAIN HEADER */
.main-header,
.main-header .main-header-body,
.main-header .x-panel-body {
    background: var(--pp-base-color) var(--pp-base-gradient);
    color: var(--pp-body-color) !important;
}
.main-header .main-header-elements .main-header-elements-target {
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
}
.main-header-logo, .main-header-logo:active, .main-header-logo:hover, .main-header-logo:visited {
    color: var(--pp-body-color);
    font-size: 18px;
    font-family: DreamOrphans;
    font-weight: normal;
    padding-right: 10px;
    text-decoration: none;
}

.main-header-element {
    /* now is logo only */
    padding-left: 16px;
    margin-top: 18px;
    color: var(--pp-body-color);
}

.main-header-button .x-btn-inner-default-small,
.main-header-button .x-btn-inner-default-small:hover {
    color: var(--pp-body-color) !important;
    font-weight: 300;
    font-size: 10px;
    overflow: visible;
    text-transform: none;
}

.main-header-user .x-btn-inner-default-small,
.main-header-user .x-btn-inner-default-small:hover,
.main-header-user .x-title-item,
.split-button-header,
.split-button-header .x-btn-inner-default-small,
.split-button-header .x-btn-inner-default-small:hover,
.split-button-header .x-btn-wrap-default-small:after {
    color: var(--pp-body-color) !important;
    font-weight: 300;
    font-size: 14px;
    text-transform: none;
}

.main-header .split-button-header {
    padding: 4px 6px 3px;
}
.main-header .main-header-project-name,
.main-header .main-header-locale,
.main-header .main-header-button,
.main-header .main-header-user {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    box-sizing: border-box;
    height: 50px;
    bottom: auto;
}
.main-header .main-header-project-name.main-header-project-inactive {
    /*border-color: var(--alert-color);*/
    /*background-color: transparent !important;*/
}
.main-header-button.x-btn-pressed,
.main-header-button.x-btn-focus,
.main-header-user.x-btn-pressed,
.main-header-user.x-btn-focus,
.split-button-header.x-btn-pressed,
.split-button-header.x-btn-focus,
.split-button-header.x-btn-menu-active {
    background-color: transparent !important;
    border-color: var(--pp-body-color) !important;
}

.x-btn-over.main-header-button,
.x-btn-over.main-header-user,
.x-btn-over.split-button-header {
    background-color: transparent !important;
}
.main-header-project-name .main-header-project-name-wrapper {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px 0;
    align-items: center;
    justify-content: center;
}
.main-header-project-name .main-header-project-name-wrapper .main-header-project-name-inactive-icon {
    font-size: 18px;
    line-height: 1;
    color: rgba(255, 255, 255, .8);
    height: 15px;
    width: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-header-project-name .main-header-project-name-wrapper .main-header-project-name-inactive-icon:before {
    display: block;
}
.main-header-project-name .main-header-project-name-wrapper .main-header-project-name-text {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    text-align: center;
    width: 100%;
    letter-spacing: -.12px;
}
.main-header-project-name .main-header-project-name-wrapper .main-header-project-name-inactive {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0 8px;
    font-size: 1px;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    width: 100%;
    justify-content: center;
}
.main-header-project-name .main-header-project-name-wrapper .main-header-project-name-inactive-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 15px;
    font-size: 12px;
    color: rgba(255, 255, 255, .72);
}

.main-header-menu .main-header-body,
.main-header-menu .main-header-menu-body {
    padding: 2px;
}
.main-header-menu .main-header-menu-item {
    padding: 0 10px;
    max-width: 100%;
}
.main-header-menu .main-header-menu-item .pp-menu-no-separator {
    margin: 0;
}
.main-header-projects.main-header-menu [data-ref="innerCt"],
.main-header-projects.main-header-menu [data-ref="innerCt"] > [data-ref="targetEl"] {
    max-width: 100%;
    min-width: 100%;
}
.main-header-projects.main-header-menu .main-header-menu {
    max-width: 100%!important;
    overflow: hidden;
}
.main-header-projects.main-header-menu .main-header-menu-item .main-header-menu-item-link {
    white-space: normal;
    max-width: 100%;
    overflow: hidden;
}
.main-header-projects.main-header-menu .main-header-menu-item .main-header-menu-item-text {
    width: calc(100% - 28px);
    line-height: 16px;
    min-height: 32px;
    padding: 8px 0 7px;
    vertical-align: top;

    font-weight: 400;
    font-size: 14px;

    display: inline-flex;
    justify-content: space-between;
    gap: 0 15px;
}
.main-header-projects.main-header-menu .main-header-menu-item .main-header-menu-item-icon {
    font-size: 18px;
    line-height: 1;
    left: auto;
    right: 7px;
    height: 1em;
    width: 1em;
    top: 7px;
    padding: 0;
    transition: transform .2s linear;
    overflow: hidden;
}
.main-header-projects.main-header-menu .main-header-menu-item .main-header-menu-item-icon:hover,
.main-header-projects.main-header-menu .main-header-menu-item .main-header-menu-item-icon:focus {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}
.main-header-menu .main-header-menu-item.main-header-menu-item-over {
    background-color: var(--pp-secondary-gray-medium-color);
}
.main-header-projects.main-header-menu .main-header-menu-item.main-header-menu-item-project-active:not(.main-header-menu-item-project-current) .main-header-menu-item-text {
    color: var(--pp-color-rgb);
}
.main-header-projects.main-header-menu .main-header-menu-item .main-header-menu-item-text .plan-name-text {
    letter-spacing: -.12px;
    /*
    text-align: justify;
    */
}
.main-header-menu-qtip .plan-is-shared,
.main-header-projects.main-header-menu .main-header-menu-item .main-header-menu-item-text .plan-is-shared {
    font-size: 13px;
    line-height: 16px;
}
.main-header-menu-qtip .plan-is-shared {
    color: var(--pp-highlight-color);
}
.main-header-projects.main-header-menu .main-header-menu-item.main-header-menu-item-project-inactive:not(.main-header-menu-item-project-current) .main-header-menu-item-text {
    color: var(--pp-text-gray-dark-color);
}
.main-header-projects.main-header-menu .main-header-menu-item.main-header-menu-item-project-active:not(.main-header-menu-item-project-current) .main-header-menu-item-text .plan-is-shared {
    /* is like .dark-grey-color  */
    color: var(--pp-highlight-color);
}
.main-header-projects.main-header-menu .main-header-menu-item.main-header-menu-item-project-inactive:not(.main-header-menu-item-project-current) .main-header-menu-item-text .plan-is-shared {
    /* is like .dark-grey-color  */
    color: var(--pp-highlight-color);
}
.main-header-projects.main-header-menu .main-header-menu-item.main-header-menu-item-project-active:not(.main-header-menu-item-project-current) .main-header-menu-item-icon {
    /* is like .dark-grey-color  */
    color: var(--pp-highlight-color);
}
.main-header-projects.main-header-menu .main-header-menu-item.main-header-menu-item-project-inactive:not(.main-header-menu-item-project-current) .main-header-menu-item-icon {
    /* is like .dark-grey-color  */
    color: var(--pp-highlight-color);
}
.main-header-projects.main-header-menu .main-header-menu-item.main-header-menu-item-over.main-header-menu-item-project-current .main-header-menu-item-icon,
.main-header-projects.main-header-menu .main-header-menu-item.main-header-menu-item-over.main-header-menu-item-project-current .main-header-menu-item-text .plan-is-shared {
    /* is like .dark-grey-color  */
    color: var(--pp-highlight-color);
}
.main-header-projects.main-header-menu .main-header-menu-item:not(.main-header-menu-item-over).main-header-menu-item-project-current {
    background: var(--pp-base-color) var(--pp-base-gradient);
}
.main-header-projects.main-header-menu .main-header-menu-item:not(.main-header-menu-item-over).main-header-menu-item-project-current .main-header-menu-item-text,
.main-header-projects.main-header-menu .main-header-menu-item:not(.main-header-menu-item-over).main-header-menu-item-project-current .main-header-menu-item-icon,
.main-header-projects.main-header-menu .main-header-menu-item:not(.main-header-menu-item-over).main-header-menu-item-project-current .main-header-menu-item-text .plan-is-shared {
    color: var(--pp-body-color);
}

.main-header-menu-item-with-icon .menu-item-icon {
    width: 1.75em;
    display: inline-block;
}
.main-header-menu .main-header-menu-item-with-icon .menu-item-icon {
    opacity: .5;
}
.main-header-timer-top .x-panel-body-default {
    font-size: 18px !important;
}

.main-header-timer-bottom  {
    font-size: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.4;
}

.main-header .main-header-user .pp-button-wrap .pp-button-el {
    display: flex;
    gap: 0 10px;
    align-items: center;
    padding: 0 4px;
}
.main-header .main-header-user .pp-button-wrap .pp-button-el .main-header-icon {
    /* user icon in main blue header */
    margin: 0;
    height: 22px;
    width: 22px;
}
.main-header .main-header-user .pp-button-wrap .pp-button-el .main-header-user-text {
    padding: 0;
}
.main-header-user-button-menu {
    --fontSize: 13px;
    --sideSize: 12px;
    --gapV: 5px;
    --gapH: 10px;
    --outerSize: 40px;
    --innerSize: 40px;
    --menuIconSize: 18px;
}
.main-header-user-button-menu .user-data.user-menu-item-cmp {
    padding: var(--gapH) var(--sideSize) var(--gapH);
    font-size: var(--fontSize);
    border-bottom: 1px solid var(--pp-base-highlight-color);
}
.main-header-user-button-menu .user-menu-item.user-menu-simple-item.user-menu-item-cmp {
    padding: var(--gapV) var(--sideSize);
    font-size: var(--fontSize);
}
.main-header-user-button-menu .user-data .user-main-data-inner {
    gap: 0 var(--gapH);
    margin: 0;
    width: 100%;
}
:root .main-header-user-button-menu .user-data .user-main-data-inner .user-avatar {
    padding: 0;
    width: var(--outerSize);
    height: var(--outerSize);
}
.main-header-user-button-menu .user-data .user-avatar .user-avatar-text {
    display: flex;
    width: var(--innerSize);
    height: var(--innerSize);
    line-height: var(--innerSize);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: calc(var(--fontSize) * 1.125) ;
    color: var(--pp-lighter-gray-color);
}
.main-header-user-button-menu .user-data .user-main-data-inner .user-info {
    width: calc(100% - var(--outerSize) - var(--gapH));
    color: var(--pp-base-color);
    padding-top: 0;
    padding-bottom: 0;
}
.main-header-user-button-menu .user-data .user-main-data-inner .user-info-inner {
    align-items: center;
    gap: 3px 0;
}
.main-header-user-button-menu .user-data .user-main-data-inner .user-info .user-name {
    width: 100%;
    color: var(--pp-base-color);
    font-size: 13px;
    font-weight: 600;
    hyphenate-character: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.main-header-user-button-menu .user-data .user-main-data-inner .user-info .user-email {
    width: 100%;
    font-size: .95em;
}
.main-header-user-button-menu .user-data .pp-flex-layout-inner {
    align-items: center;
    /*  prevent .pp-flex-layout-wrapper .pp-flex-layout-inner -5px */
    /*margin: 0;*/
    /*width: 100%;*/
}
.main-header-user-button-menu .user-data .pp-flex-layout-wrapper .pp-flex-layout-inner .flex-layout-inner-item.user-avatar {
    line-height: 0;
}

.main-header-user-button-menu .user-menu-item-cmp.user-menu-simple-item {
    line-height: 0;
    color: var(--pp-color);
}
.main-header-user-button-menu .user-menu-item-cmp.user-menu-simple-item.user-menu-focus {
    background-color: var(--pp-secondary-gray-medium-color);
}
.user-menu-simple-item .user-menu-item-link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: var(--gapV) var(--gapH);
    justify-content: stretch;
    line-height: calc(var(--menuIconSize) + 2px);
    justify-items: center;
    align-items: center;
    /*padding: var(--gapV) 0;*/
    padding: 0;
    color: inherit;
    width: 100%;
}

.main-header-user-button-menu .user-menu-item-cmp.user-menu-simple-item .user-menu-item-text {
    justify-self: flex-start;
    flex-shrink: 0;
    width: calc(100% - var(--outerSize) - var(--gapH));
    padding: 0 5px;
    order: 2;
}
.user-menu-item-text .lang-name-title {
    color: var(--pp-inactive-color);
    padding-right: var(--gapV);
}
.main-header-user-button-menu .user-menu-item-cmp.user-menu-simple-item .user-menu-item-icon {
    text-align: center;
    /*padding: 0 var(--gapH) 0 0;*/
    width: var(--outerSize);
    order: 1;
}
.main-header-user-button-menu .user-menu-item-cmp.user-menu-simple-item .user-menu-item-icon:before {
    font-size: var(--menuIconSize);
}
.main-header-user-button-menu .user-menu-item-cmp.user-menu-simple-item .user-menu-item-arrow {
    order: 3;
    position: absolute;
    top: 0;
    right: var(--gapH);
    width: 16px;
    color: var(--pp-inactive-color);
    height: 100%;
}
.main-header-user-button-menu .user-menu-item-cmp.user-menu-simple-item .user-menu-item-arrow:before {
    height: 100%;
}

/* user langs */
/*main-header-user-lang main-header-menu-item-lang-*/
.main-header-user-langs .main-header-user-langs-body {
    padding: 2px;
}
.main-header-user-langs .main-header-user-lang.main-header-menu-item-over {
    background-color: var(--pp-secondary-gray-medium-color);
}
.main-header-user-langs .main-header-user-lang.main-header-user-lang-active:not(.main-header-menu-item-over) {
    background: var(--pp-base-color) var(--pp-base-gradient);
}
.main-header-user-langs .main-header-user-lang .user-lang-name-icon,
.main-header-user-langs .main-header-user-lang .user-lang-name-text {
    color: var(--pp-color-rgb);
}
.main-header-user-langs .main-header-user-lang.main-header-user-lang-active:not(.main-header-menu-item-over) .user-lang-name-icon,
.main-header-user-langs .main-header-user-lang.main-header-user-lang-active:not(.main-header-menu-item-over) .user-lang-name-text {
    color: var(--pp-body-color);
}
.main-header-user-langs .main-header-menu-item .user-lang-name-text {
    letter-spacing: -.12px;
}
.main-header-menu-qtip,
.main-header-user-langs .main-header-menu-item .user-lang-name-text {
    font-size: 13px;
    line-height: 16px;
}
.main-header-menu-qtip {
    color: var(--pp-highlight-color);
}

/*PANEL HEADER */
/*.left-trees-panel .x-panel-header-default {
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08);
    height: 42px;
}*/
/* side panels */
#mainLeftTreesId_header.side-panel-header,
.right-panel .side-panel-header,
.right-panel .feed-panel-header {
    /*
    display: flex;
    !*height: 46px;*!
    height: 52px;
    !*padding: 17px 10px;*!
    padding: 17px 10px 10px;

    !*align-items: center;*!
    align-items: flex-end;
    */
}
.side-panel-header {
    z-index: 15;
}
.side-panel-header.full-trees-panel-header,
.side-panel-header.left-trees-panel-header,
.side-panel-header.activity-reports-panel-header,
.side-panel-header.feed-panel-header {
    display: flex;
    justify-content: stretch;
    align-items: center;
    box-shadow: inset 0 -1px 0 var(--pp-toolbar-divider-color);
}
.side-panel-header.full-trees-panel-header {
    padding: 11px 14px 7px;
}
.conversations-panel .side-panel-header.feed-panel-header {
    padding: 13px 10px 13px;
}
.side-panel-header.left-trees-panel-header,
.side-panel-header.activity-reports-panel-header,
.main-activities-panel .side-panel-header.feed-panel-header {
    padding: 11px 10px 7px;
}

.side-panel .full-trees-panel-title,
.side-panel .left-trees-panel-title,
.side-panel .activity-reports-panel-title,
.side-panel .feed-panel-title {
    display: flex;
    align-items: center;
    /* position: relative; */
    justify-content: flex-start;
    font-size: 15px;
    line-height: 18px;
}
.side-panel .side-panel-text {
    display: flex;
    font-size: inherit;
    line-height: inherit;
    overflow: visible;
    font-weight: 500;
    letter-spacing: -.25px;
}
.side-panel .side-panel-icon-wrapper {
    font-size: inherit;
}
.side-panel .collapsable-panel-text {
    font-size: 15px;
    line-height: inherit;
    font-weight: 500;
    display: inline-block;
}

.side-panel .side-panel-icon-wrapper .side-panel-icon-element {
    height: 1em;
    /*transform: translateX(-3px);*/
}

.side-panel .side-panel-icon-wrapper .side-panel-icon-element:before {
    height: 15px;
    line-height: 15px;
    font-size: 19px;
}
.side-panel.side-panel-collapsed .side-panel-icon-wrapper .side-panel-icon-element:before {
    transform: rotate(-90deg);
}
/*.side-panel .side-panel-icon-wrapper .side-panel-icon-element.mirror-x:before {*/
/*    transform: translateX(-3px) scale(-1, 1);*/
/*}*/
/*.side-panel .side-panel-icon-wrapper .side-panel-icon-element.mirror-y:before {*/
/*    transform: translateX(-3px) scale(1, -1);*/
/*}*/

.x-panel-header-default {
    background-color: var(--pp-lighter-gray-color);
    border-color: var(--pp-secondary-gray-color-light);
}
:root .x-panel-header-title.x-title-focus {
    outline-color: transparent !important;
}
.x-panel-header-title-default {
    color: var(--pp-base-color);
    /*color: var(--pp-hard-grey-color);*/
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
}
.x-panel-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default {
    color: var(--pp-base-color); /* override default #fff */
}

.x-panel-header-default-horizontal .x-header-noborder {
    padding: 16px;
}
.side-panel .side-panel-icon-wrapper {
    font-size: inherit;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.side-panel .side-panel-icon-wrapper {
    /*margin-left: 0;*/
    /*padding: 0 10px 0 0;*/
    padding-right: 10px;
}
.side-panel.side-panel-collapsed .side-panel-icon-wrapper {
    padding-left: 8px;
}
.right-panel.side-panel-expanded .side-panel-icon-wrapper:before {
    transform: scale(1.28);
    transform-origin: 0 0;
}
.right-panel.side-panel-collapsed .side-panel-icon-wrapper:before {
    transform: scale(1.28);
    transform-origin: center 50%;
    line-height: inherit;
}
.side-panel .side-panel-text {
}
.activity-and-feed-panel.side-panel-collapsed .side-panel-icon-wrapper {
    /*display: none;*/
}
.collapsible-expandable-panel-header.on-title-collapse {
    cursor: pointer;
}
:root .collapsible-expandable-panel .collapsible-expandable-panel-header {
    /*background-color: transparent;*/
    padding-right: 10px;
}
:root .collapsible-expandable-panel .collapsible-expandable-panel-header.x-collapsed {
    /*padding-bottom: 10px;*/
}
/* tool icons override END */

.x-tab-default {
    text-transform: none;
}

/*GRID AND TREE*/
/* generic wbs */
.panel-with-wbs .pp-wbs-cell,
.panel-with-wbs .pp-wbs-cell .wbs-code-item {
    font-size: 13px;
}
.panel-with-wbs .pp-wbs-cell .wbs-code-item.wbs-code-item-auto-size {
    width: auto;
    min-width: auto;
    min-height: 1em;
}
.panel-with-wbs .pp-wbs-cell .wbs-code-item:after {
    /* need for wbs column autoSize */
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    right: 0;
    top: 0;
}
.panel-with-wbs .pp-wbs-cell .wbs-code-item.wbs-code-item-separated:after {
    /* need for wbs column autoSize */
    background-color: var(--pp-secondary-gray-medium-color);
}
.panel-with-wbs .x-grid-item-selected .pp-wbs-cell .wbs-code-item.wbs-code-item-separated:after {
    background-color: rgba(255, 255, 255, 0.6);
}
/* generic wbs END */

.x-column-header-inner {
    line-height: 15px;
    font-size: 12px;
}

.x-group-sub-header .x-column-header-inner {
    line-height: 15px;
}

.x-column-header-align-right .x-column-header-text {
    margin-right: 10px;
}
/* sub-column in header */
.header-not-cropped-column .x-column-header-text {
    white-space: normal;
}
.header-grouped-sub-column .x-column-header-text {
    white-space: normal;
    max-width: 100px;
}
/* header-column in header */
.header-column-of-group [data-ref="titleEl"] {
    white-space: normal;
}
.header-column-of-group [data-ref="titleEl"] [data-ref="textEl"] {
    white-space: normal;
}
.sub-column-header-hidden-parent {
    /*min-height: 32px;*/
}
.sub-column-header-hidden-parent [data-ref="titleEl"] {
    height: 100%;
    min-height: 100%;
}
.sub-column-header-hidden-parent [data-ref="innerCt"] {
    display: none;
    height: 0 !important;
    line-height: 0;
    font-size: 0;
}
.sub-column-header-hidden-parent [data-ref="innerCt"] [data-ref="targetEl"] {
    min-height: 0;
    display: none;
}
.sub-column-header-hidden-parent [data-ref="titleEl"] .x-column-header-text-container {
    height: 100%;
}
.sub-column-header-hidden-parent .group-sub-column-header-hidden {
    display: none;
}
.x-column-header-over {
    background: var(--pp-divider-color) none;
}

.x-column-header-inner {
    padding: 8px;
}

.x-group-sub-header .x-column-header-inner {
    padding: 8px;
}

.x-tree-arrows .x-tree-expander:before {
    color: var(--pp-base-color);
}

/*POPUP WINDOW*/
.x-window-default {
    border-radius: var(--pp-button-border-radius);
}

/*.popup-window .x-toolbar-default {
    background-color: var(--pp-main-text-color);
    box-shadow: none;
}*/
.popup-window .x-window-header-default-top {
    /*background-color: #f5f5f5;*/
    /*height: 50px;*/
}
.pp-modal-window .x-window-header-title {
    font-weight: 500;
}
.pp-modal-window .x-window-header-title [data-ref="textEl"] {
    letter-spacing: -.25px;
}
.x-window-header-default-top {
    background-color: var(--pp-toolbar-background-color);
    /* height: 42px; */
    padding-top: 13px;
    padding-bottom: 11px;
}

.pp-modal-window .x-window-header-default.x-window-header-default-top {
    border-bottom: 1px solid var(--pp-divider-color) !important
}

.x-window-header-title-default {
    color: var(--pp-base-color);
    font-size: 16px;
    line-height: 18px;
}
.window-header-title-main [data-ref="textEl"] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.window-header-title-subtext {
    font-weight: 400;
    letter-spacing: -.25px;
    font-size: .8em;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: .75em;
    padding-right: .75em;
}
.x-window-body-default {
    border-color: transparent;
}

.x-toolbar-footer {
    background-color: var(--pp-secondary-gray-color-light);
}

/* ACCORDION */
.x-accordion-item .x-accordion-hd {
    border: none;
}

/* FEED */
.feed-grid-panel .feed-entry {
    display: flex;
    padding-right: 6px;
}

.feed-grid-panel .feed-entry-header {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 0 .8em;
}
.displayed-page-activities .feed-grid-panel .feed-entry-header {
    padding-left: 24px;
}
.feed-grid-panel .feed-entry-header .feed-entry-date:nth-of-type(2) {
}
.feed-grid-panel .feed-entry-header .feed-entry-date {
    font-size: 12px !important;
    font-weight: 400;
    color: var(--pp-highlight-color) !important;
    display: flex;
    flex-wrap: wrap;
    gap: 0 .5em;
}
.feed-grid-panel .feed-entry-header .feed-icon {
    line-height: 0;
}
.feed-grid-panel .feed-entry-header .feed-icon:before {
    font-size: 14px;
    height: 1em;
    line-height: 1;
    vertical-align: text-top;
}
.feed-grid-panel .feed-entry-header .feed-entry-date .feed-icon {
    opacity: .75;
}
.feed-grid-panel .feed-entry-header .feed-entry-date .feed-time,
.feed-grid-panel .feed-entry-header .feed-entry-date .feed-date {
    display: flex;
    flex-wrap: wrap;
    gap: 0 .25em;
    align-items: center;
}
.feed-grid-panel .feed-entry-header .feed-entry-who {
    color: var(--pp-highlight-color);
    font-size: 12px;
}
.feed-grid-panel .feed-entry-title {
    line-height: 1.4;
}
.feed-grid-panel .feed-entry-title .feed-entry-title-name {
    color: var(--pp-hard-grey-color) !important;
    font-weight: bold;
    display: inline;
    border-bottom: 1px solid transparent;
    text-decoration: none !important;
}

.feed-grid-panel .feed-entry-title .feed-entry-title-name:hover,
.feed-grid-panel .feed-entry-title .feed-entry-title-name:focus {
    color: var(--pp-base-color) !important;
    /*color: #2196f3 !important;*/
    border-bottom-color: currentColor;
}
.feed-grid-panel .feed-entry-title .feed-entry-title-id {
    margin-left: .5em;
}
.feed-grid-panel .feed-entry-photo {
    padding-right: 10px;
}
.feed-grid-panel .feed-entry-photo .feed-entry-photo-img {
    width: 48px;
    height: auto;
    display: block;
}

.feed-grid-panel .feed-entry-content {
    max-width: calc(100% - 58px);
}
.feed-grid-panel .feed-entry-description {
    max-width: 100%;
    overflow: hidden;
    width: 100%;
}
.feed-grid-panel .feed-entry-description {
    margin-top: 0.75em;
    font-size: 13px;
    line-height: 1.25;
    padding-bottom: 2px;
}
.feed-grid-panel .feed-entry-description img,
.feed-grid-panel .activity-description img {
    max-height: 120px;
    width: auto;
    max-width: 100%;
}
.feed-grid-panel .feed-entry-description hr,
.feed-grid-panel .activity-description hr {
    /* #9e9e9e */
    background-color: var(--pp-toolbar-divider-color);
    color: transparent;
    border: 0;
    font-size: 1px;
    height: 1px;
    margin: 5px 0;
}
.feedLogEntry .x-panel-body {
}
.feed-entry-description .activity-fill-type {
    display: inline;
    line-height: 1.25;
    border-bottom: 1px solid currentColor;
}
.feed-entry-description .activity-fill-description {
    display: inline-block;
    margin-top: .4em;
}
:root .feed-entry-description .activity-fill-description,
:root .feed-entry-description .activity-fill-description *:not([pre_pretty]),
:root .feed-entry-description .activity-fill-description *:not([pre_pretty]) * {
    font-family: 'Roboto', sans-serif !important;
}
.feed-date-lenght {
    margin-right: 7px;
}
.date-value-black {
    color: var(--pp-color);
}

.feed-entry-code {
    font-size: 11px !important;
    font-weight: 400;
    color: var(--pp-highlight-color) !important;
}
.feed-created-date-label {
    margin-left: 7px;
}

.feedLog .x-grid-cell-inner {
    /*background-color: var(--pp-body-color);*/
    /*word-wrap: break-word;*/
    white-space: pre-line;
    /*line-height: 0.95;*/
}

.feedLogEntry a,
.feedLogEntry a:visited,
.feedLogEntry a:hover,
.feedLogEntry a:active {
    var(--pp-file-link-color)
}

/* activities feed */
.feed-entry-head {
    /*padding-left: 24px;*/
    position: relative;
}
.feed-entry-collapsible {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    cursor: pointer;
}
.feed-entry-collapsible:before {
    font-size: 14px;
    transform: scale(1.18);
    font-family: 'Phosphor-Fill';
    /* like feed header elements */
    color: var(--pp-highlight-color);
    display: inline-flex;
    line-height: 1;
    opacity: .75;
}
.feed-entry-collapsible.expanded:before {
    /* ph ph-minus-square */
    content: '\ED4C';
}
.feed-entry-collapsible.collapsed:before {
    /* ph ph-plus-square */
    content: '\ED4A';
}
/* activities feed END */

/* DATE-PICKER */
.x-datepicker .x-datepicker-cell {
    padding: 0 3px;
    line-height: 34px;
}
.x-datepicker .x-datepicker-cell .x-datepicker-date {
    border-radius: 50%;
    width: 100%;
    line-height: inherit;
    text-align: center;
    padding: 0 !important;
}
.datepicker-date-range .x-datepicker-selected {
    opacity: .3;
}
.datepicker-date-range .pp-datepicker-selected-month .x-datepicker-selected[pp-datepicker-cell=selected] {
    opacity: 1;
}
.datepicker-date-range .x-datepicker-disabled .x-datepicker-date {
    opacity: .4;
    pointer-events: none;
}
:root .datepicker-date-range .x-datepicker-month .x-btn-focus {
    background: #e6e6e6;
}
:root .datepicker-date-range .x-datepicker-month .x-btn-focus .x-btn-inner,
:root .datepicker-date-range .x-datepicker-month .x-btn-focus .x-btn-arrow-right:after {
    color: inherit;
}
/*RADIO BUTTONS AND CHECKBOXES*/
.x-form-cb-label-default {
    font-size: 14px;
}

.x-form-cb-label-default.x-form-cb-label-after {
    padding-left: 22px;
}

.x-form-cb-checked .x-form-radio-default:before {
    content: '';
}

.x-form-radio-default:before {
    content: '';
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 1;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 0;
    background-clip: content-box;
    border: 2px solid var(--highlight-color);
    border-radius: 50%;
    background-color: var(--pp-body-color);
}

input[type="radio"]:checked, .x-form-cb-checked .x-form-radio-default input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 3px;
    border: 1px solid var(--pp-primary-focused-color);
    border-radius: 50%;
    background-color: var(--pp-primary-focused-color);
    background-clip: content-box;
}

input[type="radio"]:checked:disabled {
    appearance: none;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 3px;
    background-clip: content-box;
    border: 1px solid grey;
    border-radius: 50%;
    background-color: grey !important;
    pointer-events: none;
}
/* checkbox, radio-alias */
:root .radiobox-alias {
    line-height: 1;
    width: 18px;
    height: 18px;
    font-size: 18px;
    display: block;
    box-sizing: border-box;
}
:root .radiobox-alias:before {
    opacity: 1;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 0;
    background-clip: content-box;
    border: 2px solid var(--pp-secondary-highlight-color);
    border-radius: 50%;
    background-color: var(--pp-body-color);
    content: '' !important;
    font-family: inherit;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    box-sizing: border-box;
}
:root .menu-radiobox-item.x-menu-item-checked .radiobox-alias:before {
    padding: 3px;
    border: 1px solid var(--pp-base-color);
    background: var(--pp-primary-color)
    /*var(--pp-base-gradient)*/
    ;
}
:root .menu-radiobox-item.x-menu-item-checked:disabled .radiobox-alias:before {
    border: 1px solid grey;
    background-color: grey !important;
    pointer-events: none;
}

/* radioheader fallback for olds... */
.x-grid-radioheader {
    background-image: url(/images/svg/radiooff.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    height: 16px;
    background-position: center center;
    background-size: contain;
}
.x-grid-radioheader-checked {
    background-image: url(/images/svg/radioon.svg);
}
.disabled-radioheader {
    opacity: .5;
    pointer-events: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pp-radioheader {
    height: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.pp-radioheader-off {
    background-image: url(/images/svg/radiooff.svg);
}
.pp-radioheader-checked {
    background-image: url(/images/svg/radioon.svg);
}
.pp-radioheader-checked-primary {
    background-image: url(/images/svg/radioon_primary.svg);
}
.pp-disabled-radioheader {
    opacity: .5;
    pointer-events: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* BoxLabel icon on checkbox */
.checkbox-label-icon {
    padding: 0 4px;
}
.checkbox-label-icon[class*=ph-]:before,
.checkbox-label-icon[class*=ph-]:after {
    font-size: 16px;
}
.checkbox-label-icon.stacked-icon {
    position: relative;
}
.checkbox-label-icon.stacked-icon:after {
    position: absolute;
    left: -2px;
    top: 0;
    text-align: center;
    margin: 0 4px;
    text-shadow: 1px -1px 0 var(--pp-body-color),
    -1px 1px 0 var(--pp-body-color);
}
.checkbox-label-icon.stacked-icon.stacked-exclude:after {
    /* it is slash, now is not used */
    /*
    content: "\f715";
    font-family: "Font Awesome 5 Free";
    */
}
.checkbox-box-label-iconified {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}
.disabled-checkbox {
    opacity: .6;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*FORM FIELDS*/
/*.x-form-item-body-default .x-form-checkboxgroup-body {
    border: none;
    background-color: transparent;
}*/
.x-form-type-text .x-form-trigger-wrap-default, .x-form-type-password .x-form-trigger-wrap-default {
    border: 1px solid var(--pp-input-border-color);
    border-radius: var(--pp-button-border-radius);
    background-color: var(--pp-body-color);
}

.x-form-type-text .x-form-text-default, .x-form-type-password .x-form-text-default, .x-form-field .x-form-text .x-form-text-default .x-form-textarea {
    font: 400 14px/16px Roboto, sans-serif;
    border-style: none;
    padding: 5px;
    box-sizing: border-box;
}

.x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
    border-color: var(--pp-primary-focused-color);
}

.x-form-type-text .x-form-trigger-default, .x-form-type-password .x-form-trigger-default {
    border-bottom: none;
}
.x-form-arrow-trigger-default {
    line-height: 1;
    height: inherit;
}
.x-form-arrow-trigger-default:before {
    display: inline-block;
    vertical-align: middle;
}
.x-form-field-date .x-form-date-trigger:before {
    /*display: block;*/
    /*margin-top: -2px;*/
}

.x-form-trigger-default.x-field-focus {
    border-color: var(--pp-primary-focused-color);
}

.x-form-type-text .x-form-trigger-wrap-default input,
.x-form-type-password .x-form-trigger-wrap-default input {
    padding: 0 5px 0 5px;
    font-size: 14px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.x-form-display-field-default {
    margin-top: 2px;
    margin-left: 2px;
    min-height: 28px;
}*/
.x-field-focus .x-form-item-label {
    color: var(--pp-primary-focused-color);
}

.x-form-type-text .x-form-trigger-wrap-invalid .x-form-text-default, .x-form-type-password .x-form-trigger-wrap-invalid .x-form-text-default {
    border-bottom: none;
}

.x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
    border-color: var(--pp-alert-color);
}
:root .form-inline-text-invalid {
    color: var(--pp-alert-color);
}
:root .nb-color {
    color: var(--pp-attention-color);
}

.file-upload-button .x-field .x-form-item-body .x-form-type-text .x-form-trigger-wrap-default {
    border: none !important;
}

:root .img-upload-trigger-wrapper {
    border-color: var(--pp-secondary-gray-color-light);
    /*display: block;*/
}
:root .file-upload-button .img-upload-trigger-wrapper .x-form-file-btn {
    background-color: var(--pp-secondary-gray-color-light);
    display: block;
}

.file-upload-button .img-upload-trigger-wrapper .x-form-file-btn .x-btn-inner {
    color: var(--pp-base-color);
    white-space: normal;
}

.x-form-item-label-inner {
    padding: 0 0 9px 0;
}

.x-form-item-label-text .not-empty {
    padding: 0 0 5px 5px;
    line-height: 26px;
}

.x-form-item-label-text {
    padding: 0 0 5px 5px;
    line-height: 24px;
}

.x-form-text-default .x-tagfield-item {
    margin: 3px 3px 3px 2px;
    border: 1px solid var(--pp-base-highlight-color);
}

.x-form-text-default .x-tagfield-input {
    margin: 2px 2px 2px 0;
    line-height: 1;
}

.x-webkit .x-form-type-text .x-form-text, .x-webkit .x-form-type-password .x-form-text {
    height: 100%;
}

.x-form-text-field-body-default {
    min-width: 10px;
    max-width: none;
}

.x-form-display-field-default {
    margin-left: 5px;
}

/* form field clear */
.pp-form-item-body.one-row-textarea .pp-form-triggers-wrap {
}
.one-row-textarea-resized.one-row-textarea-labeled .one-row-textarea-body {
    min-height: 31px;
}
.pp-form-triggers-wrap .pp-form-picker,
.pp-form-triggers-wrap .pp-form-clear {
    height: inherit;
    line-height: 1;
}
.pp-form-triggers-wrap .pp-form-picker {
    vertical-align: top;
    position: relative;
    z-index: 999;
}
.pp-form-triggers-wrap .pp-form-clear {
    vertical-align: middle;
    z-index: 9;
    position: relative;
}
.pp-form-triggers-wrap .pp-form-picker:before {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 16px;
    line-height: 1;
}
.executions-search-filters-toolbar .buttoned-searching-wrapper .pp-form-clear:before,
.pp-form-triggers-wrap .pp-form-clear:before {
    display: flex;
    height: 100%;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.x-form-trigger.pp-form-clear:before {
    content: 'close';
}
.x-form-trigger.pp-form-refresh:before {
    content: '\e094';
    font-family: 'Phosphor';
    display: block;
}

.pp-form-clear {
}
.pp-field-date {
    position: relative;
}
.pp-field-date .pp-form-clear.date-clear-trigger {
    position: absolute;
    right: -32px;
    display: block;
}
.pp-field-date ::-webkit-input-placeholder {
    color: var(--pp-placeholder-color);
}
.pp-field-date ::-ms-input-placeholder {
    color: var(--pp-placeholder-color);
}
.pp-field-date ::-moz-placeholder {
    color: var(--pp-placeholder-color);
}
.pp-field-date :-moz-placeholder {
    color: var(--pp-placeholder-color);
}
.pp-field-date ::placeholder {
    color: var(--pp-placeholder-color);
}

/*TEXTBOX IN FIREFOX*/
@-moz-document url-prefix('') {
    .x-form-item-body {
        display: table-cell;
    }
}

.x-boundlist-item-over {
    color: black;
}
.disabled-activity-form-field .combo-iconified-input-wrapper-inner-pr,
.disabled-activity-form-field.textfield-iconified .textfield-iconified-wrapper .textfield-left-icon,
.tag-field-ordered .pp-tag-field-item-ordered.disabled-activity-form-field-item,
.tag-field-projects .disabled-activity-form-field-item,
:root .disabled-activity-form-field .x-grid-checkcolumn:after,
:root .disabled-activity-form-field [role="combobox"],
:root .disabled-activity-form-field textarea,
:root .disabled-activity-form-field input,
:root .disabled-activity-form-field .textfield-iconified-wrapper,
:root .disabled-activity-form-field .combo-iconified-icon-wrapper {
    opacity: 0.6;
    pointer-events: none;
    background-color: var(--pp-lighter-gray-color);
}
:root .disabled-activity-form-field [data-ref="displayEl"].checkbox-iconified-input,
:root .disabled-activity-form-field [data-ref="boxLabelEl"] {
    opacity: 0.6;
    pointer-events: none;
}
:root .disabled-activity-form-field [data-ref="displayEl"].checkbox-iconified-input input {
    opacity: 0;
}
.disabled-activity-form-field .x-form-trigger-default,
.disabled-activity-form-field .x-form-field-date .x-form-date-trigger:before {
    display: none !important;
}

/* Transparency settings for Activity linked XML tab disabled elements */
.inactive-field,
.activity-form-tabs .conversation-form .x-form-item-default.x-item-disabled {
    /*filter: opacity(0.8);*/
    opacity: 0.8;
}

/* Transparency settings for Struct linked XML tab disabled elements */
.x-form-item-default.x-item-disabled {
    /*filter: opacity(0.8);*/
    opacity: 0.8;
}

.pp-stacked-forms .stacked-form-item .stacked-form-trigger-wrap {
    border-width: 1px 0;
    border-radius:0;
}
.pp-stacked-forms .stacked-form-item:nth-last-of-type(n+2) .stacked-form-trigger-wrap {
    /* is var(--pp-secondary-gray-medium-color) */
    border-right: 1px solid rgba(224, 224, 224, .7);
}
.pp-stacked-forms .stacked-form-item:nth-last-of-type(1) .stacked-form-trigger-wrap {
    border-right-width: 1px;
    border-radius: 0 3px 3px 0;
}
.pp-stacked-forms .stacked-form-item:nth-of-type(1) .stacked-form-trigger-wrap {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px;
}
.pp-stacked-forms:hover .stacked-form-item .stacked-form-trigger-wrap,
.pp-stacked-forms:focus .stacked-form-item .stacked-form-trigger-wrap {
    background-color: rgba(224, 224, 224, .1);
}

/* generic checked icon cell */
.check-icon-cell {
    color: var(--pp-inactive-color);
    line-height: 0;
    height: 1em;
}
.check-icon-cell:before {
    font-size: 11.5px;
    height: inherit;
}
.checkbox-icon-cell,
.x-action-col-icon.checkbox-icon-cell {
    color: var(--pp-inactive-color);
    line-height: 0;
    vertical-align: middle;
    height: 1em;
}
:root .checkbox-icon-cell:before,
:root .x-action-col-icon.checkbox-icon-cell:before {
    font-size: 17px;
    height: inherit;
    line-height: 0;
}

:root .x-action-col-icon.checkbox-icon-cell.ph-check-square:before {
    color: var(--pp-primary-focused-color);
}

/* editor and editable/not editable cells */
.activity-list-panel .is-editable-cell .can-edit-field .column-text,
.activity-list-panel .is-editable-cell .can-edit-field .classifier-label,
.actionplan-tree-extended .is-editable-cell .can-edit-field .column-text,
.actionplan-tree-extended .is-editable-cell .can-edit-field .classifier-label,
.strategy-tree-extended .is-editable-cell .can-edit-field .column-text,
.strategy-tree-extended .is-editable-cell .can-edit-field .classifier-label,
.risks-tree-extended .is-editable-cell .can-edit-field .column-text,
.risks-tree-extended .is-editable-cell .can-edit-field .classifier-label,
.kpis-list-extended .is-editable-cell .can-edit-field .column-text,
.kpis-list-extended .is-editable-cell .can-edit-field .classifier-label,
.customers-tree-extended .is-editable-cell .can-edit-field .column-text,
.customers-tree-extended .is-editable-cell .can-edit-field .classifier-label {
    cursor: pointer;
}

.is-row-editable .can-change-and-not-locked-false {
    /*opacity: .8;*/
}
.is-row-editable .can-change-and-not-locked-false .in-row-edit.not-editable-cell {
    opacity: .8;
}
.is-row-editable .check-column-item.in-row-edit.not-editable-cell {
    opacity: .25;
}
.is-row-editable .can-change-and-not-locked-true .is-checked-true {
}
.is-row-editable .can-change-and-not-locked-true .is-checked-false {
}
.is-row-editable .can-change-and-not-locked-false .is-checked-true {
    /*opacity: .8;*/
}
.is-row-editable .can-change-and-not-locked-false .is-checked-false {
    /*opacity: .2;*/
}

.is-editable-cell .can-edit-field .is-it-editable,
.field-can-edit {
    width: 101%;
    padding-top: 3px;
    height: 24px;
    border: 1px solid lightgrey;
    border-radius: var(--pp-button-border-radius);
    cursor: text !important;
}
/* for editor is on not ... */
.possibly-editable-cell .possibly-editable-cell-inner.can-edit-field {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 6px 12px;
}
.possibly-editable-cell .possibly-editable-cell-inner.can-edit-field:before {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 6px;
    right: 6px;
    width: auto;
    height: auto;
    box-shadow: inset 0 0 0 1px var(--pp-secondary-gray-darker-color);
    border-radius: var(--pp-button-border-radius);
    overflow: hidden;
    display: block;
}
.possibly-editable-cell .possibly-editable-cell-inner.can-edit-field .editable-cell-content {
    line-height: 24px;
}
/* like periods in kpi window */
.direct-edit.is-editable-cell .can-edit-field {
    /*line-height:  by default is 16px*/
    border: 1px solid var(--pp-secondary-gray-darker-color);
    border-radius: var(--pp-button-border-radius);
    cursor: pointer !important;
    margin: 5px 5px 6px;
    width: calc(100% - 10px);
    padding-top: 5px;
    padding-bottom: 5px;
    pointer-events: all;
}
.direct-edit-not-ui.is-editable-cell .can-edit-field {
    /*line-height:  by default is 16px*/
    cursor: pointer !important;
    margin: 5px 5px 6px;
    width: calc(100% - 10px);
    padding-top: 5px;
    padding-bottom: 5px;
    pointer-events: all;
}
.in-row-edit.is-editable-cell.pp-column-date .can-edit-field {
    /*line-height:  by default is 16px*/
    border: 1px solid transparent;
    border-radius: var(--pp-button-border-radius);
    padding: 4px 5px;
    margin: 4px auto 4px 2px;
    max-width: calc(100% - 4px);
    width: auto;
    pointer-events: all;
    cursor: pointer !important;
}
.is-editable-cell.pp-column-date {
    overflow: visible!important;
}
:root .pp-column-date .can-edit-field:hover,
:root .pp-column-date .can-edit-field:focus {
    border-color: var(--pp-lighter-gray-color);
}
:root .x-grid-item-over .in-row-edit.is-editable-cell.pp-column-date .can-edit-field:hover,
:root .x-grid-item-selected .in-row-edit.is-editable-cell.pp-column-date .can-edit-field:hover {
    border-color: var(--pp-secondary-gray-darker-color);
}
:root .editable-column .pp-classifier-invalid.pp-form-triggers-wrap,
:root .pp-column-date .pp-date-invalid {
    border-color: var(--pp-alert-color)!important;
}
.is-editable-cell.pp-column-date .can-edit-field + .x-editor {
    /*overflow: visible!important;*/
}
.is-editable-cell.pp-column-date .can-edit-field + .x-editor {
    overflow: visible!important;
    width: calc(100% + 32px) !important;
    background-color: transparent!important;
    /* remove .55px - for fix subpixels for dates editor in column */
    transform: translateY(-50%);
}
.is-editable-cell.pp-column-date .can-edit-field +.x-editor .x-form-item-body {
    padding: 0;
}
.is-editable-cell.pp-column-date .x-editor .x-form-item-body {
    background-color: transparent!important;
}
.is-editable-cell.pp-column-date .x-editor .pp-column-date-trigger-wrap {
    background-color: var(--pp-body-color)!important;
}
.is-editable-cell.pp-column-date .x-editor .pp-column-date-trigger-wrap-focus {
    background-color: var(--pp-body-color)!important;
}
.is-editable-cell.pp-column-date .can-edit-field + .x-editor .x-form-field-date {
    width: 100%!important;
}
.pp-column-date .pp-error-wrap-side {
    width: 0 !important;
    overflow: hidden;
    visibility: hidden !important;
    position: absolute !important;
    top: -10000px !important;
}
.direct-edit-not-ui.is-editable-cell .x-editor,
.direct-edit.is-editable-cell .x-editor,
.in-row-edit.is-editable-cell .x-editor,
:root .is-editable-cell .x-editor,
:root .is-editable-cell .x-editor .x-form-item-body {
    /* remove white big background */
    background-color: transparent !important;
}
.direct-edit-not-ui.is-editable-cell .x-grid-editor .x-form-type-text .x-form-item-body,
.direct-edit.is-editable-cell .x-grid-editor .x-form-type-text .x-form-item-body,
.in-row-edit.is-editable-cell .x-grid-editor .x-form-type-text .x-form-item-body {
    /* remove blue bottom */
    border: none;
}
.in-row-edit.is-editable-cell .x-editor {
    /* fix editor vertical position, need for long cells, .55px - for fix subpixels rendering on translate */
    top: 50% !important;
    transform: translateY(calc(-50% + .55px));
}
/* tagfield editor in cell */
.in-row-edit-tagfield.is-editable-cell.x-grid-cell-selected {
    overflow: visible;
}
.in-row-edit-tagfield.is-editable-cell .can-edit-field {
    cursor: pointer !important;
    pointer-events: all;
}
.in-row-edit-tagfield.is-editable-cell .x-editor {
    top: 0 !important;
    /* remove white big background */
    background-color: transparent !important;
}
.in-row-edit-tagfield.is-editable-cell .x-grid-editor .x-form-type-text .x-form-item-body {
    /* remove blue bottom */
    border: none;
    padding: 0;
}
.in-row-edit-tagfield.is-editable-cell .x-field.x-form-item {
    /* width: 100%; */
}
.in-row-edit-tagfield.is-editable-cell .x-editor [data-ref="triggerWrap"] {
    /* for max width: 100% of parent */
    table-layout: fixed;
}
.in-row-edit-tagfield.is-editable-cell .x-editor [data-ref="triggerWrap"] [data-ref="inputWrap"] {
}
.in-row-edit-tagfield.is-editable-cell .x-editor .x-tagfield[data-ref="listWrapper"] {
    padding-right: 0;
}
.in-row-edit-tagfield.is-editable-cell .x-editor .x-tagfield-list li.x-tagfield-item {
    /* for: .x-form-text-default .x-tagfield-item, which has: margin: 3px 3px 3px 2px; */
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    width: 100%;
    max-width: 100%;
}
.in-row-edit-tagfield.is-editable-cell .x-editor .x-tagfield-list .x-tagfield-input[data-ref="inputElCt"] {
    margin: 0;
    font-size: 0;
    line-height: 0;
    width: 100%;
    max-width: 100%;
}
.in-row-edit-tagfield.is-editable-cell .x-editor .x-tagfield-input .x-tagfield-input-field[data-ref="inputEl"] {
    line-height: 0;
    height: 0;
    padding: 0;
    font-size: 0;
    min-height: auto;
}
.in-row-edit-tagfield.is-editable-cell .x-editor .x-tagfield-list li .x-tagfield-item-text {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.in-row-edit.is-editable-cell .x-editor .x-form-cb-wrap {
    text-align: left;
    /*top: 50% !important;*/
    /*bottom: 50%;*/
    /*vertical-align: middle;*/
}
.in-row-edit.is-editable-cell .can-edit-field {
    /*border: 1px solid rgba(211, 211, 211, 0.5);*/
    /*border-radius: 3px;*/
    /*margin: 5px auto 6px 5px;*/
    /*max-width: calc(100% - 10px);*/
    /*padding: 5px;*/
    /*display: inline-flex;*/
    /*width: auto;*/
    cursor: pointer !important;
    pointer-events: all;
}
.in-row-edit .activity-list-bg-clipped {
    color: var(--pp-body-color);
}

.in-row-edit.is-editable-cell .can-edit-field .classifier-label,
.in-row-edit.not-editable-cell .can-not-edit-field .classifier-label {
    /* fallback for span, which is inline element and because ignores height */
    display: inline;
    line-height: 21px;
    opacity: 1;
}

.in-row-edit.is-editable-cell .can-edit-field.empty-edit-field .classifier-label {
    width: 100% !important;
    display: block;
    height: 21px;
    /*border: 1px dashed #d3d3d3;*/
    /*background-color: #f9f9f9;*/
}
/* only-display-cell */
.only-display-cell .only-display-field.activity-list-bg-clipped {
    line-height: 0;
}

/* widget enable/disable */
.relationship-parties-item .in-row-edit.cell-edit-mode.not-editable-cell .can-not-edit-field *,
.relationship-activities-item .in-row-edit.cell-edit-mode.not-editable-cell .can-not-edit-field *,
.is-row-editable .record-editing-mode-false .in-row-edit.cell-edit-mode *,
.activity-todo-panel .x-grid-row-disabled.x-grid-row .x-grid-cell *:not(.cursor-pointer) {
    cursor: auto;
    border: 0;
    background-color: transparent;
}
.relationship-parties-item .in-row-edit.cell-edit-mode.not-editable-cell .can-not-edit-field .pp-form-triggers-wrap .pp-form-picker,
.relationship-activities-item .in-row-edit.cell-edit-mode.not-editable-cell .can-not-edit-field .pp-form-triggers-wrap .pp-form-picker,
.relationship-parties-item .in-row-edit.cell-edit-mode.not-editable-cell .can-not-edit-field .pp-form-triggers-wrap .pp-form-clear,
.relationship-activities-item .in-row-edit.cell-edit-mode.not-editable-cell .can-not-edit-field .pp-form-triggers-wrap .pp-form-clear {
    display: none;
}
/* editor and editable/not editable cells END */

div.changes-log-header {
    font-weight: bold;
}

div.changes-log-content {
    white-space: normal;
}

/* settings main */
.settings-classifiers-record-default {
    font-weight: 600;
    /*color: #bbb;*/
}
.settings-classifiers-record-default .settings-classifiers-short-default {
    /*font-style: italic;*/
}

/* HTML label for information labels in Settings dialogs  */
.settings-classifiers-infotext-label {
    font-size: 10px;
    color: var(--pp-inactive-color);
    line-height: 1.2;
}
.settings-classifiers-infotext-label a {
    color: var(--pp-base-color);
    text-decoration: underline;
}
.settings-classifiers-infotext-label a:hover {
    color: var(--pp-base-focused-color);
    text-decoration: underline;
}
.settings-data-view-body .settings-classifiers-list-item .from-other-projects,
.settings-classifiers-window .from-other-projects label[data-ref="boxLabelEl"] {
    text-decoration-line: underline;
    /*
    font-weight: 600;
    color: #3f5d89;
    text-decoration-style: wavy;
    text-decoration-color: #3f5d89f5;
    text-underline-offset: auto;
    */
    text-decoration-thickness: from-font;
    text-decoration-color: currentColor;
    text-underline-offset: 3px;
    text-decoration-style: solid;
}
.help-hint-string-decoration {
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-decoration-thickness: from-font;
    text-decoration-color: currentColor;
    text-underline-offset: 3px;
    cursor: default;
}

:root .light-grid .light-grid-header-ct,
:root .light-grid .light-grid-body {
    border-top-width: 1px!important;
    border-top-color: var(--pp-secondary-gray-medium-color);
}

/* combo special attributes */
.activity-combo-wrapper {
    /* gecko for */
    display: flex !important;
    align-items: center;
}

.activity-combo-list .activity-combo-wrapper {
    padding-left: 0;
    border-left-width: 0;
    border-right-width: 0;
}

.activity-combo-wrapper .activity-combo-icon {
    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 0 2px 0 7px;
    color: transparent;
    opacity: var(--pp-name-icon-opacity);
}
.combo-iconified.combo-non-icon .activity-combo-wrapper .activity-combo-icon {
    display: none;
}
.combo-iconified-icon-wrapper {
    align-items: center;
    align-self: stretch;
}
/*.combo-iconified .activity-combo-wrapper .activity-combo-text.x-form-empty-field {*/
/*    padding-left: 0;*/
/*}*/
.activity-combo-wrapper .activity-combo-text {
    padding-left: 5px;
}

.disabled-activity-form-field .activity-combo-wrapper {
    background-color: var(--pp-body-color);
    opacity: .6;
}
.standard-view-htmleditor.disabled-activity-form-field .x-mask {
    opacity: .05;
}

.disabled-struct-row .x-tree-node-text  {
    text-decoration: line-through;
}

/* combo special attributes END */

.horizontal-separator {
    height: 1px;
    background-color: var(--pp-secondary-gray-medium-color);
}
/*
.tb-cb-tooltip {
    background-color: #29a9b6;
}
*/
.pp-tooltip-colored {
    display: block;
}
.pp-tooltip-colored .bullet-colored-tooltip {
    display: flex;
    align-items: center;
    line-height: 16px;
}
.pp-tooltip-colored .bullet-colored-tooltip .colored-bullet {
    padding: 8px;
    width: 16px;
    line-height: 1px;
    height: 16px;
    border-radius: 50%;
}
.flexed-list {
    padding-left: 2.5em;
    padding-right: 1em;
    margin-top: .6em;
    margin-bottom: .6em;
}
.flexed-list li {
    padding-left: .5em;
    width: 100%;
}
.flexed-list  .flexed-row {
    display: flex;
    column-gap: 15px;
    width: 100%;
    justify-content: space-between;
    justify-items: stretch;
}
.flexed-row-column {
    white-space: nowrap;
}
.flexed-row-column:nth-of-type(1) {
    justify-items: stretch;
    flex-shrink: 0;
    justify-self: stretch;
    flex-basis: auto;
}
.flexed-list-3-columns .flexed-row-column:nth-of-type(1) {
    flex-grow: 2;
    max-width: 70px;
    width: 50px;
}
.flexed-row-column:nth-of-type(n+2) {
    text-align: right;
}
.flexed-list-3-columns .flexed-row-column:nth-of-type(n+2) {
    flex-shrink: 1;
    flex-grow: 1;
    width: 30%;
}
.flexed-list .title-row {
    padding-bottom: 5px;
    border-bottom: 1px solid var(--pp-main-grey-color-medium);
    margin-bottom: 5px;
}
.flexed-list li.title-row {
    list-style-type: none;
}

/* responsible colors by their state */
/* not in current project */
.unit-in-current-project-0 .responsible-name,
.unit-in-current-project-0 .unit-name {
    opacity: .4;
}
/* prevent too high level of transparency (0.3 * 0.6) */
.activity-list-inactive.unit-in-current-project-0 {
    opacity: .8;
}
.is-reference-responsible-true {
    font-weight: 600;
}
.responsible-state-0 .responsible-name {
}
.responsible-state-2 .responsible-name {
}
.responsible-state-1 .responsible-name,
.responsible-state-3 .responsible-name {
    /* todo:? old: #f00, prev:#c62828 */
    color: var(--pp-attention-dark-color);
}
.responsible-state-1 .responsible-name.inactive-field,
.responsible-state-3 .responsible-name.inactive-field {
    opacity: .6;
}

/* responsible (owner) style by their real project*/
.owner-real-project-from-current {
}
.owner-real-project-from-external {
}
.owner-real-project-from-older {
    /*todo: need fix external' users sql*/
    /*font-style: italic;*/
}

/* pop-up window, employee color */
/*.all-conversations-tree .employee-disabled-1, .all-conversations-tree .employee-disabled-3,*/
.summary-results-panel-body .employee-state-1, .summary-results-panel-body .employee-state-3,
.summary-results-tooltip .employee-state-1, .summary-results-tooltip .employee-state-3,
.conversations-report-panel .employee-state-1, .conversations-report-panel .employee-state-3,
.popup-window .employee-state-1, .popup-window .employee-state-3 {
    color: var(--pp-attention-dark-color);
}

/*
.summary-results-panel-body .employee-disabled-1.task-unfinished-0,
.summary-results-panel-body .employee-disabled-3.task-unfinished-0,
.summary-results-tooltip .employee-disabled-1.task-unfinished-0,
.summary-results-tooltip .employee-disabled-3.task-unfinished-0,
.conversations-report-panel .employee-disabled-1.task-unfinished-0,
.conversations-report-panel .employee-disabled-3.task-unfinished-0,
.popup-window .employee-disabled-1.task-unfinished-0,
.popup-window .employee-disabled-3.task-unfinished-0 {
    text-decoration: line-through;
}
*/
/* on combo if rows count on below less that in firstly */
.not-not-empty .x-form-item-label {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
}

/*
!* extra icons *!
.labeled-text-field .input-left-inner-label {
    display: block;
    padding-left: 20px;
}
.labeled-text-field .input-left-inner-label:before {
    position: absolute;
    font-weight: 400;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
}
.labeled-text-field .input-left-inner-label.label-icon-calendar-check:before {
    left: 6px;
    font-family: 'Font Awesome 5 Free Regular';
    content: '\f274';
}
*/

/* iconified input, textfield_iconified */
.textfield-iconified .textfield-iconified-wrapper {
    display: flex;
    justify-content: stretch;
    align-items: stretch;
    width: 100%;
    padding: 0;
}
.textfield-iconified .textfield-iconified-wrapper .textfield-icon {
    justify-content: center;
    display: inline-flex;
    align-items: center;
    align-self: center;
}
.textfield-iconified .textfield-iconified-wrapper .textfield-left-icon {
    padding: 0 4px 0 8px;
}
.textfield-iconified .textfield-iconified-wrapper .textfield-right-icon {
    padding: 0 8px 0 4px;
}
.textfield-iconified .textfield-iconified-wrapper .textfield-iconified-input {
    flex-basis: 100%;
}
.textfield-iconified.textarea-iconified .textfield-iconified-wrapper .textfield-iconified-input::-webkit-input-placeholder {
    transform: translateY(50%);
}
.textfield-iconified.textarea-iconified .textfield-iconified-wrapper .textfield-iconified-input::-ms-input-placeholder {
    transform: translateY(50%);
}
.textfield-iconified.textarea-iconified .textfield-iconified-wrapper .textfield-iconified-input::-moz-placeholder {
    transform: translateY(50%);
}
.textfield-iconified.textarea-iconified .textfield-iconified-wrapper .textfield-iconified-input:-moz-placeholder {
    transform: translateY(50%);
}
.textfield-iconified.textarea-iconified .textfield-iconified-wrapper .textfield-iconified-input::placeholder {
    transform: translateY(50%);
}
.textfield-iconified.textarea-iconified .textfield-iconified-wrapper .textfield-iconified-input:placeholder {
    transform: translateY(50%);
}
.textfield-iconified.textarea-iconified .textfield-iconified-wrapper .textfield-iconified-input:focus::-webkit-input-placeholder {
    opacity: 0;
}
.textfield-iconified.textarea-iconified .textfield-iconified-wrapper .textfield-iconified-input:focus::-ms-input-placeholder {
    opacity: 0;
}
.textfield-iconified.textarea-iconified .textfield-iconified-wrapper .textfield-iconified-input:focus::-moz-placeholder {
    opacity: 0;
}
.textfield-iconified.textarea-iconified .textfield-iconified-wrapper .textfield-iconified-input:focus:-moz-placeholder {
    opacity: 0;
}
.textfield-iconified.textarea-iconified .textfield-iconified-wrapper .textfield-iconified-input:focus::placeholder {
    opacity: 0;
}
.textfield-iconified.textarea-iconified .textfield-iconified-wrapper .textfield-iconified-input:focus::placeholder {
    opacity: 0;
}

/* for disabled can not edit combo tdCls */
.not-editable-cell {
    color: var(--pp-hard-grey-color);
    pointer-events: none;
}
.not-clickable-row,
.not-clickable-row * {
    pointer-events: none;
}
.not-clickable-row .x-tree-checkbox {
    opacity: .4;
}
:root .can-not-edit-field {
    pointer-events: none;
}
:root .can-edit-field {
}
.no-pointer {
    pointer-events: none;
}
.all-pointer {
    pointer-events: all;
}
.no-pointer-invisible {
    pointer-events: none;
    visibility: hidden;
}
:root .mouse-event-no, :root .mouse-event-no * {
    pointer-events: none!important;
    cursor: default!important;
}
:root .mouse-event-yes {
    pointer-events: all;
    cursor: pointer;
}

:root .padding-0 {
    padding: 0;
}

.value-invalid {
    color: var(--pp-attention-color);
}

.value-invalid-message {
    background-color: var(--pp-very-light-gray-color);
    padding: 0.75em;
    border: 1px solid var(--pp-attention-color);
    margin: 0.5em auto 0 0;
    display: inline-block;
}

.top-layer-splitter {
    z-index: 999;
}

/* settings page, left tree */
.displayed-page-settings .left-settings-tree-row .x-grid-cell-inner-treecolumn {
    cursor: pointer;
}
/* combo' BoundList */
.displayed-page-settings .x-boundlist [data-ref="listEl"] {
    padding: 2px 2px;
}
.displayed-page-settings .x-boundlist .x-boundlist-item {
    line-height: 1.25;
    padding-top: 8px;
    padding-bottom: 8px;
}
.displayed-page-settings .x-boundlist .x-boundlist-item:nth-of-type(n+2) {
    /*border-top: 1px solid var(--pp-secondary-gray-medium-color);*/
}
.displayed-page-settings .x-boundlist .x-boundlist-item.boundlist-item-lined:nth-of-type(n+2) {
    border-top: 1px solid var(--pp-secondary-gray-medium-color);
}
/* combo' BoundList END */

/* field' label */
:root .field-label-compact {
    transform: translateY(0);
    margin: 0;
}
:root .field-label-compact-left {
    transform: translateY(0);
    margin: 0;
    vertical-align: baseline;
}
:root .field-label-compact [data-ref="labelTextEl"] {
    line-height: 1.2;
}
.like-form-item-label {
    color: var(--pp-highlight-color);
    font-size: 13px;
}
.inner-small-label {
    color: var(--pp-inactive-color);
    font-size: .9em;
}
.container-small-label {
    color: var(--pp-inactive-color);
    font-weight: 700;
    font-size: inherit;
}

/* tagfield */
/* empty input in list in container */
.tagfield-input-container .x-tagfield-input[data-ref="inputElCt"] {
    margin: 0;
    font-size: 0;
    line-height: 0;
}
.tagfield-input-container .x-tagfield-input .x-tagfield-input-field[data-ref="inputEl"] {
    line-height: 0;
    height: 0;
    padding: 0;
    font-size: 0;
    min-height: auto;
}
.tagfield-empty-placeholder {
    /* same like combo */
    padding-left: 5px;
    padding-right: 5px;
}

/* tagfield projects */
.tag-field-projects .pp-tag-field-item-delete {
    width: 1.75em;
    height: 1.75em;
    line-height: 1.75;
    border: 1px solid var(--pp-base-highlight-color);
    border-radius: var(--pp-button-border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 2px;
    right: 2px;
}
.tag-field-projects .pp-tag-field-item {
    padding: 5px 26px 5px 8px;
    line-height: 1.25;
    display: inline-flex;
}
.tag-field-projects .pp-tag-field-item.not-closable {
    padding-right: 8px;
}
/* for select projects window: */
.general-select-projects-window.pp-modal-window [data-ref="itemList"] {
    display: flex;
    flex-wrap: wrap;
}
.general-select-projects-window.pp-modal-window.one-row-items [data-ref="itemList"] {
    flex-direction: column;
}
/* tagfield projects END */

/* tagfield ordered */
.tag-field-ordered [data-ref="placeholderLabel"] {
    padding: 0 5px 0 5px;
    font-size: 14px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    width: 100%;
}
.x-gecko .tag-field-ordered [data-ref="placeholderLabel"] {
    color: color-mix(in srgb, currentColor 54%, transparent);
}
li.pp-tag-field-item-ordered.pp-tag-field-item {
    font-size: 14px;
    line-height: 20px;
    margin: 3px 3px 3px 2px;
    max-width: calc(100% - 5px);
    border: 1px solid var(--pp-base-highlight-color);
    vertical-align: middle;
    padding: 3px 28px 3px 8px;
    overflow-x: hidden;
}
.tag-field-ordered:not(.tag-no-marker) li.pp-tag-field-item-ordered.pp-tag-field-item {
    list-style: decimal inside;
    display: list-item;
}
.tag-field-ordered.tag-no-marker li.pp-tag-field-item-ordered.pp-tag-field-item {
    display: block;
}
.tag-field-ordered:not(.tag-no-marker) li.pp-tag-field-item-ordered.pp-tag-field-item::marker {
    font-weight: 600;
    font-size: 13px;
}
li.pp-tag-field-item-ordered.pp-tag-field-item:not(:hover)::marker {
    color: rgba(var(--pp-color-rgb-code), .6);
}
li.pp-tag-field-item-ordered.pp-tag-field-item:not(:hover):not(:focus)::marker{
    color: rgba(var(--pp-color-rgb-code), .5);
}
li.pp-tag-field-item-ordered.pp-tag-field-item .x-tagfield-item-text {
    display: inline;
    word-wrap: break-word;
    word-break: break-all;
    hyphenate-character: auto;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
}
.tag-field-ordered:not(.tag-no-marker) li.pp-tag-field-item-ordered.pp-tag-field-item .x-tagfield-item-text {
    margin-left: 7px;
}
li.pp-tag-field-item-ordered .pp-tag-field-item-delete {
    width: 21px;
    height: 20px;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: var(--pp-button-border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 3px;
    right: 3px;
    font-size: 12px;
}
li.pp-tag-field-item-ordered:hover .pp-tag-field-item-delete,
li.pp-tag-field-item-ordered:focus .pp-tag-field-item-delete {
    color: #fff;
    border-color: currentColor;
}
li.pp-tag-field-item-ordered .pp-tag-field-item-delete:before {
    display: block;
    line-height: 1;
    font-family: 'Phosphor';
    content: '\E4F6';
    box-sizing: border-box;
    font-weight: 800;
}
.tag-field-ordered-has-arrow.tag-field-ordered .x-form-trigger {
    /* width: 26px; */
    /* padding-right: 11px; */
    text-align: right;
}
.tag-field-ordered-has-arrow.tag-field-ordered [data-ref="listWrapper"] {
    padding-right: 2px;
}
/* tagfield ordered END */

/*flex-layout */
.pp-flex-layout-wrapper {
    display: block;
}
.pp-flex-layout-wrapper .pp-flex-layout-inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    /*justify-content: space-between;*/
    margin: 0 -5px;
    width: calc(100% + 10px);
}
.pp-flex-layout-wrapper .flex-layout-inner-item-column-body {
    width: 100% !important;
    min-width: 100%;
    max-width: 100%;
}
.pp-flex-layout-wrapper .flex-layout-inner-item-column-bordered {
    border-top: 3px double var(--pp-input-border-color);
}
.pp-flex-layout-center .pp-flex-layout-wrapper .pp-flex-layout-inner {
    justify-content: center;
}
.pp-flex-layout-space-between .pp-flex-layout-wrapper .pp-flex-layout-inner {
    justify-content: space-between;
}
.pp-flex-layout-space-around .pp-flex-layout-wrapper .pp-flex-layout-inner {
    justify-content: space-around;
}
.pp-flex-layout-space-evenly .pp-flex-layout-wrapper .pp-flex-layout-inner {
    justify-content: space-evenly;
}
.pp-flex-layout-flex-end .pp-flex-layout-wrapper .pp-flex-layout-inner {
    justify-content: flex-end;
}
.pp-flex-layout-flex-start .pp-flex-layout-wrapper .pp-flex-layout-inner {
    justify-content: flex-start;
}

/*
.valign-top .pp-flex-layout-wrapper .pp-flex-layout-inner {
    align-items: flex-start;
}
.valign-bottom .pp-flex-layout-wrapper .pp-flex-layout-inner {
    align-items: flex-end;
}
*/
.flex-layout-inner-item.field-valign-bottom {
    align-self: flex-end;
}
.flex-layout-inner-item.field-valign-top {
    align-self: flex-start;
}
.flex-layout-inner-item.field-justify-center {
    justify-self: center;
}
.flex-layout-inner-item.field-justify-between {
    justify-self: space-between;
}
.flex-layout-inner-item.field-justify-left {
    justify-self: flex-start;
}
.flex-layout-inner-item.field-justify-right {
    justify-self: flex-end;
}
.pp-flex-layout-wrapper .pp-flex-layout-inner .flex-layout-inner-item {
    margin: 0;
    padding: 0 5px;
    /*min-width: 33.3333%;*/
    /*flex-shrink: 0;*/
    /*flex-grow: 1;*/
}
.pp-flex-layout-wrapper .pp-flex-layout-inner .flex-layout-inner-item.flex-layout-inner-item-column {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    /* flex-basis must be defined in js-object style, depends on gap  */
    max-width: 100%;
    width: auto;
    margin: 0;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
:root .pp-flex-layout-wrapper .pp-flex-layout-inner .flex-layout-inner-item.inner-item-last-in-row {
     /*padding-right: 0;*/
 }
.cell-1 .pp-flex-layout-wrapper .pp-flex-layout-inner .flex-layout-inner-item {
    width: 100%;
}
.cell-2 .pp-flex-layout-wrapper .pp-flex-layout-inner .flex-layout-inner-item {
    width: 50%;
}
.cell-3 .pp-flex-layout-wrapper .pp-flex-layout-inner .flex-layout-inner-item {
    width: 33.3333%;
}
.cell-4 .pp-flex-layout-wrapper .pp-flex-layout-inner .flex-layout-inner-item {
    width: 25%;
}
.cell-all .pp-flex-layout-wrapper .pp-flex-layout-inner .flex-layout-inner-item {
    width: auto;
    flex-shrink: 1;
}
/*.cell-all .pp-flex-layout-wrapper .pp-flex-layout-inner .flex-layout-inner-item:nth-of-type(n+2) {*/
/*    flex-grow: 1;*/
/*}*/
.pp-flex-layout-wrapper .pp-flex-layout-inner .flex-layout-inner-item.pseudo-flex-item-last {
    height: 1px;
    width: 100%;
}
.pp-flex-layout-wrapper .pp-container-flex-field .x-form-text {
    min-height: 30px;
}
.pp-flex-layout-wrapper .pp-container-flex-field .field-label-compact-floated {
    height: auto;
    margin: 0;
    transform: translateY(28px);
}
.pp-flex-layout-wrapper .pp-container-flex-field.not-empty .field-label-compact-floated,
.pp-flex-layout-wrapper .pp-container-flex-field.x-field-focus .field-label-compact-floated {
    transform: translateY(0);
}
.pp-flex-layout-wrapper .pp-container-flex-field .field-label-compact-floated.x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
    padding-bottom: 0 !important;
}
.pp-flex-layout-wrapper .pp-container-flex-field:not(.not-empty) .field-label-compact-floated [data-ref="labelTextEl"] {
    /*padding: 0 0 0 8px;*/
}
.pp-flex-layout-wrapper .pp-container-flex-field .field-label-compact-floated [data-ref="labelTextEl"],
.pp-flex-layout-wrapper .pp-container-flex-field .form-item-compact-body [data-ref="boxLabelEl"] {
    word-break: break-all;
    display: inline-flex;
    padding: 0 0 0 8px;
}
:root .field-label-compact-floated.long-text [data-ref="labelTextEl"] {
    padding-right: 8px;
}
:root .field-label-compact-floated.long-text.long-text-ellipsis [data-ref="labelTextEl"] {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
}
:root .pp-container-flex-field:not(.not-empty) .field-label-compact-floated.long-text.long-text-ellipsis [data-ref="labelTextEl"] {
    font-size: 12px;
}
.pp-flex-layout-wrapper .pp-container-flex-field.not-empty .field-label-compact-floated [data-ref="labelTextEl"],
.pp-flex-layout-wrapper .pp-container-flex-field.not-empty .field-label-compact-floated [data-ref="boxLabelEl"],
.pp-flex-layout-wrapper .pp-container-flex-field.x-field-focus .field-label-compact-floated [data-ref="labelTextEl"],
.pp-flex-layout-wrapper .pp-container-flex-field.x-field-focus .field-label-compact-floated [data-ref="boxLabelEl"] {
    padding: 0 0 0 5px;
}
.form-item-compact .form-item-compact-body {
    height: auto;
    display: block;
}
/*.reports-left-panel .report-fieldset.report-left-container-flexed [data-ref="outerCt"] {*/
/*    display: block;*/
/*}*/
/*.reports-left-panel .report-fieldset.report-left-container-flexed:not(.x-fieldset-collapsed) [data-ref="innerCt"] {*/
/*    display: flex;*/
/*    margin: 0 -5px;*/
/*    width: calc(100% + 10px);*/
/*}*/
/*.reports-left-panel .report-fieldset.report-left-container-flexed [data-ref="innerCt"] {*/
/*    flex-wrap: wrap;*/
/*    flex-direction: row;*/
/*}*/
/*
.reports-left-panel .report-fieldset.report-left-container-flexed .report-left-inner-item {
    margin: 0;
}
.reports-left-panel .report-fieldset.report-left-container-flexed .report-left-inner-item.cell-2 {
    width: 50%;
    padding: 0 5px;
}*/

/* something for implemented inners elements, now budget for */
.inner-field-container {
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pp-modal-window .activities-select-reference-window-body .reference-struct-item-row .folder .x-tree-checkbox:before,
.pp-modal-window .activities-select-reference-window-body .reference-struct-item-row .budget-item-name .x-tree-checkbox:before,
.pp-modal-window .activities-select-reference-window-body .reference-user-row .reference-user-name .x-tree-checkbox:before {
}
.activity-list-panel .found-highlighted ,
.b-tree-cell-value .found-highlighted ,
.pp-modal-window.activities-select-reference-window .found-highlighted {
    /* color: #f5f5f5; */
    /* background-color: #2a3f5d; */
    /* background-color: #e7e7e7; */
    display: inline-block;
    border-bottom: 1px solid currentColor;
}
.pp-modal-window .x-window-header-default-top {
    z-index: 99;
}
:root .pp-modal-window .single-field-modal-field .single-field-label {
    margin-top: 0;
    position: absolute;
    transform: translateY(0);
    display: block;
    top: 0;
    width: 100%;
}
/* selected references in Grid */
.pp-modal-window:not(.select-kpis-window) .checkbox-selection-table.x-grid-item-selected:not(.x-grid-item-over) {
    /*background-color: transparent;*/
}
/* checkboxmodel */
.pp-modal-window .checkbox-selection-table .checkbox-selection-row .x-grid-cell-special.x-selmodel-checkbox {
    border-color: transparent;
}
.checkbox-selection-grid {
    /*padding: 0 5px 5px;*/
}
.checkbox-selection-grid .checkbox-selection-grid-items-container-wrapper .x-grid-item-container {
    width: 100%;
}
.checkbox-selection-grid .checkbox-selection-grid-header,
.checkbox-selection-grid .checkbox-selection-grid-body {
    /*padding: 0 10px;*/
}
.checkbox-selection-grid .checkbox-selection-grid-header .checkbox-selection-grid-header-column:not(.x-column-header-checkbox).x-column-header-first .x-column-header-inner,
.checkbox-selection-table .checkbox-selection-row .checkbox-selection-table-cell:not(.x-selmodel-checkbox).x-grid-cell-first .checkbox-selection-table-cell-inner {
    padding-left: 25px;
}
.checkbox-selection-grid .checkbox-selection-grid-header .checkbox-selection-grid-header-column.x-column-header-last .x-column-header-inner,
.checkbox-selection-grid .checkbox-selection-gridfilterbar .x-form-item:last-child .x-form-item-body,
.checkbox-selection-table .checkbox-selection-row .checkbox-selection-table-cell.x-grid-cell-last .checkbox-selection-table-cell-inner {
    margin-right: 10px!important;
    width: calc(100% - 12px)!important;
    display: block;
}
.checkbox-selection-grid .checkbox-selection-gridfilterbar .x-form-item .x-form-item-body [data-ref="triggerWrap"] {
    border-color: transparent;
    border-radius: 0;
}
.checkbox-selection-grid .checkbox-selection-gridfilterbar .x-form-item {
}
.checkbox-selection-grid .checkbox-selection-gridfilterbar .x-form-item .x-form-item-body {
    border-right: 1px solid var(--pp-secondary-gray-medium-color);
}
.checkbox-selection-grid .checkbox-selection-grid-items-container-wrapper {
    padding-bottom: 3px;
}
.checkbox-selection-grid .checkbox-selection-grid-items-container-wrapper .x-grid-item-container {
    width: 100%;
}
.checkbox-selection-grid .checkbox-selection-grid-items-container-wrapper .checkbox-selection-table.x-grid-item-selected:first-child {
    border-top-color: transparent;
}
.checkbox-selection-grid .checkbox-selection-grid-items-container-wrapper .checkbox-selection-table .checkbox-selection-table-cell .checkbox-selection-table-cell-inner {
    cursor: default;
}

/* checkcolumn in grid, single checkbox  */
.checkcolumn-single-inner {
    text-align: center;
    white-space: normal;
    overflow: hidden;
    text-overflow: clip;
    line-height: 0;
    min-width: 34px;
}

/* Grid border colors */
.x-column-header {
    border-right-color: var(--pp-grid-item-border-color);
}
.x-grid-body {
    border-color: var(--pp-grid-item-border-color);
    border-top: 1px solid var(--pp-grid-item-border-color);
}
.x-grid-header-ct {
    border-color: var(--pp-grid-item-border-color) !important;
}
.x-grid-item-selected {
    background-color: var(--pp-base-highlight-color);
}
.x-grid-with-row-lines .x-grid-item:first-child {
    border-top-color: var(--pp-grid-item-border-color);
    border-top: 0;
}
.x-grid-with-row-lines .x-grid-item.x-grid-item-over,
.x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
    border-color: var(--pp-grid-item-border-color);
}
.x-grid-with-row-lines .x-grid-item-over + .x-grid-item,
.x-grid-with-row-lines .x-grid-item-selected + .x-grid-item {
    border-top-color: var(--pp-grid-item-border-color);
}

/* groupable-grid-table, main */
.groupable-grid-table {
}
.groupable-grid-table .groupable-group-column-name {
}
.groupable-grid-table .groupable-group-value-text {
    padding-left: .5em;
}
.groupable-grid-table .groupable-group-value-icon {
}
.groupable-grid-table .groupable-group-value-text .column-icon {
    padding-right: .5em;
    display: inline;
}
.groupable-grid-table .groupable-group-value-text .column-icon:before {
    display: inline-block;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;
}

/* generic name column view */
.name-column-inner .name-text-container {
    /*max-width: 100%;*/
    /*display: inline-block;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*line-height: 1;*/
}
.name-column-inner .name-text-container .name-text-value {
}
.item-is-connected {
}
/* generic name column view END */
/* group-icon - usually when without group-column-name */
:root .panel-can-be-grouped .groupable-group-icon {
    padding-right: 0.5em;
    display: inline-flex;
    justify-content: center;
    flex-shrink: 0;
    width: 2.25em;
    margin-left: 0;
}

/* grid grouping wbs for grouping row */
:root .panel-can-be-grouped .pp-group-hd-container .pp-group-row-header {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
:root .panel-can-be-grouped .connect-view-body,
:root .panel-can-be-grouped .left-list-panel-body,
:root .panel-can-be-grouped .extended-view-body {
    counter-reset: group-wbs 0;
}
:root .panel-can-be-grouped .pp-group-hd-container .pp-group-row-header .pp-group-row-header-wbs {
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: flex-start;
    flex-shrink: 0;
    min-width: 30px;
    text-align: left;
    padding: 0 10px 0 5px;
    font-size: .9em;
    /* opacity: .5; */
    font-weight: 600;
    color: var(--pp-inactive-color);
}
:root .panel-can-be-grouped .pp-group-hd-container .pp-group-row-header .pp-group-row-header-wbs:before {
    counter-increment:group-wbs;
    content: counter(group-wbs) ".";
}
:root .panel-can-be-grouped .pp-group-hd-container .pp-grid-group-hd-collapsible .x-grid-group-title:before {
    line-height: inherit;
    display: block;
}
:root .panel-can-be-grouped .pp-group-hd-container .groupable-group-icon {
    align-items: center;
}
:root .panel-can-be-grouped .pp-group-hd-container .groupable-group-icon:before {
    display: block;
}
:root .panel-can-be-grouped .pp-grid-group-hd-collapsible .pp-group-row-header .groupable-group-value-text {
    text-overflow: ellipsis;
    overflow: hidden;
}
:root .panel-can-be-grouped .pp-grid-group-hd-collapsible .pp-group-row-header .groupable-group-children-count {
    font-weight: 400;
    text-indent: .35em;
}
:root .panel-can-be-grouped .left-list-panel-body .pp-grid-group-hd-collapsible .pp-group-row-header .groupable-group-children-count {
    flex-grow: 1;
    text-align: right;
}
/* grid grouping wbs for grouping row END */

/* groupable-grid-table gridfilterbar in modal-window */
.extended-view-panel .pp-modal-gridfilterbar .pp-gridfilterbar-item .x-form-item-body [data-ref="triggerWrap"],
.pp-modal-window .pp-grid-table .pp-modal-gridfilterbar .pp-gridfilterbar-item .x-form-item-body [data-ref="triggerWrap"] {
    border-color: transparent;
    border-radius: 0;
}
.pp-modal-window .pp-grid-table .pp-modal-gridfilterbar .pp-gridfilterbar-item {
}
.extended-view-panel .pp-modal-gridfilterbar .pp-gridfilterbar-item .x-form-item-body,
.pp-modal-window .pp-grid-table .pp-modal-gridfilterbar .pp-gridfilterbar-item .x-form-item-body {
    border-right: 1px solid var(--pp-secondary-gray-medium-color);
}
.pp-modal-gridfilterbar .pp-gridfilterbar-item:nth-of-type(1) {
    /* border-left: 1px solid #e2e2e2; */
}
.pp-modal-gridfilterbar .pp-gridfilterbar-item:nth-last-of-type(1),
.pp-modal-gridfilterbar .pp-gridfilterbar-item.pp-gridfilterbar-item-visible.pp-gridfilterbar-item-last-visible {
    border-right: 0;
}
.pp-no-framed-gridfilterbar {
    border-left: 0;
    border-right: 0;
}
.pp-modal-gridfilterbar:not(.pp-no-framed-gridfilterbar) .pp-gridfilterbar-item.pp-gridfilterbar-item-visible.pp-gridfilterbar-item-last-visible .x-form-item-body {
    border-right-color: transparent;
}
/* and groupable-grid-table container in modal-window */
/*.extended-view-panel.extended-panel-no-framed .groupable-grid-table-items-container-wrapper .groupable-grid-table.x-grid-item-selected:first-child,*/
.pp-modal-window .pp-grid-table .groupable-grid-table-items-container-wrapper .groupable-grid-table.x-grid-item-selected:first-child {
    border-top-color: transparent;
}
/*.extended-view-panel.extended-panel-no-framed .groupable-grid-table-items-container-wrapper .groupable-grid-table-cell .groupable-grid-table-cell-inner,*/
.pp-modal-window .pp-grid-table .groupable-grid-table-items-container-wrapper .groupable-grid-table-cell .groupable-grid-table-cell-inner {
    /*white-space: normal;*/
}
.pp-modal-window .groupable-grid.groupable-grid-framed {
    border: 1px solid;
    border-color: var(--pp-secondary-gray-medium-color) var(--pp-secondary-gray-medium-color) transparent;
}
.after-visible-gridfilterbar-grid-body {
    /* zoomed for */
    border-top-width: 1.9px !important;
}

:root .pp-modal-window .single-field-modal-field.not-empty .single-field-label,
:root .pp-modal-window .single-field-modal-field.x-field-focus .single-field-label {
    transform: translateY(-50px);
    z-index: -1;
}
:root .pp-modal-window .single-field-modal-field .single-field-label [data-ref="labelTextEl"] {
    line-height: 1.2;
    padding: 7px 8px;
    display: block;
}
:root .pp-modal-window .single-field-modal-field .single-field-label .x-form-item-label-inner {
    padding: 0 !important;
}
:root .pp-modal-window .single-field-modal-field [data-ref="bodyEl"] {
    display: block;
}

/* list in tooltip */
.tooltip-styled-list {
    margin: 0;
    padding: 0 0 0 2em;
    max-height: calc(100vh - 300px);
    overflow: auto;
}

/* modal lists && tooltip-ordered-list blocks */
.styled-list-item,
.styled-list-item * {
    font-style: normal;
}
.tooltip-ordered-list ol.styled-list,
.pp-modal-window ol.styled-list {
    margin: 0;
    padding-left: 3em;
    /*columns: 2;*/
    /*-moz-columns: 2;*/
    /*-webkit-columns: 2;*/
}
.tooltip-ordered-list ol.styled-list .styled-list-item,
.pp-modal-window ol.styled-list .styled-list-item {
    padding: 0 2em 2px .5em;
}
.tooltip-ordered-list.ordered-unordered-list .ordered-unordered-list-body {
}
.tooltip-ordered-list.ordered-unordered-list .ordered-unordered-list-body ol,
.tooltip-ordered-list.ordered-unordered-list .ordered-unordered-list-body ul {
    max-width: 300px;
    margin: 0;
    padding-left: 3em;
}
.tooltip-ordered-list.ordered-unordered-list .ordered-unordered-list-body li {
    margin: .5em .25em .5em 0;
    line-height: 1.8;
    padding-left: .5em;
}
/* tooltip ordered icon list blocks */
.tooltip-icon-list {
    margin: 0;
    padding: 0 0 0 1.2em;
    font-size: 15px;
    line-height: 1;
    color: rgba(var(--pp-color-rgb-code), 0.6);
}
.tooltip-icon-list li {
    white-space: nowrap;
    padding: 0 0 2px .5em;
    line-height: 1.5;
}
.tooltip-icon-list li i:nth-last-of-type(n+2) {
    padding-right: .75em;
}
/* hint lists */
.notification-hint-list {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    list-style: inside decimal;
}
.notification-hint-list .notification-hint-list-item {
}

/* User Details modal */
.pp-modal-window.structure-user-window .account-status-enabled .account-status-item {
    color: var(--pp-status-finished-color);
}
.pp-modal-window.structure-user-window .account-status-enabled input[type="radio"]:checked.account-status-input {
    background-color: var(--pp-status-finished-color);
}
.pp-modal-window.structure-user-window .account-status-disabled .account-status-item {
    color: var(--pp-attention-color);
}
.pp-modal-window.structure-user-window .account-status-disabled input[type="radio"]:checked.account-status-input {
    background-color: var(--pp-attention-color);
}
/* User Details modal END */

/* Selection */
:root .activity-list-item.event-copy {
    cursor: copy;
}
:root .activity-list-item.event-copy .activity-list-item-inner {
    pointer-events: none;
    cursor: copy;
}
:root ::selection {
    color: var(--pp-lighter-gray-color);
    background-color: var(--pp-primary-names-color);
}
:root .main-tree-structured-reference-row, .activity-todo-panel .x-grid-group-hd {
    background-color: var(--pp-toolbar-background-color);
}
:root .activity-row.activity-row-event-copy ::selection {
    color: inherit;
    background-color: inherit;
}
:root .allow-user-select-text,
:root .activity-row.activity-row-event-copy .activity-list-item.activity-list-item-selected .activity-list-item-text {
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
:root .activity-row.activity-row-event-copy .activity-list-item.activity-list-item-selected .activity-list-item-text::selection {
    color: var(--pp-lighter-gray-color);
    background-color: var(--pp-primary-names-color);
}
/* Selection END */

/* grid lines */
:root .grid-header-light-lines {
    border-width: 1px 0 2px !important;
}
:root .grid-row-light-lines td:nth-last-of-type(n+2) {
    border-right: 1px solid var(--pp-secondary-gray-medium-color);
}
:root .pp-grid-table table .x-grid-cell-last {
    border-right-color: transparent;
}
/* kpi window especial style */
:root .kpi-window.pp-modal-window #kpiModal-east-handle {
    right: -10px;
}
:root .kpi-window .kpi-window-body {
    /*overflow-x: hidden !important;*/
    /*overflow-y: scroll !important;*/
    /*padding-right: 18px;*/
}
:root .kpi-window .separated-record-table {
    border-top: var(--pp-secondary-gray-medium-color) solid 2px !important;
}
:root .kpi-window .separated-record-table:nth-last-of-type(1) {
    border-bottom: var(--pp-secondary-gray-medium-color) solid 2px !important;
}
:root .kpi-window .separated-record-table-head,
:root .kpi-window .separated-record-table-foot {
    background-color: transparent;
}
:root .kpi-window .separated-record-table-foot.separated-record-table-visible-false {
    display: none;
}
:root .kpi-window .separated-record-table-foot td:first-child {
    /*border-right-color: transparent;*/
}
.is-kpi-responsible-true {
    font-weight: 600;
}
.kpi-window.kpi-mode-activitic .connected-data-header .connected-data-title.kpi-self-target-title [data-ref="textEl"] {
    display: none;
}
.kpi-connector-trigger-type-activity .item-kpi-mode-activitic {
    /*border-bottom: 4px solid #2a3f5c!important;*/
    border-bottom: 2px solid var(--pp-secondary-gray-medium-color)!important;
    margin-bottom: 3px;
}
.kpi-connector-panel.kpi-connector-trigger-type-activity .item-kpi-mode-activitic[data-kpi-mode="activitic"] {
    /*display: none;*/
}

/* fields errors */
.from-field.field-value-error,
.to-field.field-value-error {
    color: var(--pp-attention-color);
}
/*.from-field.field-type-error,*/
/*.to-field.field-type-error {*/
/*    border-right: 3px double #f00!important;*/
/*}*/

/*.from-field-value-error .from-field,*/
/*.to-field-value-error .to-field {*/
/*    color: #f00;*/
/*}*/
.fields-types-error .from-field,
.fields-types-error .to-field {
    border-right: 3px double #f00 !important;
}

.error-panel {
    border: 1px solid var(--pp-lighter-gray-color);
    border-radius: 4px;
}

/* td mask without text */
:root .x-mask-msg.cell-mask-loading {
    display: flex;
    position: static !important;
    padding: 0;
    height: 100%;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.x-mask-msg.cell-mask-loading .x-mask-msg-inner {
    padding: 0;
    width: 100%;
}
.x-mask-msg.cell-mask-loading .x-mask-msg-inner .x-mask-msg-text {
    padding: 10px;
    width: 100%;
}
/* reference-tree-panel-mask */
.reference-tree-panel-mask.x-mask {
    transition: all .75s ease 0.25s;
    justify-content: center;
    align-items: center;
    padding-bottom: 2em;
    display: none;
}

.pp-modal-window.reference-modal-window > .x-mask {
    /* header height is 42, bottom height is 54 */
    top: 42px;
    bottom: 54px;
    max-height: calc(100% - 96px);
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(229, 229, 229, 0.7);
}
.pp-modal-window.reference-modal-window > .x-mask .modal-mask {
    position: static !important;
}
/*total*/
.x-mask-msg {
    background: rgba(255, 255, 255, 0.92);
    border-radius: var(--pp-button-border-radius);
}
/* highlights */
.kpi-current-year-period {
    background-var(--pp-inactive-color)
}
.period-cell.kpi-levels-dates-range-out > .x-grid-cell-inner {
    width: 100%;
    font-style: italic;
    opacity: .3;
    background-image: repeating-linear-gradient(
        -45deg,
        var(--pp-secondary-gray-color-light),
        var(--pp-secondary-gray-color-light) 5px,
        transparent 5px,
        transparent 15px
    );
}
.x-grid-item-selected .period-cell.kpi-levels-dates-range-out > .x-grid-cell-inner {
    background-image: repeating-linear-gradient(
        -45deg,
        var(--pp-secondary-gray-darker-color),
        var(--pp-secondary-gray-darker-color) 5px,
        transparent 5px,
        transparent 15px
    );
}
/* subcolumns in group */
.pp-united-sub-column.x-column-header-last.x-group-header:after {
    content: none;
}
/* subcolumns titles */
.pp-united-sub-column [data-ref="innerCt"] {
    display: none;
    height: 0;
}
.pp-united-sub-column > [data-ref="titleEl"] {
    min-height: 100%;
}
/* two-row-header-cell */
.two-row-header-cell .x-column-header-text-inner {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    text-align: center;
    justify-items: center;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    gap: 0 8px;
}
.two-row-header-cell .x-column-header-text-inner span {
    /*margin: 0 3px;*/
    max-width: calc(100% - 6px);
}
.x-column-header-text-inner {
    color: var(--pp-more-dark-grey-color) !important;
}
.two-row-header-cell .header-cell-wrapper-selector {
    display: inline-flex;
    flex-wrap: wrap;
    text-align: center;
    justify-items: center;
    justify-content: center;
}
:root .two-row-header-cell .header-cell-wrapper-selector > span {
    margin: 0;
}
/* 2. row for periods */
.separated-record-table-foot .help-icon-cell,
.separated-record-table-foot .cell-foot-left-fake-colspan,
.separated-record-table-foot .period-cell {
    vertical-align: top;
}
.separated-record-table-head .period-cell,
.separated-record-table-foot .period-cell {
    /* must be as is, like body line-height */
    line-height: var(--mainLineHeight);
}
.separated-record-table-foot.separated-record-table-last-real .period-cell.numeric-period-cell.is-base-level-period-cell .period-cell-inner .values-total,
.separated-record-table-foot.separated-record-table-summary .period-cell.numeric-period-cell.is-base-level-period-cell .period-cell-inner .values-total {
    color:var(--pp-base-color);
    font-weight: 600;
}
.separated-record-table-head .period-cell .period-cell-inner.cell-inner-head {
}
.separated-record-table-head .period-cell .period-cell-inner.cell-inner-head .value-target-period,
.separated-record-table-head .period-cell .period-cell-inner.cell-inner-head .value-target-level,
.separated-record-table-foot .period-cell .period-cell-inner.cell-inner-foot .values-total {
    padding: 5px 8px;
}
.separated-record-table-head .period-cell:not(.kpi-cell-disabled) .period-cell-inner:not(.can-not-edit-field).cell-inner-head.can-open-targets-window,
.separated-record-table-foot .period-cell:not(.kpi-cell-disabled) .period-cell-inner.cell-inner-foot.can-edit-reals-window,
.separated-record-table-foot .period-cell:not(.kpi-cell-disabled) .period-cell-inner.cell-inner-foot.can-see-reals-window:not(.empty-last-real-field) {
    pointer-events: all;
    cursor: pointer;
}
.separated-record-table-foot .period-cell:not(.kpi-cell-disabled) .period-cell-inner.cell-inner-foot.can-see-reals-window.empty-last-real-field {
    /*pointer-events: none;*/
    /*cursor: default;*/
}
.separated-record-table-head .period-cell:not(.kpi-cell-disabled) .period-cell-inner:not(.can-not-edit-field).cell-inner-head.can-open-targets-window:hover .value-target-period,
.separated-record-table-head .period-cell:not(.kpi-cell-disabled) .period-cell-inner:not(.can-not-edit-field).cell-inner-head.can-open-targets-window:focus .value-target-period,
.separated-record-table-head .period-cell:not(.kpi-cell-disabled) .period-cell-inner:not(.can-not-edit-field).cell-inner-head.can-open-targets-window:hover .value-target-level,
.separated-record-table-head .period-cell:not(.kpi-cell-disabled) .period-cell-inner:not(.can-not-edit-field).cell-inner-head.can-open-targets-window:focus .value-target-level,
.separated-record-table-foot .period-cell:not(.kpi-cell-disabled) .period-cell-inner.cell-inner-foot.can-edit-reals-window:hover .values-total,
.separated-record-table-foot .period-cell:not(.kpi-cell-disabled) .period-cell-inner.cell-inner-foot.can-edit-reals-window:focus .values-total,
.separated-record-table-foot .period-cell:not(.kpi-cell-disabled) .period-cell-inner.cell-inner-foot.can-see-reals-window:not(.empty-last-real-field):hover .values-total,
.separated-record-table-foot .period-cell:not(.kpi-cell-disabled) .period-cell-inner.cell-inner-foot.can-see-reals-window:not(.empty-last-real-field):focus .values-total {
    background-color: rgba(var(--pp-color-rgb-code), 0.05);
    border-radius: var(--pp-button-border-radius);
}
:root .kpi-window .separated-record-table-foot .cell-foot-left-fake-colspan {
    border-right-color: transparent;
}
.separated-record-table-foot .period-cell .cell-inner-foot {
    /*margin-left: 5px;*/
}
.separated-record-table-head .period-cell .period-cell-inner.cell-inner-head,
.separated-record-table-foot .period-cell .period-cell-inner.cell-inner-foot {
    padding: 4px 4px 5px 4px;
    /*line-height: 1px;*/
}
.separated-record-table .help-icon-cell {
    opacity: .48;
}
.separated-record-table-head .help-icon-cell .cell-inner-head,
.separated-record-table-foot .help-icon-cell .cell-inner-foot {
    display:flex;
    align-items: center;
}
.separated-record-table-foot .help-icon-cell b {
    line-height: 1;
    display: inline-block;
    vertical-align: bottom;
}
.separated-record-table.separated-record-table-summary-total .help-icon-cell,
.separated-record-table.separated-record-table-summary-total-percentage .help-icon-cell{
    color: var(--pp-primary-names-color);
    opacity: .8;
}
/* 5, 6 rows */
.separated-record-table.separated-record-table-summary-departments .help-icon-cell,
.separated-record-table.separated-record-table-summary-departments-percentage .help-icon-cell {
    color: var(--pp-help-secondary-color);
    opacity: 1;
}
.separated-record-table-foot .help-icon-cell .help-icon-icon {
    width: 25px;
    padding-right: 10px;
}
.separated-record-table-foot .help-icon-cell .help-icon-icon-hint {
    width: 20px;
    margin-right: 3px;
    flex-shrink: 0;
}
.separated-record-table-foot .help-icon-cell .help-icon-text {
    font-size: .894em;
}
.separated-record-table-foot .pp-widget-cell-combo .widget-cell-inner.cell-inner-foot {
    visibility: hidden;
    pointer-events: none;
}
.separated-record-table-foot .pp-widget-cell-combo .widget-cell-inner.cell-inner-foot .widget-combo {
    display: none;
    pointer-events: none;
}
.separated-record-table-head .period-cell.can-not-edit-field {
    padding: 5px 5px 5px 13px;
}
.separated-record-table-head .pp-cell-direct-editor {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0;
    transform: none;
}
.separated-record-table-head .pp-cell-direct-editor .pp-cell-direct-editor-field {
    margin: 0;
    max-width: 100% !important;
    height: 100%;
    position: relative;
    padding: 3px 5px;
}
.separated-record-table-head .pp-cell-direct-editor .pp-cell-direct-editor-field-body {
    padding: 0;
}
.separated-record-table-foot .overflowed-visible-partially .period-cell-inner.cell-inner-foot {
    /*
    overflow: visible;
    max-width: calc(100% - 5px);
    width: calc(100% - 5px);
    */
}
.separated-record-table-foot .values-total {
    display: flex;
    align-items: center;
    justify-content: stretch;
    line-height: inherit;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    gap: 0 8px;
}
.separated-record-table-foot .kpi-real-assessment-icon {
    /*position: absolute;*/
    /* icon width 13, left cell 46 -4 (left padding of top cell), cell inner left padding 8 and margin 5: -(42/2 + 13/2) */
    /*left: -40.5px;*/
    /*transform: translateX(-50%);*/
    /* parent block line-height is 16 and parents paddings are 5px + 4px */
    /*top: 9px;*/
    /*margin-left: 8px;*/
}
.target-mode-comparable-hidden .separated-record-table-foot .kpi-real-assessment-icon {
    position: relative;
    display: inline-block;
    margin-left: 0;
    margin-right: 10px;
    left: 0;
    top: 0;
}
.separated-record-table-foot .kpi-real-assessment-icon:before {
    display: block;
    font-size: 13px;
    transform: scale(1.25);
}
.separated-record-table-foot .value-percentage,
.separated-record-table-foot .value-self-real,
.separated-record-table-foot .value-summary {
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
    /* flex-basis: 100%; */
    white-space: nowrap;
    max-width: 100%;
}
.separated-record-table-foot .kpi-real-assessment-icon + .value-percentage,
.separated-record-table-foot .kpi-real-assessment-icon + .value-self-real,
.separated-record-table-foot .kpi-real-assessment-icon + .value-summary {
    /* 13px - icon, 8px -gap */
    max-width: calc(100% - 13px - 8px);
}
.separated-record-table-head .can-open-targets-window .value-target-period,
.separated-record-table-head .can-open-targets-window .value-target-level {
    display: block;
    line-height: inherit;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.separated-record-table-head .can-open-targets-window .value-target-period:empty,
.separated-record-table-head .can-open-targets-window .value-target-level:empty,
.separated-record-table-foot .can-edit-reals-window .value-self-real:empty {
    text-align: center;
}
.separated-record-table-foot .can-edit-reals-window .value-self-real:empty {
    justify-items: center;
    justify-self: center;
    width: 100%;
    max-width: 100%;
    align-items: center;
    align-self: center;
}
.separated-record-table-head .period-cell:not(.kpi-cell-disabled).target-period-value-empty .period-cell-inner.can-open-targets-window .value-target-period:after,
.separated-record-table-head .period-cell:not(.kpi-cell-disabled).target-level-value-empty .period-cell-inner.can-open-targets-window .value-target-level:after,
.separated-record-table-foot .period-cell:not(.kpi-cell-disabled).real-period-value-empty .period-cell-inner.can-edit-reals-window .value-self-real:after {
    content: '+';
    font-size: 22px;
    line-height: inherit;
    display: block;
}

:root .kpi-real-assessment-icon:before {
    opacity: var(--pp-name-icon-opacity);
}
/*.separated-record-table-foot .value-self-real,*/
.separated-record-table-foot .values-total .hint-field-icon,
.separated-record-table-foot .kpi-real-assessment-icon {
    display: block;
    line-height: inherit;
}
.measurable-activity .kpi-real-assessment-icon,
:root .kpis-properties-row .kpi-real-assessment-icon {
}
:root .kpis-properties-row .kpi-real-assessment-icon:before {
    font-size: 13px;
    transform: scale(1.25);
}
.measurable-activity .kpi-real-assessment-name,
.kpis-properties-row .kpi-real-assessment-name {
    padding-left: 5px;
    vertical-align: text-top;
}

/* assesement circle */
/* .connected-data-tab .connected-data-panel
.connected-data-tab .connected-data-panel
 */
.title-add-assessment {
    line-height: inherit;
}
.title-add-assessment:before {
    font-size: 13px;
    transform: scale(1.25);
    align-items: center;
    height: 1em;
}

/* in activities tree */
.kpis-properties-row.sub-level-kpis-row .kpi-name-cell .activity-list-item-inner {
    /* default 8 + 6 for align */
    padding-left: 14px;
}
/* in activity card */
.relationship-reference-item .kpis-properties-row.sub-level-kpis-row .kpi-name-cell .x-tree-node-text  {
    vertical-align: middle;
}
.relationship-reference-item .kpis-properties-row.sub-level-kpis-row .kpi-name-cell .kpi-name-text {
    /*vertical-align: middle;*/
}

/* widget column with combo */
.pp-widget-cell-combo {
    border-right-color: transparent !important;
    padding: 0;
}
.pp-widget-cell-combo .widget-cell-inner {
    margin: 0;
    padding: 0;
}
.pp-widget-cell-combo .widget-combo {
    display: block;
    border-collapse: collapse;
    width: 100%;
    padding: 0 0 0 4px;
}
:root .separated-record-table-head .help-icon-cell,
:root .separated-record-table-foot .help-icon-cell,
:root .separated-record-table-head .period-cell,
:root .separated-record-table-foot .period-cell {
    border-right: 1px solid var(--pp-secondary-gray-darker-color);
}
:root .separated-record-table-head .period-cell.not-editable-cell .period-cell-inner.can-not-edit-field.cell-inner-head {
    /* because input has padding left 5px*/
    text-indent: 5px;
}
.separated-record-table-head .direct-edit.is-editable-cell .can-edit-field:hover,
.separated-record-table-head .direct-edit.is-editable-cell .can-edit-field:focus {
    background-var(--pp-inactive-color)
}
.kpi-window .separated-record-table-head .kpi-cell-disabled,
.kpi-window .separated-record-table-foot .kpi-cell-disabled {
    opacity: 0.8;
    pointer-events: none;
    background-color: var(--pp-body-color);
}
.pp-widget-cell-combo.no-widget .widget-combo {
    display: none;
    pointer-events: none;
}
.pp-widget-cell-combo .widget-combo-field-body {
    min-height: auto;
    height: auto;
    width: 100%;
    display: block;
}
.pp-widget-cell-combo .widget-combo-field-body [data-ref="triggerWrap"] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 2px 3px;
    border-radius: var(--pp-button-border-radius);
}
.pp-widget-cell-combo .widget-combo:hover [data-ref="triggerWrap"],
.pp-widget-cell-combo .widget-combo:focus [data-ref="triggerWrap"] {
    background-var(--pp-inactive-color)
}
.pp-widget-cell-combo .widget-combo-field-body [data-ref="triggerWrap"]:hover,
.pp-widget-cell-combo .widget-combo-field-body [data-ref="triggerWrap"]:focus {

}
.pp-widget-cell-combo .widget-combo-field-body [data-ref="triggerWrap"] [data-ref="inputWrap"] {
    display: flex;
    width: 100%;
    margin: 0;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    line-height: 1;
    height: 1.2em;
}
.pp-widget-cell-combo .widget-combo-field-body [data-ref="triggerWrap"] i.pp-combo-item-icon {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: inherit;
    line-height: 1;
}
.pp-widget-cell-combo .widget-combo-field-body [data-ref="triggerWrap"] i.pp-combo-item-icon:before {
    color: var(--pp-base-color);
}
.pp-widget-cell-combo .widget-combo-field-body [data-ref="triggerWrap"] [data-ref="inputEl"] {
    height: auto;
    min-height: auto;
    padding: 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
    opacity: 0;
}
.pp-widget-cell-combo .widget-combo-field-body [data-ref="triggerWrap"] .x-form-trigger {
    min-height: 0.8em;
    line-height: .8;
    display: flex;
    vertical-align: top;
    padding: 0 0;
    align-items: flex-start;
    width: 100%;
    justify-content: center;
}
:root .x-boundlist.pp-boundlist {
    border-color: transparent;
}
:root .x-boundlist .pp-boundlist-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    line-height: 1 !important;
    padding: 0 0 1px 0 !important;
    height: 2.5em;
    border: 0;
}
:root .x-boundlist .pp-boundlist-item:not(.x-boundlist-selected):not(.x-boundlist-item-over) {
    background-color: var(--pp-body-color);
}
.pp-widget-cell-combo .pp-combo-item-icon:before,
:root .pp-boundlist-item i:before {
    color: var(--pp-hard-grey-color);
    font-size: inherit;
}
:root .pp-boundlist-item.x-boundlist-item-over,
:root .pp-boundlist-item.x-boundlist-selected {

}
:root .pp-boundlist-item:nth-of-type(n+2) {
    border-top: 2px solid var(--pp-body-color);
    border-bottom: 2px solid transparent;
}
:root .pp-boundlist-item.x-boundlist-item-over i:before,
:root .pp-boundlist-item.x-boundlist-selected i:before {
    color: var(--pp-body-color) !important;
}
.pp-widget-cell-combo .pp-combo-item-icon.x-operator-gte,
.pp-widget-cell-combo .pp-combo-item-icon.x-operator-lte,
:root .pp-boundlist-item.x-boundlist-item i.x-operator-gte,
:root .pp-boundlist-item.x-boundlist-item i.x-operator-lte {
    transform: scale(1.26);
    display: block;
}

/* gridfilterbar combo */
.gridfilterbar-boundlist .x-boundlist-item {
    line-height: 1.25;
}
.gridfilterbar-boundlist .x-boundlist-item:nth-of-type(n+2) {
    border-top: 1px solid var(--pp-secondary-gray-medium-color);
}

/* display-field, displayfield for */
.id-display-field .id-display-field-body,
.id-display-field .id-display-field-body [data-ref="inputEl"] {
    min-height: auto;
    height: 31px;
    line-height: 31px;
    margin-top: 0;
}

/* ----- CSS overrides for the "new messages dialog design" March 2023, START: ---------------- */
/* ----- To apply for *all* PP message dialogs, without re-designing the ExtJS theme yet. ----- */
.x-message-box .x-window-header-default-top {
    background-color: var(--pp-body-color);
    margin-top: 15px;
    box-shadow: none;
}
.x-message-box .x-window-header-title-default {
    /* color: var(--pp-color); */
    /* font-size: 18px; */
    /* line-height: 20px; */
    /* margin-top: 15px; */
    /* margin-left: 18px; */
}
.x-message-box .x-message-box-icon {
    color: var(--pp-semi-warning-color);
    margin-right: 0;
}
.x-message-box .x-window-text {
    /* font-size: 14px; */
    /* margin: 0 70px 20px 0; */
}
.x-message-box .x-window-body {
    /* margin-left: 13px; */
    /* padding-right: 24px !important; */
}
.x-message-box .x-toolbar-footer {
    background-image: none;
    background-color: transparent !important;
    margin-right: 10px;
    margin-bottom: 15px;
    padding-left: 0;
}
.x-message-box .x-tool-close {
    /* display: none; */
}
.x-message-box .x-box-layout-ct {
    /* margin-left: 12px; */
}
.x-message-box .x-btn {
    background-color: var(--pp-more-lighter-gray-color);
}
.x-message-box .x-btn:hover {
    background-color: var(--pp-base-focused-color);
}
.x-message-box .x-btn:hover .x-btn-inner {
    color: var(--pp-body-color);
}

.attention {
    color: var(--pp-attention-dark-color);
}

/* -------- /END: CSS overrides for new dialog design. -------- */

/* some panel columns paddings ... */
.panel-spaced-cells-column .spaced-cells-sm[role="columnheader"] .x-column-header-inner,
.panel-spaced-cells-column td .spaced-cells-sm {
    padding-left: 10px;
    padding-right: 10px;
}
.panel-spaced-cells-column .spaced-cells-md[role="columnheader"] .x-column-header-inner,
.panel-spaced-cells-column td .spaced-cells-md {
    padding-left: 15px;
    padding-right: 15px;
}
/* some panel columns paddings ... END */

/* Kanban Tasks CSS */
.kanban-task-main {
    position: relative;
    padding-right: 18px;
    padding-bottom: 2px;
    min-width: 220px;
}
.kanban-task-name {
    margin: 5px 0;
    font-size: 14px;
}
.kanban-task-list-footer {
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
.kanban-task-list-footer .kanban-task-type {
    flex-grow: 1;
}
.kanban-task-list-footer .kanban-task-owner {
    padding-left: 10px;
    text-align: right;
    max-width: 110px;
    flex-basis: auto;
    width: 100px;
    min-width: 100px;
}
.kanban-task-owner {
    font-size: 10px;
    color: var(--pp-owner-color);
    line-height: 13px;
    padding-top: 4px;
}
.kanban-task-type {
    font-size: 10px;
    line-height: 13px;
    white-space: nowrap;
    overflow: hidden;
    overflow-wrap: normal !important;
}
:root .kanban-task-type .text-clipped.classifier-label {
    margin-top: 0;
    margin-bottom: 0;
    font-size: inherit;
    line-height: inherit;
}
.kanban-info-icon {
    position: absolute;
    right: 0;
    top: 0;
    var(--pp-inactive-color)
}
.kanban-task-list {
    margin-bottom: 6px;
    font-size: 14px;
}
.kanban-task-list:empty {
    display: none;
}
.kanban-milestone-deadline {
    font-size: 12px;
    color: var(--pp-owner-color);
}
.kanban-task-priority-flag {
    float: right;
}

.kanban-task-lock-icon {
    var(--pp-inactive-color)
    float: right;
    margin-top: -0.125rem;
    margin-right: 0.25rem;
}

/* Calendar Tasks: Tooltip */
.calendar-tasktip-iconcell {
    width: 26px;
    text-align: right;
    vertical-align: top;
    padding-right: 5px;
    padding-top: 1px;
}
.calendar-tasktip-icon {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.4);
}
.calendar-tasktip-html {
    width: auto;
    text-align: left;
    vertical-align: top;
    padding-top: 0;
    padding-bottom: 3px;
}
.calendar-tasktip-parents {
    font-style: italic;
    color: rgba(0, 0, 0, 0.8)
}

/* Calendar Tasks: Task */
.sch-event-inner {
    overflow: hidden;
    height: 100%;
    white-space: normal;
    padding: 0 1px 3px 3px;
    font-size: 10px;
}
.calendar-task-main {
    font-size: 11px;
    padding-top:0;
    line-height: 1;
    margin-top: 2px;
}
.calendar-task-footerbar {
    position: absolute;
    bottom: 2px;
    left: 0;
    text-align: right;
    width: 100%;
}
.calendar-task-lenght {
    color: var(--pp-more-dark-grey-color);
    font-size: 9px;
    height: 12px;
    background-color: rgba(238, 238, 238, 0.7);
    float: right;
    padding-right: 11px;
    padding-left: 4px;
}
.calendar-task-footer-icon {
    color: var(--pp-more-dark-grey-color);
    font-variant: normal;
    font-size: 11px !important;
    background-color: rgba(238, 238, 238, 0.2);
    margin-left: 4px;
    float: right;
}
.calendar-task-execution-label {
    position: absolute;
    right: 0;
    top: -20px;
    color: var(--pp-secondary-highlight-color);
    font-size: 10px;
    padding: 2px 6px;
    border-radius: var(--pp-button-border-radius);
    cursor: default;
}
.calendar-task-forbidden {
    font-style: italic;
    color: var(--pp-secondary-highlight-color);
}
.calendar-task-forbidden .calendar-task-lenght {
    font-style: normal !important;
}
.calendar-task-forbidden-tip {
    font-style: italic;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.7);
    padding-bottom: 10px;
}

/* paging/pagination */
.bottom-simple-paging-toolbar .x-toolbar-text {
    font-size: 13px;
    font-weight: 500;
}
.bottom-simple-paging-toolbar [data-ref="btnIconEl"] {
    color: inherit;
}
.bottom-simple-paging-toolbar .x-btn-disabled .x-btn-icon-el,
.bottom-simple-paging-toolbar .x-btn-disabled .x-btn-inner,
.bottom-simple-paging-toolbar .x-btn-disabled .x-btn-arrow:after {
    opacity: .35;
}
.bottom-simple-paging-toolbar .x-btn-icon-el.x-tbar-loading {
    font-size: 14px;
    line-height: 13px;
}
.bottom-simple-paging-toolbar .x-btn-focus,
.bottom-simple-paging-toolbar .x-btn-pressed {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    color: var(--pp-primary-names-color) !important;
}
.bottom-simple-paging-toolbar .x-btn-plain-toolbar-small {
    padding: 8px;
}
/* paging/pagination END */

/* Custom Styled Text-Button for Panel Headers - START */
.panel-header-tools-text-button { /* cls */
    width: auto;
    height: 16px;
    margin: 0;
    padding: 0;
    text-align: center;
    cursor: pointer;
    border: 0 none;
    background-color: var(--pp-primary-focused-color) !important;
    /*background-color: var(--pp-secondary-color) !important;*/
    /*filter: opacity(0.8);*/
    border-radius: var(--pp-button-border-radius);
}
.panel-header-tools-text-button-hover { /* overCls */
    background-color: var(--pp-primary-color) !important;
    /*filter: opacity(1);*/
}
.panel-header-tools-text-button .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-small { /* icon block */
    margin-right: 0;
    background-color: transparent !important;
    height: 16px;
    display: inline-flex;
    align-items: center;
    margin-top: 2px;
    margin-left: 1px;
    opacity: 1;
}
.panel-header-tools-text-button .x-tool-maximize:before {
    font-family: 'Phosphor';
    background-color: transparent;
    color: var(--pp-main-text-color) !important;
    font-size: 13px !important;
}
.panel-header-tools-text-button .x-btn-inner-default-small { /* text block */
    padding: .3em 7px .3em 3px;
    font-size: .6em;
    font-weight: 500;
    font-family: Roboto, sans-serif;
    text-transform: capitalize;
    color: var(--pp-body-color);
}
/* Custom Styled Text-Button for Panel Headers - END */

/* Indirect references Type in Activity & Structs */
.activity-reference-is-indirect, .struct-reference-is-indirect {
    font-style: italic;
    opacity: .4;
}

.pp-toast {
    background-color: var(--base-foreground-color);
    border-radius: 0.5rem;
    box-shadow: 0.125rem 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.12), 0.125rem 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.08);
}

.pp-toast .fa {
    margin-right: 0.5rem;
}

.pp-toast-info.pp-animate-border-bottom:before {
    border-bottom-color: var(--pp-base-color);
}

.pp-toast-success.pp-animate-border-bottom:before, .pp-toast-success-attention.pp-animate-border-bottom:before {
    border-bottom-color: var(--pp-confirm-color);
}

.pp-toast-warning.pp-animate-border-bottom:before {
    border-bottom-color: var(--pp-warning-color);
}

.pp-toast-alert.pp-animate-border-bottom:before {
    border-bottom-color: var(--pp-alert-color);
}

.pp-toast .x-autocontainer-outerCt, .pp-toast .x-autocontainer-innerCt {
    display: flex;
}

.pp-toast .x-autocontainer-innerCt {
    color: var(--accent-foreground-color);
}

.pp-toast-header {
    padding: 0.5rem;
}

.pp-animate-border-bottom {
    /* default duration */
    --pp-animate-duration: 3s;
}

.pp-animate-border-bottom:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    border-bottom: solid 2px var(--pp-base-color);
    animation: animate_width var(--pp-animate-duration) linear forwards;
}

.pp-animated-slide-downed {
    height: 0;
    animation: slideDown 400ms linear 50ms;
}
.pp-rotated-spinner {
    animation: rotatedSpinner 2s linear infinite;
}
@keyframes rotatedSpinner {
    to {
        transform: rotate(360deg);
    }
}
@keyframes slideDown {
    from {
        height: 0;
    }
}
@keyframes animate_width {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
@keyframes ppMsgFadeIn {
    from {
        opacity: 0;
        height: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes ppZoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
.pp-msg-fade-in {
    animation-delay: 0ms;
    animation-duration: 350ms;
    animation-name: ppMsgFadeIn;
    animation-timing-function: ease;
    transform: translateY(-50%);
}
.pp-zoom-in {
    animation-delay: 0ms;
    animation-duration: 350ms;
    animation-name: ppZoomIn;
    animation-timing-function: ease;
}

.activity-attachments-tab .x-form-trigger-wrap-default {
    border: none !important;
    background-color: transparent;
}

/* Fix for xtype filefield not calculating the top value correctly for input file */
.activity-attachments-tab .x-form-file-wrap {
    min-height: 28px !important;
}

.activity-attachments-tab .x-form-file-wrap .x-form-trigger-wrap-default .toolbar-button {
    margin-top: 1px;
}
.activity-todo-panel .x-grid-cell {
    line-height: 14px;
}
.activity-todo-panel .x-grid-cell-inner {
    padding: 6px 4px;
    /* vertical-align: middle; */
}
.activity-todo-panel .x-grid-cell-inner.x-grid-cell-inner-action-col {
    width: 40px;
}
.activity-todo-panel .x-grid-cell-inner .x-action-col-icon {
    vertical-align: middle;
    text-align: center;
    padding: 0 6px;
    width: 32px;
    height: 26px;
    cursor: pointer;
}
.activity-todo-panel .x-grid-cell-inner .x-action-col-icon:hover:before {
    color: var(--pp-text-gray-dark-color);
}
.activity-todo-panel .x-grid-group-hd {
    padding: 3px 8px;
}

.breadcrumbs-container.activities-breadcrumbs {
    padding: 7px 0;
    --baseHeight: var(--mainLineHeight);
    border-bottom: 1px solid var(--pp-divider-color) !important;
}
.breadcrumbs-container.activities-breadcrumbs.activities-list-breadcrumbs {
    margin: 2px 0;
}
.breadcrumbs-container.activities-breadcrumbs [data-ref="outerCt"] {
    display: block;
}
.breadcrumbs-container.activities-breadcrumbs.activities-list-breadcrumbs [data-ref="outerCt"] {
    margin: 0 10px 0 15px;
    width: calc(100% - 25px)!important;
    max-width: calc(100% - 25px)!important;
    font-size: 12px;
}
.breadcrumbs-container.activities-breadcrumbs.activity-breadcrumbs [data-ref="outerCt"] {
    margin: 0 28px 0 15px;
    width: calc(100% - 43px)!important;
}
.breadcrumbs-container.activities-breadcrumbs [data-ref="outerCt"] [data-ref="innerCt"] {
    display: flex;
    align-items: flex-start;
    min-height: var(--baseHeight);
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-icon {
    height: var(--baseHeight);
    display: inline-flex;
    padding-right: 4px;
    color: var(--pp-more-dark-grey-color);
    align-self: center;
    align-items: center;
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-icon .breadcrumbs-icon-element:before {
    font-size: var(--baseHeight);
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-item {
    line-height: var(--baseHeight);
    white-space: nowrap;
    display: inline-block;
    color: var(--pp-color);
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-item:nth-child(n+3):before {
    content: '/';
    display: inline-block;
    padding: 0 3px;
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-item:nth-child(2):before {
    content: ' ';
    display: inline-block;
    padding: 0 3px;
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-item .simple-btn-text {
    letter-spacing: -.25px;
    font-weight: 400;
}
.breadcrumbs-container.activities-breadcrumbs [data-ref="outerCt"] [data-ref="innerCt"] .breadcrumbs-item .left-panel-title-icon {
    vertical-align: middle;
    color: var(--pp-color);
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-item.breadcrumbs-parent .simple-btn-text {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: transparent;
    cursor: pointer;
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-item.breadcrumbs-parent:hover .simple-btn-text,
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-item.breadcrumbs-parent:focus .simple-btn-text {
    /*color: #2196f3 !important;*/
    color: var(--pp-base-color) !important;
    border-bottom-color: currentColor;
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-separator {
    min-width: 1em;
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-item:nth-of-type(n+2) {
    padding-left: 3px;
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-item:nth-child(n+2) {
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-item:nth-last-of-type(n+2):not(:first-child) {
    max-width: 300px;
}
.breadcrumbs-container.activities-breadcrumbs.activities-list-breadcrumbs .breadcrumbs-item:first-child,
.breadcrumbs-container.activities-breadcrumbs.activities-list-breadcrumbs .breadcrumbs-item:last-child {
    max-width: 400px;
}
.breadcrumbs-container.activities-breadcrumbs.activity-breadcrumbs .breadcrumbs-item:first-child,
.breadcrumbs-container.activities-breadcrumbs.activity-breadcrumbs .breadcrumbs-item:last-child {
    max-width: 400px;
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-item .simple-btn-text {
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-item.breadcrumbs-parent .pp-btn-el.simple-btn-button-el.simple-btn-text {
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-item:last-child .simple-btn-text {
    opacity: .75;
}
.settings-data-body .comment-column-cell,
.extended-view-body .comment-column-cell {
    max-height: 5em;
    overflow-y: auto;
    vertical-align: top;
}
/* activity editor toolbar */
.custom-editor-container .custom-editor-trigger-wrap {
    border: none;
    border-radius: 0;
    background-color: inherit;
}
:root .tox-tinymce {
    border-width: 1px !important;
    border-color: var(--pp-input-border-color) !important;
}
:root .tox:not(.tox-tinymce-inline) .tox-editor-header {
    box-shadow: none !important;
    border-bottom: 1px solid var(--pp-input-border-color) !important;
    min-height: 48px !important;
}
:root .tox .tox-toolbar,
:root .tox .tox-toolbar__overflow,
:root .tox .tox-toolbar__primary {
    background-image: none !important;
}
.custom-editor-input-wrap .tox-editor-header .tox-toolbar__group {
    padding: 0 4px;
}
.custom-editor-input-wrap .tox-editor-header .tox-tbtn {
    font: 500 13px/15px Roboto, sans-serif;
}
.custom-editor-input-wrap .tox-editor-header .tox-tbtn:not(.tox-tbtn--select) {
    width: 32px;
}
.custom-editor-input-wrap .tox-editor-header .tox-tbtn,
.custom-editor-input-wrap .tox-editor-header .tox-tbtn * {
    color:var(--pp-help-secondary-color);
}
.custom-editor-input-wrap .tox-editor-header .tox-tbtn svg {
    color:var(--pp-help-secondary-color);
    fill: var(--pp-help-secondary-color);
}
.custom-editor-input-wrap .tox-editor-header .tox-tbtn--disabled,
.custom-editor-input-wrap .tox-editor-header .tox-tbtn--disabled:hover,
.custom-editor-input-wrap .tox-editor-header .tox-tbtn:disabled,
.custom-editor-input-wrap .tox-editor-header .tox-tbtn:disabled:hover {
    color: rgba(96,96,96,.5);
}
.custom-editor-input-wrap .tox-editor-header .tox-tbtn--disabled svg,
.custom-editor-input-wrap .tox-editor-header .tox-tbtn--disabled:hover svg,
.custom-editor-input-wrap .tox-editor-header .tox-tbtn:disabled svg,
.custom-editor-input-wrap .tox-editor-header .tox-tbtn:disabled:hover svg {
    fill: rgba(96,96,96,0.6)
}
:root .tox .tox-button:not(.tox-button--icon) {
    font: 500 13px/13px Roboto, sans-serif !important;
    border-radius: var(--pp-button-border-radius) !important;
    background: var(--pp-primary-color)
    /*var(--pp-base-gradient)*/
    ;
    padding: 8px !important;
}
:root .tox .tox-button--secondary:not(.tox-button--icon) {
    background-color: var(--pp-secondary-focused-color) !important;
}
.tox-tbtn.tox-tbtn--select[data-mce-name="editorsubmitbutton"] {
    /*Enable if we need to move the ADD button to right side*/
    /*position: absolute;*/
    /*right: 8px;*/
    /*z-index: 1;*/
    background: var(--pp-primary-color)
    /*var(--pp-base-gradient)*/
    ;
    color: var(--pp-body-color)
;
    letter-spacing: -.25px;
}
.tox-tbtn.tox-tbtn--select[data-mce-name="editorsubmitbutton"], .tox-tbtn.tox-tbtn--select[data-mce-name="editorsubmitbutton"] > .tox-tbtn__select-label {
    cursor: pointer;
    font: 500 13px/15px Roboto, sans-serif;
    text-transform: uppercase;
}
.tox-tbtn.tox-tbtn--select[data-mce-name="editorsubmitbutton"]:hover {
    background: var(--pp-primary-color)
    /*var(--pp-base-gradient)*/
;
    color: var(--pp-body-color);
}
.tox.tox-tinymce--toolbar-bottom .tox-toolbar__primary .tox-tbtn:not(.tox-tbtn[data-mce-name="editorsubmitbutton"]) {
    opacity: 0.8;
}

.tox.tox-tinymce {
    border-radius: 0;
}
:root .tox .tox-tbtn--active,
:root .tox .tox-tbtn--enabled,
:root .tox .tox-tbtn--enabled:focus,
:root .tox .tox-tbtn--enabled:hover,
:root .tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled),
:root .tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled),
:root .tox .tox-mbtn--active,
:root .tox .tox-mbtn:not(:disabled).tox-mbtn--active:focus,
:root .tox .tox-tbtn:active,
:root .tox .tox-tbtn--active,
:root .tox .tox-tbtn--enabled,
:root .tox .tox-tbtn--enabled:focus,
:root .tox .tox-tbtn--enabled:hover,
:root .tox .tox-number-input button:active,
:root .tox .tox-tree .tox-trbtn:active,
:root .tox .tox-tree .tox-trbtn--enabled,
:root .tox .tox-tree .tox-trbtn--enabled:hover {
    background-color: var(--pp-base-dark-gray-color);
}
/*.tox .tox-number-input .tox-input-wrapper:focus::after*/
:root .tox *:has(input:focus)::after,
:root .tox *:focus:after {
    box-shadow: 0 0 0 1px var(--pp-base-dark-gray-color) !important;
    border-color: var(--pp-base-dark-gray-color) !important;
}

.html-editor-component-hidden {
    display: none;
}
.standard-view-html-editor-panel {
    background-color: var(--pp-body-color);
}

.standard-view-html-editor-panel .x-html-editor-container {
    /* border: none; */
    border-color: var(--pp-input-border-color);
}
.standard-view-htmleditor.x-item-disabled .x-mask {
    opacity: .2;
}
.standard-view-htmleditor .x-toolbar-default {
    /* fallback: height: 40px; */
    height: 40px;
    background-color: var(--pp-toolbar-background-color);
    /* fallback: border-bottom-width; */
    border-bottom: 1px solid var(--pp-input-border-color) !important;
}
.standard-view-htmleditor .standard-html-editor-input-cmp {
    /* fallback if scaled */
    top: 40px !important;
    padding: 0 1px;
}
.x-html-editor-wrap textarea, .x-htmleditor-iframe {
    border: 0;
}
.standard-view-htmleditor .x-html-editor-wrap textarea[data-ref="textareaEl"] {
    padding: 10px;
}
.standard-view-htmleditor .x-btn-plain-toolbar-small {
    padding: 6px;
    margin-right: 4px;
}
.standard-view-htmleditor .x-html-editor-tb .x-font-select {
    height: 28px;
    padding: 0 3px;
    border: 1px solid var(--pp-input-border-color);
    border-radius: var(--pp-button-border-radius);
    background-color: transparent;
    color: inherit;
}
.standard-view-htmleditor .x-html-editor-tb .x-edit-bold,
.standard-view-htmleditor .x-html-editor-tb .x-edit-italic,
.standard-view-htmleditor .x-html-editor-tb .x-edit-underline,
.standard-view-htmleditor .x-html-editor-tb .x-edit-justifyleft,
.standard-view-htmleditor .x-html-editor-tb .x-edit-justifycenter,
.standard-view-htmleditor .x-html-editor-tb .x-edit-justifyright,
.standard-view-htmleditor .x-html-editor-tb .x-edit-createlink,
.standard-view-htmleditor .x-html-editor-tb .x-edit-insertorderedlist,
.standard-view-htmleditor .x-html-editor-tb .x-edit-insertunorderedlist  {
    /* it is ExtJs html editor for */
    font-family: 'Font Awesome 5 Free';
}
.standard-view-htmleditor .x-html-editor-tb {
    font-size: small;
    padding: 5px 0 5px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.standard-view-htmleditor .x-btn-disabled.x-btn-plain-toolbar-small {
    opacity: 0.5;
}
.standard-view-htmleditor .x-btn.x-btn-pressed.x-btn-plain-toolbar-small {
    background: var(--pp-secondary-pressed-color);
    /*right: 1px;*/
    /*left: auto!important;*/
}
.standard-view-htmleditor .x-btn-plain-toolbar-small.x-box-menu-after {
    margin: 0 0 0 4px;
}
.standard-view-htmleditor .x-btn-plain-toolbar-small.x-box-menu-after .x-toolbar-more-icon:before {
    /* it is ExtJs html editor for */
    font-family: 'Font Awesome 5 Free';
    vertical-align: top;
    display: block;
}
.standard-view-htmleditor .x-html-editor-tb .x-btn-tooltip {
    display: block;
}
.standard-view-htmleditor [data-ref="targetEl"] .x-html-editor-tb .activity-description-toolbar-item-hidden {
    display:none;
}
.standard-view-htmleditor .x-html-editor-tb .x-toolbar-item:nth-of-type(1) {
}
.standard-view-htmleditor .x-html-editor-tb .x-toolbar-item:nth-last-of-type(1) {
}

/* editor resizer */
:root .activity-card-editor-panel .standard-view-htmleditor {
    /*height: 160px;*/
    /*transition: height .001s linear;*/
}
.editor-textarea-resizer {
    /* transition: height .01s linear; */
}
.activity-card-htmleditor-fields-united-panel {
    /* transition: height .01s linear; */
}
.activity-card-editor-panel.standard-view-html-editor-panel .editor-textarea-resizer .x-resizable-handle-south {
    bottom: -10px;
    transition: opacity .2s linear 1s;
}

.activity-executions-rows-united-toolbar {
    background-color: var(--pp-toolbar-background-color);
    border: 1px solid var(--pp-secondary-gray-medium-color) !important;
}
.editor-textarea-resizer.x-resizable-pinned >.x-resizable-handle-south {
    background-color: transparent;
    font-size: 0;
    line-height: 0;
}
.is-resizable-container.editor-textarea-resizer.x-resizable-pinned >.x-resizable-handle-south {
    background-color: var(--pp-body-color);
}
.activity-card-htmleditor-fields-united-panel.custom-editor-fields-united-panel,
.activity-card-htmleditor-fields-united-panel.custom-editor-fields-united-panel .standard-view-html-editor-panel,
.custom-editor-fields-united-panel .editor-textarea-resizer,
.custom-editor-fields-united-panel .editor-textarea-resizer.x-resizable-pinned >.x-resizable-handle-south {
    background-color: var(--pp-body-color);
}
.editor-textarea-resizer.x-resizable-pinned >.x-resizable-handle-south:before {
    content: '\E1FE';
    position: absolute;
    display: block;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 4px;
    font-size: 24px;
    line-height: 4px;
    z-index: 20;
    text-align: center;
    font-family: 'Phosphor-Bold';
}
.editor-textarea-resizer.x-resizable-pinned >.x-resizable-handle-south:after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    line-height: 0;
    background-color: var(--pp-input-border-color);
}
/*
.custom-editor-container.activity-textarea-resizer.x-resizable-pinned >.x-resizable-handle-south {
    background-color: transparent;
    z-index: 990;
}
.custom-editor-container.activity-textarea-resizer.x-resizable-pinned >.x-resizable-handle-south:before {
    top: 1px;
    z-index: 991;
}
.custom-editor-container.activity-textarea-resizer.x-resizable-pinned >.x-resizable-handle-south:after {
    margin-top: 1px;
}
*/
.relationship-activities-grid-body {
    border-top-width: 0;
}

.filter-grouped-boundlist .filter-group-header {
    padding: 9px 8px;
    font-weight: bold;
}

.relation-iconified-button {
    padding: 3px 3px;
    border-radius: var(--pp-button-border-radius);
    display: block;
    opacity: .84;
    line-height: 1;
    font-size: 14px;
}
.relation-iconified-button:hover {
    background-color: rgba(var(--pp-color-rgb-code), 0.05);
}
.relation-iconified-button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.relation-iconified-button .relation-iconified-icon,
.relation-iconified-button .relation-iconified-text {
    font-size: inherit;
    line-height: 1;
}
.relation-iconified-button .relation-iconified-icon + .relation-iconified-text {
    padding-left: .75em;
}

.filter-grouped-boundlist .filter-group-header-account {
    padding: 9px 8px;
    font-weight: bold;
    background: var(--pp-splitter-color);
}

/* Split button styling for main add new button */
.toolbar-addnew-splitbutton.x-split-button {
    background: var(--pp-primary-focused-color)
    /*var(--pp-base-gradient-double)*/
    ;
    border: 1px solid var(--pp-primary-focused-color) !important;
    border-radius: var(--pp-button-border-radius);
}

.toolbar-addnew-splitbutton .x-btn-split-right + .x-btn-arrow-el {
    width: 27px !important;
}

.toolbar-addnew-splitbutton .x-btn-split-right + .x-btn-arrow-el:before {
    width: 27px !important;
    border-left: 1px solid rgba(255, 255, 255, 0.5) !important;
}
:root .toolbar-addnew-splitbutton.x-split-button .x-btn-split-right:before {
    right: 23px;
    background-color: transparent;
}
.toolbar-addnew-splitbutton .x-btn-split-right:after {
    width: 18px !important;
    padding-left: 6px !important;
}
.toolbar-addnew-splitbutton.x-split-button .x-btn-inner {
    color: var(--pp-main-text-color) !important;
}
.toolbar-addnew-splitbutton.x-split-button .x-btn-split-right:after,
.toolbar-addnew-splitbutton.x-split-button .x-btn-wrap:after {
    color: var(--pp-main-text-color) !important;
}

.toolbar-addnew-splitbutton.x-split-button .x-btn-split-right:before,
.toolbar-addnew-splitbutton.x-split-button .x-btn-split-right + .x-btn-arrow-el:before {
    background-color: transparent !important;
}

.x-split-button.toolbar-addnew-splitbutton.x-btn-over,
.x-split-button.toolbar-addnew-splitbutton.x-arrow-over {
    border-color: var(--pp-primary-focused-color) !important;
    background-color: var(--pp-primary-focused-color) !important;
}

.x-split-button.toolbar-addnew-splitbutton.x-btn-over .x-btn-split-right:before,
.x-split-button.toolbar-addnew-splitbutton.x-btn-over .x-btn-split-right + .x-btn-arrow-el:before,
.x-split-button.toolbar-addnew-splitbutton.x-arrow-over .x-btn-split-right:before,
.x-split-button.toolbar-addnew-splitbutton.x-arrow-over .x-btn-split-right + .x-btn-arrow-el:before,
.x-split-button.toolbar-addnew-splitbutton.x-btn-over:not(.x-arrow-over) .x-btn-split-right:before {
    background-color: var(--pp-primary-color) !important;
}

.x-split-button.toolbar-addnew-splitbutton.x-btn-pressed,
.x-split-button.toolbar-addnew-splitbutton.x-btn-menu-active,
.x-split-button.toolbar-addnew-splitbutton.x-btn-over,
.x-split-button.toolbar-addnew-splitbutton.x-btn-focus {
    border-color: var(--pp-primary-color) !important;
    background-color: var(--pp-primary-color) !important;
}

.x-split-button.toolbar-addnew-splitbutton.x-arrow-focus.x-btn-menu-active .x-btn-split:after,
.x-split-button.toolbar-addnew-splitbutton.x-btn-menu-active.x-btn-over.x-arrow-over .x-btn-split:after,
.x-split-button.toolbar-addnew-splitbutton.x-btn-default-toolbar-small.x-btn-menu-active .x-btn-wrap-default-toolbar-small.x-btn-split:after,
.x-split-button.toolbar-addnew-splitbutton.x-arrow-pressed.x-arrow-focus .x-btn-split:after,
.x-split-button.toolbar-addnew-splitbutton.x-arrow-focus .x-btn-split:after {
    color: var(--pp-body-color) !important;
}

.check-icon-subtle {
    font-size: .85em; 
    opacity: .5;
}

.pp-toast-icon {
    margin-top: 2px;
    margin-right: .45rem;
}

.pp-version-text {
    font-size: 11px;
}

/* Override theme-material rule to remove shadows everywhere and use border instead */
.x-toolbar.x-toolbar-docked-top,.x-toolbar.x-toolbar-docked-left,.x-toolbar.x-toolbar-docked-right {
    box-shadow: none;
    box-shadow: inset 0 -1px 0 var(--pp-toolbar-divider-color);
}
:root .no-shadow {
    box-shadow: none;
}
.main-header .nav-divider::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    height: 26px;
    width: 1px;
    background: rgba(255, 255, 255, .28);
}

/* Disable the box shadow in buttons when pressing/holding */
.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small {
    box-shadow: none;
}
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-small {
    box-shadow: none;
}
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-toolbar-small {
    box-shadow: none;
}

.x-grid-checkcolumn-checked:after {
    color: var(--pp-primary-focused-color);
}

.x-form-cb-checked .x-form-checkbox-default:before {
    color: var(--pp-base-focused-color);
}

.x-form-checkbox.pp-form-cb:before {
    line-height: inherit;
}
.x-tree-checkbox-checked {
    color: var(--pp-base-focused-color);
}
:root .x-tree-node-text {
    vertical-align: middle;
}
.buttoned-checkbox .x-form-checkbox {
    line-height: 1;
    top: -1px;
}

.x-toolbar-default {
    background-color: var(--pp-toolbar-background-color);
}

.pp-modal-window .x-toolbar-footer {
    border-top: 1px solid var(--pp-divider-color);
}

.x-grid-item-selected .x-grid-checkcolumn:after, 
.x-grid-cell-selected .x-grid-checkcolumn:after {
    color: var(--pp-base-focused-color);
}

.x-fieldset-header-default > .x-fieldset-header-text {
    font-weight: 500;
    color: var(--pp-base-color);
    font-size: 14px;
}

.x-fieldset {
    border-color: var(--pp-toolbar-divider-color);
    border-top: 1px solid var(--pp-toolbar-divider-color) !important;
}

.tox-tinymce-aux,
.tox .tox-menu {
    z-index: 30000 !important;
}