@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: #3f5d89;
    --secondary-color: #767676;
    --confirm-color: #7cb342;
    --warning-color: #ff9800;
    --alert-color: #c62828;
    --divider-color: #eee;
    --hovered-background-color: #e9e9e9;
    --base-focused-color: #1976d2;
    --highlight-color: #999;
    --base-pressed-color: #3f5d89;
    --base-pressed-alert-color: #c62828;
    --base-highlight-color: #ccc;
}
:root .is_scrolls * {
    pointer-events: none!important;
}

.text-primary {
    color: var(--base-color);
}

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

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

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

.text-alert {
    color: var(--alert-color);
}
.border-color-primary {
    border-color: #3f5d89 !important;
}
.outline-primary {
    outline: 1px solid #3f5d89;
    outline-offset: -1px;
}
.font-weight-normal {
    font-weight: 400;
}
.nowrap {
    white-space: nowrap;
}

.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;
}
.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: #3f5d89;
    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: #3f5d89 !important;
}
:root sup {
    line-height: 1;
}
/*
.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;
}
.inline-block {
    display: inline-block;
}
.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: #f5f5f5;
}
.border-transparent {
    border-color: transparent !important;
}
:root .dynamic-border:not(.disabled-activity-form-field) .border-primary[data-ref="triggerWrap"] {
    border-color: #3f5d89 !important;
}
:root .extra-focused[data-ref="triggerWrap"] {
    outline: 1px solid #c62828;
    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;
}
/* 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;
}
.transform-from-lt {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}
.transform-from-lb {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
}
.transform-from-lc {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.transform-from-cc {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}
.scale-xs {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
}
.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 {
    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 .no-shadow {
    box-shadow: none;
}
:root .x-grid-dirty-cell > .x-grid-cell-inner:after {
    color: #ff2600;
}
/* 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: #ff2600;
    position: absolute;
    top: 0;
    left: 0;
}
.advanced-dirty.advanced-dirty-checkbox:not(.no-dirty):before {
    content: "\e602";
    font: 14px/1 ExtJS;
    color: #ff2600;
    position: absolute;
    top: 5px;
    left: -2px;
}

.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: #fff;
}

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

.actioncolumn-cell .actioncolumn-inner .actioncolumn-item.icon-small {
    font-size: inherit;
}
.x-action-col-icon {
    width: 20px;
}
.row-indicator-icon {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    margin-right: .2em;
    color: #9e9e9e;
}
.row-indicator-icon.indicator-kpi {
    font-size: 14px;
    /*vertical-align: middle;*/
    width: 18px;
    flex-shrink: 0;
}
.kpis-properties-row.sub-level-kpis-row .kpi-name-cell .row-indicator-icon,
.kpis-connect-grid .kpi-name-indicator-icon .row-indicator-icon {
}
.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 .activity-list-item-text.kpi-name-text {
    line-height: 1;
    vertical-align: top;
}
.kpi-name-cell .kpi-name-text-inner {
    line-height: 1;
    padding-left: 6px;
}
.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: #f5f5f5 !important;
}

.x-tip {
    background: #f8f8f8;
    border: 1px solid #e0e0e0;
}

.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 + :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;
}

/* TOOLBAR */
:root .main-activity-list-toolbar {
    box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 12%),
    2px 2px 5px 0 rgb(0 0 0 / 8%),
    0 1px 0 0 rgb(233 233 233);
    z-index: 9;
}

#mainCentralPanelId {
    background-color: #f5f5f5;
}

:root .select-view-panel {
    z-index: 15;
}
:root .activities-chart-toolbar.tab-and-tool-top-bar,
:root .activity-right-panel .activity-right-panel-toolbar.tab-and-tool-top-bar,
:root .left-tree-toolbar {
    box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 12%),
    2px 2px 5px 0 rgb(0 0 0 / 8%),
    0 1px 0 0 rgb(233 233 233);
    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 .left-tree-toolbar {
    height: 48px;
    display: flex;
    align-items: center;
}
:root .main-activity-list-toolbar {
    /* fallback for extended views */
    /*margin-bottom:1px;*/
}

/* scrolled */
.tab-and-tool-top-bar {
}

.top-bar-scrolled {
}

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

