/* generic */
:root {
    --pp-color: #111;
    --pp-color-rgb-code: 17, 17, 17;
    --pp-color-rgb: rgb(var(--pp-color-rgb-code));
    /*--pp-base-color: #386396;*/
    --pp-base-color-rgb-code: 36, 63, 95;
    --pp-base-color: #243F5F;
    /*--pp-primary-color: #386396;*/
    --pp-primary-color: #2A507E;

    /* 3 main greys (toolbar, button, highlight) */
    --pp-main-grey-color-light: #fafafa;
    --pp-main-grey-color-medium-light: #efefef;
    --pp-main-grey-color-medium: #e9e9e9;
    --pp-main-grey-color-dark: #e2e2e2;

    /*--pp-base-color: #3f5d89;*/
    /*--pp-primary-color: #3f5d89;*/
    /*--pp-primary-color: #3965a6;*/
    /* prev variant gradient: #243F5F, #2A507E */
    --pp-base-gradient: linear-gradient(to bottom, var(--pp-base-color), var(--pp-primary-color));
    --pp-base-gradient-mirror-y: linear-gradient(to top, var(--pp-base-color), var(--pp-primary-color));

    --pp-base-gradient-double: linear-gradient(0deg, var(--pp-primary-focused-color) 0%, var(--pp-base-color) 49.5%, var(--pp-base-color) 50.5%, var(--pp-primary-focused-color) 100%);
    /*background: linear-gradient(to bottom, #243F5F, #2A507E); */

    /* #2a3f5d -old bg */
    --pp-base-focused-color: #39619a;
    --pp-primary-focused-color: #39619a;
    --pp-primary-names-color: #2a3f5d;
    /*#243F5F*/
    --pp-secondary-color: #767676;
    --pp-body-color: #fff;
    --pp-main-text-color: #fff;
    --pp-confirm-color: #7cb342;
    --pp-reject-color: #ff2600;
    --pp-warning-color: #ff9800;
    --pp-alert-color: #c62828;
    --pp-dirty-color: #ff2600;
    --pp-attention-color: #FF0000;
    --pp-attention-dark-color: #e0333c;
    --pp-pressed-alert-color: #c62828;
    --pp-base-pressed-color: var(--pp-base-color);

    --pp-divider-color: var(--pp-main-grey-color-medium, #eee);
    --pp-splitter-color: var(--pp-main-grey-color-medium, #e1e1e1);

    --pp-toolbar-divider-color: var(--pp-main-grey-color-medium);
    --pp-toolbar-button-color: var(--pp-main-grey-color-medium-light);

    --pp-base-gray-color: var(--pp-main-grey-color-light, #f6f6f6);
    --pp-lighter-gray-color: var(--pp-main-grey-color-light, #f5f5f5);
    --pp-toolbar-background-color: var(--pp-main-grey-color-light, #f5f5f5);
    /* is #d5d5d5 */
    --pp-toolbar-scrollers-bg-color: rgba(213, 213, 213, .84);
    --pp-toolbar-scrollers-border-color: #d5d5d5;
    --pp-light-gray-color: var(--pp-main-grey-color-light, #f5f5f5);
    --pp-very-light-gray-color: var(--pp-main-grey-color-light, #f2f2f2);
    --pp-more-lighter-gray-color: var(--pp-main-grey-color-light, #ececec);
    --pp-secondary-focused-color: var(--pp-main-grey-color-medium-light, #e9e9e9);
    --pp-secondary-gray-color-light: var(--pp-main-grey-color-light, #e9e9e9);
    --pp-secondary-gray-medium-color: var(--pp-main-grey-color-medium, #e2e2e2);
    --pp-base-dark-gray-color: var(--pp-main-grey-color-medium, #ddd);
    --pp-secondary-gray-darker-color: var(--pp-main-grey-color-medium, #d5d5d5);
    --pp-base-highlight-color: var(--pp-main-grey-color-dark, #ccc);
    --pp-secondary-gray-color: var(--pp-main-grey-color-dark, #c0c0c0);
    --pp-secondary-highlight-color: var(--pp-main-grey-color-dark, #bbb);
    --pp-secondary-pressed-color: var(--pp-main-grey-color-dark, #aaa);
    --pp-highlight-color: #999;
    --pp-inactive-color: #919191;
    --pp-text-gray-color: #808080;
    --pp-text-gray-dark-color: #747474;

    /* icons in msg */
    --pp-light-grey-color: #c0c0c0;
    /*--pp-medium-grey-color: #6d6d6d;*/
    --pp-more-dark-grey-color: #676767;

    --pp-kpi-combo-icon-color: #919191;
    --pp-kpi-wrappers-color: #e0e0e0;

    --pp-input-border-color: #e0e0e0;
    --pp-hard-grey-color: #626262;
    --pp-hard-grey-text-color: #404040;

    --pp-help-secondary-color: #676767;
    --pp-placeholder-color: #747474;
    --pp-owner-color: #777;

    --pp-file-link-color: var(--pp-color)/*#00e*/;
    --pp-stopped-color: #808080;

    --pp-status-finished-color: #008000;
    --pp-status-finished-badge-color: #111;
    --pp-status-finished-badge-bg-color: #c4f6df;

    --pp-status-overdue-color: #de5c5c;
    --pp-status-overdue-badge-color: #111;
    --pp-status-overdue-badge-bg-color: #f6c6c6;

    --pp-semi-alert-color: #ff9000;

    --pp-semi-success-color: #a0a813;
    --pp-success-color: #009f47;
    --pp-semi-warning-color: #ffd713;

    --pp-budget-positive-color: #94c800;
    --pp-budget-negative-color: #de5c5c;

    --pp-grid-item-border-color: var(--pp-main-grey-color-medium);
    --pp-grid-item-spacer-color: var(--pp-main-grey-color-light);

    /*717171 */
    /*#3965a6*/
    /*#3f5d89  pressed*/
    /*#39619a  focus*/
    /*var(--color-black)*/

    --mainFontSize: 13px;
    --tooltipFontSize: 12px;
    --mainLineHeight: 17px;
    --innerFontSize: 14px;
    --innerLineHeight: 16px;

    /*TODO use variable instead of hardcoded 3px*/
    --pp-button-border-radius: 4px;
    --pp-button-height: 27px;

    --pp-name-icon-opacity: 0.80;

    --pp-header-font-size: 12px;
    --pp-header-border-width: 1px;
    --pp-header-padding: 8px;

    /* older, same for Ext original */
    --color: var(--pp-color);
    --base-color: var(--pp-base-color);
    --secondary-color: var(--pp-secondary-color);
    --confirm-color: var(--pp-confirm-color);
    --warning-color: var(--pp-warning-color);
    --alert-color: var(--pp-alert-color);
    --divider-color: var(--pp-divider-color);
    --hovered-background-color: var(--pp-secondary-gray-color-light);
    --hovered-background-color-darker: var(--pp-secondary-gray-medium-color);
    --base-focused-color: var(--pp-base-focused-color);
    --highlight-color: var(--pp-highlight-color);
    --base-pressed-color: var(--pp-base-pressed-color);
    --base-pressed-alert-color: var(--pp-pressed-alert-color);
    --base-highlight-color: var(--pp-base-highlight-color);

    --selected-background-color: var(--pp-base-highlight-color);
    /* older END */

    /* Icons */
    --pp-icon-font-size: 18px;

    --pp-detailed-view-icon: url(/images/svg/detailed-view.svg);
    --pp-sub-menu-icon-content: '\E13A'; /* ph-caret-right */
    --pp-columns-icon-content: '\E462'; /* ph-square-half */
    --pp-checkbox-check-icon-content: '\E182'; /* ph-check */
    --pp-checkbox-uncheck-icon-content: '\E45E'; /* ph-square */
    --pp-sort-icon-content: '\EB04'; /* ph-arrows-vertical */
    --pp-sort-asc-icon-content: '\E08E'; /* ph-arrow-up */
    --pp-sort-desc-icon-content: '\E03E'; /* ph-arrow-down */
    --pp-remove-icon-content: '\E4F6'; /* ph-x */
    --pp-close-icon-content: '\E4F6'; /* ph-x */
    --pp-maximize-icon-content: '\E1D0'; /* ph-corners-out */
    --pp-previous-icon-content: '\E138'; /* ph-caret-left */
    --pp-picker-icon-content: '\E136'; /* ph-caret-down */
    --pp-next-icon-content: '\E13A'; /* ph-caret-right */
    --pp-tree-collapse-icon-content: '\E136'; /* ph-caret-down */
    --pp-calendar-icon-content: '\E7B4'; /* ph-calendar-dots */
    --pp-add-icon-content: '\E3D6'; /* ph-plus-circle */
    --pp-trash-icon-content: '\E4A6';  /* ph-trash */
    --pp-openai-icon-content: '\e7d2'; /* ph-openai-logo */
    --pp-settings-icon-content: '\e270'; /* ph-gear */
    --pp-edit-icon-content: '\e34c'; /* ph-note-pencil */
    --pp-arrow-circle-up: '\e030'; /* ph-arrow-circle-up */
    --pp-mic-icon-content: '\e326'; /* ph-microphone */
    --pp-stop-icon-content: '\e46c'; /* ph-stop */
    --pp-clear-filter-content: '\e26c'; /* ph-funnel-x */
    --pp-group-expand-icon-content: '\E3D6'; /* ph-plus-circle */
    --pp-collapse-up-icon-content: '\E13C'; /* ph-caret-up */
    --pp-first-icon-content: '\E128'; /* ph-caret-double-left */
    --pp-last-icon-content: '\E12A'; /* ph-caret-double-right */
    --pp-preview-content: '\e220'; /* ph-eye */
    --pp-star-content: '\e46a'; /* ph-star */
    --pp-extra-menu-content: '\e208'; /* ph-dots-three-vertical */
    --pp-edit-icon-content: '\E3AE'; /* ph-pencil */
}