html {
    --lumo-primary-text-color: rgb(247, 247, 247);
    --lumo-primary-color-50pct: rgba(245, 157, 18, 0.5);
    --lumo-primary-color-10pct: rgba(245, 157, 18, 0.1);
    --lumo-primary-color: rgb(245, 157, 18);
    --lumo-primary-contrast-color: rgb(64, 64, 64);
    --lumo-base-color: rgb(64, 64, 64);
    --lumo-shade-5pct: rgba(239, 239, 239, 0.05);
    --lumo-shade-10pct: rgba(239, 239, 239, 0.1);
    --lumo-shade-20pct: rgba(239, 239, 239, 0.2);
    --lumo-shade-30pct: rgba(239, 239, 239, 0.3);
    --lumo-shade-40pct: rgba(239, 239, 239, 0.4);
    --lumo-shade-50pct: rgba(239, 239, 239, 0.5);
    --lumo-shade-60pct: rgba(239, 239, 239, 0.6);
    --lumo-shade-70pct: rgba(239, 239, 239, 0.7);
    --lumo-shade-80pct: rgba(239, 239, 239, 0.8);
    --lumo-shade-90pct: rgba(239, 239, 239, 0.9);
    --lumo-shade: rgb(239, 239, 239);
    --lumo-tint-5pct: rgba(64, 64, 64, 0.05);
    --lumo-tint-10pct: rgba(64, 64, 64, 0.1);
    --lumo-tint-20pct: rgba(64, 64, 64, 0.2);
    --lumo-tint-30pct: rgba(64, 64, 64, 0.3);
    --lumo-tint-40pct: rgba(64, 64, 64, 0.4);
    --lumo-tint-50pct: rgba(64, 64, 64, 0.5);
    --lumo-tint-60pct: rgba(64, 64, 64, 0.6);
    --lumo-tint-70pct: rgba(64, 64, 64, 0.7);
    --lumo-tint-80pct: rgba(64, 64, 64, 0.8);
    --lumo-tint-90pct: rgba(64, 64, 64, 0.9);
    --lumo-tint: rgb(64, 64, 64);
}

input:-webkit-autofill {
    background: var(--lumo-tint-5pct);
}

iframe {
    border: none;
}

vaadin-drawer-toggle {
    color: rgb(239, 239, 239);
}

a[highlight] {
    color: rgb(239, 239, 239);
}

a[highlight] vaadin-icon {
    color: rgb(245, 157, 18);
}

.logout {
    color: rgb(239, 239, 239);
}

.logout vaadin-icon {
    width: 16px;
    height: 16px;
    padding: 0;
}

vaadin-side-nav-item {
    color: rgb(135, 135, 135);
}

vaadin-side-nav-item[current] vaadin-icon {
    color: rgb(245, 157, 18);
}

vaadin-app-layout::part(drawer) {
    background-color: rgb(15, 15, 15);
}

.grid-image {
    min-width: 40px;
    height: 40px;
    padding-top: 5px;
}

.link {
    color: var(--lumo-primary-color);
}

.red {
    color: rgba(255, 0, 0, .5);
}

.bg-red {
    background-color: rgba(255, 0, 0, .5);
}

.lightblue {
    color: rgba(173, 216, 230, .7);
}

.bg-lightblue {
    background-color: rgba(173, 216, 230, .7);
}

.purple {
    color: rgba(160, 32, 240, .5);
}

.bg-purple {
    background-color: rgba(160, 32, 240, .5);
}

.green {
    color: rgba(0, 255, 0, .5);
}

.bg-green {
    background-color: rgba(0, 255, 0, .5);
}

.blue {
    color: rgba(0, 0, 255, .5);
}

.bg-blue {
    background-color: rgba(0, 0, 255, .5);
}

.grey {
    color: rgba(190, 190, 190, .3);
}

.bg-grey {
    background-color: rgba(190, 190, 190, .3);
}

.orange {
    color: rgba(255, 165, 0, .5);
}

.bg-orange {
    background-color: rgba(255, 165, 0, .5);
}

.yellow {
    color: yellow;
}

.grey {
    color: grey;
}

h3 {
    margin: 0;
}

.download span {
    padding: 5px;
}

.download vaadin-icon {
    height: 16px;
    width: 16px;
}

vaadin-login-form-wrapper::part(footer) {
    font-size: var(--lumo-font-size-xxl);
    text-align: center;
}

[part="file-list"] {
    display: none;
}

.order-completed {
    background-color: #034f0c;
}

vaadin-tabsheet::part(content) {
    padding: 0;
}

.low-stock {
    background-color: red;
}
.hidden {
    font-size: 0;
}