.ph,
.ph-thin,
.ph-light,
.ph-bold,
.ph-fill,
.ph-duotone {
    display: inline-block;
}
.ph:before,
.ph-thin:before,
.ph-light:before,
.ph-bold:before,
.ph-fill:before,
.ph-duotone:before,
.ph-duotone:after {
    align-items: center;
    justify-items: center;
    display: inline-flex;
    /*height: inherit;*/
}
.ph.font-1-125:before,
.ph-thin.font-1-125:before,
.ph-light.font-1-125:before,
.ph-bold.font-1-125:before,
.ph-fill.font-1-125:before,
.ph-duotone.font-1-125:before,
.ph-duotone.font-1-125:after {
    font-size: calc(1em * var(--scaleFont-1-125));
}
.ph.scale-y-95,
.ph-thin.scale-y-95,
.ph-light.scale-y-95,
.ph-bold.scale-y-95,
.ph-fill.scale-y-95,
.ph-duotone.scale-y-95,
.ph-duotone.scale-y-95 {
    font-size: 14px;
}
.ph.scale-1-12:before,
.ph-thin.scale-1-12:before,
.ph-light.scale-1-12:before,
.ph-bold.scale-1-12:before,
.ph-fill.scale-1-12:before,
.ph-duotone.scale-1-12:before,
.ph-duotone.scale-1-12:after {
    transform: scale(var(--scaleFactor-1-12));
}
.ph.scale-1-125:before,
.ph-thin.scale-1-125:before,
.ph-light.scale-1-125:before,
.ph-bold.scale-1-125:before,
.ph-fill.scale-1-125:before,
.ph-duotone.scale-1-125:before,
.ph-duotone.scale-1-125:after {
    transform: scale(var(--scaleFactor-1-125));
}
.ph.scale-y-95:before,
.ph-thin.scale-y-95:before,
.ph-light.scale-y-95:before,
.ph-bold.scale-y-95:before,
.ph-fill.scale-y-95:before,
.ph-duotone.scale-y-95:before,
.ph-duotone.scale-y-95:after {
    transform: scaleY(var(--scaleY95));
}
.ph.scale-y-85:before,
.ph-thin.scale-y-85:before,
.ph-light.scale-y-85:before,
.ph-bold.scale-y-85:before,
.ph-fill.scale-y-85:before,
.ph-duotone.scale-y-85:before,
.ph-duotone.scale-y-85:after {
    transform: scaleY(var(--scaleY85));
}
.ph.scale-y-75:before,
.ph-thin.scale-y-75:before,
.ph-light.scale-y-75:before,
.ph-bold.scale-y-75:before,
.ph-fill.scale-y-75:before,
.ph-duotone.scale-y-75:before,
.ph-duotone.scale-y-75:after {
    transform: scaleY(var(--scaleY75));
}
.ph.mirror-x:before,
.ph-thin.mirror-x:before,
.ph-light.mirror-x:before,
.ph-bold.mirror-x:before,
.ph-fill.mirror-x:before,
.ph-duotone.mirror-x:before,
.ph-duotone.mirror-x:after {
    transform: scale(-1, 1);
}
.ph.mirror-y:before,
.ph-thin.mirror-y:before,
.ph-light.mirror-y:before,
.ph-bold.mirror-y:before,
.ph-fill.mirror-y:before,
.ph-duotone.mirror-y:before,
.ph-duotone.mirror-y:after {
    transform: scale(1, -1);
}
.ph.rotate-45:before,
.ph-thin.rotate-45:before,
.ph-light.rotate-45:before,
.ph-bold.rotate-45:before,
.ph-fill.rotate-45:before,
.ph-duotone.rotate-45:before,
.ph-duotone.rotate-45:after {
    transform: rotate(45deg);
}
.ph.rotate--45:before,
.ph-thin.rotate--45:before,
.ph-light.rotate--45:before,
.ph-bold.rotate--45:before,
.ph-fill.rotate--45:before,
.ph-duotone.rotate--45:before,
.ph-duotone.rotate--45:after {
    transform: rotate(-45deg);
}
.ph.rotate-90:before,
.ph-thin.rotate-90:before,
.ph-light.rotate-90:before,
.ph-bold.rotate-90:before,
.ph-fill.rotate-90:before,
.ph-duotone.rotate-90:before,
.ph-duotone.rotate-90:after {
    transform: rotate(90deg);
}
.ph.rotate--90:before,
.ph-thin.rotate--90:before,
.ph-light.rotate--90:before,
.ph-bold.rotate--90:before,
.ph-fill.rotate--90:before,
.ph-duotone.rotate--90:before,
.ph-duotone.rotate--90:after {
    transform: rotate(-90deg);
}

.activities-main-view-select-buttons .transparent-button-segmented .select-view-icon {
    height: inherit;
}
.activities-main-view-select-buttons .transparent-button-segmented .select-view-icon:before {
    color: inherit;
    transform-origin: center center;
    margin-left: calc(var(--scaleFactorExtraX) * -1px);
}
/* especial for gantt icon */
.activities-main-view-select-buttons .transparent-button-segmented .select-view-icon.gantt-icon {
    /*border-left: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    padding-left: 2px;
    padding-bottom: 1px;
    margin-bottom: 2px;
    --scaleFactorExtraY: 1.42857;
    --scaleFactorExtraX: 1.2142857;
    */
    margin-bottom: 1px;
    border-left: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    --scaleFactorExtraY: 1.32;
    --scaleFactorExtraX: 1.12;
    --fontSizeExtra: 13px;
}
.activities-main-view-select-buttons .transparent-button-segmented .select-view-icon.gantt-icon:before {
    color: inherit;
    font-size: var(--fontSizeExtra);
    transform: scale(var(--scaleFactorExtraX), var(--scaleFactorExtraY));
    transform-origin: center center;
    line-height: inherit;
    height: inherit;
}
/* especial for calendar icon */
.activities-main-view-select-buttons .transparent-button-segmented .select-view-icon.calendar-icon {
    --scaleFactorExtraY: 1.44;
    --scaleFactorExtraX: 1.48;
    --fontSizeExtra: 12px;
}
.activities-main-view-select-buttons .transparent-button-segmented .select-view-icon.calendar-icon:before {
    color: inherit;
    font-size: var(--fontSizeExtra);
    transform: scale(var(--scaleFactorExtraX), var(--scaleFactorExtraY));
    transform-origin: center center;
    line-height: inherit;
    height: inherit;
}
/* especial for kanban icon */
.activities-main-view-select-buttons .transparent-button-segmented .select-view-icon.kanban-icon {
    --scaleFactorExtraY: 1.58;
    --scaleFactorExtraX: 1.48;
    --fontSizeExtra: 12px;
}
.activities-main-view-select-buttons .transparent-button-segmented .select-view-icon.kanban-icon:before {
    color: inherit;
    font-size: var(--fontSizeExtra);
    transform: scale(var(--scaleFactorExtraX), var(--scaleFactorExtraY));
    transform-origin: center center;
    line-height: inherit;
    height: inherit;
    padding-bottom: .75px;
}
/* especial for interimtasks icon */
.activities-main-view-select-buttons .transparent-button-segmented .select-view-icon.todo-icon {
    --scaleFactorExtraY: 1.52;
    --scaleFactorExtraX: 1.44;
    --fontSizeExtra: 12px;
}
.activities-main-view-select-buttons .transparent-button-segmented .select-view-icon.todo-icon:before {
    color: inherit;
    font-size: var(--fontSizeExtra);
    transform: scale(var(--scaleFactorExtraX), var(--scaleFactorExtraY));
    transform-origin: center center;
    line-height: inherit;
    height: inherit;
    padding-bottom: 1px;
}
/* especial for activities icon */
.activities-main-view-select-buttons .transparent-button-segmented .select-view-icon.activities-icon {
    --scaleFactorExtraY: 1.40;
    --scaleFactorExtraX: 1.38;
    --fontSizeExtra: 12px;
}
.activities-main-view-select-buttons .transparent-button-segmented .select-view-icon.activities-icon:before {
    color: inherit;
    font-size: var(--fontSizeExtra);
    transform: scale(var(--scaleFactorExtraX), var(--scaleFactorExtraY)) rotate(90deg);
    transform-origin: center center;
    line-height: inherit;
    height: inherit;
    padding-right: 3px;
}
/* especial for dashboard icon */
.activities-main-view-select-buttons .transparent-button-segmented .select-view-icon.dashboard-icon {
    --scaleFactorExtraY: 1.44;
    --scaleFactorExtraX: 1.4;
    --fontSizeExtra: 12px;
}
.activities-main-view-select-buttons .transparent-button-segmented .select-view-icon.dashboard-icon:before {
    color: inherit;
    font-size: var(--fontSizeExtra);
    transform: scale(var(--scaleFactorExtraX), var(--scaleFactorExtraY));
    transform-origin: center center;
    line-height: inherit;
    height: inherit;
    padding-bottom: 1px;
}
/* especial for gantt icon in gantt-button */
.toolbar-button.gantt-button .gantt-icon {
    color: var(--pp-base-color);
    border-left: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    padding-left: 2px;
    --scaleFactorExtraY: 1.42857;
    --scaleFactorExtraX: 1.2142857;
    --fontSizeExtra: 14px;
}
.toolbar-button.gantt-button .gantt-icon:before {
    color: inherit;
    font-size: var(--fontSizeExtra);
    transform: scale(var(--scaleFactorExtraX), var(--scaleFactorExtraY));
    transform-origin: center center;
    line-height: inherit;
    height: inherit;
}


.ph.row-cell-single-icon,
.ph-thin.row-cell-single-icon,
.ph-light.row-cell-single-icon,
.ph-bold.row-cell-single-icon,
.ph-fill.row-cell-single-icon,
.ph-duotone.row-cell-single-icon {
    font-size: 14px;
    vertical-align: bottom;
}
.ph.row-cell-single-icon:before,
.ph-thin.row-cell-single-icon:before,
.ph-light.row-cell-single-icon:before,
.ph-bold.row-cell-single-icon:before,
.ph-fill.row-cell-single-icon:before,
.ph-duotone.row-cell-single-icon:before,
.ph-duotone.row-cell-single-icon:after {
    font-size: 16px;
    align-items: center;
    justify-content: center;
    line-height: inherit;
}

.x-action-col-cell .ph,
.x-action-col-cell .ph-thin,
.x-action-col-cell .ph-light,
.x-action-col-cell .ph-bold,
.x-action-col-cell .ph-fill,
.x-action-col-cell .ph-duotone,
.action-cell-icons .ph,
.action-cell-icons .ph-thin,
.action-cell-icons .ph-light,
.action-cell-icons .ph-bold,
.action-cell-icons .ph-fill,
.action-cell-icons .ph-duotone {
    --actionFontSize: 16px;
    vertical-align: middle;
}
.x-action-col-cell .ph:before,
.x-action-col-cell .ph-thin:before,
.x-action-col-cell .ph-light:before,
.x-action-col-cell .ph-bold:before,
.x-action-col-cell .ph-fill:before,
.x-action-col-cell .ph-duotone:before,
.x-action-col-cell .ph-duotone:after,
.action-cell-icons .ph:before,
.action-cell-icons .ph-thin:before,
.action-cell-icons .ph-light:before,
.action-cell-icons .ph-bold:before,
.action-cell-icons .ph-fill:before,
.action-cell-icons .ph-duotone:before,
.action-cell-icons .ph-duotone:after {
    font-size: var(--actionFontSize);
    align-items: center;
    justify-content: center;
}

