@import url('./main-layout.css');
@import url('./views/registration-view.css');
@import url('./views/company-view.css');
@import url('./views/ownership-view.css');
@import url('./views/business-view.css');
@import url('./views/sow-view.css');
@import url('./views/regulated-view.css');
@import url('./views/alternative-view.css');
@import url('@fontsource/montserrat/index.css');

html {


    --lumo-font-family: Montserrat;
    --vaadin-app-layout-drawer-width: 20rem;
    --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-size-xl: 3rem;
    --lumo-size-l: 2.5rem;
    --lumo-size-m: 2rem;
    --lumo-size-s: 1.75rem;
    --lumo-size-xs: 1.5rem;
    --lumo-line-height-m: 1.4;
    --lumo-line-height-s: 1.2;
    --lumo-line-height-xs: 1.1;
    --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-primary-color: rgba(37, 59, 126);
    --lumo-primary-color-50pct: rgba(37, 59, 126, 0.5);
    --lumo-primary-color-10pct: rgba(37, 59, 126, 0.1);
    --lumo-primary-text-color: rgb(37, 59, 126);
    --lumo-border-radius-s: 1px;
    --lumo-border-radius-m: 2px;
    --lumo-border-radius-l: 4px;

}
/*
:host {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
}*/

@media (max-width: 600px) {
    :root {
        --header-display: none;
    }
}

@media (min-width: 601px) {
    :root {
        --header-display: block;
    }
}
vaadin-app-layout::part(navbar) {
    border: none;
    background-image: unset;
    background-color: rgb(37, 59, 126);
}

header nav a[highlight] {
    color: black;
}

header nav a {
    color: white;
}

header nav a:hover {
    box-sizing: border-box;
    border: 1px solid white;
    color: white;
    background-color: var(--lumo-primary-color);
}

.button-layout {
    position: sticky;
    bottom: 1rem;
    background-color: white;
    padding-top: 1em;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    z-index: 1;
}

.v-loading-indicator {
    position: fixed; /* Occupy whole screen even if scrolled */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* 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;
    display: flex;
    align-items: center;
    justify-content: center;
}

.v-loading-indicator::after {
    content: '\00a0'; /* non-breaking space */
    border: 8px solid rgba(0, 0, 0, 0.1);
    border-top: 8px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: fixed; /* Fixed positioning to place the element relative to the viewport */
    top: 45%;
    left: 45%;
    animation: spin 1s linear infinite;
    flex-shrink: 0; /* Remove this if unnecessary */
    display: block; /* Ensure it's a block element */
}

@keyframes fadein {
    0% {
        background: rgba(0, 0, 0, 0);
    }
    100% {
        background: rgba(0, 0, 0, 0.5); /* Darkens the UI */
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.v-status-message {
    display: none;
}