@charset "ISO-8859-1";
@import 'otsthemes/accessibility-theme.css';
@import 'otsthemes/contrast-theme.css';
@import 'otsthemes/standard-with-borders.css';
@import 'grid-styles.css';

:host {

	padding: 0px;
	margin-top: 0.0;
	margin: 0px;
}

html {

	--lumo-border-radius: 0.5em;

	--lumo-space-xl: 1.75rem;
	--lumo-space-l: 1.125rem;
	--lumo-space-m: 0.5rem;
	--lumo-space-s: 0.25rem;
	--lumo-space-xs: 0.125rem;

	--lumo-size-xl: 3rem;
	--lumo-size-l: 2.5rem;
	--lumo-size-m: 2rem;
	--lumo-size-s: 1.75rem;
	--lumo-size-xs: 1.5rem;

	--lumo-font-size: 1.125rem;
	--lumo-font-size-xxxl: 3rem;
	--lumo-font-size-xxl: 2.25rem;
	--lumo-font-size-xl: 1.75rem;
	--lumo-font-size-l: 1.375rem;
	--lumo-font-size-m: 1.125rem;
	--lumo-font-size-s: 1rem;
	--lumo-font-size-xs: 0.875rem;
	--lumo-font-size-xxs: 0.8125rem;
	--lumo-line-height-m: 1.4;
	--lumo-line-height-s: 1.2;
	--lumo-line-height-xs: 1.1;
}

.italic {
	font-style: italic;
}

.underline {
   text-decoration: underline;
}

.taskmenu vaadin-tab {
	color: var(--lumo-text-color);
	font-weight: var(--vaadin-button-font-weight, 500);
}

.taskmenu vaadin-tab[selected] {
	font-weight: 900;
	color: #106ebe;
}

vaadin-tab {
	font-weight: normal
}

vaadin-tab[selected] {
	font-weight: 900;
	color: #106ebe;
}

h1 {
	font-size: 15px;
	margin-top: 0.0;
	margin-bottom: 0.0;
}

h2 {
	font-size: 15px;
	margin-top: 0.0;
	margin-bottom: 0.0;
}

label {
	/* color:red; */
	font-size: var(--lumo-font-size-m);
}


body[theme~="FontXS"] {
	/*   background-color: blue; */
	--lumo-font-size: 1rem;
	--lumo-font-size-xxxl: 1.375rem;
	--lumo-font-size-xxl: 1.125rem;
	--lumo-font-size-xl: 1rem;
	--lumo-font-size-l: 0.875rem;
	--lumo-font-size-m: 0.75rem;
	--lumo-font-size-s: 0.6875rem;
	--lumo-font-size-xs: 0.625rem;
	--lumo-font-size-xxs: 0.625rem;

	/*   --lumo-base-color: hsl(214, 35%, 21%); */

}

body[theme~="FontS"] {
	/* 	background-color: green; */
	--lumo-font-size: 1rem;
	--lumo-font-size-xxxl: 1.75rem;
	--lumo-font-size-xxl: 1.375rem;
	--lumo-font-size-xl: 1.125rem;
	--lumo-font-size-l: 1rem;
	--lumo-font-size-m: 0.875rem;
	--lumo-font-size-s: 0.8125rem;
	--lumo-font-size-xs: 0.75rem;
	--lumo-font-size-xxs: 0.6875rem;
}

body[theme~="FontL"] {
	/* 	background-color: yellow; */
	--lumo-font-size: 1rem;
	--lumo-font-size-xxxl: 3rem;
	--lumo-font-size-xxl: 2.25rem;
	--lumo-font-size-xl: 1.75rem;
	--lumo-font-size-l: 1.375rem;
	--lumo-font-size-m: 1.125rem;
	--lumo-font-size-s: 1rem;
	--lumo-font-size-xs: 0.875rem;
	--lumo-font-size-xxs: 0.8125rem;

}

/*
*	Kontextmen�
*/

/*
vaadin-context-menu-item::part(checkmark) {
 display: none; 
}
*/

