@charset "UTF-8";

/**
	Definice parametrů pro defaultni téma. Z tohoto není dobré vycházet, popužij raději dark-green
*/

:root {	
	
			/** pozadi*/
	--color1: #ffffff;  /**  @white*/
	
	/** - list background, pozadi pro ruzne funkcni casti, ulozena rozlozeni sloupcu, upload, panel, footer, blockBar bez masterHeader...
	 	- barva textu v blockbaru
	 	- barva textu pro header ruzne funkcni casti, nastaveni sloupcu, filtry, info masseage, tooltip
	 	- query block title, submenu link, dashbord overview link , dataTable secondLine color
	 	- list maximize/minimize btn border color
	 	- component btn background color - napr kalendar, autocomplete, selectOne dropdown
	 	- menuitem-link helpLink simplebutton v listu */ 
	--color2: #F6F6F6;  /**  @grayF6 */
	
	/** - dashboard cell
		- info message ikona
		- border pro picklist, footer border, header border, oddelovac
		- barva textu notifikacnho centra
		- header bar icons,query icons border hover background color
		- list-datatable-row-border-color */		
	--color3: #E4E4E4;  /**  @grayE4 */
	
	/** - dataviewPanelHeader, dashbord titlebar, header ulozene rozlozeni sloupcu
		- tlacitka komponent, autocomplete popup, datePicker, select - hover background color
		- vybrana option v nabidce */
	--color4: #ECECEC;  /**  @grayEC */
	
	/** - list header background
		- label color
		- datePicker header a selectComlumns model header  barva textu - --header-text-color-label
		- color sekundarniho tlacitka
		- barva textu v headeru neaktivniho listu
		- --datatable-second-line-color
		- barva tlacitka komponent, autocomplete popup, datePicker, select + hover color  */
	--color5: #707070;  /**  @gray70 */
	
	/** - default text color
	 	- --list-btn-background-color-hover
	 	- barva textu nejake elementu, pouzito treba pro link a menu, ozubena ikona ve query
	 	- neaktivni header ikony*/
	--color6: #505050;  /**  @gray50 */
	
	/** - --list-btn-background-color-active
		- barva textu v sedem blockbaru  */
	--color7: #3c3c3c;  /**  @grayC3 */
	
	/** - default text color po hover nebo u aktivniho elememtu
		- paginator color aktivni page
		- value color, barva pro hodnotu v browse
		- pro obecne elementy hover a active text color, ale pouzije se treba i pro menuitem 
		- header bar icons,query icons hover a active color - neaktivni
		- --dataTable-active-row-color
		- --list-datatable-text-color
		- notifikacni centrum background
		- link-general */
	--color8: #282828;  /**  @gray28 */
	
	/** - background-color aktivniho listu */
	--color9: #fbfdff;
	
	/** - barva textu v aktivnim blockBar 
		- barva textu a border tlacitka v aktvnim blockbaru
		- sekundarni tlacitko (cancel...) hover background color 
		- minimize, maximize panel btn hover background
		- --dataTable-active-row-background
		- --list-datatable-selected-row-background-color;
		- --list-active-datatable-active-row-background-color
		- --list-active-datatable-row-border-color
		- --tree-highlight-background-color */
	--color10: #C9E4FF;  /** @colorBlue5:*/
	
	/** - --list-active-blockbar-border
		- --button-primary-hover-background-color
		- header bar icons,query icons - aktivni 
			--button-secondary3-color
			--button-secondary3-hover-color
		*/
	--color11: #0A467D;  /** @colorBlue1 */
	
	/** - background hlavicky aktivniho listu
			--list-active-background-color-header
	*/
	--color12: #0D5294;  /** @colorBlue3 */
	
	/** - info message ikona v listu
		- paginator - barva disabled stranky
			--paginator-disabled-color
		- barva placeholder textu
			--placeholder-color
		- border pouzity pro oddeleni ruznych casti, layoutu, datapicker header...
			 --border-standard1-color
			 --treetable-header-border-bottom	 */
	--color13: #B4B4B4;  /** @grayB4 */
	
	/** - ruzne linky v headeru (help), ikonky komponent, linky v tabulce neaktivniho listu, fileupload cancel a row text color 
			--link-color-alternate
			--change-view-btn-color
		*/
	--color14: #808080;  /** @gray80 */
	
	/** - header dialogu
			--dialog-header-background-color:*/
	--color15: #000;
	
	/** - hover a active pro obecne elementy, ale pouzije se treba i pro menuitem
			--element-active-background-color
			--element-hover-background-color
		- hover na radek tabulky neaktivniho bloku
			--dataTable-hover-background
		- selection row background 
			--datatable-selection-background-color
		- background hlavicky aktivniho bloku
			--header-active-background-color */
	--color16: #EFF7FF;  /** @colorBlue4*/
	
	/** - link, pouzito i pro nektere ikony, treba pripnuti kriteria, action ikony v tabulce, ikona v accordion headeru
			--link-color
		- border focusovaneho obecneho elementu
			--element-focused-border-color
		- background color primarniho tlacitka
			--button-primary-background-color
		- barva textu pro title blok formulre a soucasne i barva ikon
			--block-title-text-color
		- barva textu sekundarniho tlacitka
			--button-secondary4-color
		- barva borderu pri hoveru na selesction checkbox tabulky. 		
		 	--list-active-datatable-selection-checkbox-hover-border-color
		 	--list-datatable-selection-checkbox-hover-border-color
		 - barva beziciho progressbaru
		 	 --fileupload-progressbar-running */
	--color17: #0D5AA1;  /** @colorBlue */
	
	/** - hover color linku
			--link-color-hover*/
	--color18: #0A467E;
	
	/** - barva pro info
			--color-info */
	--color19: #07b;
	
	/** - progressbar border
		- checkbox border
		- splitView border
		- sipky pro prechod po zaznamech (disabled a hover text color)
		- header border neaktivniho listu
		- border tlacitek komponent, autocomplete popup, datePicker, select 
		- --component-border*/
	--color20: #C8C8C8;  /** @greyC8 */
	
	/** - fileupload prograssbar a widget border, paginator number border color
		- neaktivni headerBar - header bar icons,query icons - background aktivni ikony
			--button-secondary2-active-background-color*/
	--color21: #D4D4D4;  /** @grayD4 */
	
	/** - sekundarni tlacitko aktivni background
			--button-secondary-active-background-color
		- aktinvi header bar ikony background-color
			--button-secondary3-active-background-color
		- minimize/maxinize panel active background-color
			--button-secondary4-active-background-color 
		- border color checkboxu v tabulce neaktivniho i aktivniho listu
			--list-datatable-selection-checkbox-border-color
			--list-active-datatable-selection-checkbox-border-color
		- background-color pro vybrany radek v tabulce
			--list-datatable-active-row-background-color
		- border color pro header aktivniho listu
			--list-active-datatable-header-border-color
		- border color aktivniho headeru obecneho
			--header-active-border-color
		- border color pro footer
			--footer-border-color	
				*/
	--color22: #A5D2FF;  /** @colorBlue6 */
	
	/** - background color aktivniho primarniho tlacitka
		- sekundarni tlacitko text hover and active color
		- neaktivni headerbar active btn(header bar icons,query icons) text color
		- minimize, maximize panel hover a active text color
		- barva textu v tabulce aktivniho listu */
	--color23: #083A67;  /** @colorBlue2*/
	
	/** - required color
		- odvýběr v picklistu 
			--picklist-deselect-color*/
	--color24: #D70B0B;  /** @colorRed */
	
	/** - fatal a error color*/
	--color25: #bf0a0a;
	
	/** - background color pro alternativni tlacitku submit
		- fileupload barva complete progressbaru
		- vyber v picklistu
			--picklist-select-color*/
	--color26: #17940d;  /** @colorGreen*/
	
	/** - hover background color pro alternativni tlacitku submit
		- progressbar border*/
	--color27: #0d7c04;  /** @colorGreen2 */
	
	/** - active background color pro alternativni tlacitku submit*/
	--color28: #075600;
	
	/** - progressbar background*/
	--color29: #38AA29;  /** @colorGreen3 */
	
	/** - notification center hover background color*/
	--color30: #141414;  /** @grey14*/
	
	/** - barva textu v aktivnim blockbaru*/
	--color31 :#206B90;
	
	/* zaclona */
	--overlay-opacity: 0.3;
	--overlay-background-color: #000;
	
	
	/** obecne pozadi */
	--background-color: var(--color1);
	/** pozadi pro ruzne funkcni casti, ulozena rozlozeni sloupcu, upload, panel, footer, blockBar bez masterHeader, autocomplete afterList... */
	--component-and-panel-background-color: var(--color2);
		
	/** tohle je gradiend na spodku formulare, jakoby do ztracena*/
	--background-gradient1:rgba(255,255,255,0);
	--background-gradient2:rgba(255,255,255,1);
	
	--scrollbar-color:auto auto;
		
	--list-background-color: var(--color2);
	--list-background-color-header: var(--color5);	
	--list-blockbar-text-color: var(--color2);
	--list-blockbar-border-color: var(--color6);
	--list-title-color: var(--color2);
	
	/** menu u simple button v listu (menu u query buttonu) */
	--list-simplebtn-background-color-hover: var(--color1);
	
	--text-color: var(--color6);
	--text-color-active:var(--color8);
	/** barva pouzita pro ruzne funkcnosti, header, row, objektivne tam, kde mame nejaky jiny backgound*/
	--text-color-alternate: var(--color2);
	
	--list-active-background-color:var(--color9);
	--list-active-background-color-header: var(--color12);
	--list-active-blockbar-text-color: var(--color10);
	--list-active-blockbar-border:var(--color11);
	--list-active-blockbar-button-text-color: var(--color1);
	--list-active-title-color: var(--color1);
	
	--header-active-background-color: var(--color16);
	--header-active-border-color: var(--color22);
	--header-active-text-color: var(--color31);
	
	/** dataviewPanelHeader, dashbord titlebar, header ulozene rozlozeni sloupcu, autocomplete group, neaktivni blockBar*/
	--header-background-color:var(--color4);
	/** border mezi headerem a detailem */
	--header-border-color:var(--color20);
	/** border mezi navigaci a headerem*/
	--header-navigation-border-color:var(--color4);
	--header-text-color: var(--color7);
	
	--dialog-header-background-color:  var(--color15);
	/** barva textu v dialog headeru*/
	--dialog-header-color: var(--color2);
	
	
	--infomessage-icon-color: var(--color3);
	/** info message ikona v listu*/
	--infomessage-list-icon-color: var(--color13); 
	
	
	/** link, pouzito i pro nektere ikony, treba pripnuti kriteria, action ikony v tabulce, ikona v accordion headeru*/
	--link-color: var(--color17); 
	--link-color-hover:var(--color18);
	/** ruzne linky v headeru (help), ikonky komponent, linky v tabulce neaktivniho listu, fileupload cancel a row text color */
	--link-color-alternate: var(--color14);
	--link-general: var(--color8);
	
	--header-help-icon-color:#1174d0;
	
	--required-color: var(--color24);
	--disabled-color: var(--color13);
	/** remove tlacitko */
	--danger-color:  #A90909; /** @colorRed1;*/
	
	--color-red: var(--color24);
	
	--label-color: var(--color5);
	--value-color: var(--color8);
	--placeholder-color:var(--color13);
	
	--fa-inverse: var(--color1);
	
	/** barva textu nejake elementu, pouzito treba pro link a menu, ozubena ikona ve query, option */
	--link-and-menu-text-color: var(--color6);
	
	--query-caption-color: var(--color17);
	/**  barva textu pro title blok formulre a soucasne i barva ikon*/
	--block-title-text-color: var(--color6);
	--block-title-active-text-color: var(--color17);

	/** change view tlacitko  */
	--change-view-btn-color: var(--color14);
	
	--color-fatal: var(--color25);
	--color-error: var(--color25);;
	--color-info: var(--color19);
	--color-success: var(--color26);
	--color-warning: #D57608;
	
	
	/** separator pro zmenu sirky listu */
	--separator-handle-color:  #13508E;
	
	
	/** white header prozkoumat jestli by to slo pouzit i jinde*/
	/** maximize/minimize btns*/
	--border-standard1-color: var(--color13);
	--border-standard2-color: var(--color3);
	/** fileupload prograssbar a widget border, paginator number border*/
	
	--border-standard1: 1px solid var(--border-standard1-color);
	--border-standard2: 1px solid var(--border-standard2-color);
	
	--footer-border-color: var(--color20);
	--footer-border-color-active: var(--color22);
	
	/** barva tlacitka v headeru*/
	--button-color:var(--color2);
	--button-hover-background-color: var(--color7);
	--button-active-background-color: var(--color7); 
	--button-hover-and-active-color:  var(--color1);
	
	
	/** barva tlacitka v aktvnim headeru*/
	--button-active-color:  var(--color10); 
	--button-active-hover-and-active-color: var(--color1);
	--button-active-border-color:  var(--color10);
	--button-active-hover-background-color:var(--color11);
	--button-active-active-background-color:var(--color23);
	
	
	/** pro obecne elementy, ale pouzije se treba i pro menuitem, query filtry */
	--element-active-background-color:var(--color16); 
	--element-hover-background-color: var(--color16);
	--element-hover-text-color:var(--color8);
	--element-active-text-color:var(--color8);
	--element-focused-border-color:var(--color17);
	
	
	/** primarni tlacitko */ 
	--button-primary-color: var(--color1); /** mozna by tu mohlo byt spis @colorBlue5*/
	--button-primary-background-color: var(--color17);
	--button-primary-hover-background-color: var(--color11); 
	--button-primary-active-background-color: var(--color23);
	
	
	/** alternativni tlacitko pro submit*/ 
	--button-primary-alternate-color:var(--color1);
	--button-primary-alternate-background-color: var(--color26);
	--button-primary-alternate-hover-background-color: var(--color27);
	--button-primary-alternate-active-background-color: var(--color28);
	
	
	/** sekundarni tlacitko (cancel...)*/
	/**  pouziti v ruznych kombinacich pro standartni a aktivni*/
	--button-secondary-color: var(--color5);
	--button-secondary-background-color: transparent;
	--button-secondary-hover-color:var(--color23);
	--button-secondary-hover-background-color:var(--color10);
	--button-secondary-active-color: var(--color23);
	--button-secondary-active-background-color: var(--color22);
	
	/** header bar icons,query icons*/
	/** neaktivni*/
	--button-secondary2-color: var(--color6);
	--button-secondary2-background-color: transparent;
	--button-secondary2-hover-color: var(--color8);
	--button-secondary2-hover-background-color: var(--color3);
	--button-secondary2-active-color: var(--color8);
	--button-secondary2-active-background-color: var(--color21);
	
	/** aktivni*/
	--button-secondary3-color: var(--color11);
	--button-secondary3-background-color: transparent;
	--button-secondary3-hover-color: var(--color11);
	--button-secondary3-hover-background-color: var(--color10);
	--button-secondary3-active-color: var(--color23);
	--button-secondary3-active-background-color: var(--color22);
	
	
	/** minimize, maximize panel*/
	--button-secondary4-color: var(--color17);
	--button-secondary4-background-color: transparent;
	--button-secondary4-hover-color: var(--color23);
	--button-secondary4-hover-background-color: var(--color10);
	--button-secondary4-active-color: var(--color23);
	--button-secondary4-active-background-color: var(--color22);
	
	--dataTable-text-color-header: var(--link-color-alternate);
	--dataTable-text-color: var(--color6);
	--dataTable-active-row-color: var(--color8);
	/** pouzije se i pro autocomplete active item*/
	--dataTable-active-row-background:var(--color10);
	--dataTable-row-border-color: var(--color13);
	/** TODO */
	--dataTable-clicked-row-background: lighten(#C9E4FF, 5%);
	--dataTable-hover-background: var(--color16); 
	--datatable-second-line-color: var(--color5);
	--datatable-selection-background-color: var(--color16);
	
	--list-datatable-selection-checkbox-border-color: var(--color22);  
	--list-datatable-selection-checkbox-hover-border-color:var(--color17);
	--list-datatable-header-border-color:  var(--color20); 
	--list-datatable-row-border-color:  var(--color3); 
	--list-datatable-header-color: var(--color5);
	--list-datatable-text-color:var(--color8);
	--list-datatable-hover-ext-color:var(--color16);
	--list-datatable-hover-background-color: var(--color16);
	--list-datatable-active-row-background-color: var(--color22);
	--list-datatable-active-row-text-color:var(--color8);
	
	--list-active-datatable-text-color:var(--color8);
	--list-active-datatable-hover-text-color:var(--color8);
	--list-active-datatable-hover-background-color: var(--color16);
	--list-active-datatable-active-row-text-color:var(--color23);
	--list-active-datatable-active-row-background-color:  var(--color10);
	--list-active-datatable-selection-checkbox-border-color: var(--color22); 
	--list-active-datatable-selection-checkbox-hover-border-color:var(--color17);
	--list-active-datatable-row-border-color:  var(--color10);
	--list-active-datatable-header-border-color:  var(--color22);
	--list-active-datatable-header-color: var(--color17);
	
	--tab-selected-color:var(--color17); /** @colorBlue*/
	--tab-hover-color: #808080; /** */
	
	
	--fileupload-progressbar-running: var(--color17);
	/** pro complete a background*/
	--fileupload-progressbar-complete:var(--color26);
	--fileupload-dragover-background: rgba(255, 255, 255, 0.8); /** @whiteOpacity80: */
	--fileupload-dragover-border:  rgba(0, 0, 0, 0.5); /** @blackOpacity50 */
	--fileupload-dragover-border-color: var(--color26); 
	/**  fileupload upload size limit*/
	--messages-error-color:#b94a48;
	--messages-error-background-color: #f2dede;
	--messages-error-border-color: #eed3d7;
	--messages-btn-color: var(--color14);
	
	
	/** tlacitka komponent, autocomplete popup, datePicker, select */
	--component-button-color:  var(--color5);
	--component-button-hover-color: var(--color5);
	--component-button-background-color: var(--color2);
	--component-button-background-color-hover: var(--color4);
	--component-button-border:var(--color20);
	--component-border: var(--color20);
	--component-highlighted-row-background-color:var(--color10);
	/** barva pro aktivni stav ikony, napr, pripnute kriterium*/
	--component-icon-active: var(--color17);
	
	
	--picklist-select-color:var(--color26);
	--picklist-deselect-color:var(--color24); 
	
	
	--progressbar-border:var(--color27);
	--progressbar-background:var(--color29);
	
	/** paginator pages */
	--paginator-disabled-color:  var(--color13); 
	--paginator-active-color: var(--color8); 
	
	--tree-highlight-background-color:var(--color10);
	
	--treetable-header-border-bottom: var(--color13);
	
	/** notificatium center*/
	--nc-background-color:var(--color8);
	--nc-color:var(--color3);
	--nc-hover-background-color:var(--color30);
	
	--option-checked-background-color: var(--color4);
	
	--token-background-color: #C9E4FF;
	--token-border-color: #C9E4FF;
	--token-hover-color: #EFF7FF;
	--token-icon-color: #404040;
	--token-color:  #404040;
	
	/** barva hlavniho menu*/
	--menublock-background-color: #282828;;
	--menublock-background-color-active: #000;
	--menublock-background-color-hover:#282828;
	--menublock-background-color-lighter:var(--color7);
	--menublock-text-color: var(--color3);
	--menublock-text-color-active: var(--color4);
	--menublock-separator-color:#808080;
	--menublock-separator-label-color:#B4B4B4;
	--menublock-selected-color:var(--color22);
	--menublock-hover-color: var(--color22);
	--menublock-itemlink-color:var(--color3);
	
	--menu-background-color: var(--background-color);
	
	--checkbox-check-color:var(--color29);
	--checkbox-uncheck-color:var(--color24); /* @colorRed; */
	--checkbox-edit-checked-background-color:  #daffd7; /* @colorGreen4; */
	--checkbox-edit-checked-border-color:  var(--color29); /*  @colorGreen3;*/
	--checkbox-edit-not-checked-background-color: #ffeaea; /*@colorRed2; */
	--checkbox-edit-not-checked-border-color: var(--color24); /* @colorRed; */
	--checkbox-edit-label-color: var(--color8);
	
	--dataview-header-background-color: var(--color2); /* @grayF6 */
	--dataview-header-border-color:  #E4E4E4; /* @grayE4 */
	--dataview-item-background-color: #ffffff; /*  @white; */
	--dataview-item-border-color: #E4E4E4; /* @grayE4 */
	--dataview-item-header-background-color: var(--color2); /*;@grayF6; */
	--dataview-item-hover-border-color:var(--color22); /* @colorBlue6 */
	--dataview-item-hover-header-background-color: #EFF7FF; /*@colorBlue4;*/
	--dataview-item-selected-header-text-color:#fff;
	--dataview-item-selected-header-background-color:var(--color17);/* @colorBlue;*/
	--dataview-item-hover-header-border-color:var(--color22); /* @colorBlue6 */
	--dataview-item-selected-border-color: var(--color17);; /*@colorBlue */
	--dataview-actionbutton-background-color:  #E4E4E4; /* @grayE4 */
	--dataview-actionbutton-hover-background-color: var(--color17);/* @colorBlue;*/
	--dataview-actionbutton-hover-text-color:#fff;
	--dataview-noimage-text-color: #c8c8c8;
	--dataview-noimage-background-color: white;
	
	/** *dashboard cell */
	--panelgrid-cell-background-color: var(--color3);
	
	/** ADMIS ma spacialitku, ze chce mit pole rychleho hledani podbarvene spesl*/
	--admis-quicksearch-background-color: #FFE37F;
	--admis-quicksearch-color: #2F4858;
	--admis-placeholder-color: #505050;
	
	/** widgety na welcome*/
	--widget-background-color:var(--color3);
	--widget-background-color-hover:var(--color17);
	--widget-tileNumber-color: var(--color17);
	--widget-tileNumber-color-error: var(--color24);
	--widget-tileNumber-color-hover: var(--color1);
	--widget-waiting-background-color:var(--color3);
	--widget-waiting-background-gradient: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(30, 40, 100, 0.1), rgba(255, 255, 255, 0));

	--chat-me-color:#0000CC;
	--chat-message-header-color: #990099;
	--chat-arrow-color: var(--color26);
	
	--comparator-change-background-color: #F8E0E0;
	--comparator-change-background-color-hover: rgba(0, 0, 0, 0.05);
	--comparator-change-color:red;
	
	/** pouziva se k nejakemu ecxtra zvyrazneni radku, naprklad ve screeninku stejna nsn*/
	--highlighted-row: #F0F2A0;
	
	/** barva stinu pro nejake panely, napr autocomplete itemtip*/
	--box-shadow: rgba(0, 0, 0, 0.33);
	
	/** nder collaboration zvyrazneni jednotlivych typu akci*/
	--nder-action-collab-create: #fff7e7;
	--nder-action-add-comment: #F8FAEE;
	--nder-action-extend-timeframe: #F0F8F0;
	--nder-action-send-response: #F3F6FC;
	--nder-action-send-response-final: #D5E6FB;
	
	
}