/**
 * @author Ikaros Kappler
 * @date   2017-04-10
 **/

html,
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
}

html.fullscreen,
body.fullscreen {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#my-canvas {
  border: 1px solid black;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAMAAAANf8AYAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURUxpcf///////////wCA/////wB7/w6H/3bDZgMAAAAIdFJOUwABAwIQBB8RHT6p9AAAAGJJREFUSMft0OEKgCAMBOC7ben7v3GKpAUVzB9SsG8gKhwbAxyInEnCifBnMNHnp9i3dNQJqNRBWkm/bLWG8hKB+NTUpelQmt98ahvqIfMKIYQQwlpmKzPmCVhK5ZjKfHgHO7OoAi6rfI2ZAAAAAElFTkSuQmCC");
}

#drag-rect {
  position: absolute;
  display: none; /* Initially invisible */
  border: 1px solid grey;
  background: rgba(0, 0, 0, 0.1);
}

#bumpmap-preview {
  position: absolute;
  top: 0;
  right: 0;
  height: 15vh;
  display: none;
  /* transform-origin: top right; */
  display: flex;

  /* -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  flex-direction: row;

  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  justify-content: center;

  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  align-items: center;

  box-sizing: content-box; */
}

/* --- BEGIN --- Dialog classes --- */
/* Headline */
.od-hl {
}
/* Content node */
.od-cn {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Button line */
od-bl {
}
/* --- END --- Dialog classes --- */

.action-button:hover {
  background-color: white;
}

#gui {
  left: 50% !important;
}