.activity-list-type,
.activity-list-status {
    height: 40px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    padding: 4px;
    width: 150px;
    opacity: 0.7;
}
.text-clipped.activity-list-type,
.text-clipped.activity-list-status {
    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: 1px;
    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 .activity-list-status {
    flex-shrink: 0;
}
.activity-todo-panel .todo-grouped-group-header .activity-list-status,
.activity-todo-panel .todo-activity-cell .todo-activity-cell-inner .activity-list-status {
    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;
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    z-index: 9999;
    background-color: #f5f5f5;
    height: 36px;
    top: calc(50% - 18px);
    margin: 0 1px;
    opacity: 1;
    box-shadow: 0 0 0 1px #e0e0e0;
    transition: all 0.5s ease 0.5s;
}

.tab-and-tool-top-bar.top-bar-scrolled .x-box-scroller:before {
    display: block;
    line-height: 1;
    height: 1em;
    color: #919191;
}

/*.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;
}

.main-activity-list-toolbar.tab-and-tool-top-bar.top-bar-scrolled {
    padding: 6px 17px;
}
.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;
}

.tab-and-tool-top-bar.top-bar-scrolled .x-box-scroller-left {
    border-radius: 0 3px 3px 0;
}

.tab-and-tool-top-bar.top-bar-scrolled .x-box-scroller-right {
    border-radius: 3px 0 0 3px;
}

.list-view-panel-body {
    background-color: #f5f5f5;
}

.tab-and-tool-bar-item {
}

.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-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 .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"] {
    letter-spacing: -.25px;
    font-weight: 500;
    color: #3f4045;
}
/* 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: #3f4045 !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: #e9e9e9;
}
/*
: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: 16.25px;
}
.combo-iconified-boundlist .x-boundlist-selected:not(.x-boundlist-item-over) .iconified-boundlist-listitem-icon {
    color: #fff;
}
.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 {
    line-height: inherit;
}
.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: #fff !important;
}
.combo-iconified-boundlist .iconified-boundlist-listitem-text {
    font-size: 13px;
    min-width: 4em;
    justify-content: flex-start;
    padding-left: .5em;
}
.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;
    display: block;
}
:root .tab-and-tool-top-bar .toolbar-field.combo-iconified .pp-form-triggers-wrap {
    background-color: #e9e9e9;
}
: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-grouping-menu .filter-grouping-menu-item {
    width: 100%;
}
.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.75em;
    margin-left: .5em;
}
.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: 17px;
    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-filtering-menu.filter-searching-categories-menu .filter-filtering-menu-item [data-ref="textEl"] .dropdown-menu-item-icon {
    width: 2.75em;
}
.filter-filtering-menu .filter-filtering-menu-item {
    padding: 1px 0;
}
.filter-filtering-menu .filter-filtering-menu-item .x-menu-item-checkbox {
    line-height: 1;
}
.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.menu-item-radiogroup .x-form-checkboxgroup-body {
    padding: 0;
}
.menu-item-radiogroup.filter-filtering-menu-item .radio-iconified-form-item {
    width: 100%;
    padding: 0 20px 0 16px;
    display: block;
}
.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:  #ccc;
}
.filter-filtering-menu-item .menu-item-box-radio-label {
    padding-left: 24px;
    height: 18px;
    margin-top: 7px;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.filter-filtering-menu-item .menu-item-box-radio-label .radio-iconified-icon {
    height: 18px;
    line-height: 1;
    padding-right: .5em;
}
.filter-filtering-menu-item .menu-item-box-radio-label .radio-iconified-icon.has-icon {
    width: 2.75em;
    text-align: center;
}
.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;
}
.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: #f5f5f5;
}
.filter-filtering-menu .filter-filtering-menu-item [data-ref="textEl"] .icon-medium {
    min-width: 1.75em;
}
/* 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;
}
: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;
    /* (32px - 16px) / 2) */
    padding-top: 8px;
}
/*#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;
}
.multi-fields-boundlist .multi-fields-listitem-text.listitem-icon {
    opacity: .35;
}
/* multi-fields-cell */
.multi-fields-cell .multi-fields-cell-item-wrapper {
    display: flex;
    justify-content: space-between;
}
.multi-fields-cell-item-wrapper .multi-fields-item-text {
    overflow: hidden;
    text-overflow: ellipsis;
}
.multi-fields-cell .multi-fields-item-text.item-icon {
    opacity: .35;
}

/* 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: 3px 0 0 3px !important;
}
.buttoned-searching-wrapper .buttoned-search-button.buttoned-search-over {
    background-color: #e0e0e0 !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: 20px;
    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 */
.list-toolbar .toolbar-html-component {
    padding: 4px 8px;
}
/*BUTTONS*/
:root .toolbar-button {
    background-color: #e9e9e9;
    border: 1px solid #e0e0e0;
    padding: 4px 8px;
    border-radius: 3px;
}
: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: 3px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
: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) {
    background-color: transparent;
}
:root .displayed-page-activities .activities-chart-toolbar-segmented .x-btn-pressed.toolbar-button {
    border-color: #e0e0e0;
}
.list-toolbar .toolbar-html-component,
.toolbar-button .x-btn-inner {
    text-transform: none;
    font-size: 14px;
    color: #666;
}

.toolbar-button .without-label {
    margin-right: 5px;
}

.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: #666;
    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;
}

.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;
}

.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 #ccc;
    background-color: #e0e0e0 !important;
}

.x-btn-over.x-btn-default-toolbar-small {
    /*    border: 1px solid #ccc;*/
    background-color: #e0e0e0 !important;
}

.x-btn-focus.toolbar-button {
    background-color: #e0e0e0 !important;
    border-color: #ccc;
}

.x-btn-pressed.toolbar-button {
    background-color: #e0e0e0 !important;
}

.x-btn-focus.toolbar-button .x-btn-icon-el,
.x-btn-pressed.toolbar-button .x-btn-icon-el {
    color: #3f5d89 !important;
}

.toolbar-split-button {
    background-color: #e9e9e9 !important;
    border: 1px solid #e0e0e0 !important;
    padding: 4px 8px;
    border-radius: 3px;
}

.x-btn-focus.x-split-button {
    background-color: #e9e9e9 !important;
    border-color: #ccc;
}

.x-btn-over.x-split-button {
    border: 1px solid #ccc;
    background-color: #e0e0e0 !important;
}

.x-btn-focus.x-split-button .x-btn-split-right:before {
    background-color: #e0e0e0 !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: #666 !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: #3f5c89 !important;
}

.x-split-button.x-btn-over:not(.x-arrow-over) .x-btn-split-right:before {
    background-color: #e0e0e0 !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: #e0e0e0 !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: #e0e0e0 !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 #e0e0e0;
}

.toolbar-split-button .x-btn-split-right:after {
    padding-left: 5px;
}

.toolbar-addnew-button {
    background-color: #3f5d89 !important;
    border: 1px solid #3f5d89 !important;
    padding: 4px 8px;
    border-radius: 3px;
}

.toolbar-addnew-button .x-btn-inner {
    color: white !important;
    text-transform: none;
    font-size: 14px;
}

.x-btn-over.toolbar-addnew-button {
    background-color: #3965a6 !important;
}

.x-btn-pressed.toolbar-addnew-button {
    border-color: #3f5d89;
    background-color: #39619a !important;
}

.x-btn-focus.toolbar-addnew-button {
    background-color: #39619a !important;
}
/* icon-button like buttons in HTML-editor */
.like-editor-toolbar-button {
    color: #919191;
    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: #dbdbdb;
    background-color: rgba(17, 17, 17, 0.075);
}
.like-editor-toolbar-button.button-pressed {
    background-color: #aaa;
    border-color: #d2d2d2;
    color: #fff;
}
/* icon-button like buttons in HTML-editor END */

.primary-color {
    color: #3f5d89;
}
.secondary-color {
    color: #767676;
}
.secondary-button {
    border-radius: 3px;
    padding: 8px;
    background-color: #e9e9e9 !important;
}

.secondary-button .x-btn-inner {
    text-transform: uppercase;
    color: #3f5d89 !important;
}

.alert-outline-button {
    border-radius: 3px;
    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(--alert-color);
}

/*.tab-and-tool-top-bar .secondary-button {*/
/*    background-color: #e9e9e9 !important;*/
/*}*/
.x-btn-over.secondary-button {
    background-color: #e0e0e0 !important;
}

.x-btn-pressed.secondary-button {
    border-color: #3f5d89;
    background-color: #e0e0e0 !important;
}

.x-btn-focus.secondary-button, .x-btn-focus.alert-transparent-button {
    background-color: transparent !important;
}

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

.x-btn-pressed.alert-transparent-button,
.x-btn-pressed.alert-transparent-button.x-btn-default-small .x-btn-inner {
    color: #fff;
}

.transparent-button-background,
.transparent-button-background .x-btn .x-btn-default-small .x-unselectable {
    border-radius: 3px;
    padding: 8px;
    background-color: transparent!important;
}
.transparent-button-background.single-icon {
    padding: 8px 6px;
}

.transparent-button-background .x-btn-inner-default-small {
    color: #3f5d89 !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: #e5e5e5 !important;
}
.secondary-button-background,
.secondary-button-background .x-btn .x-btn-default-small .x-unselectable {
    border-radius: 3px;
    padding: 8px;
    background-color: #e5e5e5 !important;
}
.secondary-button-background .x-btn-inner-default-small {
    color: #3f5d89 !important;
}
.secondary-button-background-bordered,
.secondary-button-background-bordered .x-btn .x-btn-default-small .x-unselectable {
    border-radius: 3px;
    padding: 7px;
    background-color: #e5e5e5 !important;
    border: 1px solid rgba(63, 93, 137, 0.6) !important;
}
.secondary-button-background-bordered .x-btn-inner-default-small {
    color: #3f5d89 !important;
}
.x-btn-over.secondary-button-background-bordered {
    background-color: #e2e2e2 !important;
}
.x-btn-pressed.secondary-button-background-bordered {
    background-color: #e2e2e2 !important;
}
.x-btn-focus.secondary-button-background-bordered {
    background-color: #e2e2e2 !important;
}

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

:root .primary-button-background,
:root .primary-button-background .x-btn .x-btn-default-small .x-unselectable {
    border-radius: 3px;
    background-color: #3f5d89 !important;
    border-color: #3f5d89 !important;
}
:root .primary-button-background .x-btn-inner[data-ref="btnInnerEl"] {
    text-transform: uppercase;
    color: #fff !important;
}
/* only icon on right_of_textfield */
.textfield-icon-centered {
    border-radius: 3px;
    padding: 0;
    border: 1px solid #e0e0e0;
    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: 3px;
    padding: 0;
    background-color: #e9e9e9;
    border: 1px solid #e0e0e0;
    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: #e0e0e0;
}
.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-color: #3f5d89;
    padding: 8px;
}
.primary-button {
    border-radius: 3px;
}

.primary-button .x-btn-inner {
    text-transform: uppercase;
    color: #fff !important;
}

.x-btn-over.primary-button {
    background-color: #3965a6 !important;
}

.x-btn-pressed.primary-button {
    border-color: #3f5d89;
    background-color: #39619a !important;
}

.x-btn-focus.primary-button {
    background-color: #39619a !important;
}

.disabled-activity-form-button {
    opacity: 0.6 !important;
    pointer-events: none;
    cursor: default;
    transition-property: none;
}

.disabled-activity-form-primary-button {
    background-color: #3f5d89 !important;
    opacity: 0.3 !important;
    pointer-events: none;
    cursor: default;
}

.glyph-button-empty, .glyph-button-empty:hover, .glyph-button-empty .x-btn-inner-default-small {
    color: #3f5d89;
    border-radius: 3px;
    padding: 4px 8px;
    text-transform: none;
}

.x-btn-over.glyph-button-empty {
    background-color: #e0e0e0 !important;
}

.x-btn-pressed.glyph-button-empty {
    background-color: #e0e0e0 !important;
}

.x-btn-focus.glyph-button-empty {
    background-color: transparent !important;
}

.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 .x-form-checkbox {
    line-height: 1;
    top: -1px;
}

.toolbar-button.buttoned-checkbox .without-label {
    display: block;
    line-height: 1;
    padding-left: 32px;
    margin-right: 0;
    position: relative;
}
.buttoned-checkbox .buttoned-checkbox-with-text {
    display: flex;
    align-items: center;
    flex-wrap:nowrap;
    white-space: nowrap;
}

