* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
   /*  height: 100%;
   width: 100%;
    font-family: 'Lato', sans-serif !important;
  font-weight: 300;
  padding: 0px;
  margin: 0px;
  border: 0px;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;*/
}

.body-content {
    
/*    padding: 0;
    height: 100%;
     width: 100%;
    background: #FFF;*/
}

.row {
}


#canvas {
  padding: 0px;
  margin: 0px;
  border: 0px;
 
}

.canvas-container {
    display: block;
    padding: 0px;
    margin: 0;
    border: 2px solid black;
    border-radius: 5px;
    border-color: #ddd;
    position: relative;
}

.buttons-container {
    /*width: 100%;
    height: 100%;
    background: #FFF;*/
}

.wtable-container {
    overflow: auto;
}
.offset-0 {
    padding-left: 0;
    padding-right: 0;
}

#toolbar {
  position: absolute;
  margin: 0px;
  padding-top: 10px;
  padding-left: 20px;
  top: 0px;
  left: 160px;
  height: 64px;
  right: 0px;
  overflow: hidden;
  z-index: 1000;
  background-color: #3f51b5;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}
#toolbar_hint {
  position: absolute;
  top: 19px;
  height: 64px;
  right: 40px;
  color: white;
  opacity: 0.5;
}
#toolbar_hint a {
  color: white;
}
#propertyPane {
  border-right: 1px solid #e0e0e0;
  bottom: 0;
  background: #fff;
  color: #333;
  display: block;
  font-family: 'RobotoDraft', sans-serif;
  position: fixed;
  right: 0px;
  top: 64px;
  width: 290px;
  z-index: 4;
}
#propertyHeader {
  color: #3f51b5;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  overflow: hidden;
  padding: 10px;
  font-family: "RobotoDraft", sans-serif;
  margin: 0;
  margin-bottom: 30px;
  text-rendering: optimizelegibility;
}
#properties .panel-heading {
  line-height: 12px;
}
#properties .panel {
  padding: 0px;

}
#properties .form-control {
 
}
/*#palettePane {
  
  bottom: 0;
  background: #fff;
  color: #333;
  
  z-index: 4;
}*/
.palette_node_element {
  border: 1px solid gray;
  background-color: #f3f3f3;
  padding: 10px;
  cursor: move;
  width: 80px;
  text-align: center;
  border-radius: 5px;
}
#version {
  display: block;
  padding: 45px 24px 10px 24px;
  height: 64px;
  margin: auto;
  position: fixed;
  left: 0;
  top: 0;
  width: 160px;
  font-size: 10px;
  font-weight: 100;
  text-align: right;
}


.panel-heading {
  font-size: 15px;
  line-height: 32px;
  color: #212121;
  font-family: "RobotoDraft", sans-serif;
  font-weight: bold;
  margin: 0;
  text-rendering: optimizelegibility;
}

button.gray,
a.gray,
input[type=submit].gray {
  padding: 10px 10px;
  -webkit-border-radius: 2px 2px;
  border: solid 1px #dadada;
  background: #f4f4f4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f4f4f4 0%, #f1f1f1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #f1f1f1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #f1f1f1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f4f4 0%, #f1f1f1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f4f4 0%, #f1f1f1 100%);
  /* IE10+ */
  background: linear-gradient(top, #f4f4f4 0%, #f1f1f1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f1f1f1', GradientType=0);
  /* IE6-9 */
  color: #555;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: 0px 1px 1px #ffffff;
  line-height: 1;
  font-size: 11px;
  min-width: 80px;
}
.gray:hover {
  border: 1px solid #c6c6c4;
  background: #f8f8f8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f8f8f8 0%, #f1f1f1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #f1f1f1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #f1f1f1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f8f8f8 0%, #f1f1f1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f8f8f8 0%, #f1f1f1 100%);
  /* IE10+ */
  background: linear-gradient(top, #f8f8f8 0%, #f1f1f1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f1f1f1', GradientType=0);
  /* IE6-9 */
  color: #222;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(10, 10, 10, 0.4);
  -moz-box-shadow: 0px 1px 1px 0px rgba(10, 10, 10, 0.4);
  box-shadow: 0px 1px 1px 0px rgba(10, 10, 10, 0.4);
}
.gray:active {
  border: 1px solid #c6c6c4;
  color: #222;
  -webkit-box-shadow: inset 0 0 2px 4px #f1f1f1, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 2px 4px #f1f1f1, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 2px 4px #f1f1f1, 0 1px 0 0 #eeeeee;
}
.disabled {
  cursor: default !important;
  color: #888 !important;
  opacity: 0.8;
}

#banner {
  height: 149px;
  width: 149px;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
#banner a {
  display: block;
  width: 190px;
  font-size: 14px;
  font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
  background-color: #333;
  color: #FFF;
  word-spacing: 2px;
  text-decoration: none;
  padding: 5px 15px 5px 25px;
  position: relative;
  left: 20px;
  top: -37px;
  text-align: center;
  -moz-transform-origin: 0 0 ;
  -moz-transform: rotate(45deg);
  -moz-box-shadow: 1px 1px 5px 1px #666;
  -webkit-transform-origin: 0 0 ;
  -webkit-transform: rotate(45deg);
  -webkit-box-shadow: 1px 1px 5px 1px #666;
  -ms-transform-origin: 0 0 ;
  -ms-transform: rotate(45deg);
  -ms-box-shadow: 1px 1px 5px 1px #666;
  transform-origin: 0 0 ;
  transform: rotate(45deg);
  box-shadow: 1px 1px 5px 1px #666;
  background-image: linear-gradient(bottom, #000000 3%, #666666 5%, #000000 7%, #000000 93%, #666666 95%, #000000 97%);
  background-image: -o-linear-gradient(bottom, #000000 3%, #666666 5%, #000000 7%, #000000 93%, #666666 95%, #000000 97%);
  background-image: -moz-linear-gradient(bottom, #000000 3%, #666666 5%, #000000 7%, #000000 93%, #666666 95%, #000000 97%);
  background-image: -webkit-linear-gradient(bottom, #000000 3%, #666666 5%, #000000 7%, #000000 93%, #666666 95%, #000000 97%);
  background-image: -ms-linear-gradient(bottom, #000000 3%, #666666 5%, #000000 7%, #000000 93%, #666666 95%, #000000 97%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.03, #000000), color-stop(0.05, #666666), color-stop(0.07, #000000), color-stop(0.93, #000000), color-stop(0.95, #666666), color-stop(0.97, #000000));
}