@import "./Montserrat.css";

html, :host, [theme~='dark'] {
    --semtrix-dark-blue: #35494F;
    --semtrix-mid-blue: #5A777D;
    --semtrix-lime-green: #75AA5B;
    --semtrix-white: #FFFFFF;
    --semtrix-light-blue: #D1DCE4;
    --semtrix-gray: #5F6B6F;

    --lumo-base-color: var(--semtrix-dark-blue);
    /*--lumo-tint-5pct: var(--semtrix-light-blue);*/
    --lumo-tertiary-color: var(--semtrix-mid-blue);
    /*--lumo-primary-text-color: var(--semtrix-white);*/
    /*--lumo-header-text-color: var(--semtrix-light-blue);*/
    /*--lumo-body-text-color: var(--semtrix-white);*/
    --lumo-secondary-text-color: var(--semtrix-light-blue);
    --lumo-primary-color: var(--semtrix-dark-blue);
    --lumo-font-family: Montserrat, Helvetica, Arial, sans-serif;


    /*--vaadin-input-field-label-color: var(--semtrix-light-blue);*/
    /*--vaadin-input-field-value-color: var(--semtrix-dark-blue);*/
    /*--lumo-contrast-60pct: var(--semtrix-dark-blue);*/
    /*--lumo-contrast-20pct: var(--semtrix-dark-blue);*/

    --lumo-border-radius: 0px;
    --lumo-border-radius-l: 0px;
    --lumo-border-radius-m: 0px;
    --lumo-border-radius-s: 0px;

    /*--_lumo-button-background: var(--semtrix-light-blue);*/
    /*--vaadin-input-field-label-color: var(--semtrix-light-blue);*/
    /*--lumo-tertiary-text-color: var(--semtrix-light-blue);*/

    /*--disabled-color: var(--semtrix-light-blue);*/
    /*input {*/
    /*    background-color: var(--semtrix-mid-blue) !important;*/
    /*}*/
    /*textarea,input {*/
    /*    color: var(--semtrix-dark-blue) !important;*/
    /*}*/

}

::slotted(input) {
    background-color: red;
}


/*vaadin-app-layout {*/
/*    background-color: var(--semtrix-dark-blue);*/
/*}*/

h1 {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

h3 {
    margin-top: 0.25em;
}

h4 {
    margin-top: 0.25em;
}

h1[slot='navbar'] {
    padding-left: 1rem;
}

header nav a[highlight], vaadin-tab[selected] {
    border-bottom: 2px solid var(--semtrix-lime-green);
    color: inherit;
}
header nav a:hover, vaadin-tab:hover  {
    text-decoration: none;
    background-color: var(--semtrix-gray);
    cursor: pointer;
}




/*header {*/
/*    color: var(--semtrix-dark-blue);*/
/*}*/

/*header nav a, header nav a.text-body {*/
/*    color: var(--semtrix-dark-blue);*/
/*}*/

/*header nav a:any-link {*/
/*    text-decoration: none;*/
/*    border: 1px solid var(--lumo-contrast-10pct);*/
/*    padding: var(--lumo-space-s) var(--lumo-space-m);*/
/*    background-color: var(--lumo-contrast-10pct);*/
/*    border-radius: 8px;*/
/*    outline: 0;*/
/*}*/

/*header nav a:hover {*/
/*    color: var(--lumo-header-text-color);*/
/*}*/

/*header nav a:active {*/
/*    background-color: var(--lumo-contrast-5pct);*/
/*}*/

/*header nav a:focus-visible {*/
/*    box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);*/
/*}*/

/*header nav a[highlight] vaadin-icon {*/
/*    color: var(--semtrix-dark-blue);*/
/*    background-color: red;*/
/*}*/

/*header nav a[highlight] {*/
/*    background-color: var(--lumo-primary-color-10pct);*/
/*}*/

/*vaadin-grid::part(body-cell) {*/
/*    align-items: self-end;*/
/*}*/


quill-rte .ql-toolbar {
    background-color: white;
}

a.gridlink {
    vertical-align: baseline;
    margin-left: 3px;
}

.gridlinkholder {
    display: table-cell;
}