/*.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-msg-window .pp-msg-header {
    box-shadow: none;
    background-color: transparent;
    padding: 30px 30px 0;
    height: auto;
    /*margin-bottom: 15px;*/
}
:root .pp-msg-window .pp-msg-header .pp-msg-header-title [data-ref="textEl"] {
    font-size: 18px;
    line-height: 1.44;
}
: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: 22px;
    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;
    align-items: center;
    line-height: 22px;
    vertical-align: middle;
}
:root .pp-msg-window .pp-msg-header .x-tool-tool-el {
    color: currentColor;
    opacity: .8;
}
: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-msg-window .pp-msg-body {
    box-shadow: none;
    background-color: transparent;
    padding: 15px 30px 15px;
}
:root .pp-msg-window .pp-msg-body .pp-msg-item .pp-msg-icon {
    height: 40px;
    font-size: 40px;
    min-width: 1em;
}
:root .pp-msg-window .pp-msg-body .pp-msg-item .icon-msg:before {
    font-size: inherit;
}
:root .pp-msg-window .pp-msg-body .pp-msg-item .pp-msg-icon + .x-box-item {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
:root .pp-msg-window .pp-msg-body .pp-msg-item .pp-msg-icon + .x-box-item [data-ref="innerCt"] {
    min-height: 40px;
}
:root .pp-msg-window .pp-msg-body .x-window-text {
    min-height: 40px;
    max-height: 300px;
    overflow: hidden auto;
    padding-right: 1em;
    align-content: center;
}
: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-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;
}
:root .pp-msg-window .pp-msg-footer .pp-msg-footer-item {
    background-color: #ededed;
    padding: 8px 16px;
    margin: 0;
}
:root .pp-msg-window .pp-msg-footer .pp-msg-footer-item.secondary-button-background {
    background-color: #ededed!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: #3f5d89;
}
: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: #e0e0e0 !important;
}
: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: #2a3f5d !important;
}
:root .pp-msg-window .pp-msg-footer .pp-msg-footer-item.x-btn-focus .x-btn-inner[data-ref="btnInnerEl"] {
    color: #fff;
}
/* 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: #111;
    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: #fff;
    border-bottom: 1px solid #eee;
}
: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: #e9e9e9;
    border-bottom-color: #eee;
}
: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;
}
:root .pp-msg-window .pp-msg-body .msg-references-list .msg-references-list-cell-attr .msg-references-list-attr-text .activity-list-type.activity-list-background {
    /* prevent to copy supporting text (second) */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@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: #eee;
    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: 3px;
    display: block;
    opacity: .84;

    line-height: 1;
    font-size: 14px;
}
.count-iconified-cell .count-iconified-inner .count-iconified-button:hover {
    /*background-color: rgba(17, 17, 17, 0.1);*/
    background-color: rgba(17, 17, 17, 0.05);
}
.count-iconified-cell .count-iconified-inner .count-iconified-button {
    display: flex;
    justify-content: flex-start;
    align-items: 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 .count-iconified-button .count-iconified-icon + .count-iconified-text {
    /* 1 common SPACE width: .25em */
    padding-left: .75em;
}
/* MAIN HEADER */
.main-header .x-panel-body-default {
    background-color: #2a3f5d;
    color: #fff !important;
}

.main-header-logo, .main-header-logo:active, .main-header-logo:hover, .main-header-logo:visited {
    color: #fff;
    font-size: 18px;
    font-family: DreamOrphans;
    font-weight: normal;
    padding-right: 10px;
    text-decoration: none;
}

.main-header-element {
    padding-left: 10px;
    margin-top: 18px;
    color: #fff;
}

.main-header-button .x-btn-inner-default-small,
.main-header-button .x-btn-inner-default-small:hover {
    color: #fff !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: #fff !important;
    font-weight: 300;
    font-size: 14px;
    text-transform: none;
}

.main-header .split-button-header {
    border-width: 1px;
    border-style: solid;
    border-color: transparent !important;
    padding: 4px 6px;
}
.main-header .main-header-button,
.main-header .main-header-user {
    border-width: 1px;
    border-style: solid;
    border-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: #2a3f5d !important;
    border: 1px solid white !important;
}

.x-btn-over.main-header-button,
.x-btn-over.main-header-user,
.x-btn-over.split-button-header {
    background-color: #2a3f5d !important;
}

.main-header-menu .main-header-body {
    padding: 2px;
}
.main-header-menu .main-header-menu-item {
    padding: 0 11px;
    /*padding: 0 14px 0 16px;*/
    max-width: 100%;
}
.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-menu .main-header-menu-item .pp-menu-no-separator {
    margin: 0;
    width: 100%;
    padding: 0;
}

.main-header-timer-top .x-panel-body-default {
    font-size: 18px !important;
}

.main-header-timer-bottom .x-panel-body-default {
    font-size: 10px !important;
    overflow: hidden;
    white-space: nowrap;
    margin-top: -2px;
}

/*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;
}*/
#mainLeftTreesId_header.left-right-tree-header,
.right-panel .left-right-tree-header {
    display: flex;
    height: 46px;
    padding: 14px 10px;
    align-items: center;
}
#mainLeftTreesId_header.left-right-tree-header {
    z-index: 15;
}
.x-panel-header-default {
    background-color: #f5f5f5;
    border-color: #e5e5e5;
}
:root .x-panel-header-title.x-title-focus {
    outline-color: transparent !important;
}
.x-panel-header-title-default {
    color: #595959;
    font-size: 15px;
    line-height: 18px;
}

.x-panel-header-default-horizontal .x-header-noborder {
    padding: 16px;
}

/*TOOL BUTTONS*/
.x-tool-collapse-right:before,
.x-tool-collapse-left:before,
.x-tool-close:before,
.x-tool-maximize:before,
.x-tool-minimize:before,
.x-tool-restore:before,
.x-tool-expand-left:before,
.x-tool-expand-right:before {
    background-color: #767676;
    color: white;
}

.right-panel .x-tool-expand-right:before {
    content: 'keyboard_arrow_left';
}

