@charset "ISO-8859-1";

:host {

padding: 0px;
  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;
  
 
--lumo-success-color-10pct: hsla(145, 65%, 42%, 0.1);
--lumo-success-color-50pct: hsla(145, 65%, 42%, 0.5);
--lumo-success-color: hsl(145, 65%, 42%);
--lumo-success-contrast-color: #FFF;


}

[part="input-field"] {
box-shadow: inset 0 0 0 1px var(--lumo-contrast-30pct);
/* background-color: red; */
}



vaadin-tab {
font-weight:normal		
}

vaadin-tab[selected] {

color:#106ebe;
}

h1 {
	font-size: var(- -lumo-font-size-l);
	margin-top: 0.0;
	margin-bottom: 0.0;
}

h2 {
	font-size: var(- -lumo-font-size-m);
}

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;

}