:root .ph.icon-small,
:root .ph-thin.icon-small,
:root .ph-light.icon-small,
:root .ph-bold.icon-small,
:root .ph-fill.icon-small,
:root .ph-duotone.icon-small {
    font-size: 14px;
    --scaleFactor: 1.2491;
}
.ph.icon-small:before,
.ph-thin.icon-small:before,
.ph-light.icon-small:before,
.ph-bold.icon-small:before,
.ph-fill.icon-small:before,
.ph-duotone.icon-small:before,
.ph-duotone.icon-small:after {
    transform: scale(var(--scaleFactor));
}
.ph.scale-y-75.icon-small:before,
.ph-thin.scale-y-75.icon-small:before,
.ph-light.scale-y-75.icon-small:before,
.ph-bold.scale-y-75.icon-small:before,
.ph-fill.scale-y-75.icon-small:before,
.ph-duotone.scale-y-75.icon-small:before,
.ph-duotone.scale-y-75.icon-small:after {
     transform: scale(var(--scaleFactor), calc(var(--scaleY75) * var(--scaleFactor)));
}
.ph.scale-y-85.icon-small:before,
.ph-thin.scale-y-85.icon-small:before,
.ph-light.scale-y-85.icon-small:before,
.ph-bold.scale-y-85.icon-small:before,
.ph-fill.scale-y-85.icon-small:before,
.ph-duotone.scale-y-85.icon-small:before,
.ph-duotone.scale-y-85.icon-small:after {
     transform: scale(var(--scaleFactor), calc(var(--scaleY85) * var(--scaleFactor)));
}
.ph.scale-y-95.icon-small:before,
.ph-thin.scale-y-95.icon-small:before,
.ph-light.scale-y-95.icon-small:before,
.ph-bold.scale-y-95.icon-small:before,
.ph-fill.scale-y-95.icon-small:before,
.ph-duotone.scale-y-95.icon-small:before,
.ph-duotone.scale-y-95.icon-small:after {
    transform: scale(var(--scaleFactor), calc(var(--scaleY95) * var(--scaleFactor)));
}
.ph.icon-small.mirror-x:before,
.ph-thin.icon-small.mirror-x:before,
.ph-light.icon-small.mirror-x:before,
.ph-bold.icon-small.mirror-x:before,
.ph-fill.icon-small.mirror-x:before,
.ph-duotone.icon-small.mirror-x:before,
.ph-duotone.icon-small.mirror-x:after {
    transform: scale(-1, 1) scale(var(--scaleFactor));
}
.ph.icon-small.mirror-y:before,
.ph-thin.icon-small.mirror-y:before,
.ph-light.icon-small.mirror-y:before,
.ph-bold.icon-small.mirror-y:before,
.ph-fill.icon-small.mirror-y:before,
.ph-duotone.icon-small.mirror-y:before,
.ph-duotone.icon-small.mirror-y:after {
    transform: scale(1, -1) scale(var(--scaleFactor));
}
.ph.icon-small.rotate-45:before,
.ph-thin.icon-small.rotate-45:before,
.ph-light.icon-small.rotate-45:before,
.ph-bold.icon-small.rotate-45:before,
.ph-fill.icon-small.rotate-45:before,
.ph-duotone.icon-small.rotate-45:before,
.ph-duotone.icon-small.rotate-45:after {
    transform: rotate(45deg) scale(var(--scaleFactor));
}
.ph.icon-small.rotate--45:before,
.ph-thin.icon-small.rotate--45:before,
.ph-light.icon-small.rotate--45:before,
.ph-bold.icon-small.rotate--45:before,
.ph-fill.icon-small.rotate--45:before,
.ph-duotone.icon-small.rotate--45:before,
.ph-duotone.icon-small.rotate--45:after {
    transform: rotate(-45deg) scale(var(--scaleFactor));
}
.ph.icon-small.rotate-90:before,
.ph-thin.icon-small.rotate-90:before,
.ph-light.icon-small.rotate-90:before,
.ph-bold.icon-small.rotate-90:before,
.ph-fill.icon-small.rotate-90:before,
.ph-duotone.icon-small.rotate-90:before,
.ph-duotone.icon-small.rotate-90:after {
    transform: rotate(90deg) scale(var(--scaleFactor));
}
.ph.icon-small.rotate--90:before,
.ph-thin.icon-small.rotate--90:before,
.ph-light.icon-small.rotate--90:before,
.ph-bold.icon-small.rotate--90:before,
.ph-fill.icon-small.rotate--90:before,
.ph-duotone.icon-small.rotate--90:before,
.ph-duotone.icon-small.rotate--90:after {
    transform: rotate(-90deg) scale(var(--scaleFactor));
}

:root .ph.title-icon,
:root .ph-thin.title-icon,
:root .ph-light.title-icon,
:root .ph-bold.title-icon,
:root .ph-fill.title-icon,
:root .ph-duotone.title-icon,
:root .ph.icon-medium,
:root .ph-thin.icon-medium,
:root .ph-light.icon-medium,
:root .ph-bold.icon-medium,
:root .ph-fill.icon-medium,
:root .ph-duotone.icon-medium {
    font-size: 14px;
    --scaleFactor: 1.36;
    --scaleFactorYDown: .96 !important;
    --scaleFactorYUp: 1.04 !important;
}
.ph.title-icon:before,
.ph-thin.title-icon:before,
.ph-light.title-icon:before,
.ph-bold.title-icon:before,
.ph-fill.title-icon:before,
.ph-duotone.title-icon:before,
.ph-duotone.title-icon:after {
    height: inherit;
}
.ph.title-icon:before,
.ph-thin.title-icon:before,
.ph-light.title-icon:before,
.ph-bold.title-icon:before,
.ph-fill.title-icon:before,
.ph-duotone.title-icon:before,
.ph-duotone.title-icon:after,
.ph.icon-medium:before,
.ph-thin.icon-medium:before,
.ph-light.icon-medium:before,
.ph-bold.icon-medium:before,
.ph-fill.icon-medium:before,
.ph-duotone.icon-medium:before,
.ph-duotone.icon-medium:after  {
    transform: scale(var(--scaleFactor));
}
.ph.scale-y-75.title-icon:before,
.ph-thin.scale-y-75.title-icon:before,
.ph-light.scale-y-75.title-icon:before,
.ph-bold.scale-y-75.title-icon:before,
.ph-fill.scale-y-75.title-icon:before,
.ph-duotone.scale-y-75.title-icon:before,
.ph-duotone.scale-y-75.title-icon:after,
.ph.scale-y-75.icon-medium:before,
.ph-thin.scale-y-75.icon-medium:before,
.ph-light.scale-y-75.icon-medium:before,
.ph-bold.scale-y-75.icon-medium:before,
.ph-fill.scale-y-75.icon-medium:before,
.ph-duotone.scale-y-75.icon-medium:before,
.ph-duotone.scale-y-75.icon-medium:after {
    transform: scale(var(--scaleFactor), calc(var(--scaleY75) * var(--scaleFactor)));
}
.ph.scale-y-85.title-icon:before,
.ph-thin.scale-y-85.title-icon:before,
.ph-light.scale-y-85.title-icon:before,
.ph-bold.scale-y-85.title-icon:before,
.ph-fill.scale-y-85.title-icon:before,
.ph-duotone.scale-y-85.title-icon:before,
.ph-duotone.scale-y-85.title-icon:after,
.ph.scale-y-85.icon-medium:before,
.ph-thin.scale-y-85.icon-medium:before,
.ph-light.scale-y-85.icon-medium:before,
.ph-bold.scale-y-85.icon-medium:before,
.ph-fill.scale-y-85.icon-medium:before,
.ph-duotone.scale-y-85.icon-medium:before,
.ph-duotone.scale-y-85.icon-medium:after {
    transform: scale(var(--scaleFactor), calc(var(--scaleY85) * var(--scaleFactor)));
}
.ph.scale-y-95.title-icon:before,
.ph-thin.scale-y-95.title-icon:before,
.ph-light.scale-y-95.title-icon:before,
.ph-bold.scale-y-95.title-icon:before,
.ph-fill.scale-y-95.title-icon:before,
.ph-duotone.scale-y-95.title-icon:before,
.ph-duotone.scale-y-95.title-icon:after,
.ph.scale-y-95.icon-medium:before,
.ph-thin.scale-y-95.icon-medium:before,
.ph-light.scale-y-95.icon-medium:before,
.ph-bold.scale-y-95.icon-medium:before,
.ph-fill.scale-y-95.icon-medium:before,
.ph-duotone.scale-y-95.icon-medium:before,
.ph-duotone.scale-y-95.icon-medium:after {
    transform: scale(var(--scaleFactor), calc(var(--scaleY95) * var(--scaleFactor)));
}
.ph.title-icon.mirror-x:before,
.ph-thin.title-icon.mirror-x:before,
.ph-light.title-icon.mirror-x:before,
.ph-bold.title-icon.mirror-x:before,
.ph-fill.title-icon.mirror-x:before,
.ph-duotone.title-icon.mirror-x:before,
.ph-duotone.title-icon.mirror-x:after,
.ph.icon-medium.mirror-x:before,
.ph-thin.icon-medium.mirror-x:before,
.ph-light.icon-medium.mirror-x:before,
.ph-bold.icon-medium.mirror-x:before,
.ph-fill.icon-medium.mirror-x:before,
.ph-duotone.icon-medium.mirror-x:before,
.ph-duotone.icon-medium.mirror-x:after {
    transform: scale(-1, 1) scale(var(--scaleFactor));
}
.ph.title-icon.mirror-y:before,
.ph-thin.title-icon.mirror-y:before,
.ph-light.title-icon.mirror-y:before,
.ph-bold.title-icon.mirror-y:before,
.ph-fill.title-icon.mirror-y:before,
.ph-duotone.title-icon.mirror-y:before,
.ph-duotone.title-icon.mirror-y:after,
.ph.icon-medium.mirror-y:before,
.ph-thin.icon-medium.mirror-y:before,
.ph-light.icon-medium.mirror-y:before,
.ph-bold.icon-medium.mirror-y:before,
.ph-fill.icon-medium.mirror-y:before,
.ph-duotone.icon-medium.mirror-y:before,
.ph-duotone.icon-medium.mirror-y:after {
    transform: scale(1, -1) scale(var(--scaleFactor));
}
.ph.title-icon.rotate-45:before,
.ph-thin.title-icon.rotate-45:before,
.ph-light.title-icon.rotate-45:before,
.ph-bold.title-icon.rotate-45:before,
.ph-fill.title-icon.rotate-45:before,
.ph-duotone.title-icon.rotate-45:before,
.ph-duotone.title-icon.rotate-45:after,
.ph.icon-medium.rotate-45:before,
.ph-thin.icon-medium.rotate-45:before,
.ph-light.icon-medium.rotate-45:before,
.ph-bold.icon-medium.rotate-45:before,
.ph-fill.icon-medium.rotate-45:before,
.ph-duotone.icon-medium.rotate-45:before,
.ph-duotone.icon-medium.rotate-45:after {
    transform: rotate(45deg) scale(var(--scaleFactor));
}
.ph.title-icon.rotate--45:before,
.ph-thin.title-icon.rotate--45:before,
.ph-light.title-icon.rotate--45:before,
.ph-bold.title-icon.rotate--45:before,
.ph-fill.title-icon.rotate--45:before,
.ph-duotone.title-icon.rotate--45:before,
.ph-duotone.title-icon.rotate--45:after,
.ph.icon-medium.rotate--45:before,
.ph-thin.icon-medium.rotate--45:before,
.ph-light.icon-medium.rotate--45:before,
.ph-bold.icon-medium.rotate--45:before,
.ph-fill.icon-medium.rotate--45:before,
.ph-duotone.icon-medium.rotate--45:before,
.ph-duotone.icon-medium.rotate--45:after {
    transform: rotate(-45deg) scale(var(--scaleFactor));
}
.ph.title-icon.rotate-90:before,
.ph-thin.title-icon.rotate-90:before,
.ph-light.title-icon.rotate-90:before,
.ph-bold.title-icon.rotate-90:before,
.ph-fill.title-icon.rotate-90:before,
.ph-duotone.title-icon.rotate-90:before,
.ph-duotone.title-icon.rotate-90:after,
.ph.icon-medium.rotate-90:before,
.ph-thin.icon-medium.rotate-90:before,
.ph-light.icon-medium.rotate-90:before,
.ph-bold.icon-medium.rotate-90:before,
.ph-fill.icon-medium.rotate-90:before,
.ph-duotone.icon-medium.rotate-90:before,
.ph-duotone.icon-medium.rotate-90:after {
    transform: rotate(90deg) scale(var(--scaleFactor));
}
.ph.title-icon.rotate--90:before,
.ph-thin.title-icon.rotate--90:before,
.ph-light.title-icon.rotate--90:before,
.ph-bold.title-icon.rotate--90:before,
.ph-fill.title-icon.rotate--90:before,
.ph-duotone.title-icon.rotate--90:before,
.ph-duotone.title-icon.rotate--90:after,
.ph.icon-medium.rotate--90:before,
.ph-thin.icon-medium.rotate--90:before,
.ph-light.icon-medium.rotate--90:before,
.ph-bold.icon-medium.rotate--90:before,
.ph-fill.icon-medium.rotate--90:before,
.ph-duotone.icon-medium.rotate--90:before,
.ph-duotone.icon-medium.rotate--90:after {
    transform: rotate(-90deg) scale(var(--scaleFactor));
}
.ph.title-icon.scale-y:before,
.ph-thin.title-icon.scale-y:before,
.ph-light.title-icon.scale-y:before,
.ph-bold.title-icon.scale-y:before,
.ph-fill.title-icon.scale-y:before,
.ph-duotone.title-icon.scale-y:before,
.ph-duotone.title-icon.scale-y:after,
.ph.icon-medium.scale-y:before,
.ph-thin.icon-medium.scale-y:before,
.ph-light.icon-medium.scale-y:before,
.ph-bold.icon-medium.scale-y:before,
.ph-fill.icon-medium.scale-y:before,
.ph-duotone.icon-medium.scale-y:before,
.ph-duotone.icon-medium.scale-y:after {
    transform: scale(var(--scaleFactor)) scaleY(var(--scaleFactorYUp));
}
.ph.title-icon.scale-y-big:before,
.ph-thin.title-icon.scale-y-big:before,
.ph-light.title-icon.scale-y-big:before,
.ph-bold.title-icon.scale-y-big:before,
.ph-fill.title-icon.scale-y-big:before,
.ph-duotone.title-icon.scale-y-big:before,
.ph-duotone.title-icon.scale-y-big:after,
.ph.icon-medium.scale-y-big:before,
.ph-thin.icon-medium.scale-y-big:before,
.ph-light.icon-medium.scale-y-big:before,
.ph-bold.icon-medium.scale-y-big:before,
.ph-fill.icon-medium.scale-y-big:before,
.ph-duotone.icon-medium.scale-y-big:before,
.ph-duotone.icon-medium.scale-y-big:after {
    transform: scale(var(--scaleFactor)) scaleY(var(--scaleFactorYUpBig));
}
.ph.title-icon.scale--y:before,
.ph-thin.title-icon.scale--y:before,
.ph-light.title-icon.scale--y:before,
.ph-bold.title-icon.scale--y:before,
.ph-fill.title-icon.scale--y:before,
.ph-duotone.title-icon.scale--y:before,
.ph-duotone.title-icon.scale--y:after,
.ph.icon-medium.scale--y:before,
.ph-thin.icon-medium.scale--y:before,
.ph-light.icon-medium.scale--y:before,
.ph-bold.icon-medium.scale--y:before,
.ph-fill.icon-medium.scale--y:before,
.ph-duotone.icon-medium.scale--y:before,
.ph-duotone.icon-medium.scale--y:after {
    transform: scale(var(--scaleFactor)) scaleY(var(--scaleFactorYDown));
}

:root .ph.icon-big,
:root .ph-thin.icon-big,
:root .ph-light.icon-big,
:root .ph-bold.icon-big,
:root .ph-fill.icon-big,
:root .ph-duotone.icon-big {
    font-size: 14px;
    --scaleFactor: 1.52;
    --scaleFactorYDown: .96 !important;
    --scaleFactorYUp: 1.04 !important;
}
.ph.icon-big:before,
.ph-thin.icon-big:before,
.ph-light.icon-big:before,
.ph-bold.icon-big:before,
.ph-fill.icon-big:before,
.ph-duotone.icon-big:before,
.ph-duotone.icon-big:after {
    transform: scale(var(--scaleFactor));
}
.ph.icon-big.scale--y:before,
.ph-thin.icon-big.scale--y:before,
.ph-light.icon-big.scale--y:before,
.ph-bold.icon-big.scale--y:before,
.ph-fill.icon-big.scale--y:before,
.ph-duotone.icon-big.scale--y:before,
.ph-duotone.icon-big.scale--y:after {
    transform: scale(var(--scaleFactor)) scale(var(--scaleFactorYDown));
}
.ph.icon-big.mirror-x:before,
.ph-thin.icon-big.mirror-x:before,
.ph-light.icon-big.mirror-x:before,
.ph-bold.icon-big.mirror-x:before,
.ph-fill.icon-big.mirror-x:before,
.ph-duotone.icon-big.mirror-x:before,
.ph-duotone.icon-big.mirror-x:after {
    transform: scale(-1, 1) scale(var(--scaleFactor));
}
.ph.icon-big.mirror-y:before,
.ph-thin.icon-big.mirror-y:before,
.ph-light.icon-big.mirror-y:before,
.ph-bold.icon-big.mirror-y:before,
.ph-fill.icon-big.mirror-y:before,
.ph-duotone.icon-big.mirror-y:before,
.ph-duotone.icon-big.mirror-y:after {
    transform: scale(1, -1) scale(var(--scaleFactor));
}
.ph.icon-big.rotate-45:before,
.ph-thin.icon-big.rotate-45:before,
.ph-light.icon-big.rotate-45:before,
.ph-bold.icon-big.rotate-45:before,
.ph-fill.icon-big.rotate-45:before,
.ph-duotone.icon-big.rotate-45:before,
.ph-duotone.icon-big.rotate-45:after {
    transform: rotate(45deg) scale(var(--scaleFactor));
}
.ph.icon-big.rotate--45:before,
.ph-thin.icon-big.rotate--45:before,
.ph-light.icon-big.rotate--45:before,
.ph-bold.icon-big.rotate--45:before,
.ph-fill.icon-big.rotate--45:before,
.ph-duotone.icon-big.rotate--45:before,
.ph-duotone.icon-big.rotate--45:after {
    transform: rotate(-45deg) scale(var(--scaleFactor));
}
.ph.icon-big.rotate-90:before,
.ph-thin.icon-big.rotate-90:before,
.ph-light.icon-big.rotate-90:before,
.ph-bold.icon-big.rotate-90:before,
.ph-fill.icon-big.rotate-90:before,
.ph-duotone.icon-big.rotate-90:before,
.ph-duotone.icon-big.rotate-90:after {
    transform: rotate(90deg) scale(var(--scaleFactor));
}
.ph.icon-big.rotate--90:before,
.ph-thin.icon-big.rotate--90:before,
.ph-light.icon-big.rotate--90:before,
.ph-bold.icon-big.rotate--90:before,
.ph-fill.icon-big.rotate--90:before,
.ph-duotone.icon-big.rotate--90:before,
.ph-duotone.icon-big.rotate--90:after {
    transform: rotate(-90deg) scale(var(--scaleFactor));
}
/*  in: ClassifiersList.js, ReferenceTypeWindow.js, Activity.js (activity card top bar) */
.simple-icon-buttons .ph,
.simple-icon-buttons .ph-thin,
.simple-icon-buttons .ph-light,
.simple-icon-buttons .ph-bold,
.simple-icon-buttons .ph-fill,
.simple-icon-buttons .ph-duotone {
    font-size: 14px;
    --scaleFactor: 1.25;
}
.simple-icon-buttons .ph:before,
.simple-icon-buttons .ph-thin:before,
.simple-icon-buttons .ph-light:before,
.simple-icon-buttons .ph-bold:before,
.simple-icon-buttons .ph-fill:before,
.simple-icon-buttons .ph-duotone:before,
.simple-icon-buttons .ph-duotone:after {
    transform: scale(var(--scaleFactor));
    height: inherit;
    /*transform: scale(round(nearest, calc(var(--iconSizeBasedOn_14) / var(--mainFontSize_14)), 0.25));*/
}
.simple-icon-buttons .ph.mirror-x:before,
.simple-icon-buttons .ph-thin.mirror-x:before,
.simple-icon-buttons .ph-light.mirror-x:before,
.simple-icon-buttons .ph-bold.mirror-x:before,
.simple-icon-buttons .ph-fill.mirror-x:before,
.simple-icon-buttons .ph-duotone.mirror-x:before,
.simple-icon-buttons .ph-duotone.mirror-x:after {
    transform: scale(-1, 1) scale(var(--scaleFactor));
}
.simple-icon-buttons .ph.mirror-y:before,
.simple-icon-buttons .ph-thin.mirror-y:before,
.simple-icon-buttons .ph-light.mirror-y:before,
.simple-icon-buttons .ph-bold.mirror-y:before,
.simple-icon-buttons .ph-fill.mirror-y:before,
.simple-icon-buttons .ph-duotone.mirror-y:before,
.simple-icon-buttons .ph-duotone.mirror-y:after {
    transform: scale(1, -1) scale(var(--scaleFactor));
}
.simple-icon-buttons .ph.rotate-45:before,
.simple-icon-buttons .ph-thin.rotate-45:before,
.simple-icon-buttons .ph-light.rotate-45:before,
.simple-icon-buttons .ph-bold.rotate-45:before,
.simple-icon-buttons .ph-fill.rotate-45:before,
.simple-icon-buttons .ph-duotone.rotate-45:before,
.simple-icon-buttons .ph-duotone.rotate-45:after {
    transform: rotate(45deg) scale(var(--scaleFactor));
    /*transform: rotate(45deg) scale(round(nearest, calc(var(--iconSizeBasedOn_14) / var(--mainFontSize_14)), 0.25));*/
}
.simple-icon-buttons .ph.rotate--45:before,
.simple-icon-buttons .ph-thin.rotate--45:before,
.simple-icon-buttons .ph-light.rotate--45:before,
.simple-icon-buttons .ph-bold.rotate--45:before,
.simple-icon-buttons .ph-fill.rotate--45:before,
.simple-icon-buttons .ph-duotone.rotate--45:before,
.simple-icon-buttons .ph-duotone.rotate--45:after {
    transform: rotate(-45deg) scale(var(--scaleFactor));
    /*transform: rotate(-45deg) scale(round(nearest, calc(var(--iconSizeBasedOn_14) / var(--mainFontSize_14)), 0.25));*/
}
.simple-icon-buttons .ph.rotate-90:before,
.simple-icon-buttons .ph-thin.rotate-90:before,
.simple-icon-buttons .ph-light.rotate-90:before,
.simple-icon-buttons .ph-bold.rotate-90:before,
.simple-icon-buttons .ph-fill.rotate-90:before,
.simple-icon-buttons .ph-duotone.rotate-90:before,
.simple-icon-buttons .ph-duotone.rotate-90:after {
    transform: rotate(90deg) scale(var(--scaleFactor));
    /*transform: rotate(90deg) scale(round(nearest, calc(var(--iconSizeBasedOn_14) / var(--mainFontSize_14)), 0.25));*/
}
.simple-icon-buttons .ph.rotate--90:before,
.simple-icon-buttons .ph-thin.rotate--90:before,
.simple-icon-buttons .ph-light.rotate--90:before,
.simple-icon-buttons .ph-bold.rotate--90:before,
.simple-icon-buttons .ph-fill.rotate--90:before,
.simple-icon-buttons .ph-duotone.rotate--90:before,
.simple-icon-buttons .ph-duotone.rotate--90:after {
    transform: rotate(-90deg) scale(var(--scaleFactor));
    /*transform: rotate(-90deg) scale(round(nearest, calc(var(--iconSizeBasedOn_14) / var(--mainFontSize_14)), 0.25));*/
}

