:root {
    /*------ Font ------*/
    --pro_default_font: 'Segoe UI', Calibri, Arial;
    --pro_default_font2: 'Segoe UI';
    /*------- Sizes ----------*/
    --pro_header_height: 99px;
    --pro_header_height-minus: -100px;
    --pro_legend_top: 100px;
    --pro_hbar_width: 20px;
    --pro_export_table_bottom: 50px;
    --pro_positioning_t_height: 70px;
    --pro_positioning_tlabel_height: 30px;
    --pro_positioning_footer_hight: 40px;
    --pro_form_footer_std_height: 45px;
    /* ----- Core Brand Colors ----- */
    --color-primary: #0b4e8c;
    --color-primary-hover: #006bff;
    --color-info: #4e7ca1;
    --color-success: #28a745;
    --color-warning: #ffcc00;
    --color-danger: #cc0000;
    --color-lightblue: rgba(120, 180, 212, 0.8);
    --pro_selected_col: rgba(0,0,0,0.02);
    --color-rule-valid: #00cd00;
    --color-rule-valid-hover: #01e601;
    /* ----- Neutral Colors ----- */
    --color-white: #ffffff;
    --color-whitesmoke: whitesmoke;
    --color-black: #000000;
    --color-gray-100: #fafafa;
    --color-gray-101: #fcfcfc;
    --color-gray-200: #f5f5f5;
    --color-gray-250: #e0e0e0;
    --color-gray-300: #e8e8e8;
    --color-gray-400: #d1d1d1;
    --color-gray-600: #757575;
    --color-gray-800: #424242;
    /* ----- Text ----- */
    --text-primary: #333333;
    --text-secondary: #555555;
    --text-disabled: #aaaaaa;
    --text-on-primary: #ffffff;
    /* ----- Backgrounds / Surfaces ----- */
    --bg-app: #f5f5f5;
    --bg-surface: #eaeaea;
    --bg-hover: #f1f1f1;
    --bg-active: #e7e7e7;
    --bg-selected: #e2ebf3;
    /* ----- Borders ----- */
    --border-default: #ddd;
    --border-hover: #999999;
    --border-strong: #555555;
    /* ----- Inputs ----- */
    --input-bg: #ffffff;
    --input-border: #cccccc;
    --input-border-focus: #00d2ff;
    --input-text: #333333;
    --input-placeholder: #777777;
    --input_checkbox_border: #888;
    /* ----- Buttons ----- */
    --btn-bg: #f0f0f0;
    --btn-bg-hover: #e0e0e0;
    --btn-primary-bg: var(--color-primary);
    --btn-primary-border: var(--color-primary);
    --btn-primary-text: #ffffff;
    --btn-form-submit: #00d2ff;
    /* ----- Selection / Highlight ----- */
    --select-bg: rgba(255, 255, 0, 0.3);
    --select-hover-bg: rgba(255, 255, 0, 0.2);
    --list-selected-bg: #e2ebf3;
    --list-hover-bg: #f1f5f8;
    /*----- Albin boje   -----*/
    --pro_abs_bg: rgb(252,252,252);
    --pro_abs_active_bg: rgb(240,240,240);
    --pro_abs_click_bg: rgb(233,233,233);
    --pro_abs_hover_b: rgb(200,200,200);
    --pro_abs_hover_b2: rgb(220,220,220);
    --pro_abs_hover_bg: rgb(250,250,250);
    --pro_abs_edit_state_bg: rgb(250,240,240);
    --pro_abs_edit_state_click_bg: rgb(245,235,235);
    --pro_abs_edit_tab_bg: rgb(255,235,235);
    --pro_abs_edit_state_txt: rgb(160,60,60);
    /*------ Icons --------*/
    --pro_toolbox_dd_arrow: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1.2' fill='rgb(70,70,70)' d='M 0 1 L 3 4, 6 1 Z'/></svg>");
    --submit_image_b64: url('data:image/png;base64,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');
    --sync_icon: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAC1ElEQVRo3u2ZPW8TQRCGHxCO5AgJSigsG4I7pIQUiAACpFQpDAo0+Rtu6Th6UpP8BARNRFwiIRookEIMDQhjKgorgKEA+WxTeE7arNa+r13DCo90ujvt7sy9987Ozc3ATGaSS45Y0lMArgLXgGWgCpwCjsv4T+AL8B54DTwHXgC9v/0CLgBbwAEwBAZyJLk+AB6KDmuyDpQSzFsCdpWHGWQAoF7vAos2APSBFlAZM14ENoFQHsDm0QMeiI3MeyBS1gZuyDmSKvAYOK+tH2rXbWBPzt9l7ARQlrdc1ubrOvaB28CHLAyotKpMXAY62rjqBvtAfQJzqlRkbnOCW3WAlawA1KMFbAA/xtD+FqjlcNma6DDp7mYBEbfhonMIBBI+bYTgQNlXqs2OuK5VAF1gzUFIXhPdus03aTZ2XKToZvXNhLIiNnS7m7YY+Jxwo+ZlQnenUL49VlyoNQUQgcF+w4YLDacEomCITgPJs6xEoeg7UXIIomawvx23qJWChb7kTi6lqdn8Csz5lO7XDcyv+gSgYgBwz7efLt2td9TBYx4A2BMmooz1rG8AXgG3lPtPvrnQPPAI+AW8BBYmTV6QSb9l0bxvaJ9qH4+7//oD63vgjPabedE3BnY0Blq+AQgM+UfFJwCrhpyn7hOAOUmYVAaajm2uS2KYtAgW69bbhkU1hwBKwMcUAAZxCpeVRWr5pOAQRFlAJE3lY6VheAOBY1cqK0zkYgD5gQ41BaGjcooOom0DAFLK0BV0gUtTKKtYAVCUopKpNuSysGVlD0RS5XBR11Vp8T7m0mIuBuKqZTaKuzeBd4yvAm6MiU6ZfHNSeb2Ju/K6Hp0OMZCmyXcOeEK6Bsc3GTtJugbHHUYNQTU6PVNe0NGslBcZtYF62G8xhRL5ijHfib6NiLGI3SZfg2RNvpLtYtoSo1Zp1jbrFjnbrDYb3VeA6/JAVeA0HjS6Z/Lfyx+Xph0rJHXcbAAAAABJRU5ErkJggg==');
    --gbl_icon_up: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1.2' fill='transparent' stroke='rgb(70,70,70)' d='M 0 4 L 3 1, 6 4'/></svg>");
    --gbl_icon_down: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1.2' fill='transparent' stroke='rgb(70,70,70)' d='M 0 1 L 3 4, 6 1'/></svg>");
    --gbl_icon_right: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1.2' fill='transparent' stroke='rgb(70,70,70)' d='M 1 0 L 4 3, 1 6'/></svg>");
    --gbl_icon_left: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1.2' fill='transparent' stroke='rgb(70,70,70)' d='M 4 0 L 1 3, 4 6'/></svg>");
    --gbl_icon_t_node_path: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1' fill='transparent' stroke='rgb(180,180,180)' d='M 0 0 L 0 5, 5 5'/></svg>");
}


