/* General webgl control stylesheet */
.message {font-family: monospace; font-size: 9pt;}

/* Popup div */
.popup {
  position:fixed;
  width:200px; height:100px;
  top: 50%; left:50%;
  margin:-50px 0 0 -100px; /* [-(height/2)px 0 0 -(width/2)px] */
  display:none; z-index: 30; border: none; 
  padding: 5px; overflow: hidden;
  background: #ffe;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 3px 3px 2px #333;
}
.popclose {float: right; cursor: pointer; color: #333; margin: 0px 3px; font-weight: bold}

/*
 * These somehow break scrollbars in jupyter notebook, should be scoped if still needed
input, select {
  margin: 1px 0px;
  font-size: 9pt;
}

input[type="text"] {width: 200px; }
input[type="range"] {width: 148px; }
*/

/* Colour select */
.colourbg {display: inline-block; margin:5px 0px; width: 100px; height: 20px; border: 1px dotted #999; }
.colour {display: inline-block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: none;}

.checkerboard {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4jWP4TwAcOHAAL2YYNWBYGEBIASEwasCwMAAALvidroqDalkAAAAASUVORK5CYII=");}

.palette { margin: 3px 0px; border:1px solid #000; border: 1px dotted #000;}