.tab-and-tool-top-bar .ph,
.tab-and-tool-top-bar .ph-thin,
.tab-and-tool-top-bar .ph-light,
.tab-and-tool-top-bar .ph-bold,
.tab-and-tool-top-bar .ph-fill,
.tab-and-tool-top-bar .ph-duotone {
    font-size: 14px;
    --scaleFactor: 1.2;
    /*--scaleFactor: 1.32;*/
    --scaleFactorRotated: 1.26, 1.62;
    --scaleFactorYDown: .96 !important;
    --scaleFactorYUp: 1.04 !important;
    --scaleFactorYUpMedium:  1.20 !important;
    --scaleFactorYUpBig: 1.35294 !important;
    /* 16px: .x-btn-icon-el-default-toolbar-small */
    height: inherit;
}
.tab-and-tool-top-bar .ph:before,
.tab-and-tool-top-bar .ph-thin:before,
.tab-and-tool-top-bar .ph-light:before,
.tab-and-tool-top-bar .ph-bold:before,
.tab-and-tool-top-bar .ph-fill:before,
.tab-and-tool-top-bar .ph-duotone:before,
.tab-and-tool-top-bar .ph-duotone:after {
    transform: scale(var(--scaleFactor));
    height: inherit;
    /*transform: scale(round(nearest, calc(var(--iconSizeBasedOn_14) / var(--mainFontSize_14)), 0.25));*/
}
.tab-and-tool-top-bar .top-indent.ph:before,
.tab-and-tool-top-bar .top-indent.ph-thin:before,
.tab-and-tool-top-bar .top-indent.ph-light:before,
.tab-and-tool-top-bar .top-indent.ph-bold:before,
.tab-and-tool-top-bar .top-indent.ph-fill:before,
.tab-and-tool-top-bar .top-indent.ph-duotone:before,
.tab-and-tool-top-bar .top-indent.ph-duotone:after {
    padding-top: 1px;
}
.tab-and-tool-top-bar .ph.scale-y-75:before,
.tab-and-tool-top-bar .ph-thin.scale-y-75:before,
.tab-and-tool-top-bar .ph-light.scale-y-75:before,
.tab-and-tool-top-bar .ph-bold.scale-y-75:before,
.tab-and-tool-top-bar .ph-fill.scale-y-75:before,
.tab-and-tool-top-bar .ph-duotone.scale-y-75:before,
.tab-and-tool-top-bar .ph-duotone.scale-y-75:after {
    transform: scale(var(--scaleFactor), calc(var(--scaleY75) * var(--scaleFactor)));
    height: inherit;
}
.tab-and-tool-top-bar .ph.scale-y-85:before,
.tab-and-tool-top-bar .ph-thin.scale-y-85:before,
.tab-and-tool-top-bar .ph-light.scale-y-85:before,
.tab-and-tool-top-bar .ph-bold.scale-y-85:before,
.tab-and-tool-top-bar .ph-fill.scale-y-85:before,
.tab-and-tool-top-bar .ph-duotone.scale-y-85:before,
.tab-and-tool-top-bar .ph-duotone.scale-y-85:after {
    transform: scale(var(--scaleFactor), calc(var(--scaleY85) * var(--scaleFactor)));
    height: inherit;
}
.tab-and-tool-top-bar .ph.scale-y-95:before,
.tab-and-tool-top-bar .ph-thin.scale-y-95:before,
.tab-and-tool-top-bar .ph-light.scale-y-95:before,
.tab-and-tool-top-bar .ph-bold.scale-y-95:before,
.tab-and-tool-top-bar .ph-fill.scale-y-95:before,
.tab-and-tool-top-bar .ph-duotone.scale-y-95:before,
.tab-and-tool-top-bar .ph-duotone.scale-y-95:after {
    transform: scale(var(--scaleFactor), calc(var(--scaleY95) * var(--scaleFactor)));
    height: inherit;
}
.tab-and-tool-top-bar .ph.scale-add-1_2:before,
.tab-and-tool-top-bar .ph-thin.scale-add-1_2:before,
.tab-and-tool-top-bar .ph-light.scale-add-1_2:before,
.tab-and-tool-top-bar .ph-bold.scale-add-1_2:before,
.tab-and-tool-top-bar .ph-fill.scale-add-1_2:before,
.tab-and-tool-top-bar .ph-duotone.scale-add-1_2:before,
.tab-and-tool-top-bar .ph-duotone.scale-add-1_2:after {
    transform: scale(var(--scaleFactor)) scale(var(--scaleFactorAdd));
    height: inherit;
}
.tab-and-tool-top-bar .ph.scale-y:before,
.tab-and-tool-top-bar .ph-thin.scale-y:before,
.tab-and-tool-top-bar .ph-light.scale-y:before,
.tab-and-tool-top-bar .ph-bold.scale-y:before,
.tab-and-tool-top-bar .ph-fill.scale-y:before,
.tab-and-tool-top-bar .ph-duotone.scale-y:before,
.tab-and-tool-top-bar .ph-duotone.scale-y:after {
    transform: scale(var(--scaleFactor)) scaleY(var(--scaleFactorYUp));
}
.tab-and-tool-top-bar .ph.scale-y-medium:before,
.tab-and-tool-top-bar .ph-thin.scale-y-medium:before,
.tab-and-tool-top-bar .ph-light.scale-y-medium:before,
.tab-and-tool-top-bar .ph-bold.scale-y-medium:before,
.tab-and-tool-top-bar .ph-fill.scale-y-medium:before,
.tab-and-tool-top-bar .ph-duotone.scale-y-medium:before,
.tab-and-tool-top-bar .ph-duotone.scale-y-medium:after {
    transform: scale(var(--scaleFactor)) scaleY(var(--scaleFactorYUpMedium));
}
.tab-and-tool-top-bar .ph.scale-y-big:before,
.tab-and-tool-top-bar .ph-thin.scale-y-big:before,
.tab-and-tool-top-bar .ph-light.scale-y-big:before,
.tab-and-tool-top-bar .ph-bold.scale-y-big:before,
.tab-and-tool-top-bar .ph-fill.scale-y-big:before,
.tab-and-tool-top-bar .ph-duotone.scale-y-big:before,
.tab-and-tool-top-bar .ph-duotone.scale-y-big:after {
    transform: scale(var(--scaleFactor)) scaleY(var(--scaleFactorYUpBig));
}
.tab-and-tool-top-bar .ph.mirror-x:before,
.tab-and-tool-top-bar .ph-thin.mirror-x:before,
.tab-and-tool-top-bar .ph-light.mirror-x:before,
.tab-and-tool-top-bar .ph-bold.mirror-x:before,
.tab-and-tool-top-bar .ph-fill.mirror-x:before,
.tab-and-tool-top-bar .ph-duotone.mirror-x:before,
.tab-and-tool-top-bar .ph-duotone.mirror-x:after {
    transform: scale(-1, 1) scale(var(--scaleFactor));
}
.tab-and-tool-top-bar .ph.mirror-y:before,
.tab-and-tool-top-bar .ph-thin.mirror-y:before,
.tab-and-tool-top-bar .ph-light.mirror-y:before,
.tab-and-tool-top-bar .ph-bold.mirror-y:before,
.tab-and-tool-top-bar .ph-fill.mirror-y:before,
.tab-and-tool-top-bar .ph-duotone.mirror-y:before,
.tab-and-tool-top-bar .ph-duotone.mirror-y:after {
    transform: scale(1, -1) scale(var(--scaleFactor));
}
.tab-and-tool-top-bar .ph.rotate-45:before,
.tab-and-tool-top-bar .ph-thin.rotate-45:before,
.tab-and-tool-top-bar .ph-light.rotate-45:before,
.tab-and-tool-top-bar .ph-bold.rotate-45:before,
.tab-and-tool-top-bar .ph-fill.rotate-45:before,
.tab-and-tool-top-bar .ph-duotone.rotate-45:before,
.tab-and-tool-top-bar .ph-duotone.rotate-45:after {
    transform: rotate(45deg) scale(var(--scaleFactor));
    /*transform: rotate(45deg) scale(round(nearest, calc(var(--iconSizeBasedOn_14) / var(--mainFontSize_14)), 0.25));*/
}
.tab-and-tool-top-bar .ph.rotate--45:before,
.tab-and-tool-top-bar .ph-thin.rotate--45:before,
.tab-and-tool-top-bar .ph-light.rotate--45:before,
.tab-and-tool-top-bar .ph-bold.rotate--45:before,
.tab-and-tool-top-bar .ph-fill.rotate--45:before,
.tab-and-tool-top-bar .ph-duotone.rotate--45:before,
.tab-and-tool-top-bar .ph-duotone.rotate--45:after {
    transform: rotate(-45deg) scale(var(--scaleFactor));
    /*transform: rotate(-45deg) scale(round(nearest, calc(var(--iconSizeBasedOn_14) / var(--mainFontSize_14)), 0.25));*/
}
.tab-and-tool-top-bar .ph.rotate-90:before,
.tab-and-tool-top-bar .ph-thin.rotate-90:before,
.tab-and-tool-top-bar .ph-light.rotate-90:before,
.tab-and-tool-top-bar .ph-bold.rotate-90:before,
.tab-and-tool-top-bar .ph-fill.rotate-90:before,
.tab-and-tool-top-bar .ph-duotone.rotate-90:before,
.tab-and-tool-top-bar .ph-duotone.rotate-90:after {
    transform: rotate(90deg) scale(var(--scaleFactor));
    /*transform: rotate(90deg) scale(round(nearest, calc(var(--iconSizeBasedOn_14) / var(--mainFontSize_14)), 0.25));*/
}
.tab-and-tool-top-bar .ph.rotate--90:before,
.tab-and-tool-top-bar .ph-thin.rotate--90:before,
.tab-and-tool-top-bar .ph-light.rotate--90:before,
.tab-and-tool-top-bar .ph-bold.rotate--90:before,
.tab-and-tool-top-bar .ph-fill.rotate--90:before,
.tab-and-tool-top-bar .ph-duotone.rotate--90:before,
.tab-and-tool-top-bar .ph-duotone.rotate--90:after {
    transform: rotate(-90deg) scale(var(--scaleFactor));
    /*transform: rotate(-90deg) scale(round(nearest, calc(var(--iconSizeBasedOn_14) / var(--mainFontSize_14)), 0.25));*/
}
/* .conversations-main-panel-top-tabbar  */
.tab-and-tool-top-bar .ph.rotate-90.scale-1:before,
.tab-and-tool-top-bar .ph-thin.rotate-90.scale-1:before,
.tab-and-tool-top-bar .ph-light.rotate-90.scale-1:before,
.tab-and-tool-top-bar .ph-bold.rotate-90.scale-1:before,
.tab-and-tool-top-bar .ph-fill.rotate-90.scale-1:before,
.tab-and-tool-top-bar .ph-duotone.rotate-90.scale-1:before,
.tab-and-tool-top-bar .ph-duotone.rotate-90.scale-1:after {
    transform: rotate(90deg);
}
.tab-and-tool-top-bar .ph.rotate-90.scaleY-1-25:before,
.tab-and-tool-top-bar .ph-thin.rotate-90.scaleY-1-25:before,
.tab-and-tool-top-bar .ph-light.rotate-90.scaleY-1-25:before,
.tab-and-tool-top-bar .ph-bold.rotate-90.scaleY-1-25:before,
.tab-and-tool-top-bar .ph-fill.rotate-90.scaleY-1-25:before,
.tab-and-tool-top-bar .ph-duotone.rotate-90.scaleY-1-25:before,
.tab-and-tool-top-bar .ph-duotone.rotate-90.scaleY-1-25:after {
    transform: rotate(90deg) scaleY(1.25);
}
.ph.double-scale,
.ph-thin.double-scale,
.ph-light.double-scale,
.ph-bold.double-scale,
.ph-fill.double-scale,
.ph-duotone.double-scale {
    --scaleFactor: calc(var(--scaleFactor) * var(--scaleFactor));
}
.tab-and-tool-top-bar .ph.add-half:before,
.tab-and-tool-top-bar .ph-thin.add-half:before,
.tab-and-tool-top-bar .ph-light.add-half:before,
.tab-and-tool-top-bar .ph-bold.add-half:before,
.tab-and-tool-top-bar .ph-fill.add-half:before,
.tab-and-tool-top-bar .ph-duotone.add-half:before,
.tab-and-tool-top-bar .ph-duotone.add-half:after {
    transform: scale(calc(var(--scaleFactor) * 1.5));
}

.tab-and-tool-top-bar .ph.add-quarter:before,
.tab-and-tool-top-bar .ph-thin.add-quarter:before,
.tab-and-tool-top-bar .ph-light.add-quarter:before,
.tab-and-tool-top-bar .ph-bold.add-quarter:before,
.tab-and-tool-top-bar .ph-fill.add-quarter:before,
.tab-and-tool-top-bar .ph-duotone.add-quarter:before,
.tab-and-tool-top-bar .ph-duotone.add-quarter:after {
    transform: scale(calc(var(--scaleFactor) * 1.25));
}

.combo-iconified-icon-wrapper .ph,
.combo-iconified-icon-wrapper .ph-thin,
.combo-iconified-icon-wrapper .ph-light,
.combo-iconified-icon-wrapper .ph-bold,
.combo-iconified-icon-wrapper .ph-fill,
.combo-iconified-icon-wrapper .ph-duotone,
.x-boundlist .ph,
.x-boundlist .ph-thin,
.x-boundlist .ph-light,
.x-boundlist .ph-bold,
.x-boundlist .ph-fill,
.x-boundlist .ph-duotone {
    font-size: 13px;
    --scaleFactor: 1.32;
}
.combo-iconified-icon-wrapper .ph:before,
.combo-iconified-icon-wrapper .ph-thin:before,
.combo-iconified-icon-wrapper .ph-light:before,
.combo-iconified-icon-wrapper .ph-bold:before,
.combo-iconified-icon-wrapper .ph-fill:before,
.combo-iconified-icon-wrapper .ph-duotone:before,
.combo-iconified-icon-wrapper .ph-duotone:after,
.x-boundlist .ph:before,
.x-boundlist .ph-thin:before,
.x-boundlist .ph-light:before,
.x-boundlist .ph-bold:before,
.x-boundlist .ph-fill:before,
.x-boundlist .ph-duotone:before,
.x-boundlist .ph-duotone:after {
    transform: scale(var(--scaleFactor));
    /*transform: scale(round(nearest, calc(var(--iconSizeBasedOn_14) / var(--mainFontSize_14)), 0.25));*/
}
.combo-iconified-icon-wrapper .ph.mirror-x:before,
.combo-iconified-icon-wrapper .ph-thin.mirror-x:before,
.combo-iconified-icon-wrapper .ph-light.mirror-x:before,
.combo-iconified-icon-wrapper .ph-bold.mirror-x:before,
.combo-iconified-icon-wrapper .ph-fill.mirror-x:before,
.combo-iconified-icon-wrapper .ph-duotone.mirror-x:before,
.combo-iconified-icon-wrapper .ph-duotone.mirror-x:after,
.x-boundlist .ph.mirror-x:before,
.x-boundlist .ph-thin.mirror-x:before,
.x-boundlist .ph-light.mirror-x:before,
.x-boundlist .ph-bold.mirror-x:before,
.x-boundlist .ph-fill.mirror-x:before,
.x-boundlist .ph-duotone.mirror-x:before,
.x-boundlist .ph-duotone.mirror-x:after {
    transform: scale(-1, 1) scale(var(--scaleFactor));
}
.combo-iconified-icon-wrapper .ph.mirror-y:before,
.combo-iconified-icon-wrapper .ph-thin.mirror-y:before,
.combo-iconified-icon-wrapper .ph-light.mirror-y:before,
.combo-iconified-icon-wrapper .ph-bold.mirror-y:before,
.combo-iconified-icon-wrapper .ph-fill.mirror-y:before,
.combo-iconified-icon-wrapper .ph-duotone.mirror-y:before,
.combo-iconified-icon-wrapper .ph-duotone.mirror-y:after,
.x-boundlist .ph.mirror-y:before,
.x-boundlist .ph-thin.mirror-y:before,
.x-boundlist .ph-light.mirror-y:before,
.x-boundlist .ph-bold.mirror-y:before,
.x-boundlist .ph-fill.mirror-y:before,
.x-boundlist .ph-duotone.mirror-y:before,
.x-boundlist .ph-duotone.mirror-y:after {
    transform: scale(1, -1) scale(var(--scaleFactor));
}
.combo-iconified-icon-wrapper .ph.rotate-45:before,
.combo-iconified-icon-wrapper .ph-thin.rotate-45:before,
.combo-iconified-icon-wrapper .ph-light.rotate-45:before,
.combo-iconified-icon-wrapper .ph-bold.rotate-45:before,
.combo-iconified-icon-wrapper .ph-fill.rotate-45:before,
.combo-iconified-icon-wrapper .ph-duotone.rotate-45:before,
.combo-iconified-icon-wrapper .ph-duotone.rotate-45:after,
.x-boundlist .ph.rotate-45:before,
.x-boundlist .ph-thin.rotate-45:before,
.x-boundlist .ph-light.rotate-45:before,
.x-boundlist .ph-bold.rotate-45:before,
.x-boundlist .ph-fill.rotate-45:before,
.x-boundlist .ph-duotone.rotate-45:before,
.x-boundlist .ph-duotone.rotate-45:after {
    transform: rotate(45deg) scale(var(--scaleFactor));
    /*transform: rotate(45deg) scale(round(nearest, calc(var(--iconSizeBasedOn_14) / var(--mainFontSize_14)), 0.25));*/
}
.combo-iconified-icon-wrapper .ph.rotate--45:before,
.combo-iconified-icon-wrapper .ph-thin.rotate--45:before,
.combo-iconified-icon-wrapper .ph-light.rotate--45:before,
.combo-iconified-icon-wrapper .ph-bold.rotate--45:before,
.combo-iconified-icon-wrapper .ph-fill.rotate--45:before,
.combo-iconified-icon-wrapper .ph-duotone.rotate--45:before,
.combo-iconified-icon-wrapper .ph-duotone.rotate--45:after,
.x-boundlist .ph.rotate--45:before,
.x-boundlist .ph-thin.rotate--45:before,
.x-boundlist .ph-light.rotate--45:before,
.x-boundlist .ph-bold.rotate--45:before,
.x-boundlist .ph-fill.rotate--45:before,
.x-boundlist .ph-duotone.rotate--45:before,
.x-boundlist .ph-duotone.rotate--45:after {
    transform: rotate(-45deg) scale(var(--scaleFactor));
    /*transform: rotate(-45deg) scale(round(nearest, calc(var(--iconSizeBasedOn_14) / var(--mainFontSize_14)), 0.25));*/
}
.combo-iconified-icon-wrapper .ph.rotate-90:before,
.combo-iconified-icon-wrapper .ph-thin.rotate-90:before,
.combo-iconified-icon-wrapper .ph-light.rotate-90:before,
.combo-iconified-icon-wrapper .ph-bold.rotate-90:before,
.combo-iconified-icon-wrapper .ph-fill.rotate-90:before,
.combo-iconified-icon-wrapper .ph-duotone.rotate-90:before,
.combo-iconified-icon-wrapper .ph-duotone.rotate-90:after,
.x-boundlist .ph.rotate-90:before,
.x-boundlist .ph-thin.rotate-90:before,
.x-boundlist .ph-light.rotate-90:before,
.x-boundlist .ph-bold.rotate-90:before,
.x-boundlist .ph-fill.rotate-90:before,
.x-boundlist .ph-duotone.rotate-90:before,
.x-boundlist .ph-duotone.rotate-90:after {
    transform: rotate(90deg) scale(var(--scaleFactor));
    /*transform: rotate(90deg) scale(round(nearest, calc(var(--iconSizeBasedOn_14) / var(--mainFontSize_14)), 0.25));*/
}
.combo-iconified-icon-wrapper .ph.rotate--90:before,
.combo-iconified-icon-wrapper .ph-thin.rotate--90:before,
.combo-iconified-icon-wrapper .ph-light.rotate--90:before,
.combo-iconified-icon-wrapper .ph-bold.rotate--90:before,
.combo-iconified-icon-wrapper .ph-fill.rotate--90:before,
.combo-iconified-icon-wrapper .ph-duotone.rotate--90:before,
.combo-iconified-icon-wrapper .ph-duotone.rotate--90:after,
.x-boundlist .ph.rotate--90:before,
.x-boundlist .ph-thin.rotate--90:before,
.x-boundlist .ph-light.rotate--90:before,
.x-boundlist .ph-bold.rotate--90:before,
.x-boundlist .ph-fill.rotate--90:before,
.x-boundlist .ph-duotone.rotate--90:before,
.x-boundlist .ph-duotone.rotate--90:after {
    transform: rotate(-90deg) scale(var(--scaleFactor));
    /*transform: rotate(-90deg) scale(round(nearest, calc(var(--iconSizeBasedOn_14) / var(--mainFontSize_14)), 0.25));*/
}
:root *.ph,
:root *.ph-thin,
:root *.ph-light,
:root *.ph-bold,
:root *.ph-fill,
:root *.ph-duotone {
    --scaleFactorAdd: 1.12;
    --scaleFactor-1-12: 1.12;
    --scaleFactor-1-125: 1.125;
    --scaleFont-1-125: 1.125;
    --scaleY95: .95;
    --scaleY85: .85;
    --scaleY75: .75;
}
/* especial for rotated icons */
/*  .ph-bold.rotate-90:before  */
:root .ph-tree-structure.rotate-90:before {
    /* transform: rotate(90deg) scale( var(--scaleFactor), 1.4); */
    transform: rotate(90deg) scale(var(--scaleFactorRotated));
}
/* especial for lock-scaleY icons */
.ph-fill.ph-lock-simple.scale-y-95:before {
    /*vertical-align: bottom;*/
}

