/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* labyrinth/style.css */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* flexform */

  div.flexform {
    margin: 2ex 2em;
    border: 1px solid #cccccc; border-radius: 0.5ex;
  }
  div.flexform.px800 {
    max-width: 800px;
    margin: 2ex auto;
  }
  div.flexform.content {
    max-width: min-content;
    margin: 2ex auto;
  }

  div.flexcols {
    display: flex;
    margin: 1ex 0em;
    flex-flow: row nowrap; align-items: top;
  }
  div.flexcols > div {
    flex-basis: 25%;
    flex-grow: 1;
  }
  div.flexcols > div.flexcol {
    margin: 0px;
    margin-left: 1em;
  }
  div.flexcols > div.flexgroup {
    margin: 0px;
    margin-left: 1em;
  }
  div.flexcols > div:last-child {
    margin-right: 1em;
  }

  div.flexcol > div.flexgroup {
    margin: 0px;
    margin-bottom: 1ex;
  }
  div.flexcol > div:last-child {
    margin-bottom: 0px;
  }

  div.flexgroup {
    margin: 1ex 1em;
    border: 1px solid #cccccc; border-radius: 0.5ex;
  }
  div.flexrow {
    padding: 1ex 1em;
    display: flex;
    flex-flow: row nowrap; align-items: top;
  }
  div.flexrow:first-child {
    border-radius-top-left: 0.5ex;
    border-radius-top-right: 0.5ex;
  }
  div.flexrow:last-child {
    border-radius-bottom-left: 0.5ex;
    border-radius-bottom-right: 0.5ex;
  }
  div.flexrow:hover {
    background: #dedede;
  }

  div.flexrow > div {
    flex-basis: 25%;
    flex-grow: 1;
  }
  div.flexrow > div.label_column {
    margin-top: 0.5ex;
    margin-right: 1em;
    text-align: right;
    font-weight: bold;
  }
  div.flexrow > div.input_column select {
    min-width: 10em;
  }
  div.flexrow > div.input_column p {
    margin: 0px;
  }
  div.flexrow > div.input_column p + p {
    margin-top: 1ex;
  }
  div.flexrow > div.flex_column {
    display: flex;
    flex-flow: row nowrap; align-items: center;
  }

  div.flexgroup.preview {
    text-align: center;
  }
  div.flexgroup.preview > div.sticky {
    position: sticky;
    top: 2ex;
    margin-bottom: 2ex;
  }
  div.flexgroup.preview h2 {
    text-align: center;
  }
  div.flexgroup.preview p {
    text-align: center;
  }

  div + div.flexrow.actions {
    margin-top: 1ex;
  }
  div.flexrow > div.actions {
    text-align: center;
  }
  div.flexrow > div.actions > input[type="button"] {
    margin: 0px 1em;
  }
  div.flexrow.actions + div.flexrow {
    margin-top: 1ex;
  }

  div.flexrow.disabled {
    color: #999999;
  }
  div.flexrow.disabled:hover {
    background: none;
  }

  div.flexgroup.disabled {
    color: #999999;
  }
  div.flexgroup.disabled div.flexrow:hover {
    background: none;
  }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* map canvas */

  div.map {
    margin: 4ex 4em;
    text-align: center;
  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */