/*:root {*/
html {
    font-size:14px;

    --lumo-font-size-xxs: .7rem;
    --lumo-font-size-xs: .75rem;
    --lumo-font-size-s: .8125rem;
    --lumo-font-size-m: .875rem;
    --lumo-font-size-l: 1rem;
    --lumo-font-size-xl: 1.125rem;
    --lumo-font-size-xxl: 1.1375rem;
    --lumo-font-size-xxxl: 1.75rem;
    --lumo-line-height-xs: 1.1;
    --lumo-line-height-s: 1.25;
    --lumo-line-height-m: 1.375;


    --lumo-size-xs: 1.425rem;
    --lumo-size-s: 1.675rem;
    --lumo-size-m: 1.875rem;
    --lumo-size-l: 2.25rem;
    --lumo-size-xl: 2.75rem;
    --lumo-icon-size-s: 1em;
    --lumo-icon-size-m: 1.25em;
    --lumo-icon-size-l: 1.5em;
    --lumo-icon-size: var(--lumo-icon-size-m);

    /* --lumo-primary-color: hsl(214, 100%, 48%);
    --lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
    --lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
     */
    --lumo-primary-color: hsl(214, 90%, 52%);
    --lumo-primary-color-50pct: hsla(214, 90%, 52%, 0.5);
    --lumo-primary-color-10pct: hsla(214, 90%, 52%, 0.1);


    --testsystem-bg-color : #CC0000;
    --prodsystem-bg-color : #51A351;

    /*
        TEST: #CC0000
        PROD: #51A351
     */
   /* --lumo-secondary-text-color: crimson;*/
}
/*
:host{
    --lumo-secondary-text-color: yellow;
}*/

body{

}





.login-information {
    min-width: 300px;
    flex: 0;
    background: var(--lumo-primary-color-50pct);
}


.menu-bar {
    /*background: palevioletred;*/
}
.vui-header {
    /*background: palevioletred;*/
    font-size: var(--lumo-font-size-xxl);
}
.vui-tabs {
    /*background: var(--lumo-base-color);*/
}

/*.vui-tab vaadin-tab {*/
.vui-tab {
    /*justify-content: center;*/
    /*background: var(--lumo-shade-20pct);*/
    padding-left : 15px;
    padding-right : 15px;
    margin-top : 10px;
    margin-right : 10px;
}

.vui-grid-compact vaadin-grid-cell-content {
    padding: 3px;
}