/* offset of text, in menus */
.offset-ph {
    padding-top: 1px;
}
.standard-text {
    font: 400 14px Roboto, sans-serif !important;
}
.standard-text.in-checkbox {
    display: inline-flex;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px);
}
/*.main-icon,*/
.main-icon:before,
/*.action-button:before,*/
.base-color:before,
.base-color.ph-duotone:after,
.base-color.stacked-icon:after {
    color: var(--pp-base-color);
}
.alert-color:before {
    color: var(--pp-alert-color);
}
.semi-alert-color:before {
    color: var(--pp-semi-alert-color);
}
.semi-warning-color:before {
    color: var(--pp-semi-warning-color);
}
.success-color:before {
    color: var(--pp-success-color);
}
.semi-success-color:before {
    color: var(--pp-semi-success-color);
}
.reverse-color:before {
    color: var(--pp-body-color);
}
.light-grey-color:before {
    color: var(--pp-light-grey-color);
}
.dark-grey-color:before {
    color: var(--pp-highlight-color);
}
.darker-grey-color:before {
    /* like in toolbars */
    color: var(--pp-inactive-color);
}
.grey-color:before {
    color: var(--pp-text-gray-color);
}
.more-dark-grey-color:before {
    color: var(--pp-more-dark-grey-color);
}
.hard-grey-color:before {
    color: var(--pp-hard-grey-color);
}
.alert-bg-color {
    background-color: var(--pp-alert-color);
}
.semi-alert-bg-color {
    background-color: var(--pp-semi-alert-color);
}
.warning-bg-color {
    background-color: var(--pp-semi-warning-color);
}
.success-bg-color {
    background-color: var(--pp-success-color);
}
.semi-success-bg-color {
    background-color: var(--pp-semi-success-color);
}
.reverse-bg-color {
    background-color: var(--pp-body-color);
}
.light-grey-bg-color {
    background-color: var(--pp-light-grey-color);
}
.dark-grey-bg-color {
    background-color: var(--pp-highlight-color);
}
.darker-grey-bg-color {
    /* like in toolbars */
    background-color: var(--pp-inactive-color);
}
.grey-color-bg-color {
    background-color: var(--pp-text-gray-color);
}
.more-dark-grey-bg-color {
    background-color: var(--pp-more-dark-grey-color);
}
.hard-grey-bg-color {
    background-color: var(--pp-hard-grey-color);
}
.rounded-icon,
.circle-icon {
    display: block;
    border-radius: 100%;
}
.rounded-icon {
    box-shadow: 0 0 0 1.125px currentColor inset;
}
.far.icon-small:before,
.fas.icon-small:before,
.fa.icon-small:before {
    font-size: small;
}
.far.icon-medium:before,
.fas.icon-medium:before,
.fa.icon-medium:before,
.far.icon-medium.stacked-icon:after,
.fas.icon-medium.stacked-icon:after,
.fa.icon-medium.stacked-icon:after {
    font-size: medium;
}
.far.icon-larger:before,
.fas.icon-larger:before,
.fa.icon-larger:before {
    font-size: larger;
}
/*.select-view-icon:before {
    color: #2B3F5C;
}*/
.field-header-help {
    color: var(--pp-highlight-color);
    margin-left: 2px;
}
.field-header-help:hover {
    color: var(--pp-base-color);
}
.left-panel-title-icon {
    /*font-size: medium;*/
}
.left-panel-title-icon,
.left-panel-title-stacked-icon {
    /*padding-right: 7px !important;*/
    /*width: auto !important;*/
}
.left-panel-title-icon:before {
    /*color: #595959 !important;*/
}
.left-panel-title-stacked-icon:before,
.left-panel-title-stacked-icon:after {
    color: var(--pp-hard-grey-color) !important;
}
.main-header-icon:before {
    display: inline;
    font-size: 22px;
    color: var(--pp-body-color);
}
.timer-stop-icon:before {
    font-size: 24px;
    color: var(--pp-attention-color);
    transform: translate(-2px, -2px);
}
.reference-rights-cell-inner {
    display: flex;
    flex-wrap: nowrap;
    column-gap: 4px;
    align-items: center;
    justify-content: center;
    padding-right: 3px;
    padding-left: 3px;
}
.iconified-name-icons-list-icon:before {
    line-height: inherit;
    opacity: .54;
}
.reference-rights-icon:before {
    padding: 0;
    font-size: 13px;
    opacity: .6;
}
.icons-regular.no-face-small:before {
    font-size: 18px;
}
:root .icon-mi {
    font-family: 'Material Icons';
    display: flex;
    align-items: center;
    align-self: center;
}
.icon-mi:before {
    display: block;
    line-height: 1;
}
.icon-mi.icon-larger:before {
    font-size: 1.5em;
}
.icon-mi-add:before {
    content: '\e145';
}
.icon-mi.icon-larger.icon-mi-add {
    justify-content: center;
}
/* it is ols FS stacked icons, not used now  */
/*
.generic-stacked-icon:after {
    position: absolute;
    left: -2px;
    top: 0;
    text-align: center;
    margin: 0 4px;
}
.generic-stacked-icon-shadow-sm:after {
    text-shadow: 1px -1px 0 var(--pp-body-color),
                -1px 1px 0 var(--pp-body-color);
}
.generic-stacked-icon-shadow-md-white:after {
    text-shadow: 2px -1px 0 var(--pp-body-color),
                -2px -1px 0 var(--pp-body-color),
                1px 1px 0 var(--pp-body-color);
}
.generic-stacked-icon-shadow-md-gray:after {
    text-shadow: 2px -1px 0 var(--pp-lighter-gray-color),
                -2px -1px 0 var(--pp-lighter-gray-color),
                1px 1px 0 var(--pp-lighter-gray-color);
}
.generic-stacked-icon-shadow-md-dark-gray:after {
    text-shadow: 2px -1px 0 var(--pp-secondary-focused-color),
                -2px -1px 0 var(--pp-secondary-focused-color),
                1px 1px 0 var(--pp-secondary-focused-color);
}
.generic-stacked-icon.stacked-exclude:after {
    content: "\f715";
    font-family: "Font Awesome 5 Free";
}
.generic-stacked-icon.stacked-location-arrow:after {
    font-size: .9em;
}
.generic-stacked-icon.stacked-location-arrow:after,
.left-stacked-icon.stacked-location-arrow:after {
    content: "\f124";
    font-family: "Font Awesome 5 Free";
    transform: rotate(184deg) translate(-3px, 5px) scale(.6, .6);
}
.left-stacked-icon.stacked-location-arrow:after {
    position: absolute;
    left: 24px;
    top: 1px;
    text-align: center;
    font-size: 20px;
}
.left-stacked-icon-shadow-lg:after {
    text-shadow: 3px -1px 0 var(--pp-secondary-gray-medium-color),
                -3px -1px 0 var(--pp-secondary-gray-medium-color),
                1px 1px 0 var(--pp-secondary-gray-medium-color);
}
*/
.icon-transformed:before {
    display: block;
}
.icon-transformed-pseudo-rotate-90:before,
.icon-transformed[data-icon-transform="rotate-90"]:before {
    transform: rotate(90deg);
}
.icon-transformed-pseudo-rotate--90:before,
.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);
}
.icon-transformed-rotate--45 {
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: rotate(-45deg);
    -moz-transform-origin: 50% 50%;
    transform: rotate(-45deg);
    transform-origin: 50% 50%;
}
.icon-transformed-rotate-45 {
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: rotate(45deg);
    -moz-transform-origin: 50% 50%;
    transform: rotate(45deg);
    transform-origin: 50% 50%;
}
.icon-transformed-rotate-90 {
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 50% 50%;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
}
.icon-transformed-rotate--90 {
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: 50% 50%;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

.icon-msg:before {
    font-size: 44px;
    line-height: 1;
}
.icon-bg-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.icon-text {
    overflow: hidden;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
.icon-text:before {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    display: block;
}
.x-scale-0-25-icon-text:before {
    font-size: .25em !important;
    font-size: round(nearest, .25em, 1px)!important;
    line-height: 1em;
}
.x-scale-0-5-icon-text:before {
    font-size: .5em !important;
    font-size: round(nearest, .5em, 1px) !important;
    line-height: 1em;
}
.x-scale-0-75-icon-text:before {
    font-size: .75em !important;
    font-size: round(nearest, .75em, 1px) !important;
    line-height: 1em;
}
.x-scale-1-icon-text:before {
    font-size: 1em !important;
    line-height: 1em;
}
.x-scale-1-25-icon-text:before {
    font-size: 1.25em !important;
    font-size: round(nearest, 1.25em, 1px)!important;
    line-height: 1em;
}
.x-scale-1-5-icon-text:before {
    font-size: 1.5em !important;
    font-size: round(nearest, 1.5em, 1px) !important;
    line-height: 1em;
}
.x-scale-1-75-icon-text:before {
    font-size: 1.75em !important;
    font-size: round(nearest, 1.75em, 1px) !important;
    line-height: 1em;
}
.x-scale-2-icon-text:before {
    font-size: 2em !important;
    line-height: 1em;
}
.x-scale-2-25-icon-text:before {
    font-size: 2.25em !important;
    font-size: round(nearest, 2.25em, 1px) !important;
    line-height: 1em;
}
.x-scale-2-5-icon-text:before {
    font-size: 2.5em !important;
    font-size: round(nearest, 2.5em, 1px) !important;
    line-height: 1em;
}
.icon-text--vertical-line {
    position: relative;
    font-size: inherit;
    display: inline;
    vertical-align: baseline;
}
.icon-text--vertical-line:before {
    content: '';
    vertical-align: inherit;
    display: inline;
    border-left: 1px solid currentColor;
}
.icon-text--numbers-123-points:before {
    content: '123\002e\002e\200a';
}
.icon-text--numbers-1-points-2:before {
    content: '1\002e\002e';
}

.icon-text--nan-round {
    color: var(--pp-body-color);
    /*background-color: #3f5d89;*/
    border-radius: 100%;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    font-size: 11px !important;
    font-weight: 600;
}
.icon-text--nan-round .icon-separator {
    font-weight: 300;
    font-style: normal;
    line-height: 1;
    font-size: 1em;
    display: block;
    letter-spacing: -.25px;
    text-indent: -0.25px;
}
.icon-text--nan-round:before {
    content: 'N';
    transform: translate(.25px, -.24em);
    display: block;
}
.icon-text--nan-round:after {
    content: 'A';
    display: block;
    transform: translate(-1.5px, .24em);
}

.icon-text--nan:before {
    content: 'N/A';
    letter-spacing: -.25px;
    font-weight: 600;
}
.icon-text--numbers-hair-dash:before {
    content: '0''\200a\2014\200a''9';
}
.icon-text--numbers-hair-points:before {
    content: '0''\200a\002e\002e\002e\200a''9';
}
.icon-text--numbers-range-hair-dash:before {
    content: '[0''\200a\2014\200a''9]';
}
.icon-text--numbers-range-hair-ellipsis:before {
    content: '[0''\200a\2026\200a''9]';
}
.icon-text--numbers-range-hair-dots:before {
    content: '[0''\200a\2027\2027\2027\200a''9]';
}
.icon-text--numbers-range-hair-points:before {
    content: '[0''\200a\002e\002e\002e\200a''9]';
}
.icon-text--equals:before {
    content: '\003d';
}
.icon-text--not-equal-to:before {
    content: '\2260';
}
.icon-text--less-than:before {
    content: '\003c';
}
.icon-text--less-than-equal-to:before {
    content: '\2264';
    margin-top: -.16em;
    margin-top: round(nearest, -.16em, 1px);
}
.icon-text--greater-than:before {
    content: '\003e';
}
.icon-text--greater-than-equal-to:before {
    content: '\2265';
    margin-top: -.16em;
    margin-top: round(nearest, -.16em, 1px);
}
.icon-text--multiplication:before {
    content: '\00d7';
}
.icon-text--division:before {
    content: '\00f7';
}
.icon-text-minus:before {
    content: '\2212';
}
.icon-text-en-dash:before {
    content: '\2013';
}
.icon-text-em-dash:before {
    content: '\2014';
}
.icon-text--plus:before {
    content: '\002B';
}
.icon-text--plus-minus:before {
    content: '\00b1';
}
.icon-text--tilde:before {
    content: '\007e';
}
.icon-text--almost-equal-to:before {
    content: '\2248';
}
.icon-text-bullet:before {
    content: '\2022';
}
.icon-text--hair-space:before {
    content: '\200a';
}
.icon-text--thin-space:before {
    content: '\2009';
}
.icon-text--thin-ellipsis:before {
    content: '\2026';
}
/*

.icon-text--:before {
    content: '\';
}
.icon-text--:before {
    content: '\';
}
.icon-text--:before {
    content: '\';
}
.icon-text--:before {
    content: '\';
}
.icon-text--:before {
    content: '\';
}
.icon-text--:before {
    content: '\';
}
.icon-text--:before {
    content: '\';
}
*/

.icon-xs {
    font-size: .8em!important;
}
.icon-sm {
    font-size: .9em!important;
}
.icon-md {
    font-size: 1em!important;
}
.icon-lg {
    font-size: 1.1em!important;
}
.icon-xl {
    font-size: 1.2em!important;
    /*margin-top: 0.05em;*/
    /*margin-bottom: -0.05em;*/
}
.icon-xxl {
    font-size: 1.25em!important;
}
.icon-xs:before {
    font-size: 1em;
}
.icon-sm:before {
    font-size: 1em;
}
.icon-md:before {
    font-size: 1em;
}
.icon-lg:before {
    font-size: 1em;
}
.icon-xl:before {
    font-size: 1em;
}
.icon-xxl:before {
    font-size: 1em;
    /*margin-top: -0.125em;*/
    /*margin-bottom: -0.125em;*/
}

/* pseudo scales */
.no-scale-pseudo:before,
.no-scale-pseudo:after {
    transform: scale(1) !important;
}
[class^="scale-pseudo-"]:before, [class^="scale-y-pseudo-"]:before, [class^="scale-x-pseudo-"]:before,
[class*=" scale-pseudo-"]:before, [class*=" scale-y-pseudo-"]:before, [class*=" scale-x-pseudo-"]:before {
    display: block;
}
[class^="scale-x-pseudo-"]:before, [class*=" scale-x-pseudo-"]:before {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}
.scale-pseudo-xxxs:before {
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    -o-transform: scale(.4);
    transform: scale(.4);
}
.scale-pseudo-xxs:before {
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.6);
}
.scale-pseudo-xs:before {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
}
.scale-pseudo-xsm:before {
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -o-transform: scale(.85);
    transform: scale(.85);
}
.scale-pseudo-sm:before {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
}
.scale-pseudo-md:before {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}
.scale-pseudo-lg:before {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.scale-pseudo-lgx:before {
    -webkit-transform: scale(1.16);
    -moz-transform: scale(1.16);
    -o-transform: scale(1.16);
    transform: scale(1.16);
}
.scale-pseudo-xl:before {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.scale-pseudo-xxl:before {
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    -o-transform: scale(1.35);
    transform: scale(1.35);
}
.scale-pseudo-3xl:before {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}
.scale-pseudo-4xl:before {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.scale-y-pseudo-xs:before {
    -webkit-transform: scaleY(.8);
    -moz-transform: scaleY(.8);
    -o-transform: scaleY(.8);
    transform: scaleY(.8);
}
.scale-y-pseudo-sm:before {
    -webkit-transform: scaleY(.9);
    -moz-transform: scaleY(.9);
    -o-transform: scaleY(.9);
    transform: scaleY(.9);
}
.scale-y-pseudo-md:before {
    -webkit-transform: scaleY(1.06);
    -moz-transform: scaleY(1.06);
    -o-transform: scaleY(1.06);
    transform: scaleY(1.06);
}
.scale-y-pseudo-lg:before {
    -webkit-transform: scaleY(1.1);
    -moz-transform: scaleY(1.1);
    -o-transform: scaleY(1.1);
    transform: scaleY(1.1);
}
.scale-y-pseudo-lgx:before {
    -webkit-transform: scaleY(1.16);
    -moz-transform: scaleY(1.16);
    -o-transform: scaleY(1.16);
    transform: scaleY(1.16);
}
.scale-y-pseudo-xl:before {
    -webkit-transform: scaleY(1.2);
    -moz-transform: scaleY(1.2);
    -o-transform: scaleY(1.2);
    transform: scaleY(1.2);
}

.scale-x-pseudo-xs:before {
    -webkit-transform: scaleX(.8);
    -moz-transform: scaleX(.8);
    -o-transform: scaleX(.8);
    transform: scaleX(.8);
}
.scale-x-pseudo-sm:before {
    -webkit-transform: scaleX(.9);
    -moz-transform: scaleX(.9);
    -o-transform: scaleX(.9);
    transform: scaleX(.9);
}
.scale-x-pseudo-md:before {
    -webkit-transform: scaleX(1.06);
    -moz-transform: scaleX(1.06);
    -o-transform: scaleX(1.06);
    transform: scaleX(1.06);
}
.scale-x-pseudo-lg:before {
    -webkit-transform: scaleX(1.1);
    -moz-transform: scaleX(1.1);
    -o-transform: scaleX(1.1);
    transform: scaleX(1.1);
}
.scale-x-pseudo-lgx:before {
    -webkit-transform: scaleX(1.16);
    -moz-transform: scaleX(1.16);
    -o-transform: scaleX(1.16);
    transform: scaleX(1.16);
}
.scale-x-pseudo-xl:before {
    -webkit-transform: scaleX(1.2);
    -moz-transform: scaleX(1.2);
    -o-transform: scaleX(1.2);
    transform: scaleX(1.2);
}
/* pseudo scales End */

/* pp fonts */
/* now target-arrow only*/
@font-face {
  font-family: 'pp';
  src:
    url('font-pp/pp.ttf?u4f561') format('truetype'),
    url('font-pp/pp.woff?u4f561') format('woff'),
    url('font-pp/pp.svg?u4f561#pp') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="pp-icon-"], [class*=" pp-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'pp' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pp-icon-target-arrow-1:before {
  content: "\e900";
}
.pp-icon-ellipsis-vert-1:before {
  content: "\e901";
}
.pp-icon-ellipsis-hor-1:before {
  content: "\e902";
}
.pp-icon-numeric:before {
  content: "\e908";
}
.pp-icon-nan-lower:before {
  content: "\e909";
}
.pp-icon-nan-upper:before {
  content: "\e90a";
}
.pp-icon-equal:before {
  content: "\e903";
}
.pp-icon-greater-than:before {
  content: "\e904";
}
.pp-icon-greater-than-equal-to:before {
  content: "\e905";
}
.pp-icon-less-than:before {
  content: "\e906";
}
.pp-icon-less-than-equal-to:before {
  content: "\e907";
}

/* stacked icon has no content, remove padding to avoid empty space */
.pp-icon-stack-btn .x-btn-inner {
    padding: 0;
}

/* overlay small icon positioned top-right inside the main icon box */
.pp-icon-stack-btn .overlay-icon {
    position: absolute;
    pointer-events: none; /* overlay won't intercept clicks (button will) */
}
.pp-icon-stack-btn .overlay-icon.going-out {
    top: -1.75px;
    font-size: 7.75px; /* smaller overlay icon */
    right: -6.25px;
}

/* row indicators */
.row-indicator-icon {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    /*margin-right: .2em;*/
    color: var(--pp-highlight-color);
    height: var(--mainLineHeight);
    vertical-align: middle;
}
.row-indicator-icon:before {
}
.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 {
}

/* ExtJs self icons override */
.no-face-small:before,
.activity-view-execution-comment:before,
.icon-settings-general:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icons-regular:before {
    /*font-family: 'Font Awesome 5 Free Regular';*/
}
:root .no-face-small {
    width: 18px;
    height: 48px;
    margin-top: -16px;
    margin-bottom: -16px;
    /*font-family: 'Phosphor';*/
    font-family: 'Phosphor-Bold';
    font-size: 16px;
    vertical-align: top;
}
:root .no-face-small:before {
    /* 'ph-bold ph-user' */
    content: "\E4C2";
    font-family: inherit;
    color: var(--pp-highlight-color);
    font-size: 16px;
}

.icon-settings {
    --mainFontSize: 14px;
    --mainLineHeight: 14px;
    --mainIconLineHeight: 48px;
    width: 18px;
    height: 48px;
    margin-top: -16px;
    margin-bottom: -16px;
    font-size: var(--mainFontSize);
    vertical-align: middle;
    line-height: var(--mainIconLineHeight);
}
.icon-settings:before {
    /* ph-fill ph-gear */
    content: "\E270";
    font-family: 'Phosphor';
    color: var(--pp-highlight-color);
    font-size: calc(var(--mainFontSize) + 2px);
    align-items: center;
    line-height: var(--mainIconLineHeight);
}
.settings-tree .x-grid-item-selected .icon-settings:before {
    font-family: 'Phosphor-Bold';
    font-size: calc(var(--mainFontSize) + 4px);
}
.text-settings.text-settings-general {
    line-height: var(--mainLineHeight);
    vertical-align: text-bottom;
}
.icon-strategy:before {
    content: "\f201";
}
.icon-structure:before {
    content: "\f0e8";
}
.icon-risk:before,
.icon-risks:before {
    content: "\f071";
}
.icon-customers:before {
    content: "\f0c0";
}
.icon-actionplan:before {
    content: "\f08d";
}
.icon-typed-actions:before {
    content: "\f074";
}
.icon-budget:before {
    content: "\f3d1";
}
.icon-partner:before {
    content: "\f0c0";
}
.icon-cofiller:before {
    content: "\f0e8";
}
.conversation-info-pop-up:before {
    /* ph-bold ph-question */
    content: "\e3e8";
    font-family: 'Phosphor-Bold';
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    color: var(--pp-base-color);
}
.icon-clear-grouping:before {
    content: "\f0fe";
    color: var(--pp-attention-dark-color);
    font-size: medium;
}
.icon-grouping:before {
    content: "\f0fe";
    font-size: medium;
}
.icon-budget-source:before {
    content: "\f555";
}

/* checkboxes */
.x-column-header-checkbox .x-column-header-checkbox,
.x-grid-checkcolumn,
.x-grid-hd-checker-on .x-column-header-checkbox,
.x-grid-checkcolumn-checked {
    display: inline-block;
    font-size: 16px;
}
.x-column-header-checkbox .x-column-header-checkbox:after,
.x-grid-checkcolumn:after,
.x-grid-hd-checker-on .x-column-header-checkbox:after,
.x-grid-checkcolumn-checked:after {
    content: none;
}
.x-column-header-checkbox .x-column-header-checkbox,
.x-grid-checkcolumn {
    /* unchecked  */
    font-family: 'Phosphor-Thin';
    font-weight: 600;
}
.x-grid-hd-checker-on .x-column-header-checkbox,
.x-grid-checkcolumn-checked {
    /* checked  */
    font-family: 'Phosphor-Fill';
    font-weight: 300;
}
.x-column-header-checkbox .x-column-header-checkbox:before,
.x-grid-checkcolumn:before,
.x-grid-hd-checker-on .x-column-header-checkbox:before,
.x-grid-checkcolumn-checked:before {
    font-family: inherit;
    line-height: 1;
    height: inherit;
    display: inline-flex;
    transform: scale(1.125);
}
.x-column-header-checkbox .x-column-header-checkbox:before,
.x-grid-checkcolumn:before {
    /* ph ph-square, unchecked */
    content: '\E45E';
    color: var(--pp-highlight-color);
}
.x-grid-hd-checker-on .x-column-header-checkbox:before,
.x-grid-checkcolumn-checked:before {
    /* ph ph-check-square, checked  */
    content: '\E186';
    color: var(--pp-primary-focused-color);
}

.x-form-checkbox-default {
    /* ph ph-square, unchecked */
    font-family: 'Phosphor-Thin';
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
}
.x-form-cb-checked .x-form-checkbox-default {
    /* ph ph-check-square, checked  */
    font-family: 'Phosphor-Fill';
    font-weight: 300;
    font-size: 16px;
    display: inline-block;
}
.x-form-checkbox-default:before,
.x-form-cb-checked .x-form-checkbox-default:before {
    font-family: inherit;
    line-height: 1;
    height: inherit;
    display: inline-flex;
    transform: scale(1.125);
}
.x-form-checkbox-default:before {
    /* ph ph-square, unchecked */
    content: '\E45E';
    color: var(--pp-highlight-color);
}
.x-form-cb-checked .x-form-checkbox-default:before {
    /* ph ph-check-square, checked  */
    content: '\E186';
    color: var(--pp-primary-focused-color);
}

.x-tree-checkbox {
    margin-right: 6px;
    top: 15px;
    font-size: 18px;
    width: 1em;
    height: 1em;
    line-height: 1;
    display: inline-block;
    color: var(--pp-highlight-color);
    font-family: 'Phosphor-Thin';
    font-weight: 600;
}
.x-tree-checkbox:before {
    /* ph ph-square, unchecked */
    content: '\E45E';
    color: var(--pp-highlight-color);
    display: inline-flex;
    /* transform: scale(1.125); */
}
.x-tree-checkbox-checked {
    font-family: 'Phosphor-Fill';
    font-weight: 300;
}
.x-tree-checkbox-checked:before {
    /* ph ph-check-square, checked  */
    content: '\E186';
    color: var(--pp-primary-focused-color);
    /* transform: scale(1.125); */
}
:root .x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox,
:root .x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox {
    height: 1em;
    width: 1em;
    line-height: 1;
    display: inline-block;
    font-size: 16px;
    /* margin-top: 1px; */
}
.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox {
    /* ph ph-square, unchecked */
    font-family: 'Phosphor-Thin';
    font-weight: 600;
}
.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox {
    /* ph ph-check-square, checked  */
    font-family: 'Phosphor-Fill';
    font-weight: 300;
    font-size: 16px;
    color: var(--pp-primary-focused-color);
}
.x-menu-item-unchecked .x-menu-item-icon-default.x-menu-item-checkbox:before {
    /* ph ph-square, unchecked */
    content: '\E45E';
    color: var(--pp-highlight-color);
    display: inline-flex;
    transform: scale(1.125);
}
.x-menu-item-checked .x-menu-item-icon-default.x-menu-item-checkbox:before {
    /* ph ph-check-square, checked  */
    content: '\E186';
    color: var(--pp-primary-focused-color);
    display: inline-flex;
    transform: scale(1.125);
}
.x-menu-item-icon-default.x-menu-item-checkbox {
    color: var(--pp-highlight-color);
    font-size: 16px;
}
.x-menu-item-focus .x-menu-item-icon-default.x-menu-item-checkbox,
.x-menu-item-active .x-menu-item-icon-default.x-menu-item-checkbox {
    color: var(--pp-color);
}
.x-menu-item-text-default {
    font: 400 14px Roboto, sans-serif;
    line-height: 31px;
    /* padding-top: 0; */
    color: var(--pp-color);
    cursor: pointer;
}
/* checkboxes END */

.x-tree-icon.x-tree-icon-parent-expanded,
.x-tree-icon.x-tree-icon-parent {
    --xTreeIconFontSize: 16px;
    --xTreeIconLineHeight: 16px;
    --xTreeIconFontSizeBefore: 17px;
    --xTreeIconWidth: 18px;
    width: var(--xTreeIconWidth);
    font-size: var(--xTreeIconFontSize);
}
.x-tree-icon.x-tree-icon-parent:not(.no-icon-tree):not(.no-face-small),
.x-tree-icon.x-tree-icon-parent:not(.no-icon-tree):not(.no-face-small):before {
    font-family: 'Phosphor';
}
.x-tree-icon.x-tree-icon-parent-expanded:not(.no-icon-tree):not(.no-face-small),
.x-tree-icon.x-tree-icon-parent-expanded:not(.no-icon-tree):not(.no-face-small):before {
    font-family: 'Phosphor';
}
.x-tree-icon.x-tree-icon-parent:not(.no-icon-tree):not(.no-face-small):before,
.x-tree-icon.x-tree-icon-parent-expanded:not(.no-icon-tree):not(.no-face-small):before {
    font-size: var(--xTreeIconFontSizeBefore);
}
.x-tree-icon.x-tree-icon-parent-expanded,
.x-tree-icon.x-tree-icon-parent-expanded:before,
.x-tree-icon.x-tree-icon-parent,
.x-tree-icon.x-tree-icon-parent:before {
    display: inline-flex;
    align-items: center;
    line-height: var(--xTreeIconLineHeight);
}
/*no-icon-tree-parent*/
.x-tree-icon-parent:not(.no-icon-tree):not(.no-face-small):before {
    /* ph-fill ph-folder" */
    content: '\E24A';
}
/*.x-tree-icon:not(.no-icon-tree):not(.no-face-small):before,*/
/*.x-tree-icon-parent:not(.no-icon-tree):not(.no-face-small):before,*/
/*.x-tree-icon-parent-expanded:not(.no-icon-tree):before,*/
.x-tree-icon-parent-expanded:not(.no-icon-tree):not(.no-face-small):before{
    /* ph-bold ph-folder-open */
    content: '\E256';
}

/* tools */

/*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: var(--pp-secondary-color);
    color: var(--pp-body-color);
}
/* tool icons override */
.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';*/
    font-family: 'Phosphor-Light';
    content: '\E0A6';
    font-size: 12px;
}
.x-tool-restore:before,
.x-tool-minimize:before {
    /* f78c f422 */
    /*content: '\f422';*/
    /*content: '\f78c';*/
}
.collapsible-expandable-panel .collapsible-expandable-panel-header .x-tool [data-ref=toolEl] {
    color: var(--pp-inactive-color);
    /*margin-top: -2px;*/
}
.collapsible-expandable-panel .collapsible-expandable-panel-header .x-tool .x-tool-collapse-top:before {
}
.collapsible-expandable-panel .collapsible-expandable-panel-header .x-tool .x-tool-expand-bottom:before {
}

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

.right-panel .x-tool-collapse-left:before {
    /*content: 'keyboard_arrow_right';*/
}


:root .x-menu-item-arrow {
    /* ph-fill ph-caret-right */
    font-family: 'Phosphor-Fill';
    vertical-align: middle;
    width: 16px;
    color: var(--pp-inactive-color);
    height: 100%;
    position: absolute;
    top: 0;
}
:root .x-menu-item-arrow.x-menu-item-arrow-default:before {
    /* ph-fill ph-caret-right */
    content: '\e13a';
    font-family: 'Phosphor-Fill';
    font-size: 13px;
    align-items: center;
    display: flex;
    height: 100%;
}
/* windows headers tools */
/* .x-tool-after-title */
:root .x-tool {
    --baseHeight: 18px;
    --baseWidth: 20px;
    --baseFontSize: 16px;
    height: var(--baseHeight);
    width: var(--baseWidth);
    text-align: center;
    /*
    position: absolute !important;
    left: 0;
    top: 0;
    margin: 0 0 0 4px;
    */
}
:root .x-tool [data-ref="toolEl"] {
    /* 'ph ph-x' */
    font-family: 'Phosphor';
    vertical-align: middle;
    position: absolute;
    width: var(--baseWidth);
    background-color: transparent;
    font-size: var(--baseFontSize);
    text-align: center;
    margin: 0;
}
:root .x-tool [data-ref="toolEl"]:before {
    font-family: 'Phosphor';
    align-items: center;
    vertical-align: middle;
    display: flex;
    height: inherit;
    position: relative;
    background-color: transparent;
    color: var(--pp-base-color);
    justify-content: center;
}
:root .x-tool [data-ref="toolEl"].x-tool-close:before {
    /* 'ph ph-x' */
    content: '\E4F6';
    font-size: calc(var(--baseFontSize) + 3px);
}
:root .x-tool [data-ref="toolEl"].x-tool-maximize:before {
    /* ph ph-arrows-out-simple */
    content: '\E0A6';
    font-size: calc(var(--baseFontSize) + 2px);
}
:root .x-tool [data-ref="toolEl"].x-tool-minimize:before,
:root .x-tool [data-ref="toolEl"].x-tool-restore:before {
    /* ph ph-arrows-in-simple */
    content: '\E09E';
    font-size: calc(var(--baseFontSize) + 2px);
}
/* expand, collapse */
:root .x-tool [data-ref="toolEl"].x-tool-expand-right {
    /* ph ph-caret-left */
    font-family: 'Phosphor-Bold';
}
:root .x-tool [data-ref="toolEl"].x-tool-expand-right:before {
    content: '\E138';
    font-family: 'Phosphor-Bold';
    font-size: calc(var(--baseFontSize) + 2px);
}
:root .x-tool [data-ref="toolEl"].x-tool-collapse-left {
    /* ph ph-caret-right */
    font-family: 'Phosphor-Bold';
}
:root .x-tool [data-ref="toolEl"].x-tool-collapse-left:before {
    content: '\E13A';
    font-family: 'Phosphor-Bold';
    font-size: calc(var(--baseFontSize) + 2px);
}
:root .x-tool [data-ref="toolEl"].x-tool-collapse-top {
    /* ph ph-caret-down */
    font-family: 'Phosphor-Light';
}
:root .x-tool [data-ref="toolEl"].x-tool-collapse-top:before {
    /* ph ph-caret-down */
    content: '\E13c';
    font-family: 'Phosphor-Light';
}
:root .x-tool [data-ref="toolEl"].x-tool-expand-bottom {
    /* ph ph-caret-up */
    font-family: 'Phosphor-Light';
}
:root .x-tool [data-ref="toolEl"].x-tool-expand-bottom:before {
    /* ph ph-caret-up */
    content: '\E136';
    font-family: 'Phosphor-Light';
}
/* fieldset */
:root .x-fieldset .x-tool .x-tool-toggle[data-ref="toolEl"] {
    /* is expanded */
    /* ph ph-minus-square */
    font-family: 'Phosphor';
    color: var(--pp-base-color);
    opacity: 1;
}
:root .x-fieldset .x-tool .x-tool-toggle[data-ref="toolEl"]:before {
    /* is expanded */
    /* ph ph-minus-square */
    content: '\ED4C';
    font-family: inherit;
    font-size: calc(var(--baseFontSize) + 2px);
    color: inherit;
}
:root .x-fieldset.x-fieldset.x-fieldset-collapsed .x-tool-toggle[data-ref="toolEl"] {
    /* ph ph-plus-square */
}
:root .x-fieldset.x-fieldset-collapsed .x-tool-toggle[data-ref="toolEl"]:before {
    /* ph ph-plus-square */
    content: '\ED4A';
}

/* Triggers icons */
:root .x-form-trigger {
    --baseHeight: 29px;
    --baseWidth: 32px;
    --baseFontSize: 19px;
    height: inherit;
    width: var(--baseWidth);
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
}
/*
:root .x-tool {
    --baseHeight: 18px;
    --baseWidth: 20px;
    --baseFontSize: 16px;
    height: var(--baseHeight);
    width: var(--baseWidth);
    text-align: center;

}
:root .x-tool [data-ref="toolEl"] {
    font-family: 'Phosphor';
    position: absolute;
    width: var(--baseWidth);
    font-size: var(--baseFontSize);
    text-align: center;
    margin: 0;
}

*/
/* down caret */
:root .x-form-trigger.x-form-arrow-trigger,
:root .pp-form-triggers-wrap .x-form-trigger.pp-form-picker {
    /* ph-fill ph-caret-down*/
    vertical-align: middle;
    width: var(--baseWidth);
    font-size: calc(var(--baseFontSize) - 6px);
    font-family: 'Phosphor-Fill';
}
:root .x-form-trigger.x-form-arrow-trigger.x-form-arrow-trigger-default:before,
:root .pp-form-triggers-wrap .x-form-trigger.pp-form-picker.pp-form-picker-default:before {
    /* ph-fill ph-caret-down*/
    content: '\e136';
    align-items: center;
    vertical-align: middle;
    display: flex;
    height: inherit;
    position: relative;
    background-color: transparent;
    justify-content: center;
    line-height: var(--baseHeight);
    font-size: inherit;
}
/* clear icon */
:root .x-form-clear-trigger,
:root .executions-search-filters-toolbar .buttoned-searching-wrapper .pp-form-clear,
:root .pp-form-triggers-wrap .pp-form-clear,
:root .x-form-clear-trigger,
:root .x-form-trigger.pp-form-clear {
    /* ph ph-x */
    vertical-align: middle;
    width: var(--baseWidth);
    font-size: calc(var(--baseFontSize) - 6px);
    font-family: 'Phosphor';
}
:root .x-form-clear-trigger:before,
:root .executions-search-filters-toolbar .buttoned-searching-wrapper .pp-form-clear:before,
:root .pp-form-triggers-wrap .pp-form-clear:before,
:root .x-form-clear-trigger:before,
:root .x-form-trigger.pp-form-clear:before {
    /* ph ph-x */
    content: '\e4f6';
    align-items: center;
    vertical-align: middle;
    display: flex;
    height: inherit;
    position: relative;
    background-color: transparent;
    justify-content: center;
    line-height: var(--baseHeight);
    font-size: inherit;
}

:root .x-form-field-date .x-form-trigger.x-form-date-trigger {
    vertical-align: middle;
    width: var(--baseWidth);
    font-size: var(--baseFontSize);
    font-family: 'Phosphor';
}
:root .x-form-field-date .x-form-trigger.x-form-date-trigger:before {
    /* ph ph-calendar-dots */
    content: '\E7b4';
    align-items: center;
    vertical-align: middle;
    display: flex;
    height: inherit;
    position: relative;
    background-color: transparent;
    justify-content: center;
}

:root .x-btn-wrap-default-small.x-btn-arrow-right:after,
:root .x-btn-wrap-default-small.x-btn-arrow-bottom:after,
:root .x-btn-wrap-default-small.x-btn-split-right:after,
:root .x-btn-wrap-default-small.x-btn-split-bottom:after,
:root .x-btn-wrap-default-medium.x-btn-arrow-right:after,
:root .x-btn-wrap-default-medium.x-btn-arrow-bottom:after,
:root .x-btn-wrap-default-medium.x-btn-split-right:after,
:root .x-btn-wrap-default-medium.x-btn-split-bottom:after,
:root .x-btn-wrap-default-large.x-btn-arrow-right:after,
:root .x-btn-wrap-default-large.x-btn-arrow-bottom:after,
:root .x-btn-wrap-default-large.x-btn-split-right:after,
:root .x-btn-wrap-default-large.x-btn-split-bottom:after,
:root .x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after,
:root .x-btn-wrap-default-toolbar-small.x-btn-arrow-bottom:after,
:root .x-btn-wrap-default-toolbar-small.x-btn-split-right:after,
:root .x-btn-wrap-default-toolbar-small.x-btn-split-bottom:after,
:root .x-btn-wrap-default-toolbar-medium.x-btn-arrow-right:after,
:root .x-btn-wrap-default-toolbar-medium.x-btn-arrow-bottom:after,
:root .x-btn-wrap-default-toolbar-medium.x-btn-split-right:after,
:root .x-btn-wrap-default-toolbar-medium.x-btn-split-bottom:after,
:root .x-btn-wrap-default-toolbar-large.x-btn-arrow-right:after,
:root .x-btn-wrap-default-toolbar-large.x-btn-arrow-bottom:after,
:root .x-btn-wrap-default-toolbar-large.x-btn-split-right:after,
:root .x-btn-wrap-default-toolbar-large.x-btn-split-bottom:after,
:root .x-btn-wrap-grid-cell-small.x-btn-arrow-right:after,
:root .x-btn-wrap-grid-cell-small.x-btn-arrow-bottom:after,
:root .x-btn-wrap-grid-cell-small.x-btn-split-right:after,
:root .x-btn-wrap-grid-cell-small.x-btn-split-bottom:after {
    /* ph-fill ph-caret-down*/
    content: '\E136';
    font: 10px / 1 'Phosphor-Fill';
    flex-shrink: 0;
}
:root .x-tree-elbow-plus,
:root .x-tree-elbow-end-plus {
    font-family: 'Phosphor-Fill';
}
:root .x-tree-elbow-plus:before,
:root .x-tree-elbow-end-plus:before {
    /* ph-fill ph-plus */
    content: '\E3D4';
}
:root .x-grid-tree-node-expanded .x-tree-elbow-plus,
:root .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
    font-family: 'Phosphor-Fill';
}
:root .x-grid-tree-node-expanded .x-tree-elbow-plus:before,
:root .x-grid-tree-node-expanded .x-tree-elbow-end-plus:before {
    /* ph-fill ph-minus */
    content: '\E32A';
}
:root .x-tree-arrows .x-tree-expander {
    font-family: 'Phosphor-Bold';
}
:root .x-tree-arrows .x-tree-expander:before {
    /* ph ph-caret-right */
    content: '\E13A';
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
:root .x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander {
    font-family: 'Phosphor-Bold';
}
:root .x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander:before {
    /* ph ph-caret-down */
    content: '\E136';
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}.x-tool .x-tool-collapse-top:before {
}
.x-tool .x-tool-expand-bottom:before {
}
.right-panel .x-tool-expand-right:before {
}
.right-panel .x-tool-collapse-left:before {
}

:root .x-tool [data-ref="toolEl"].x-tool-gear:before {
    /*ph ph-gear*/
    content: "\E270";
    font-size: var(--baseFontSize);
    color: var(--pp-base-color);
}

:root .x-tool [data-ref="toolEl"].x-tool-refresh:before {
    /*ph ph-arrows-clockwise*/
    content: '\E094';
    font-size: var(--baseFontSize);
    color: var(--pp-base-color);
}

:root .x-tool [data-ref="toolEl"].x-tool-next:before {
    /*ph ph-caret-right*/
    content: '\E13A';
    font-size: var(--baseFontSize);
    color: var(--pp-base-color);
}

:root .x-tool [data-ref="toolEl"].x-tool-prev:before {
    /*ph ph-caret-left*/
    content: '\E138';
    font-size: var(--baseFontSize);
    color: var(--pp-base-color);
}

/* HEADER FILTERS OPERATORS */
:root .x-menu-item-icon[class*=x-operator-],
:root .x-operator-button {
    --baseOperatorWidth: 30px;
    --baseOperatorHeight: 30px;
    --baseOperatorFontSize: 16px;
    text-align: center;
}
:root .x-operator-button {
    line-height: var(--baseOperatorHeight);
    width: var(--baseOperatorWidth)!important;
}
:root .x-menu-item-icon[class*=x-operator-] {
    width: var(--baseOperatorFontSize);
    height: var(--baseOperatorFontSize);
    top: calc(var(--baseOperatorFontSize) / 2);
    left: calc(var(--baseOperatorFontSize) - 4px);
    line-height: var(--baseOperatorFontSize) ;
    font-size: var(--baseOperatorFontSize);
}
:root .x-menu-item-icon[class*=x-operator-]:before,
:root .x-operator-button:before {
    display: inline-flex;
    color: var(--pp-inactive-color);
    font-size: var(--baseOperatorFontSize);
    width: auto;
    font-family: inherit;
}
:root .x-operator-button:before {
    align-items: center;
    height: var(--baseOperatorHeight);
}
:root .x-menu-item-icon.x-operator-exists,
:root .x-operator-button.x-operator-exists {
    font-family: 'Phosphor-Bold';
}
:root .x-menu-item-icon.x-operator-exists:before,
:root .x-operator-button.x-operator-exists:before {
    /* ph-bold ph-exclamation-mark, ph-bold ph-empty */
    content: "\EE44\EDBC";
    letter-spacing: -5px;
    text-indent: -5px;
    padding-right: 5px;
    font-size: calc(var(--baseOperatorFontSize) - 2px);
}
:root .x-menu-item-icon.x-operator-empty,
:root .x-operator-button.x-operator-empty {
    font-family: 'Phosphor-Bold';
}
:root .x-menu-item-icon.x-operator-empty:before,
:root .x-operator-button.x-operator-empty:before {
    /* ph-bold ph-empty */
    content: "\EDBC";
}
:root .x-menu-item-icon.x-operator-in,
:root .x-menu-item-icon.x-operator-identical,
:root .x-operator-button.x-operator-in {
    font-family: 'Phosphor-Bold';
}
:root .x-menu-item-icon.x-operator-in:before,
:root .x-menu-item-icon.x-operator-identical:before,
:root .x-operator-button.x-operator-in:before {
    /* ph-bold ph-superset-proper-of */
    content: "\EDB4";
}
:root .x-menu-item-icon.x-operator-nin,
:root .x-menu-item-icon.x-operator-nidentical,
:root .x-operator-button.x-operator-nin {
    font-family: 'Phosphor-Bold';
}
:root .x-menu-item-icon.x-operator-nin:before,
:root .x-menu-item-icon.x-operator-nidentical:before,
:root .x-operator-button.x-operator-nin:before {
    /* ph-bold ph-not-subset-of */
    content: "\EDB0";
    transform: scale(-1, 1);
}
:root .x-menu-item-icon.x-operator-like,
:root .x-operator-button.x-operator-like {
    font-family: 'Phosphor-Bold';
}
:root .x-menu-item-icon.x-operator-like:before,
:root .x-operator-button.x-operator-like:before {
    /* ph-bold ph-wave-sine */
    content: "\EA9A";
}
:root .x-menu-item-icon.x-operator-eq,
:root .x-operator-button.x-operator-eq {
    font-family: 'Phosphor-Bold';
}
:root .x-menu-item-icon.x-operator-eq:before,
:root .x-operator-button.x-operator-eq:before {
    /* ph-bold ph-equals */
    content: "\E21C";
}
:root .x-menu-item-icon.x-operator-neq,
:root .x-operator-button.x-operator-neq {
    font-family: 'Phosphor-Bold';
}
:root .x-menu-item-icon.x-operator-neq:before,
:root .x-operator-button.x-operator-neq:before {
    /* ph-bold ph-not-equals */
    content: "\EDA6";
}
:root .x-menu-item-icon.x-operator-gt,
:root .x-operator-button.x-operator-gt {
    font-family: 'Phosphor-Bold';
}
:root .x-menu-item-icon.x-operator-gt:before,
:root .x-operator-button.x-operator-gt:before {
    /* ph-bold ph-greater-than */
    content: "\EDC4";
}
:root .x-menu-item-icon.x-operator-gte,
:root .x-operator-button.x-operator-gte {
    font-family: 'Phosphor-Bold';
}
:root .x-menu-item-icon.x-operator-gte:before,
:root .x-operator-button.x-operator-gte:before {
    /* ph-bold ph-greater-than-or-equal */
    content: "\EDA2";
}
:root .x-menu-item-icon.x-operator-lt,
:root .x-operator-button.x-operator-lt {
    font-family: 'Phosphor-Bold';
}
:root .x-menu-item-icon.x-operator-lt:before,
:root .x-operator-button.x-operator-lt:before {
    /* ph-bold ph-less-than */
    content: "\EDAC";
}
:root .x-menu-item-icon.x-operator-lte,
:root .x-operator-button.x-operator-lte {
    font-family: 'Phosphor-Bold';
}
:root .x-menu-item-icon.x-operator-lte:before,
:root .x-operator-button.x-operator-lte:before {
    /* ph-bold ph-less-than-or-equal */
    content: "\EDA4";
}
/* HEADER FILTERS OPERATORS END */

#mainKanbanId .b-task-board-column-expander.b-fw-icon.b-icon-expand-column::before {
    font-family: 'Phosphor' !important;
    content: "\e13A";   /* ph-caret-right */
    font-size: 15px;
    margin-bottom: -1px;
}

/* Override font-family when using phosphor icons on bryntum elements */
.b-icon.ph,
.b-icon[class^="ph-"],
.b-icon[class*=" ph-"],
.b-icon.ph::before,
.b-icon[class^="ph-"]::before,
.b-icon[class*=" ph-"]::before {
  font-family: "Phosphor" !important;
}

.x-grid-header-ct .x-column-header-over [data-ref="textEl"]::after {
    font-family: 'Phosphor' !important;
    content: "\EAE2";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: grab;
}

.saved-filter-icon-text {
    padding-right: 7px;
}

:root .x-grid-group-hd-collapsible .x-grid-group-title:before {
    /*ph-minus-square*/
    font-family: 'Phosphor';
    content: "\ED4C";
    color: var(--pp-base-color);
    font-weight: 500;
    transform: scale(1.10);
}

:root .x-grid-group-hd-collapsed .x-grid-group-title:before {
    /*ph-plus-square*/
    font-family: 'Phosphor';
    content: "\ED4A";
    color: var(--pp-base-color);
    font-weight: 500;
    transform: scale(1.10);
}

.ph.icon-is-disabled {
  position: relative;
  display: inline-block;
}

.ph.icon-is-disabled::after {
    content: "";
    position: absolute;
    top: 60%;
    left: 45%;
    width: 80%;
    height: 1px;
    background: var(--pp-base-color);
    transform: translate(-50%, -50%) rotate(45deg);
    pointer-events: none;
}

:root .extended-view-panel .x-action-col-icon.icon-small.ph-git-branch::before {
    transform: rotate(90deg) scale(var(--scaleFactor-1-12));
}

:root .detailed-view-icon {
    background-image: url(/images/svg/detailed-view.svg);
    background-repeat: no-repeat;
}

:root .detailed-view-icon.rotate-180 {
    transform: rotate(90deg);
}

.icon-is-disabled-widget::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 1px;
    background: var(--pp-base-color);
    transform: translate(-50%, -50%) rotate(45deg);
    pointer-events: none;
}