#canvas-container {
  width: 320px;
  height: 320px;
  position: relative;
}

#loading {
  background-color: rgba(255, 255, 255, 0.8);
  color: black;
  position:absolute;
  left: 45%;
  top: 45%;
}

input.ng-invalid {
  background-color: #f94545;
}
.error-message {
  color: red;
}
.ng-valid + .error-message {
  display: none;
}
.ng-invalid + .error-message {
  padding: 5px;
}

.canvas canvas{
  background-color: black;
  position: relative;
  /*cursor: move;*/
  width: 320px;
  height: 320px;
}
.canvas {
  width: 334px;
  height: 334px;
  display: inline-block;
}
canvas, displaysettings, initformation, intmethod, massperbody, numbodies, randseed, simsettings, timestepsize, velocityconfig {
  border: 1px solid black;
  float: left;
  padding: 5px;
  font-family: monospace;
  width: 320px;
  background-color: #fff;
}

#dashboard-content select, button, input {
  font-family: monospace;
}

#dashboard-content {
  text-align: center;
}

.column {
  width: 327px;
  display: inline-block;
  vertical-align: top;
  /*text-align: center;*/
}

canvas {
  width: 320px;
  height: 320px;
}

@media (max-width: 700px){
  .column {
    width: 50%;
  }
}