@import url('https://use.typekit.net/gqo7azf.css'); /* urw din font family */
@import 'colors.css';
@import 'navbar.css';
@import "date-picker.css";
@import 'vaadin-grid.css';

html {
    /* lumo theme style customizations (see https://vaadin.com/docs/latest/styling/lumo) */
    --lumo-font-family: 'urw-din';
    --lumo-primary-color: var(--squarell-blue);
    --lumo-primary-color-5pct: color-mix(in srgb, var(--lumo-primary-color) 5%, transparent);
    --lumo-primary-color-10pct: color-mix(in srgb, var(--lumo-primary-color) 10%, transparent);
    --lumo-primary-color-20pct: color-mix(in srgb, var(--lumo-primary-color) 20%, transparent);
    --lumo-primary-color-25pct: color-mix(in srgb, var(--lumo-primary-color) 25%, transparent);
    --lumo-primary-color-50pct: color-mix(in srgb, var(--lumo-primary-color) 50%, transparent);
    --lumo-primary-text-color: var(--lumo-primary-color);
	 /* This is used by the setEnabled(false) in Vaadin which we want to be easier to read. */
    --lumo-contrast-30pct: var(--lumo-shade-80pct);
}

.custom-menu-bar vaadin-menu-bar-button {
    padding: 0 !important;
}