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

@media print {
    body, #print-view {
        height: auto;
    }
}
.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;
    --divider-color: #eee;
    --hovered-background-color: #e9e9e9;
    --base-focused-color: #1976d2;
    --highlight-color: #999;
    --base-pressed-color: #3f5d89;
    --base-highlight-color: #ccc;
}

.no-label-fall .x-form-item-label {
    transition: none;
    transform: none;
    transition-property: none;
    transition-duration: 0s;
    font-size: 12px;
}

a {
    text-decoration: none;
}

.cursor-pointer {
    cursor: pointer;
}
.cursor-auto {
    cursor: auto;
}

.hidden {
    display: none;
}
.visibility-important {
    visibility: hidden !important;
}
.transparent {
    opacity: 0;
}
.transparent-bg {
    background-color: transparent !important;
}

.text-center {
    text-align: center;
}

.flexed {
    display: flex;
}
.text-normal {
    white-space: normal;
}

.flexed.distributed {
    justify-content: space-between;
}

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

:root .not-show {
    width: 0;
    border: 0;
}
:root [data-overflowed=hide],
:root .overflowed-hide {
    overflow: hidden !important;
}
.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;
}

.x-action-col-icon {
    width: 20px;
}

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

/* TOOLBAR */
:root .left-tree-toolbar,
:root .tab-and-tool-top-bar,
:root .main-activity-list-toolbar {
    /*box-shadow:    5px 5px 5px 2px rgba(0, 0, 0, 0.10), 2px 2px 2px 0 rgba(0, 0, 0, 0.08);*/
    /*box-shadow: 0 1px 0 0 rgb(226 226 226);*/
    /*margin-bottom: 6px;*/
}
: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;
}
: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 {
}

.activity-list-type,
.activity-list-status {
    height:        40px;
    border-radius: 3px;
    color:         #fff;
    font-size:     11px;
    padding:       4px;
    width:         150px;
    opacity:       0.7;
}

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

/*.tab-and-tool-top-bar.top-bar-scrolled {*/
/*    padding: 6px 17px;*/
/*}*/
.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 .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 .field-item-inner-el {
    letter-spacing: -.25px;
    font-weight: 500;
    color: #3f4045;
}


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

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

/* toolbar' s icons */
: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;
}

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

.secondary-button {
    border-radius: 3px;
    padding: 8px;
}

.secondary-button .x-btn-inner {
    text-transform: uppercase;
    color: #3f5d89 !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 {
    background-color: transparent !important;
}

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

.secondary-button-background,
.secondary-button-background .x-btn .x-btn-default-small .x-unselectable {
    border-radius: 3px;
    padding: 8px;
    background-color: #e5e5e5 !important;
    /*    //height: 20px;*/
}
.secondary-button-background .x-btn-inner-default-small {
    color: #3f5d89 !important;
}
:root .primary-button-background,
:root .primary-button-background .x-btn .x-btn-default-small .x-unselectable {
    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;
}

/*.list-toolbar .x-btn-wrap-default-toolbar-small.x-btn-split-right:after {
    content: 'expand_more';
    padding-left: 0px;
    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;
}

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

.x-panel-header-default {
    background-color: #f5f5f5;
    border-color: #e5e5e5;
}

.x-panel-header-title-default {
    color: #595959;
    font-size: 16px;
    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';*/
}
/* tool icons override END */

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

/*GRID AND TREE*/
.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-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);
}

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

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

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

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

.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";
}
.icon-transformed:before {
    display: block;
}
.icon-transformed[data-icon-transform="rotate-90"]:before {
    transform: rotate(90deg);
}
.icon-transformed[data-icon-transform="rotate-270"]:before {
    transform: rotate(270deg);
}
.icon-transformed[data-icon-transform="mirror-xy"]:before {
    transform: scale(-1, -1);
}
.icon-transformed[data-icon-transform="mirror-x"]:before {
    transform: scale(-1, 1);
}
.icon-transformed[data-icon-transform="mirror-y"]:before {
    transform: scale(1, -1);
}

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

.file-upload-button .img-upload-trigger-wrapper .x-form-file-btn .x-btn-inner {
    color: #3f5d89;
}

.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-tagfield {
    overflow-y: hidden;
}

.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;
}
.pp-form-triggers-wrap .pp-form-clear {
    vertical-align: middle;
}
.pp-form-triggers-wrap .pp-form-picker:before {
    display: inline-block;
    vertical-align: middle;
}
.x-gecko .pp-form-triggers-wrap .pp-form-picker:before {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin-top: -3px;
}
.pp-form-triggers-wrap .pp-form-clear:before {
    display: block;
    vertical-align: middle;
}
.x-gecko .pp-form-triggers-wrap .pp-form-clear:before {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.x-form-trigger.pp-form-clear:before {
    content: 'close';
}

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

.x-boundlist-item-over {
    color: black;
}
.disabled-activity-form-field.textfield-iconified .textfield-iconified-wrapper .textfield-left-icon,
.tag-field-projects .disabled-activity-form-field-item,
:root .disabled-activity-form-field [role="combobox"],
:root .disabled-activity-form-field textarea,
:root .disabled-activity-form-field input {
    opacity: 0.6;
    pointer-events: none;
    background-color: #f5f5f5;
}

.disabled-activity-form-field .x-form-trigger-default,
.disabled-activity-form-field .x-form-field-date .x-form-date-trigger:before {
    display: none !important;
}

.activity-form-tabs .conversation-form .x-form-item-default.x-item-disabled {
    opacity: 0.6;
}

.field-can-edit {
    width: 101%;
    padding-top: 3px;
    height: 24px;
    border: 1px solid lightgrey;
    border-radius: 3px;
    cursor: text !important;
}

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

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

.activity-combo-wrapper .activity-combo-text {
    padding-left: 5px;
}

.disabled-activity-form-field .activity-combo-wrapper {
    background-color: #f5f5f5;
    opacity: .6;
}

/* combo special attributes END */

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

/* pop-up window, employee color */
/*.all-conversations-tree .employee-disabled-1, .all-conversations-tree .employee-disabled-3,*/
.summary-results-panel-body .employee-disabled-1, .summary-results-panel-body .employee-disabled-3,
.summary-results-tooltip .employee-disabled-1, .summary-results-tooltip .employee-disabled-3,
.conversations-report-panel .employee-disabled-1, .conversations-report-panel .employee-disabled-3,
.popup-window .employee-disabled-1, .popup-window .employee-disabled-3 {
    color: #f00;
}

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

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

/* for disabled can not edit combo tdCls */
:root .can-not-edit-field {
    pointer-events: none;
}
:root .can-edit-field {
}
.no-pointer {
    pointer-events: none;
}
.no-pointer-invisible {
    pointer-events: none;
    visibility: hidden;
}
.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 {
    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;*/
}
/* combo' BoundList END */

/* field' label */
:root .field-label-compact {
    transform: translateY(0);
    margin: 0;
}
:root .field-label-compact [data-ref="labelTextEl"]{
    line-height: 1.2;
}

/* 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;
}
/* tagfield projects 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;
    margin: 0 -5px;
    width: calc(100% + 10px);
}
/*
.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;
}
.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%;
}
.pp-flex-layout-wrapper .pp-flex-layout-inner .flex-layout-inner-item.pseudo-flex-item-last {
    height: 100%;
    width: 100%;
    /*max-width: 0;*/
}
.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;
}
.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 {
}
: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%;
}
: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;
}
/* 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 .activity-row.activity-row-event-copy ::selection {
    color: inherit;
    background-color: inherit;
}
: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 */