.right-panel .x-tool-collapse-left:before {
    content: 'keyboard_arrow_right';
}
.right-panel.right-panel-expanded .collapsable-panel-icon {
    margin-left: 0;
    margin-right: 10px;
}
.right-panel.right-panel-collapsed .collapsable-panel-icon {
    margin-left: 8px;
    margin-right: 10px;
}
/* tool icons override */
/*
:root .x-tool-close,
:root .x-tool-collapse-left,
:root .x-tool-expand-right,
:root .x-tool-maximize,
:root .x-tool-minimize {
    background-color: transparent;
    line-height: 1;
    width: 1em;
    height: 1em;
    !*font-family: 'Font Awesome 5 Free';*!
}
.x-tool-close:before,
.x-tool-collapse-left:before,
.x-tool-expand-right:before,
.x-tool-maximize:before,
.x-tool-minimize:before {
    background-color: #767676;
    line-height: 1;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: inherit;
    width: 1em;
    height: 1em;
}
.x-tool-maximize:before,
.x-tool-minimize:before {
    line-height: 1.25;
    align-items: stretch;
}
*/
.x-tool-maximize,
.x-tool-restore,
.x-tool-minimize {
    background-color: transparent;
}
.x-tool-maximize:before,
.x-tool-minimize:before,
.x-tool-restore:before {
    font-size: 11px;
    line-height: 13px;
    height: inherit;
    width: inherit;
    display: block;
}
.x-tool-maximize:before {
    /* f31e f424 */
    content: '\f424';
    /*content: '\f31e';*/
}
.x-tool-restore:before,
.x-tool-minimize:before {
    /* f78c f422 */
    content: '\f422';
    /*content: '\f78c';*/
}
.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;*/
}
.collapsible-expandable-panel .collapsible-expandable-panel-header .x-tool [data-ref=toolEl] {
    color: #919191;
    margin-top: -2px;
}
.collapsible-expandable-panel .collapsible-expandable-panel-header .x-tool .x-tool-collapse-top:before {
    content: '\f0d7' !important;
}
.collapsible-expandable-panel .collapsible-expandable-panel-header .x-tool .x-tool-expand-bottom:before {
    content: '\f0da' !important;
}
/* 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: #e2e2e2;
}
/* generic wbs END */

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

.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;
}

.x-column-header-over {
    background: #eee 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(--base-color);
}

.x-tree-icon.x-tree-icon-parent-expanded,
.x-tree-icon.x-tree-icon-parent {
    width: 18px;
}
/*POPUP WINDOW*/
.x-window-default {
    border-radius: 3px;
}

/*.popup-window .x-toolbar-default {
    background-color: white;
    box-shadow: none;
}*/
.popup-window .x-window-header-default-top {
    /*background-color: #f5f5f5;*/
    /*height: 50px;*/
}

.x-window-header-default-top {
    background-color: #f5f5f5;
    height: 42px;
    padding-top: 13px;
    padding-bottom: 11px;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12),
    2px 2px 5px 0 rgba(0, 0, 0, 0.08);
}

.x-window-header-title-default {
    color: #595959;
    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: #e7e7e7;
}

/* 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;
}

.feed-grid-panel .feed-entry-header .feed-entry-date:nth-of-type(2) {
    margin-left: 1em;
}

.feed-grid-panel .feed-entry-header .feed-entry-date {
    font-size: 12px !important;
    font-weight: 400;
    color: #999 !important;
}

.feed-grid-panel .feed-entry-header .feed-entry-date .feed-icon {
    opacity: .75;
}

.feed-grid-panel .feed-entry-header .feed-entry-date .feed-time {
    margin-left: .5em;
}

.feed-grid-panel .feed-entry-header .feed-entry-date .date-value {
    margin-left: .5em;
}

.feed-grid-panel .feed-entry-header .feed-entry-who {
    color: #9e9e9e;
    font-size: 12px;
}

.feed-grid-panel .feed-entry-title {
    line-height: 1.4;
}

.feed-grid-panel .feed-entry-title .feed-entry-title-name {
    color: #595959 !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: #3f5d89 !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-x: hidden;
}

.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: rgba(158, 158, 158, 0.9);
    color: transparent;
    border: 0;
    font-size: 1px;
    height: 1px;
    margin: 5px 0;
}

.feedLogEntry .x-panel-body {
}

.feed-grid-panel .feed-entry-description {
    margin-top: 0.75em;
    font-size: 13px;
    line-height: 1.25;
}

.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: #000;
}

.feed-entry-code {
    font-size: 11px !important;
    font-weight: 400;
    color: #999 !important;
}
.feed-created-date-label {
    margin-left: 7px;
}

.feedLog .x-grid-cell-inner {
    background-color: #fff;
    word-wrap: break-word;
    white-space: pre-line;
    line-height: 0.95;
}

.feedLogEntry a,
.feedLogEntry a:visited,
.feedLogEntry a:hover,
.feedLogEntry a:active {
    color: #00e;
}

/* 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;
}

/*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 #bbb;
    border-radius: 50%;
    background-color: white;
}

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;
    background-clip: content-box;
    border: 1px solid #3f5d89;
    border-radius: 50%;
    background-color: #3f5d89;
}

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;
}

/* 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;
}

.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox:before {
    font-size: large;
}

.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox:before {
    font-size: large;
}
/* BoxLabel icon on checkbox */
.checkbox-label-icon {
    padding: 0 4px;
}
.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 #fff,
    -1px 1px 0 #fff;
}
.checkbox-label-icon.stacked-icon.stacked-exclude:after {
    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 #e0e0e0;
    border-radius: 3px;
    background-color: #fff;
}

.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(--base-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(--base-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(--base-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(--alert-color);
}
:root .form-inline-text-invalid {
    color: #c62828;
}
:root .nb-color {
    color: #f00;
}

.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: #e5e5e5;
    /*display: block;*/
}
:root .file-upload-button .img-upload-trigger-wrapper .x-form-file-btn {
    background-color: #e5e5e5;
    display: block;
}

.file-upload-button .img-upload-trigger-wrapper .x-form-file-btn .x-btn-inner {
    color: #3f5d89;
    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 #d0d0d0;
}

.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-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: 9999;
}
.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: '\f021';
    font-family: 'Font Awesome 5 Free';
    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: #757575;
}
.pp-field-date ::-ms-input-placeholder {
    color: #757575;
}
.pp-field-date ::-moz-placeholder {
    color: #757575;
}
.pp-field-date :-moz-placeholder {
    color: #757575;
}
.pp-field-date ::placeholder {
    color: #757575;
}

/*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 .combo-iconified-icon-wrapper {
    opacity: 0.6;
    pointer-events: none;
    background-color: #f5f5f5;
}
: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 #e0e0e0 */
    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);
}

