/*
   CSS styling examples for the Vaadin app.

   Visit https://vaadin.com/docs/styling/application-theme/ for more information.
*/

/* Example: CSS class name to center align the content . */
.centered-content {
  margin: 0 auto;
  max-width: 250px;
}

/* Example: the style is applied only to the textfields which have the `bordered` class name. */
vaadin-text-field.bordered::part(input-field) {
  box-shadow: inset 0 0 0 1px var(--lumo-contrast-30pct);
  background-color: var(--lumo-base-color);
}

.v-vertical > .v-spacing {
  height: 30px;
}

.space-wide-xs {
  padding: var(--lumo-space-wide-xs);
}
.space-wide-s {
  padding: var(--lumo-space-wide-s);
}
.space-wide-m {
  padding: var(--lumo-space-wide-m);
}
.space-wide-l {
  padding: var(--lumo-space-wide-l);
}
.space-wide-xl {
  padding: var(--lumo-space-wide-xl);
}

img {
  padding-bottom: 30px;
}

body {height:100%;width:100%;overflow:hidden}

iframe {
  display: block;
  background: #000;
  border: none;
  height: calc(90vh - 3px);
  width: 100%;
}