@import "theme-editor.css";
@import url('./main-layout.css');
@import url('./docuware-gadgets.css');
@import url('./classify-result.css');
@import url('./script-monospace.css');
@import url('./views/vaadin-button-view.css');
@import url('./views/vaadin-login-overlay-wrapper-view.css');
@import url('./views/gridwith-filters-view.css');
@import url('./views/vaadin-chart-view.css');
@import url('./views/vaadin-layout-view.css');
@import url('./views/navbarStyles.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

@font-face {
	font-family: 'NordiquePro';
	src: url('./fonts/NordiquePro-Semibold.otf') format('opentype');
}

html {
	--lumo-primary-color: rgba(255, 255, 255, 1);
	--lumo-font-family: 'NordiquePro', sans-serif;
	--lumo-primary-color: rgba(0, 32, 50, 1);

	/*--vaadin-button-border: 2px
  	--vaadin-button-border-radius: 50px*/

	--open-sans-font-family: 'Open Sans', sans-serif;
}

vaadin-grid::part(option-choose-grid-value-row) {
	font-size: var(--lumo-font-size-xs);
}

vaadin-custom-field.line-break-on-error-messages::part(error-message) {
	white-space: pre-line;
}

vaadin-side-nav-item.locked-nav-item::part(link) {
	color: var(--lumo-tertiary-text-color);
}

label {
	color: #002032;
}


vaadin-grid::part(body-cell),
vaadin-grid::part(footer-cell) {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #002032;
}

/* Text field inside grid */
vaadin-grid::part(body-cell) vaadin-text-field,
vaadin-grid::part(body-cell) vaadin-text-field::part(input-field),
vaadin-grid::part(body-cell) vaadin-text-field::part(label) {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #002032;
}

/* Checkbox inside grid -- to test */
vaadin-grid::part(body-cell) vaadin-checkbox,
vaadin-grid::part(body-cell) vaadin-checkbox::part(label) {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #002032;
}

/* ComboBox inside grid -- to test */
vaadin-grid::part(body-cell) vaadin-combo-box,
vaadin-grid::part(body-cell) vaadin-combo-box::part(input-field),
vaadin-grid::part(body-cell) vaadin-combo-box::part(label) {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #002032;
}

/* Buttons inside a vaadin-grid-cell-content*/
vaadin-grid-cell-content vaadin-button {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #002032;
}

/* login overlay - inputfields */
vaadin-password-field::part(input-field) {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #002032;
}

/* login overlay - inputfields */
vaadin-text-field::part(input-field),
vaadin-combo-box::part(input-field),
vaadin-multi-select-combo-box::part(input-field),
vaadin-multi-select-combo-box::part(chips),
vaadin-multi-select-combo-box-item,
vaadin-date-picker::part(input-field),
vaadin-time-picker::part(input-field),
vaadin-date-picker-overlay-content,
vaadin-time-picker-item
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #002032;
}


vaadin-month-calendar::part(month),
vaadin-month-calendar::part(date),
vaadin-month-calendar::part(weekday) {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}

/* ----------------------------------
   https://vaadin.com/directory/component/month-picker-add-on
   ---------------------------------- */
vcf-month-picker-calendar {
	--vcf-month-picker-calendar-font-family: var(--open-sans-font-family);
	--vcf-month-picker-calendar-font-size: 13px;
}

vaadin-combo-box::part(clear-button),
vaadin-combo-box::part(toggle-button),
vaadin-combo-box::part(chips),
vaadin-combo-box-item,
vaadin-select-item,
vaadin-integer-field,
vaadin-number-field,
span[slot="drop-label"],

vaadin-text-field[slot="input"],
vaadin-checkbox,
vaadin-radio-button,
vaadin-radio-button::part(label),
vaadin-radio-group,
vaadin-radio-group::part(label),
vaadin-icon::part(span),
div[slot="helper"],
vaadin-text-area::part(input-field) {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #002032;
}


html {
	--vaadin-input-field-placeholder-color: #002032;
	--vaadin-input-field-value-color: #002032;
	--lumo-body-text-color: #002032;
	--lumo-secondary-text-color: #002032;
}

[part$='button'] {
	color: #002032;
	--lumo-body-text-color: #002032;
}