html,
body,
form {
  height: 100%;
  margin: 0;
}
body {
  color: #666;
  font-size: 12pt;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #ffffff;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}
h1 {
  text-align: center;
}
#content {
  height: calc(100%);
}
#mikado-graph {
  height: 100%;
}
#mikado-graph > div {
  border: 1px solid #444444;
  background-color: #dddddd;
}
#mikado-tab {
  height: calc(100% - 5em);
}
#mikado-tab > div {
  height: 100%;
}
#graph-config {
}
.vis-config-header {
  padding-left: 0.5em;
}
div.vis-configuration.vis-config-item.vis-config-s0:nth-of-type(1) {
  display: none;
}
.console-area {
  font-family: "Lucida Console", Monaco, monospace;
}
@media screen and (min-width: 769px) {
  .command-console-inner {
    padding-right: 1em;
  }
}
#import-graph-file-input {
  display: none;
}
.panel-hidden {
  display: none;
}

/* Pure buttons */
.pure-button-group {
  padding: 0.5em 0;
}
.pure-button-group .pure-button {
  margin-right: 0.5em;
}
.pure-button-group .pure-button  {
  border-radius: 4px;
}
.pure-button img {
  vertical-align: middle;
  padding-bottom: 1pt;
}
.button-success,
.button-error,
.button-warning,
.button-secondary {
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.button-success {
  background: rgb(28, 184, 65);
}
.button-error {
  background: rgb(202, 60, 60);
}
.button-warning {
  background: rgb(223, 117, 20);
}
.button-secondary {
  background: rgb(66, 184, 221);
}

/* Overrides */
.smoke-base {
  position: fixed;
}
.smoke-dialog_wrapper {
  vertical-align: bottom;
  bottom: 2em;
}
.smoke-dialog {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  max-width: 75vw;
  padding: 20px;
  background: rgba(243, 243, 243, 0.7);
}
.smoke-dialog-buttons {
  margin-top: 1em;
}
.smoke-dialog dl {
  display: flex;
  flex-flow: row wrap;
}
.smoke-dialog dt {
  flex-basis: 30%;
  padding: 2px 4px;
  text-align: right;
  font-weight: bold;
  border-bottom: thin dotted lightgray;
}
.smoke-dialog dd {
  flex-basis: 50%;
  flex-grow: 1;
  margin: 0 0 0 1em;
  text-align: left;
  border-bottom: thin dotted lightgray;
}

/* Pure css hidden */
/* pure-hidden-xs */
@media screen and (max-width:35.438em) {
    .pure-visible-sm{display:none}
    .pure-visible-md{display:none}
    .pure-visible-lg{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-xs{display:none}
}
/* pure-hidden-sm */
@media screen and (min-width:35.5em) and (max-width:47.938em) {
    .pure-visible-xs{display:none}
    .pure-visible-md{display:none}
    .pure-visible-lg{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-sm{display:none}
}
/* pure-hidden-md */
@media screen and (min-width:48em) and (max-width:63.938em) {
    .pure-visible-xs{display:none}
    .pure-visible-sm{display:none}
    .pure-visible-lg{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-md{display:none}
}
/* pure-hidden-lg */
@media screen and (min-width:64em) and (max-width:79.938em) {
    .pure-visible-xs{display:none}
    .pure-visible-sm{display:none}
    .pure-visible-md{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-lg{display:none}
}
/* pure-hidden-xl */
@media screen and (min-width:80em) {
    .pure-visible-xs{display:none}
    .pure-visible-sm{display:none}
    .pure-visible-md{display:none}
    .pure-visible-lg{display:none}
    .pure-hidden-xl{display:none}
}