/*! Place your custom styles here */

.material {
  outline: none;
}

.material .woodtype {
  border-radius: 75px;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  padding: 0px;
}

.material .woodtype:hover {
  cursor: pointer;
  background-color: #abcb58;
}

.material .woodtype img {
  border-radius: 140px;
  width: 60px;
  height: 60px;
  padding: 0;
  margin: 4px;
}

.material.active .woodtype {
  background-color: #abcb58;
}

.layout {
  outline: none;
}

.layout .boxed {
  padding: 0;
  margin: 0 auto;
  width: 150px;
}

.layout:hover .boxed--border {
  cursor: pointer;
  border: 3px solid #abcb58;
}

.layout.active .boxed--border {
  border: 3px solid #abcb58;
}

.preset {
  margin: 5px auto 5px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 35px;
}

.column {
  height: 35px;
  border: 1px solid #0091ff;
  background-color: #6fc1ff;
  margin: 0;
  float: left;
}

.column1 {
  width: 10px;
}

.column2 {
  width: 20px;
}

.handle {
  outline: none;
}

.handle .boxed {
  width: 75px;
  height: 75px;
  padding: 2px;
  margin: 0px auto;
  background-size: cover;
}

.handle .boxed:hover {
  cursor: pointer;
  border: 3px solid #abcb58;
}

.handle .boxed img {
  width: inherit;
  height: inherit;
  max-width: none;
}

.handle.active .boxed {
  border: 3px solid #abcb58;
}

.price-menu {
  background-color: black;
  border-radius: 0 6px 6px 0;
}

.price-menu .tab-title span {
  color: white;
}

/*! Place your custom styles here */

#inputfields {
  padding-top: 0;
}

.woodtype {
  border-radius: 75px;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  padding: 0px;
}

.woodtype img {
  border-radius: 140px;
  width: 60px;
  height: 60px;
  padding: 0;
  margin: 4px;
}

.woodtype:hover {
  background-color: #0091ff;
}

.addCompartiments .boxed {
  padding: 0;
  margin: 0 auto;
  width: 150px;
}

.tabs .menu-item.disabled .tab__title span {
  color: #cecece;
  cursor: not-allowed;
}

.tabs .menu-item.disabled:hover {
  cursor: not-allowed;
}