html[data-theme="dark"] {
    --color-white: #2e3652;
    --color-whitesmoke: #414963;
    --color-black: #f5f7fa;
    /* ----- Neutral Colors ----- */
    --color-gray-100: #171b24;
    --color-gray-101: #171b24;
    --color-gray-200: #1f2530;
    --color-gray-250: #262e3c;
    --color-gray-300: #262e3c;
    --color-gray-400: #303a4d;
    --color-gray-600: #c4cfdb;
    --color-gray-800: #f0f4f9;
    /* ---- Text ---- */
    --text-primary: var(--color-gray-600);
    --text-secondary: #b5c0cf;
    --text-disabled: #8b96a6;
    --text-on-primary: #ffffff;
    /* ---- Background layers ---- */
    --bg-app: #1c2432;
    --bg-surface: #222c3c;
    --bg-hover: #263144;
    --bg-active: #2d3a4e;
    --bg-selected: #25334a;
    /* ---- Borders ---- */
    --border-default: #2f3a4d;
    --border-hover: #3d4a5f;
    --border-strong: #55657c;
    /* ---- Inputs ---- */
    --input-bg: #1a212d;
    --input-border: #2f3a4d;
    --input-border-focus: #84afff;
    --input-text: #e7edf5;
    --input-placeholder: #94a1b1;
    --input_checkbox_border: #6d7e92;
    /* ---- Brand colors ---- */
    --color-primary: #7baaff;
    --color-primary-hover: #6a98f0;
    --color-info: #96c5ee;
    --color-success: #54d78b;
    --color-warning: #ffe07c;
    --color-danger: #ff8b8b;
    --color-lightblue: rgba(160,195,235, 0.38);
    --pro_selected_col: rgba(255,255,255,0.05);
    /* ---- Buttons ---- */
    --btn-bg: #1a212d;
    --btn-bg-hover: #202a38;
    --btn-primary-bg: var(--color-primary);
    --btn-primary-border: var(--color-primary);
    --btn-primary-text: #ffffff;
    --btn-form-submit: var(--color-primary);
    /* ---- Selection ---- */
    --select-bg: rgba(255, 255, 0, 0.18);
    --select-hover-bg: rgba(255, 255, 0, 0.26);
    --list-selected-bg: #25334a;
    --list-hover-bg: #202a38;
    /* ---- Absolute UI elements ---- */
    --pro_abs_bg: #222c3c;
    --pro_abs_active_bg: #263144;
    --pro_abs_click_bg: #2d3a4e;
    --pro_abs_hover_b: #36455c;
    --pro_abs_hover_b2: #445372;
    --pro_abs_hover_bg: #2c374c;
    --pro_abs_edit_state_bg: #382c3a;
    --pro_abs_edit_state_click_bg: #422d42;
    --pro_abs_edit_tab_bg: #5c3a5c;
    --pro_abs_edit_state_txt: #ffc1cc;
    /* ---- Icons ---- */
    --icon-stroke: #ffffff;
    --gbl_icon_up: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1.2' fill='transparent' stroke='white' d='M 0 4 L 3 1, 6 4'/></svg>");
    --gbl_icon_down: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1.2' fill='transparent' stroke='white' d='M 0 1 L 3 4, 6 1'/></svg>");
    --gbl_icon_right: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1.2' fill='transparent' stroke='white' d='M 1 0 L 4 3, 1 6'/></svg>");
    --gbl_icon_left: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1.2' fill='transparent' stroke='white' d='M 4 0 L 1 3, 4 6'/></svg>");
}


    @font-face {
        font-family: prosym;
        src: url(fonts/prosym.ttf);
    }