/* deklarace a definice promennych */
:root {
    --font-size: 12px; /*velikost fontu*/
    --primary-fg-color: rgba(60,60,60,1); /* primarni barva popredi - pismo atp */
    --dimmed-fg-color: rgba(66,54,48,1); /* barva popredi neaktivnich prvku */
    --app-bg-color: rgb(230,230,230); /* pozadi aplikace */
    --basic-spacing: 5px; /* zakladni hodnota pro vypocty padding/margin */
    --control-bg-color-active: rgb(243,88,0); /*active background color*/
    --control-fg-color-active: rgb(255, 255, 255); /*active foreground color*/
    --control-bg-color-hover: rgb(250, 125, 0); /*pozadi po najeti mysi */
    --control-fg-color-hover: var(--control-fg-color-active); /*barva popredi po najeti mysi */
    --control-fg-color-disabled: rgba(165,165,165,1); /*barva popredi disablovanych prvku */
    --control-bg-color-disabled: rgba(227,227,227,1); /*barva pozadi disablovanych prvku */
    --control-basic-border-width: 1px; /* border style pro prvky typu button */
    --control-basic-border-color: rgba(197,197,197,1); /*barva ohraničení*/
    --control-basic-border: var(--control-basic-border-width) solid var(--control-basic-border-color); /* border style pro prvky typu button */
    --control-basic-size: 32px; /* zakladni velikost pro ovladaci prvky - button*/
    --control-basic-color: var(--primary-fg-color); /* barva textu ovladacich prvku - button*/
    --control-basic-color-i: rgba(0,0,0,1); /*barva "i" ve stromu vrstev*/
    --control-basic-bg-color: whitesmoke; /* pozadi pro prvky typu button */
    --control-basic-border-radius: 4px; /* border-radius pro prvky typu button */
    --control-button-symbol-size: calc(var(--control-basic-size) * 0.666667); /*--control-button-symbol-size: round(calc(var(--control-basic-size) * 0.666667), 1px);*/
    --float-button-size: 38px; /*odsazení main button menu*/
    --layout-pane-bg-color: rgba(230,230,230,.9); /* pozadi panelu west/east */
    --layout-pane-fg-color: rgb(40,40,40); /* popredi panelu west/east */
    --layout-statusbar-bg-color: rgba(230,230,230,.9); /* pozadi status baru */
    --layout-east-pane-width: 250px; /* vychozi sirka east panelu, pokud nebude nastaveno z tematu*/
    --layout-west-pane-width: 250px; /* vychozi sirka west panelu, pokud nebude nastaveno z tematu*/
    --toolbar-border-color: rgba(165,165,165,1); /* barva ramecku toolbaru */
    --toolbar-border: 1px solid var(--toolbar-border-color); /* ramecek toolbaru */
    --toolbar-border-radius: 2px; /* radius ramecku toolbaru */
    --treeview-item-color: rgba(0,0,0,1); /* barva textu vrstvy stromu */
    --treeview-item-color-disabled: gray; /* barva textu vrstvy stromu mimo měřítko */
    --treeview-item-bg-color: rgba(128,128,128,0.1); /* pozadi skupiny vrstev */
    --treeview-item-fg-color-active: var(--control-fg-color-active); /* barva textu vybrané položky stromu */
    --treeview-item-expanded-bg-color: linear-gradient(var(--treeview-item-bg-color) 80%, transparent); /* pozadi rozbalene skupiny vrstev */
    --window-bg-color: rgba(230,230,230,.9); /* pozadi aplikacnich oken - OBSOLETE - MARUSHKA */
    --window-header-bg-color: var(--control-basic-bg-color); /* pozadi zahlavi aplikacnich oken - OBSOLETE - MARUSHKA */
    --menu-bg-color: rgba(230,230,230,1); /* pozadi menu */
    --menu-border: 1px solid rgba(165,165,165,1); /* ramecek menu */
    --menu-border-radius: 2px; /* polomer rohu menu */
    --main-menu-background: linear-gradient(rgba(11,18,98,.96), rgba(9,117,218,.96));
    --main-menu-fg-color: rgb(255, 255, 255);
    --main-menu-section-background: rgba(255,255,255,.2);
    --main-menu-item-hover-background: rgb(250, 125, 0);
    --main-menu-item-hover-fg-color: rgb(60,60,60);
    /*--symbol-primary-color: rgba(50,50,50,1); /* hlavni barva vektorovych ikon */
    /*--symbol-accent-color: rgba(221,0,0,1); /* vedlejsi barva vektorovych ikon */
    --basic-window-border: var(--control-basic-border);
    --basic-window-border-radius: var(--control-basic-border-radius);
    --basic-window-shadow: 2px 2px 6px rgba(100,100,100,.3);
    --basic-window-background: transparent;
    --basic-window-header-background: var(--control-basic-bg-color);
    --basic-window-header-background-active: var(--control-bg-color-active);
    --basic-window-header-color: var(--primary-fg-color);
    --basic-window-header-color-hover: var(--control-fg-color);
    --basic-window-docked-header-background: rgba(128,128,128,0.4);
    --basic-window-docked-header-color: rgb(40,40,40);
    --basic-window-content-background: rgba(230,230,230,.97);
    --basic-window-content-color: rgba(60,60,60,1);
    --basic-window-min-size: 40px;
    --textfield-height: 2.14em;
    --textfield-width: 12em;
    --textfield-background: rgb(255, 255, 255);
    --textfield-disabled-background: var(--control-bg-color-disabled); /*rgb(218,218,218)*/
    --textfield-fg-color: var(--primary-fg-color);
    --textfield-disabled-fg-color: var(--control-fg-color-disabled); /*rgb(100,100,100)*/
    --textfield-border-radius: var(--control-basic-border-radius);
    --combo-box-textbox-height: var(--control-basic-size);
    --combo-box-items-background: var(--textfield-background);
    --combo-box-items-fg-color: var(--textfield-fg-color);
    --combo-box-items-shadow: 2px 2px 4px rgba(100,100,100,.3);
    --panel-bg-color: var(--basic-window-content-background);
    --panel-fg-color: var(--basic-window-content-color);
    --grid-bg-color: transparent;
    --grid-fg-color: var(--primary-fg-color);
    --grid-header-bg-color: transparent;
    --grid-header-fg-color: var(--grid-fg-color);
    --main-menu-item-hover-background: var(--control-bg-color-active); /*barva pozadí položek hlavního menu*/
}


