@import "ag-grid.css";

@media all and (max-width: 1100px) {
    .list-view.editing .toolbar,
    .list-view.editing .contact-grid {
        display: none;
    }
}

a[highlight] {
    font-weight: bold;
    text-decoration: underline;
}

.grid-column-seperators {
    border-left: solid 2px rgba(0, 0, 0, 0.18);
    border-right: solid 2px rgba(0, 0, 0, 0.18);
}

.v-label-stylename {
    font-size: 12px;
    line-height: normal;
    padding-top: 6px !important;
}

[part="drawer"] {
    width: 8em !important;
}

.warning-button {
    background-color: rgba(242, 236, 61, 0.43);
}

.error-button {
    background-color: var(--lumo-error-color-10pct);
}

vaadin-select-item {
    font-size: var(--lumo-font-size-xxs);
    padding: 0;
    max-height: 20px;
    min-height: 20px;
}

vaadin-select {
    font-size: var(--lumo-font-size-xxs);
    padding: 0;
    max-height: 20px;
    min-height: 20px;
}

vaadin-select-value-button {
    font-size: var(--lumo-font-size-xxs);
    padding: 0;
    max-height: 20px;
    min-height: 20px;
}

vaadin-context-menu-item::part(content) {
    font-size: var(--lumo-font-size-xxs);
}

.v-loading-indicator {
    position: fixed;
    inset: 0px;
    pointer-events: auto;
    z-index: 2147483647;
}

.v-loading-indicator.first {
    background-color: #55586A;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/spinnerAag.svg");
    opacity: 0.7;
}

.v-loading-indicator.second {
    background-color: #55586A;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/spinnerAag.svg");
    opacity: 0.8;
}

.v-loading-indicator.third {
    background-color: #55586A;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/spinnerAag.svg");
    opacity: 0.9;
}

html {
    --lumo-secondary-text-color: hsl(0deg 0% 0%);
    --lumo-body-text-color: hsl(0deg 0% 0%);
    --lumo-base-color: #F3F3FA;

    --vaadin-text-field-value-font-size: var(--lumo-font-size-xxs);
    --vaadin-input-field-value-font-size: var(--lumo-font-size-xxs);
}

vaadin-app-layout::part(navbar) {
    border-bottom: 1px solid var(--lumo-contrast-10pct);
    min-height: 100px;
}

#selectAllCheckbox {
    --_checkbox-size: 15px;
}

/* To color warning or error rows in metainfo */
vaadin-grid::part(warning) {
    background-color: rgba(242, 236, 61, 0.43);
}

vaadin-grid::part(error) {
    background-color: var(--lumo-error-color-10pct);
}