/* 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 .activity-list-type,
.activity-list-panel .is-editable-cell .can-edit-field .activity-list-status {
    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: 3px;
    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 #d3d3d3;
    border-radius: 3px;
    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 #d3d3d3;
    border-radius: 3px;
    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: 3px;
    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: #f5f5f5;
}
: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: #d3d3d3;
}
:root .editable-column .pp-classifier-invalid.pp-form-triggers-wrap,
:root .pp-column-date .pp-date-invalid {
    border-color: #c62828!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: #fff!important;
}
.is-editable-cell.pp-column-date .x-editor .pp-column-date-trigger-wrap-focus {
    background-color: #fff!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: #fff;
}

.in-row-edit.is-editable-cell .can-edit-field .activity-list-type,
.in-row-edit.is-editable-cell .can-edit-field .activity-list-status,
.in-row-edit.not-editable-cell .can-not-edit-field .activity-list-type,
.in-row-edit.not-editable-cell .can-not-edit-field .activity-list-status {
    /* 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 .activity-list-type.activity-list-background,
.in-row-edit.is-editable-cell .can-edit-field .activity-list-status.activity-list-background,
.in-row-edit.not-editable-cell .can-not-edit-field .activity-list-type.activity-list-background,
.in-row-edit.not-editable-cell .can-not-edit-field .activity-list-status.activity-list-background {
    position: absolute;
    left: 8px;
    top: 10px;
    bottom: 10px;
    display: inline;
    max-width: calc(100% - 16px);
    z-index: -1;
    width: auto;
    margin-right: auto;
    /*overflow: hidden;*/
    color: transparent !important;
    right: auto;
    height: auto;
    opacity: 0.7;
}
.in-row-edit.is-editable-cell .can-edit-field.empty-edit-field .activity-list-type,
.in-row-edit.is-editable-cell .can-edit-field.empty-edit-field .activity-list-status {
    width: 100% !important;
    display: block;
    height: 21px;
    /*border: 1px dashed #d3d3d3;*/
    /*background-color: #f9f9f9;*/
}
.in-row-edit.is-editable-cell .can-edit-field.empty-edit-field .activity-list-type.activity-list-background,
.in-row-edit.is-editable-cell .can-edit-field.empty-edit-field .activity-list-status.activity-list-background {
}
.in-row-edit.is-editable-cell .can-edit-field .activity-list-type.activity-list-background:before,
.in-row-edit.is-editable-cell .can-edit-field .activity-list-status.activity-list-background:before {
    content: '';
    position: absolute;
    height: calc(100% + 10px);
    width: calc(100% + 10px);
    top: -5px;
    left: -5px;
    box-shadow: inset 0 0 0 1px #d3d3d3;
    border-radius: 3px;
    overflow: hidden;
}

/* 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: #bbb;
    line-height: 1.2;
}
.settings-classifiers-infotext-label a {
    color: #2196f3;
    text-decoration: underline;
}
.settings-classifiers-infotext-label a:hover {
    color: #1976d2;
    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;
}

:root .light-grid .light-grid-header-ct,
:root .light-grid .light-grid-body {
    border-top-width: 1px!important;
    border-top-color: #e2e2e2;
}

/* 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;
}
.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: #f5f5f5;
    opacity: .6;
}
.activity-view-htmleditor.disabled-activity-form-field .x-mask {
    opacity: .05;
}
/* combo special attributes END */

.horisontal-separator {
    height: 1px;
    background-color: #e0e0e0;
}

.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%;
}

/* 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: #e0333c;
}
.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: #e0333c;
}

/*
.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;
}
.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;
}

/* font icon */
.fa-stack.icon-medium {
    font-size: 8px;
    /*height: 1em;*/
    width: 2em;
    display: block;
}

/* for disabled can not edit combo tdCls */
.not-editable-cell {
    color: #595959;
    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;
}
.fa-stack.icon-medium .fa-stack-1x {
}

.fa-stack.icon-medium .fa-stack-2x {
}

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

.value-invalid {
    color: #f00;
}

.value-invalid-message {
    background-color: #f2f2f2;
    padding: 0.75em;
    border: 1px solid #f00;
    margin: 0.5em auto 0 0;
    display: inline-block;
}

#mainLeftSplitterId,
#mainRightSplitterId,
.top-layer-splitter {
    z-index: 9999;
}

/* 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 #e0e0e0;*/
}
.displayed-page-settings .x-boundlist .x-boundlist-item.boundlist-item-lined:nth-of-type(n+2) {
    border-top: 1px solid #e0e0e0;
}
/* 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: #999;
    font-size: 13px;
}
.inner-small-label {
    color: #919191;
    font-size: .9em;
}
.container-small-label {
    color: #919191;
    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 #d0d0d0;
    border-radius: 3px;
    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 {
    list-style-type: decimal;
    list-style-position: inside;
    display: list-item;
    font-size: 14px;
    line-height: 20px;
    margin: 3px 3px 3px 2px;
    max-width: calc(100% - 5px);
    border: 1px solid #d0d0d0;
    vertical-align: middle;
    padding: 3px 28px 3px 8px;
    overflow-x: hidden;
}
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(17, 17, 17, .6);
}
li.pp-tag-field-item-ordered.pp-tag-field-item:not(:hover):not(:focus)::marker{
    color: rgba(17, 17, 17, .5);
}
li.pp-tag-field-item-ordered.pp-tag-field-item .x-tagfield-item-text {
    display: inline;
    margin-left: 7px;
    word-wrap: break-word;
    word-break: break-all;
    hyphenate-character: auto;
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
}
li.pp-tag-field-item-ordered .pp-tag-field-item-delete {
    width: 21px;
    height: 20px;
    line-height: 1;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 3px;
    right: 3px;
    font-size: 12px;
}
li.pp-tag-field-item-ordered .pp-tag-field-item-delete:before {
    display: block;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    content: '\f00d';
    box-sizing: border-box;
}
.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-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;
}
.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;*/
}
: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;
}*/

