@import "theme-editor.css";
@import "vpstyle.css";

html {
    --lumo-font-size: 1rem;
    --lumo-font-size-xxxl: 1.75rem;
    --lumo-font-size-xxl: 1.375rem;
    --lumo-font-size-xl: 1.125rem;
    --lumo-font-size-l: 1rem;
    --lumo-font-size-m: 0.875rem;
    --lumo-font-size-s: 0.8125rem;
    --lumo-font-size-xs: 0.75rem;
    --lumo-font-size-xxs: 0.6875rem;
    --lumo-line-height-m: 1.4;
    --lumo-line-height-s: 1.2;
    --lumo-line-height-xs: 1.1;
    --lumo-size-xl: 3rem;
    --lumo-size-l: 2.5rem;
    --lumo-size-m: 2rem;
    --lumo-size-s: 1.75rem;
    --lumo-size-xs: 1.5rem;
    --lumo-space-xl: 1.875rem;
    --lumo-space-l: 1.25rem;
    --lumo-space-m: 0.625rem;
    --lumo-space-s: 0.3125rem;
    --lumo-space-xs: 0.1875rem;


    --lumo-primary-text-color: rgb(0, 79, 128);
    --lumo-primary-color-50pct: rgba(0, 79, 128, 0.5);
    --lumo-primary-color-10pct: rgba(0, 79, 128, 0.1);
    --lumo-primary-color: hsl(203, 100%, 25%);
    --lumo-error-text-color: rgb(230, 11, 0);
    --lumo-error-color-50pct: rgba(230, 11, 0, 0.5);
    --lumo-error-color-10pct: rgba(230, 11, 0, 0.1);
    --lumo-error-color: hsl(3, 100%, 45%);
    --lumo-success-text-color: rgb(18, 161, 77);
    --lumo-success-color-50pct: rgba(18, 161, 77, 0.5);
    --lumo-success-color-10pct: rgba(18, 161, 77, 0.1);
    --lumo-success-color: hsl(145, 80%, 35%);
    --lumo-header-text-color: hsl(203, 100%, 25%);
    --lumo-body-text-color: hsl(203, 100%, 25%);

    --lumo-shade-5pct: rgba(255, 255, 255, 0);

    --lumo-clickable-cursor: pointer;

}