/* color-theme-blue --------- START*/
.color-theme-blue {
    --primary-fg-color: rgb(60,60,60);
    --dimmed-fg-color: rgba(30,30,30,1);
    --app-bg-color: rgb(230,230,230);
    --control-bg-color-active: rgba(243,88,0,1);
    --control-bg-color-hover: rgba(243,88,0,1);
    --control-fg-color-disabled: rgba(210,210,210,1);
    --control-bg-color-disabled: rgba(28,130,241,0.5);
    --control-basic-border: var(--control-basic-border-width) solid rgba(181,181,181,1);
    --control-basic-bg-color: rgba(0,120,250,0.85);
    --control-basic-color: white;
    --layout-pane-bg-color: rgba(146,132,132,0.8);
    --layout-pane-fg-color: rgb(40,40,40);
    --layout-statusbar-bg-color: rgba(146,132,132,0.7);
    --toolbar-border-color: rgba(181,181,181,1);
    --toolbar-border: 1px solid var(--toolbar-border-color);
    --treeview-item-bg-color: var(--control-basic-bg-color);
    --treeview-item-expanded-bg-color: rgb(33 122 230 / 56%);
    --window-header-bg-color: var(--control-basic-bg-color); /* MARUSHKA */
    --basic-window-docked-header-background: rgba(0,120,250,.3);
    --basic-window-docked-header-color: rgb(40,40,40);
    --menu-bg-color: var(--layout-pane-bg-color);
    --menu-border: 1px solid currentColor;
    --menu-border-radius: 0;
    --textfield-fg-color: rgba(60,60,60,1);
    --main-menu-item-hover-background: var(--control-bg-color-active);
}

.color-theme-blue .treeViewItemNode {
    color: var(--control-basic-color);
}

.color-theme-blue .treeViewLabelGray {
    color: rgba(64,64,64,1);
    text-decoration-color: rgba(64,64,64,0.3);
}

.color-theme-blue .treeViewItemSelected .treeViewLabelGray {
    color: rgba(64,64,64,1);
}

.color-theme-blue .treeViewItem:hover .treeViewLabelGray, .treeViewItemNode:hover .treeViewLabelGray {
    color: rgba(64,64,64,1);
}

.color-theme-blue .TBSelectModuleQuantityText {
    color: red;
}
/* color-theme-blue --------- END*/

/* color-theme-dark --------- START*/
.color-theme-dark {
    --primary-fg-color: white;
    --dimmed-fg-color: rgb(160,160,160);
    --app-bg-color: #333;
    --control-bg-color-active: rgba(243,88,0,1);
    --control-bg-color-hover: rgba(243,88,0,1);
    --control-fg-color-disabled: rgb(230,230,230);
    --control-bg-color-disabled: rgb(160,160,160);
    --control-basic-border-width: 0px;
    --control-basic-border: 0 none;
    --control-basic-bg-color: #333;
    --control-basic-color: white;
    --layout-pane-bg-color: rgba(30,30,30,0.8);
    --layout-pane-fg-color: rgb(230,230,230);
    --layout-statusbar-bg-color: rgba(30,30,30,0.8);
    --toolbar-border-color: #333;
    --toolbar-border: 0px solid var(--toolbar-border-color);
    --treeview-item-bg-color: var(--control-basic-bg-color);
    --treeview-item-expanded-bg-color: rgba(230,230,230,0.2);
    --basic-window-border: 1px solid #333;
    --basic-window-shadow: 1px 1px 8px #222;
    --basic-window-header-background: #222;
    --basic-window-header-color: rgb(230,230,230);
    --basic-window-docked-header-background: #222;
    --basic-window-docked-header-color: rgb(230,230,230);
    --basic-window-content-background: rgba(30,30,30,.9);
    --basic-window-content-color: rgb(230,230,230);
    --panel-bg-color: var(--basic-window-content-background);
    --panel-fg-color: var(--basic-window-content-color);
    --menu-bg-color: var(--layout-pane-bg-color);
    --menu-border: 1px solid currentColor;
    --menu-border-radius: 0;
    --textfield-fg-color: rgba(60,60,60,1);
    --main-menu-item-hover-background: var(--control-bg-color-active);
}
/* color-theme-dark --------- END*/