/*
   CSS styling examples for the Vaadin app.

   Visit https://vaadin.com/docs/styling/application-theme/ for more information.
*/

/* Example: CSS class name to center align the content . */

/*:root {*/
/*    --lumo-clickable-cursor: pointer;*/
/*}*/

html {
    --lumo-clickable-cursor: pointer;
    --lumo-input-field-pointer-focus-visible: 1
}

.centered-content {
    margin: 0 auto;
    max-width: 250px;
}

/* Example: the style is applied only to the textfields which have the `bordered` class name. */
vaadin-text-field.bordered::part(input-field) {
    box-shadow: inset 0 0 0 1px var(--lumo-contrast-30pct);
    background-color: var(--lumo-base-color);
}

[theme~="dark"] {
    --preview-background-color: #263b5a;
}

[theme~="light"] {
    --preview-background-color: #f5f5f5;
}

vaadin-grid::part(done) {
    background: linear-gradient(var(--lumo-success-color-10pct), var(--lumo-success-color-10pct)) var(--lumo-base-color);
}

vaadin-grid::part(in_progress) {
    background: linear-gradient(var(--lumo-warning-color-10pct), var(--lumo-warning-color-10pct)) var(--lumo-base-color);
}

vaadin-grid::part(canceled) {
    background: linear-gradient(var(--lumo-error-color-10pct), var(--lumo-error-color-10pct)) var(--lumo-base-color);
}

vaadin-grid::part(campany_timeout) {
    background: linear-gradient(var(--lumo-error-color-10pct), var(--lumo-error-color-10pct)) var(--lumo-base-color);
}

vaadin-grid::part(clickable) {
    cursor: var(--lumo-clickable-cursor);
}

vaadin-grid::part(grid-footer) {
    font-size: var(--lumo-font-size-l);
    font-weight: bold;
}