html {
  --lumo-base-color: white;
  --lumo-primary-text-color: rgb(72, 73, 81);
  --lumo-primary-color-50pct: rgba(212,175,55, 0.5);
  --lumo-primary-color-10pct: rgba(212,175,55, 0.1);
  --lumo-primary-color: rgb(212,175,55);
  --lumo-primary-contrast-color: rgb(72, 73, 81);
}

.login-logo{
    width: 400px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.header-logo {
    height: 44px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

body[theme~="remynd"] .header-logo {
    background-image: url("img/remynd.png");
}

body[theme~="remynd"] .login-logo {
    background-image: url("img/remynd.png");
}

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

iframe {
	border: none;
}

a[highlight] {
	color: rgb(239, 239, 239);
	background-color: var(--lumo-primary-contrast-color);
}

a[highlight] vaadin-icon {
	color: var(--lumo-primary-color);
}

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

.nav-item {
	width: 100%;
	white-space: pre;
	padding: 5px 5px 5px 15px;
}

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

.nav-item:hover {
	color: rgb(239, 239, 239);
	text-decoration-line: none
}

.drawer {
	background-color: rgb(178, 178, 178);
	border-top-style: solid;
	border-width: 2px;
	border-color: var(--lumo-primary-color);
}

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