.trem-canvas {
  display: flex;
  flex-flow: row;
  margin: auto;
  width: 100%;
  height: auto;
}
.trem-canvas canvas {
  height: auto;
}
.control-panel-info {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
}
.control-panel-info .status {
  width: 1em;
  visibility: hidden;
}
.control-panel-info .number {
  width: 3.5em;
}
.control-panel-info .users {
  width: 3.5em;
}
.control-panel-info .size {
  width: 3.5em;
}
.control-panel-info .remove {
  width: 1em;
  visibility: hidden;
}
#control-items {
  padding: 0;
  background: transparent;
  height: fit-content;
  margin: 0em;
  padding-top: 0.1em;
  border-radius: 1em;
}
#control-items li {
  display: flex;
  flex-flow: row;
  margin: 1em 0.5em;
}
#control-items li i {
  margin: auto;
}
#control-items li span {
  margin: auto 0em auto 1em;
}
#control-items li input {
  margin: auto 0.1em;
  width: 3.5em;
}
#control-items li button {
  margin: 0;
  width: 2em;
  padding: 0;
  background: none;
  border: none;
}
#control-items li button i {
  margin: 0;
}
#control-items li button i:hover {
  cursor: pointer;
}
#control-items li button:hover {
  cursor: pointer;
}
/* http://meyerweb.com/eric/tools/css/reset/ 
 v2.0 | 20110126
 License: none (public domain)
 123123
 */
.container {
  display: none;
  zoom: 1;
  position: absolute;
  top: 0.5em;
  right: 50px;
}

#tremtr_reservation_meta{

}

.tremtr-reservation{
  display: grid;
  grid-template-columns: 400px;
  grid-gap: 14px;

}

.tremtr-reservation-field{
  display: grid;
  grid-template-columns: 100px;

}

.tremtr-reservation-field textarea{
  width: 400px;
  height: 100px;

}