vaadin-context-menu-item {
--lumo-size-m: 0;
padding-left: 0pt;
padding-top: 2pt;
padding-bottom: 2pt;
}

vaadin-context-menu-item::part(content) {
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 0px;
 padding-top: 0px;
}

vaadin-context-menu-item {
--lumo-size-m: 0;
padding-left: 0pt;
padding-top: 2pt;
padding-bottom: 2pt;
}

vaadin-context-menu-item::part(content) {
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 0px;
 padding-top: 0px;
}

vaadin-menu-bar-item[disabled]::part(content) {
	color: var(--lumo-body-text-color);
}


/*
* Timeline
*/

:root {
	--timeline-size-0: 50px;
	--timeline-size-1: 70px;
	--timeline-size-2: 105px;
	--timeline-size-3: 150px;

}

.vis-item.dates {
	background-color: #FA8072;
	color: var(--lumo-body-text-color);
	font-family: var(--lumo-font-family);
	z-index: 1 !important;

}

.vis-item.dates0 {
	background-color: #fc4d3a;
	color: var(--lumo-body-text-color);
	font-family: var(--lumo-font-family);
	height: var(--timeline-size-0);
	z-index: -1 !important;

}

.vis-item.dates1 {
	background-color: #FA8072;
	color: var(--lumo-body-text-color);
	font-family: var(--lumo-font-family);
	height: var(--timeline-size-1);
	z-index: -2 !important;

}

.vis-item.dates2 {
	background-color: #fc4d3a;
	color: var(--lumo-body-text-color);
	font-family: var(--lumo-font-family);
	height: var(--timeline-size-2);
	z-index: -3 !important;

}

.vis-item.dates3 {
	background-color: #FA8072;
	color: var(--lumo-body-text-color);
	font-family: var(--lumo-font-family);
	height: var(--timeline-size-3);
	z-index: -4 !important;
}

/*
*	Deadlines
*/



.vis-item.deadlines {
	background-color: #b0e2ff;
	color: var(--lumo-body-text-color);
	font-family: var(--lumo-font-family);
	z-index: 1 !important;

}

.vis-item.deadlines0 {
	background-color: #dee8ff;
	color: var(--lumo-body-text-color);
	font-family: var(--lumo-font-family);
	z-index: -1 !important;
	height: var(--timeline-size-0);
}

.vis-item.deadlines1 {
	background-color: #b0e2ff;
	color: var(--lumo-body-text-color);
	font-family: var(--lumo-font-family);
	z-index: -2 !important;
	height: var(--timeline-size-1);
}

.vis-item.deadlines2 {
	background-color: #dee8ff;
	color: var(--lumo-body-text-color);
	font-family: var(--lumo-font-family);
	z-index: -3 !important;
	height: var(--timeline-size-2);
}

.vis-item.deadlines3 {
	background-color: #b0e2ff;
	color: var(--lumo-body-text-color);
	font-family: var(--lumo-font-family);
	z-index: -4 !important;
	height: var(--timeline-size-3);
}



/*
*	Unterbrechungen
*/

.vis-item.breaks {
	background-color: #FAC002;
	font-family: var(--lumo-font-family);
	z-index: 1 !important;
}

.vis-item.breaks0 {
	background-color: #f4e1a8;
	font-family: var(--lumo-font-family);
	height: var(--timeline-size-0);
	z-index: -1 !important;
}

.vis-item.breaks1 {
	background-color: #FAD002;
	font-family: var(--lumo-font-family);
	height: var(--timeline-size-1);
	z-index: -2 !important;
}

.vis-item.breaks2 {
	background-color: #f4e1a8;
	font-family: var(--lumo-font-family);
	height: var(--timeline-size-2);
	z-index: -3 !important;
}

.vis-item.breaks3 {
	background-color: #FAC002;
	font-family: var(--lumo-font-family);
	height: var(--timeline-size-3);
	z-index: -4 !important;
}

.lblRequiredInfo {
	font-family: var(--lumo-font-family);
	font-size: var(--lumo-font-size-xs);
}