* {
  box-sizing: border-box;
}

body {
  background-color: #556;
  background-image: linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445), linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a), linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);
  background-size: 80px 140px;
  background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
}

.session-name {
  display: block;
}

.content {
  width: 100%;
}

.wrap {
  background-color: white;
  border: 2px solid lightblue;
  border-radius: 5px;
  margin: 0 auto;
  max-width: 940px;
  padding: 1em;
}

fieldset {
  border: 2px solid lightblue;
  border-radius: 5px;
}

.wrapper textarea {
  background: linear-gradient(45deg, #92baac 45px, transparent 45px)64px 64px, linear-gradient(45deg, #92baac 45px, transparent 45px, transparent 91px, #e1ebbd 91px, #e1ebbd 135px, transparent 135px), linear-gradient(-45deg, #92baac 23px, transparent 23px, transparent 68px, #92baac 68px, #92baac 113px, transparent 113px, transparent 158px, #92baac 158px);
  background-color: #e1ebbd;
  background-size: 128px 128px;
  border: 2px solid lightgrey;
  border-radius: 5px;
  padding: 0.5em;
}

.wrapper {
  display: grid;
  grid-auto-rows: minmax(100px, auto);
  grid-gap: 1em;
  grid-template-columns: repeat(2, 1fr);
}

.ct-data {
  padding-top: 1em;
}

.filedrag {
  border: 2px dashed #555;
  border-radius: 7px;
  color: #555;
  cursor: default;
  font-weight: bold;
  margin: 1em 0;
  padding: 1em 0;
  text-align: center;
}

.filedrag_hover {
  border-color: green;
  border-style: solid;
  box-shadow: inset 0 3px 4px #888;
  color: green;
}