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