/* main.css */
body {
  margin: 0;
  padding: 1cm;
  color: #000;
  font-family: Geneva, Tahoma, sans-serif;
  background-color: #fff;
  overflow-y: scroll;
}

#menu {
  background: #ccc;
  padding: 0.25cm 0.5cm;
  position: fixed;
  top: 1cm;
  right: 1cm;
  border: #ccc 1px solid;
  z-index: 999;
}

@media screen and (max-width: 1460px) {
  #menu {
    position: absolute;
  }
}

#menu ul {
  padding-inline: 0;
  text-align: left;
}
#menu li {
  list-style: none;
  margin: 0 1cm;
  padding: 0;
  text-indent: 0;
}

a {
  color: #fff;
  background: #00c;
  border: #888 1px solid;
  padding: 0.1cm 0.5cm;
  text-decoration: none;
}

#main {
  text-align: center;
  width: 29.7cm;
}

#content.selected .block-img {
  opacity: 0.3;
}

#content.selected .block-img.selected {
  opacity: 1;
}

#test {
  background: #ccc;
  padding: 0.25cm 0.5cm;
  position: absolute;
  top: 1cm;
  right: 1cm;
  border: #ccc 1px solid;
  z-index: 999;
}

#test .block-item {
  margin: 0;
  padding: 0;
}

#test .block-item p {
  border: #888 1px solid;
  margin-block: 0.25cm;
  padding: 0 0.5cm;
}

#test.selected p {
  opacity: 0.3;
}

#test.selected .selected p {
  opacity: 1;
}

#test .errorCounter {
  font-weight: bold;
}

#test .errorCounter .error {
  color: #c00;
}

#test .error p {
  background: #c00 !important;
}

#test .selected p {
  background: #000;
  color: #fff;
  /* border: red 1px solid; */
}

#test:not(.selected) p:hover {
  border-color: #000;
}

.block-img,
.block-name {
  position: relative;
  float: left;
  display: flex;
  align-items: center;
  height: 5cm;
  width: 7.4cm;
  margin-bottom: 1cm;
}

.block-name {
  background: #ccc;
}

.block-img img {
  height: 5cm;
  width: 7.4cm;
}
.block-img p {
  position: absolute;
  background-color: #fff;
  font-size: 0.3cm;
  text-transform: uppercase;
  bottom: 0cm;
  right: 0.3cm;
  padding: 0.1cm;
}
.block-name .textbox {
  background: #fff;
  display: flex;
  align-items: center;
  margin-left: 0.1cm;
  height: 4.8cm;
  width: 7.2cm;
}
.block-name p {
  font-size: 0.6cm;
  text-transform: uppercase;
  width: 7.2cm;
  word-spacing: 100vw;
}

/* override styles when printing */
@media print {
  @page {
    size: landscape;
  }

  body {
    padding: 0;
  }

  #menu {
    visibility: hidden;
  }

  .block-img,
  .block-name {
    margin-bottom: 0;
  }
}