.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;
}
.pp-modal-window .checkbox-selection-table .checkbox-selection-row .x-grid-cell-special.x-selmodel-checkbox {
    border-color: transparent;
}

/** Fix Checkcolumn header: checkbox color is wrong in Material theme CSS */
.x-grid-hd-checker-on .x-column-header-checkbox:after,.x-grid-checkcolumn-checked:after {
    color: var(--base-color); /* theme-material uses --highlight-color (grey instead of blue) */
}
/** Fix Checkcolumn cell: Checkbox color is wrong in Material theme CSS */
.x-grid-item-selected .x-selmodel-column .x-grid-checkcolumn:after {
    color: var(--base-color); /* theme-material uses --highlight-color (grey instead of blue) */
}


: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 icon list blocks */
.tooltip-icon-list {
    margin: 0;
    padding: 0 0 0 1.2em;
    font-size: 15px;
    line-height: 1;
    color: rgba(17, 17, 17, 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: #008000;
}
.pp-modal-window.structure-user-window .account-status-enabled input[type="radio"]:checked.account-status-input {
    background-color: #008000;
}
.pp-modal-window.structure-user-window .account-status-disabled .account-status-item {
    color: #f00;
}
.pp-modal-window.structure-user-window .account-status-disabled input[type="radio"]:checked.account-status-input {
    background-color: #f00;
}
/* 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: #f5f5f5;
    background-color: #2a3f5d;
}
:root .main-tree-structured-reference-row, .activity-todo-panel .x-grid-group-hd {
    background-color: #f5f5f5;
}
: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: #f5f5f5;
    background-color: #2a3f5d;
}
/* 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 #e2e2e2;
}
: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: #e2e2e2 solid 2px !important;
}
:root .kpi-window .separated-record-table:nth-last-of-type(1) {
    border-bottom: #e2e2e2 solid 2px !important;
}
:root .kpi-window .separated-record-table-foot {
    background-color: transparent;
}
: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 #e2e2e2!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: #f00;
}
/*.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 #f5f5f5;
    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;
}

#kpiModal > .x-mask {
    /* header height is 42, bottom height is 54 */
    top: 42px;
    bottom: 54px;
    height: calc(100% - 96px);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(208, 208, 208, .3);
}
#kpiModal > .x-mask .modal-mask {
    position: static !important;
}
/* highlights */
.kpi-current-year-period {
    background-color: #f9f9f9;
}
.period-cell.kpi-levels-dates-range-out > .x-grid-cell-inner {
    font-style: italic;
    opacity: .3;
    background-image: repeating-linear-gradient(
        -45deg,
        #e5e5e5,
        #e5e5e5 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,
        #d5d5d5,
        #d5d5d5 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;
    margin: 0 auto;
    justify-content: center;
}
.two-row-header-cell .x-column-header-text-inner span {
    margin: 0 3px;
    max-width: calc(100% - 6px);
}
.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-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:#3f5d89;
    font-weight: 600;
}
: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 .help-icon-cell {
    opacity: .48;
}
.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: #2a3f5d;
    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: #676767;
    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;
}
.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: 100%;
}
.separated-record-table-foot .values-total {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
}
.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 */
    top: 0;
}
.target-mode-comparable-hidden .separated-record-table-foot .kpi-real-assessment-icon {
    position: relative;
    margin-right: 10px;
    left: 0;
}
.separated-record-table-foot .value-percentage,
.separated-record-table-foot .value-self {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.separated-record-table-foot .value-self,
.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,
.kpis-properties-row .kpi-real-assessment-icon {
}
.measurable-activity .kpi-real-assessment-name,
.kpis-properties-row .kpi-real-assessment-name {
    padding-left: 5px;
}
/* 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 #d5d5d5;
}
: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-color: #f9f9f9;
}
.kpi-window .separated-record-table-head .kpi-cell-disabled {
    opacity: 0.8;
    pointer-events: none;
    background-color: #f5f5f5;
}
.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: 3px;
}
.pp-widget-cell-combo .widget-combo:hover [data-ref="triggerWrap"],
.pp-widget-cell-combo .widget-combo:focus [data-ref="triggerWrap"] {
    background-color: #f9f9f9;
}
.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: #3f5d89;
}
.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: #f5f5f5;
}
.pp-widget-cell-combo .pp-combo-item-icon:before,
:root .pp-boundlist-item i:before {
    color: #595959;
    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 #fff;
    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: #fff !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;
}

/* 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: #fff;
    margin-top: 15px;
    box-shadow: none;
}
.x-message-box .x-window-header-title-default {
    color: #000;
    font-size: 18px;
    line-height: 20px;
    margin-top: 15px;
    margin-left: 18px;
}
.x-message-box .x-message-box-icon {
    color: #f8c107;
    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: #ededed;
}
.x-message-box .x-btn:hover {
    background-color: #237ed7;
}
.x-message-box .x-btn:hover .x-btn-inner {
    color: #fff;
}

.attention {
    color: #e0333c;
}

/* -------- /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: #777;
    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.activity-list-type,
:root .kanban-task-type .text-clipped.activity-list-status {
    margin-top: 0;
    margin-bottom: 0;
    font-size: inherit;
    line-height: inherit;
}
.kanban-info-icon {
    position: absolute;
    right: 0;
    top: 0;
    color: #959595;
}
.kanban-task-list {
    margin-bottom: 6px;
    font-size: 14px;
}
.kanban-task-list:empty {
    display: none;
}
.kanban-milestone-deadline {
    font-size: 12px;
    color: #777;
}
.kanban-task-priority-flag {
    float: right;
}

.kanban-task-lock-icon {
    color: #959595;
    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: #666;
    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: #666;
    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: #a7a7a7;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 3px;
    cursor: default;
}
.calendar-task-forbidden {
    font-style: italic;
    color: #a7a7a7;
}
.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: #2a3f5d !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: #767676 !important;
    /*filter: opacity(0.8);*/
    opacity: 0.8;
    border-radius: 0;
}
.panel-header-tools-text-button-hover { /* overCls */
    background-color: #767676 !important;
    /*filter: opacity(1);*/
    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;
    opacity: 1;
    height: 16px;
    display: inline-flex;
    align-items: center;
}
.panel-header-tools-text-button .x-tool-maximize:before {
    background-color: transparent;
}
.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: #fff;
}
/* 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(--base-color);
}

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

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

.pp-toast-alert.pp-animate-border-bottom:before {
    border-bottom-color: var(--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:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    border-bottom: solid 0.125rem var(--base-color);
    animation: animate_width 3s linear forwards;
}

.pp-animated-slide-downed {
    height: 0;
    animation: slideDown 400ms linear 50ms;
}
@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-inner {
    padding: 0.375rem 0.25rem;
}
.activity-todo-panel .x-grid-group-hd {
    padding: 3px 8px;
}

.breadcrumbs-container.activities-breadcrumbs {
    padding: 0;
}
.breadcrumbs-container.activities-breadcrumbs.activities-list-breadcrumbs {
    margin: 2px 0;
}
.breadcrumbs-container.activities-breadcrumbs.activity-breadcrumbs {
    margin: 2px 0 12px 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;
}
.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: 17px;
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-icon {
    height: 17px;
    display: inline-flex;
    padding-right: 4px;
    color: #666;
    align-self: center;
    align-items: center;
}
.breadcrumbs-container.activities-breadcrumbs .breadcrumbs-item {
    line-height: 17px;
    white-space: nowrap;
    display: inline-block;
    color: #111;
}
.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: #111;
}
.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: #3f5d89 !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 */
.activity-view-htmleditor.x-item-disabled .x-mask {
    opacity: .2
}
.activity-view-htmleditor .x-toolbar-default {
    height: 38px;
}
.x-html-editor-wrap textarea, .x-htmleditor-iframe {
    margin-top: 0;
    border: 1px solid rgba(224, 224, 224, .65);
}
.activity-view-htmleditor .x-html-editor-wrap textarea[data-ref="textareaEl"] {
    padding: 10px;
}
.activity-view-htmleditor .x-btn-plain-toolbar-small {
    padding: 6px;
    margin-right: 4px;
}
.activity-view-htmleditor .x-html-editor-tb .x-font-select {
    height: 28px;
    padding: 0 3px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background-color: transparent;
    color: inherit;
}
.activity-view-htmleditor .x-html-editor-tb .x-edit-bold,
.activity-view-htmleditor .x-html-editor-tb .x-edit-italic,
.activity-view-htmleditor .x-html-editor-tb .x-edit-underline,
.activity-view-htmleditor .x-html-editor-tb .x-edit-justifyleft,
.activity-view-htmleditor .x-html-editor-tb .x-edit-justifycenter,
.activity-view-htmleditor .x-html-editor-tb .x-edit-justifyright,
.activity-view-htmleditor .x-html-editor-tb .x-edit-createlink,
.activity-view-htmleditor .x-html-editor-tb .x-edit-insertorderedlist,
.activity-view-htmleditor .x-html-editor-tb .x-edit-insertunorderedlist  {
    font-family: 'Font Awesome 5 Free';
}
.activity-view-htmleditor .x-html-editor-tb {
    font-size: small;
    padding: 5px 0 5px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.activity-view-htmleditor .x-btn-disabled.x-btn-plain-toolbar-small {
    opacity: 0.5;
}

.activity-view-htmleditor .x-btn.x-btn-pressed.x-btn-plain-toolbar-small {
    background: #aaa;
    /*right: 1px;*/
    /*left: auto!important;*/
}

.activity-view-htmleditor .x-btn-plain-toolbar-small.x-box-menu-after {
    margin: 0 0 0 4px;
}
.activity-view-htmleditor .x-btn-plain-toolbar-small.x-box-menu-after .x-toolbar-more-icon:before {
    font-family: 'Font Awesome 5 Free';
    vertical-align: top;
    display: block;
}
.activity-view-htmleditor .x-html-editor-tb .x-btn-tooltip {
    display: block;
}
.activity-view-htmleditor [data-ref="targetEl"] .x-html-editor-tb .activity-description-toolbar-item-hidden {
    display:none;
}
.activity-view-htmleditor .x-html-editor-tb .x-toolbar-item:nth-of-type(1) {
}
.activity-view-htmleditor .x-html-editor-tb .x-toolbar-item:nth-last-of-type(1) {
}

/* activity editor resizer */
#activityDescriptionId-rzwrap-south-handle {
    bottom: -10px;
    transition: opacity .2s linear 1s;
}
.activity-htmleditor-fields-united-panel,
.activity-executions-rows-united-toolbar {
    background-color: #f5f5f5;
}
.activity-textarea-resizer.x-resizable-pinned >.x-resizable-handle-south {
    background-color: transparent;
    font-size: 0;
    line-height: 0;
}
.is-resizable-container.activity-textarea-resizer.x-resizable-pinned >.x-resizable-handle-south {
    background-color: #fff;
}
.activity-textarea-resizer.x-resizable-pinned >.x-resizable-handle-south:before {
    /*content: '\f0dc';*/
    position: absolute;
    display: block;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 4px;
    font-size: 10px;
    line-height: 0.1;
    z-index: 20;
    text-align: center;
}
.activity-textarea-resizer.x-resizable-pinned >.x-resizable-handle-south:after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    line-height: 0;
    background-color: #eee;
}

.relationship-activities-grid-body {
    border-top-width: 1px;
}

.conversations-table-status {
    padding: 3px;
    color: #fff;
    text-align: center;
    font-size: 11px;
    border-radius: 3px;
    margin-right: 10px;
}