@import url('./components/shintra-buttons.css');
@import url('./components/shintra-dialoge.css');
@import url('./components/shintra-grids.css');
@import url('./components/shintra-login.css');
@import url('./components/shintra-message.css');
@import url('./components/shintra-nav.css');
@import url('./components/shintra-textfield.css');
@import url('./components/shintra-combobox.css');

@media all and (max-width: 1100px) {
  .benutzer-view.editing .toolbar,
  .benutzer-view.editing .benutzer-grid {
    display: none;
  }
  
}

.login-view {
	background-image: url('./images/waseti_background_login.png');
  	background-size: cover;
  	background-position: center;
  	background-repeat: no-repeat;
}

a[highlight] {
    font-weight: bold;
    text-decoration: underline;
}

.kommissionierung-abbrechen {
	background-color: var(--lumo-error-color-50pct);
}

.shintra-icon {
	font-size: var(--lumo-icon-size-m);
}

.shintra-icon-field-row {
	font-size: var(--lumo-icon-size-m);
	padding-bottom: 5px;
}

.shintra-span-centered {
	text-align: center;
}

.waseti-cluster-panel-style {
    border: 1px groove var(--lumo-contrast-80pct);
    border-radius: 10px;
    background-color: rgb(247, 247, 247);
    padding: 20px;
    box-shadow: 2px 2px 3px 1px var(--lumo-contrast-30pct);
}

.waseti-cluster-panel-header-style {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px groove var(--lumo-contrast-80pct);
}

.waseti-topic-panel-header-style {
	padding-bottom: 5px;
	margin-bottom: 25px;
	border-bottom: 2px groove var(--lumo-contrast-80pct);
}

.waseti-topic-panel-style {
	height: 100vh;
	overflow: auto;
}

.waseti-button-flex-style {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.waseti-flow-topic-icon-container {
	padding-top: 4px;
}

.waseti-flow-topic-button {
	color: var(--lumo-body-text-color);
 	border: 1px solid var(--lumo-contrast-30pct);
    background-color: rgb(247, 247, 247);
}

.waseti-flow-topic-button-selected {
	color: var(--lumo-body-text-color);
 	border: 0px solid var(--lumo-contrast-50pct);
    background-color: var(--lumo-contrast-5pct);
    box-shadow: 2px 2px 3px 1px var(--lumo-contrast-30pct);
}

.waseti-flow-topic-button-selected::part(label) {
    text-decoration: underline;
}

.nachrichten-scroller::part(content)::-webkit-scrollbar-track {
  background-color: rgb(247, 247, 247);
}

.nachrichten-container {
	padding-right: 10px;
}

.waseti-nachricht-technische-besprechung {
	background-color: rgb(240, 245, 250);
}

@keyframes blink {
  0% { opacity: 1; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 1; }
}

.blink-effect {
  animation: blink 1s linear 4;
}

html {
  --lumo-disabled-text-color: var(--lumo-secondary-text-color);
  --vaadin-grid-cell-background: rgb(247, 247, 247);
  --vaadin-card-background: rgb(247, 247, 247);
  --lumo-primary-color: rgba(19,79,36,0.8);
  --lumo-primary-text-color: rgba(19,79,36,0.8);
  --lumo-primary-color-50pct: rgba(19,79,36,0.5);
  --lumo-primary-color-30pct: rgba(19,79,36,0.3);
  --lumo-primary-color-20pct: rgba(19,79,36,0.2);
  --lumo-primary-color-10pct: rgba(19,79,36,0.1);
  --lumo-success-color: rgba(19,79,36,0.8);
  --lumo-font-size-xxs: 0.75rem;
  --lumo-font-size-xs: 0.80rem;
  --lumo-font-size-s: 0.85rem;
  --lumo-font-size-m: 0.90rem;
  --lumo-font-size-l: 1rem;
  --lumo-font-size-xl: 1.25rem;
  --lumo-font-size-xxl: 1.75rem;
  --vaadin-app-layout-drawer-width: 250px;
}