[theme~="dark"] {
    --lumo-error-text-color: rgb(230, 11, 0);
    --lumo-error-color-50pct: rgba(230, 11, 0, 0.5);
    --lumo-error-color-10pct: rgba(230, 11, 0, 0.1);
    --lumo-error-color: hsl(3, 100%, 45%);
    --lumo-success-text-color: rgb(18, 161, 77);
    --lumo-success-color-50pct: rgba(18, 161, 77, 0.5);
    --lumo-success-color-10pct: rgba(18, 161, 77, 0.1);
    --lumo-success-color: hsl(145, 80%, 35%);
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

vaadin-grid::part(resize-handle)::before {
    width: 10px;
}

.details-with-border-and-color {
    border: 2px solid;
    background-color: #f0f8ff;
}

::part(error-message) {
    max-height: 20em;
}

.borderedPanel {
    border-color: rgba(100, 100, 100, 50);
    border-style: dotted;
    border-width: 1px;
}

.withMargin10 {
    margin-top: 10px;
}

.boldLabel {
    font-weight: bold;
    width: 140px;
}

.pageTitel {
    padding-top: 30px;
    padding-left: 80px;
}

.warn {
    color: red;
    font-weight: bolder;
    font-size: larger;
}

.loading {
    border: 10px solid #f3f3f3; /* Light grey */
    border-top: 10px solid #1344c1; /* Blue */
    border-radius: 50%;
    width: 12px;
    height: 12px;
    animation: spin 2s linear infinite;
}

.loading_big {
    border: 10px solid #f3f3f3; /* Light grey */
    border-top: 10px solid #1344c1; /* Blue */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.openlayers-map {
    border-color: rgba(231, 238, 252, 0.7);
    border-radius: 1px;
    border-style: solid;
}

span.status-active {
    /*background-color: green;*/
    color: white;
    background-image: url('data:image/svg+xml,<svg viewBox="22 55 235 30" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com"><defs></defs><path d="M 20.908 89.058 H 236.969 L 236.969 89.058 L 250.908 101.558 L 236.969 114.058 L 236.969 114.058 H 20.908 V 89.058 Z" style="fill: rgb(64, 179, 113); stroke: rgb(64, 179, 113); transform-origin: -0.085px 101.564px;" transform="matrix(1, -0.000003, 0.000003, 1, 3.085088, -31.057197)" bx:shape="arrow 20.908 89.058 230 25 25 13.939 0 1@4e864484"></path></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

span.status-inactive {
    color: white;
    background-image: url('data:image/svg+xml,<svg viewBox="22 55 235 30" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com"><defs></defs><path d="M 20.908 89.058 H 236.969 L 236.969 89.058 L 250.908 101.558 L 236.969 114.058 L 236.969 114.058 H 20.908 V 89.058 Z" style="fill: rgb(176, 176, 176); stroke: rgb(176, 176, 176); transform-origin: -0.085px 101.564px;" transform="matrix(1, -0.000003, 0.000003, 1, 3.085088, -31.057197)" bx:shape="arrow 20.908 89.058 230 25 25 13.939 0 1@4e864484"></path></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}


span.status-end-active {
    color: white;
    background-image: url('data:image/svg+xml,<svg viewBox="21 50 250 30" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com"><defs><path d="M 22.543 51.327 H 209.618 L 209.618 51.327 L 269.941 64.997 L 209.618 78.668 L 209.618 78.668 H 22.543 V 51.327 Z" style="fill: rgb(64, 179, 113); stroke: rgb(64, 179, 113);" bx:shape="arrow 22.543 51.327 247.398 27.341 27.341 60.323 0 1@83b562fa"></path></defs><rect x="23.121" y="51.124" width="245.665" height="27.168" style="fill: rgb(64, 179, 113); stroke: rgb(64, 179, 113);"></rect></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

span.status-end-inactive {
    color: white;
    background-image: url('data:image/svg+xml,<svg viewBox="21 50 250 30" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com"><defs><path d="M 22.543 51.327 H 209.618 L 209.618 51.327 L 269.941 64.997 L 209.618 78.668 L 209.618 78.668 H 22.543 V 51.327 Z" style="fill: rgb(176, 176, 176); stroke: rgb(176, 176, 176);" bx:shape="arrow 22.543 51.327 247.398 27.341 27.341 60.323 0 1@83b562fa"></path></defs><rect x="23.121" y="51.124" width="245.665" height="27.168" style="fill: rgb(176, 176, 176); stroke: rgb(176, 176, 176);"></rect></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}


.fsa-map-dialog {
    overflow: hidden !important;
}

.fsa-map-dialog::part(content) {
    overflow: hidden !important;
}

vaadin-button {
    --lumo-button-size: var(--lumo-size-xs);
}

vaadin-button.disabled {
    background-color: var(--lumo-contrast-30pct);
    color: var(--lumo-base-color);
}

vaadin-button.with-border {
    border-style: solid;
    border-width: 1px;
}

vaadin-checkbox.wka_checkbox_title label {
    font-size: var(--lumo-font-size-xl);
    font-weight: bold;
}

vaadin-confirm-dialog-overlay.edit-lagedaten-dialog-confirm-dialog-1::part(backdrop) {
    border-color: rgba(0, 0, 0, 0.94);
    border-style: solid;
    border-width: 1px;
}

vaadin-confirm-dialog-overlay.edit-lagedaten-dialog-confirm-dialog-1 > [slot="confirm-button"] {
    border-style: solid;
    border-width: 1px;
}

vaadin-confirm-dialog-overlay > [slot="cancel-button"] {
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
}

vaadin-confirm-dialog-overlay > [slot="confirm-button"] {
    border-style: solid;
    border-width: 1px;
}

vaadin-confirm-dialog-overlay > [slot="reject-button"] {
    border-style: solid;
    border-width: 1px;
}

vaadin-grid {
    border-style: solid;
    border-width: 1px;
}

vaadin-grid::part(body-cell) {
    font-size: var(--lumo-font-size-xs);
}

vaadin-grid::part(even-row-cell) {
    background-color: rgba(240, 240, 240, 1);
}

vaadin-grid::part(header-cell) {
    --lumo-font-size-s: var(--lumo-font-size-xs);
}

vaadin-grid::part(selected-row-cell) {
    background-color: rgba(0, 79, 128, 0.7) !important;
    color: white;
    font-style: italic;
    font-weight: bolder;
}

.grid-column-icon {
    height: 12px;
    cursor: pointer;
}

.grid-error-icon {
    color: #FF5C69;
}

vaadin-split-layout::part(splitter) {
    background-color: rgba(0, 0, 0, 0.05);
}

.header-bezeichnung {
    font-weight: bold;
    font-size: x-small;
}

.user-menu {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(0, 79, 128);
    border-radius: var(--lumo-border-radius-m);
    color: rgb(0, 79, 128);
    padding: var(--lumo-space-s);
}

.tab_warnung{
/*    font-weight: bolder;
    font-size: large;*/
    color: red;
}

.v-loading-indicator {
  position: fixed; /* Occupy whole screen even if scrolled */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
    cursor: progress;
  /* Eat mouse events when visible, doesn't prevent scrolling */
  pointer-events: auto;
  /* Animated with delay to prevent flashing */
  animation: fadein 0.3s ease-out 0.2s normal 1 both;
  z-index: 2147483647;
}
@keyframes fadein {
  0% {
    background: rgba(0,0,0,0);
  }
  100% {
    background: rgba(0,0,100,.5); /* Darkens the UI */
  }
}

.v-status-message{
    display: none;
}

.erw-suche-auswahl > vaadin-radio-button{
    border: 1px dashed lightgrey;
    padding: 3px;
    margin: 1px;

}

.draggable-header {
    /*background-color: #fafafa;*/
    cursor: pointer;
    padding: 2px;
}

/*.draggable-header * {
    pointer-events: none;
}*/

vaadin-dialog-overlay::part(header) {
    cursor: move;
}

vaadin-dialog-overlay::part(header-content) {
    cursor: move;
}