@import 'components/grid.css';
@import 'components/checkBox.css';
@import 'components/menuBar.css';
@import 'components/nativeLabel.css';
@import 'components/tabsheet.css'; 
@import 'components/contextMenu.css'; 
@import 'components/textField.css'; 
@import 'components/notifications.css'; 
@import 'components/dialog.css'; 

.lumnion-theme {
	--appcolor: #D63727;
	--appColorOpacity: hsla(5,69%,50%,0.5);
	--secondAppColor: #58595B;
	--lumo-primary-text-color: var(--secondAppColor);
	--lumo-secondary-text-color: var(--appcolor);
	--lumo-primary-color: rgb(192, 192, 192);
	--lumo-body-text-color: var(--secondAppColor);
	--lumo-primary-color-10pct: rgba(230, 26, 26, 0.5);
	--lumo-primary-color-50pct: var(--appcolor);
	--lumo-primary-contrast-color:  var(--appcolor);
	--lumo-disabled-text-color:  var(--appColorOpacity);
	--lumo-size-xl:2rem;
	--lumo-grid-header-row-height: 8px;
	
}

.beltios-theme {
	--appcolor: #8b1513;
	--appColorOpacity: hsla(1,76%,31%,0.5);
	--secondAppColor: #8b1513;
	--lumo-primary-text-color: #8b1513;
	--lumo-secondary-text-color: #8b1513;
	--lumo-primary-color: rgb(192, 192, 192);
	--lumo-body-text-color: #8b1513;
	--lumo-primary-color-10pct: rgba(230, 26, 26, 0.5);
	--lumo-primary-color-50pct: #8b1513;
	--lumo-primary-contrast-color: #8b1513;
	--lumo-disabled-text-color:  var(--appColorOpacity);
	--lumo-size-xl:2rem;
	--lumo-grid-header-row-height: 8px;
}

html{
	--appcolor: #8b1513;
	--appColorOpacity: hsla(1,76%,31%,0.5);
	--secondAppColor: #8b1513;
	--lumo-primary-text-color: #8b1513;
	--lumo-secondary-text-color: #8b1513;
	--lumo-primary-color: rgb(192, 192, 192);
	--lumo-body-text-color: #8b1513;
	--lumo-primary-color-10pct: rgba(230, 26, 26, 0.5);
	--lumo-primary-color-50pct: #8b1513;
	--lumo-primary-contrast-color: #8b1513;
	--lumo-disabled-text-color:  var(--appColorOpacity);
	--lumo-size-xl:2rem;
	--lumo-grid-header-row-height: 8px;
}


vaadin-select::part(input-field){
	background: white;
  	border: 0.5px solid rgb(192, 192, 192);
  	font-weight: normal;
  	
}

vaadin-select::part(label){
	font-size: 15px;
}

.selectInGrid::part(input-field){
	padding: 0px;
	font-size: 12px;
  	min-height: 26px;
  	max-height: 26px;
}
.selectInGrid{
	padding: 0px;
  	min-height: 26px;
  	max-height: 26px;
}




vaadin-combo-box::part(input-field){
	background: white;
  	border: 0.5px solid rgb(192, 192, 192);
  	font-weight: normal;
}

vaadin-combo-box::part(label){
	font-size: 15px;
}

vaadin-select-value-button > vaadin-select-item{
	font-weight: normal;
}

vaadin-date-picker::part(input-field){
	background: white;
  	border: 0.5px solid rgb(192, 192, 192);
  	font-weight: normal;
}

vaadin-radio-group{
	padding: 0;
}

vaadin-radio-button::part(radio){
	background:white;
	border: 0.5px solid rgb(192, 192, 192);

}

vaadin-radio-group::part(label){
	font-weight: 600;
	font-size: 15px;
}


vaadin-button{
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #ececec, 0 2px 3px rgba(0, 0, 0, 0.05);
	background: rgb(249, 249, 249);
	border-radius: 4px;
	border: 1.6px solid #c9c9c9;
	font-weight: 600;
}

vaadin-button[disabled]{
	opacity: 0.5;
	filter: alpha(opacity=50) ;
	color: var(--appcolor);;
}

vaadin-button.orange_fett_warnung::part(label)::before{
	content: "\26A0";
}

vaadin-button.orange_fett_warnung::part(label){
	color: orange;
}

vaadin-button.rot_fett_warnung::part(label){
	color: red;
}

vaadin-button.rot_fett_warnung::part(label)::before{
	content: "\26A0";
}