main.css

*:focus {
  outline: none;
}

* {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

*, *:before, *:after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  
  padding: 0px;
  margin: 0px;
  
  overflow: hidden;

  font-family: Verdana;
  font-size: 10pt;

  background: black;  
}

body {
  margin: 0px;
  padding: 0px;
  
  font-family: sans-serif;
  overflow: hidden;

  line-height: 2;

  background: black;
}

.main {
  margin: 0px;
  padding: 0px;
  border: 0px solid red;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.maincontainer {
  margin: 0px;
  padding: 3px;
  border: 0px solid red;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: row; 

  background: -moz-linear-gradient(333deg, rgba(97,97,97,1) 0%, rgba(0,0,0,1) 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(97,97,97,1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
  background: -webkit-linear-gradient(333deg, rgba(97,97,97,1) 0%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(333deg, rgba(97,97,97,1) 0%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(333deg, rgba(97,97,97,1) 0%, rgba(0,0,0,1) 100%); /* ie10+ */
  background: linear-gradient(117deg, rgba(97,97,97,1) 0%, rgba(0,0,0,1) 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#000000',GradientType=1 ); /* ie6-9 */

  background-image: url('images/backgrounds/background-dark-01.jpg');
  background-repeat: no-repeat;
  background-size: cover;  
}

.canvas {
  border: 0px solid red;
  flex: 1;
  margin: 2px;
  overflow: hidden;
}

.leftpane {
  border: 0px solid red;
  flex: 1;
  margin: 2px;
  overflow: hidden;

  display: flex;
  flex-direction: column; 
}

.toolbar {
  width: 100%;
  height: 24px;
  border: 1px solid #6c6c6c;
  background: #383838;
  margin-bottom: 3px;
  border-radius: 2px;
  color:  #b3b3b3;
}

.panelbutton {
  min-height: 20px;
  margin: 2px;
  display: block;
  float: left;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
}

.flowdiv {
  display: inline;
  margin-right: 6px;
}