* {
  margin: 0;
  padding: 0;
}

body {
  font: 16px Inconsolata, Monaco, Courier !important;
}

#root-view {
  height: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
  background-image: url(static/images/linen.png);
}

#root-view #horizontal {
  display: -webkit-flexbox;
}

#root-view #panes {
  height: 100%;
  width: -webkit-flex(1 0);
  position: relative;
}

#root-view #panes .column {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}

#root-view #panes .row {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

#root-view #panes .pane {
  position: absolute;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

#root-view #panes .row > * + * {
  border-left: 5px solid #515151;
}

#root-view #panes .column > * + * {
  border-top: 5px solid #515151;
}

.error {
  background: #991212;
  -webkit-transition: background 200ms ease-out;
}