@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: url("./vendor/fonts/lato-fontfacekit/Lato-Lig-webfont.eot"), url("./vendor/fonts/lato-fontfacekit/Lato-Lig-webfont.ttf") format("truetype"); }

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: normal;
  src: url("./vendor/fonts/lato-fontfacekit/Lato-LigIta-webfont.eot"), url("./vendor/fonts/lato-fontfacekit/Lato-LigIta-webfont.ttf") format("truetype"); }

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: normal;
  src: url("./vendor/fonts/lato-fontfacekit/Lato-Reg-webfont.eot"), url("./vendor/fonts/lato-fontfacekit/Lato-Reg-webfont.ttf") format("truetype"); }

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: normal;
  src: url("./vendor/fonts/lato-fontfacekit/Lato-RegIta-webfont.eot"), url("./vendor/fonts/lato-fontfacekit/Lato-RegIta-webfont.ttf") format("truetype"); }

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: bold;
  src: url("./vendor/fonts/lato-fontfacekit/Lato-Bol-webfont.eot"), url("./vendor/fonts/lato-fontfacekit/Lato-Bol-webfont.ttf") format("truetype"); }

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: bold;
  src: url("./vendor/fonts/lato-fontfacekit/Lato-BolIta-webfont.eot"), url("./vendor/fonts/lato-fontfacekit/Lato-BolIta-webfont.ttf") format("truetype"); }

html {
  margin: 0em;
  padding: 0em; }

body {
  height: 100%;
  min-height: 100%;
  font-size: 1em;
  font-family: 'Lato', Verdana, Geneva, sans-serif;
  margin: 0;
  padding: 0;
  background-color: white;
  color: #3f3f3f; }

h1 {
  color: white;
  font-family: 'Lato', georgia, times, "times new roman", serif;
  font-weight: 600;
  font-size: 1.3em; }
  h1 a {
    text-decoration: none; }

h2 {
  color: #5f5f5f;
  font-family: 'Lato', georgia, times, "times new roman", serif;
  font-weight: 600;
  font-size: 1.15em;
  margin-top: 0; }
  h2 a {
    text-decoration: none; }

h3 {
  font-family: 'Lato', georgia, times, "times new roman", serif;
  font-weight: 600;
  font-size: 1.1em; }
  h3 a {
    text-decoration: none; }

a {
  text-decoration: none; }

code {
  font-size: 0.95em; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#iframe-wrapper {
  border: none; }

#header {
  background-color: #3a878b;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a878b), color-stop(100%, #8cbbb8));
  background-image: -webkit-linear-gradient(top, #3a878b, #8cbbb8);
  background-image: -moz-linear-gradient(top, #3a878b, #8cbbb8);
  background-image: -ms-linear-gradient(top, #3a878b, #8cbbb8);
  background-image: -o-linear-gradient(top, #3a878b, #8cbbb8);
  background-image: linear-gradient(top, #3a878b, #8cbbb8);
  color: #f8f8f8;
  padding: 0.5em 1em;
  position: relative;
  font-size: 95%;
  font-weight: 600; }
  #header h1 {
    display: inline-block;
    width: auto;
    margin: 0em 1em 0em 0em; }
    #header h1 a {
      color: #f8f8f8;
      text-decoration: none; }
  #header .row {
    position: relative;
    display: block;
    margin: 0.3em 0em 0.6em 0em; }
  #header span.title {
    margin-left: 1em;
    font-weight: 600;
    font-size: 100%;
    color: #ebebeb; }
    #header span.title:first-child {
      margin-left: 0em; }
  #header a.opens-in-new-window {
    color: #f8f8f8;
    font-size: 100%;
    margin: 0.2em 0.1em 0.2em 0.2em;
    padding: 0.1em 0.4em 0.2em 0.4em;
    text-decoration: none;
    border-radius: 0.4em;
    background-color: rgba(84, 141, 138, 0.6); }
    #header a.opens-in-new-window:hover {
      background-color: rgba(65, 109, 106, 0.6); }
  #header a.opens-in-new-window.na {
    color: #dddddd; }
    #header a.opens-in-new-window.na:hover {
      cursor: default;
      background-color: rgba(84, 141, 138, 0.6); }
  #header a#logo {
    display: block;
    position: relative;
    height: 3.25em;
    margin: -1.625em 0 0;
    position: absolute;
    right: 2.25em;
    top: 50%;
    width: 10.5em; }
    #header a#logo img {
      border: none;
      height: 3.25em;
      width: 10.5em; }
  #header .controls {
    margin-left: 1em;
    display: inline;
    color: #eeeeee;
    font-size: 90%;
    font-weight: normal; }
    #header .controls:first-child {
      margin-left: 0em; }
    #header .controls label {
      margin: 0.2em 0.2em 0.2em 0.2em;
      padding: 0.1em 0.1em 0.2em 0.4em;
      border-radius: 0.4em;
      color: white;
      background-color: #5d9d99; }
      #header .controls label:hover {
        background-color: #4a7d7a; }
  #header .chosen-container {
    color: initial;
    font-weight: initial; }
    #header .chosen-container .chosen-results {
      max-height: 300px !important; }

#interactive-header {
  width: 95%;
  margin: 1em 1em 0em 1.5em; }
  #interactive-header #interactive-forward-back {
    float: right;
    margin-right: 0.5em; }
    #interactive-header #interactive-forward-back span.title {
      margin-left: 1em;
      font-weight: 600;
      font-style: italic;
      font-size: 100%; }
      #interactive-header #interactive-forward-back span.title:first-child {
        margin-left: 0em; }
    #interactive-header #interactive-forward-back .arrow {
      cursor: pointer;
      display: inline-block;
      margin: 0.2em 0.2em 0.2em 0.2em;
      padding: 0.1em 0.3em 0.2em 0.4em;
      border-radius: 0.4em;
      background-color: #cce1e0; }
      #interactive-header #interactive-forward-back .arrow:hover {
        background-color: #accecc; }
      #interactive-header #interactive-forward-back .arrow#run-benchmarks-button {
        background-color: #fbe5b8; }
        #interactive-header #interactive-forward-back .arrow#run-benchmarks-button:hover {
          background-color: #f8d488; }
    #interactive-header #interactive-forward-back .disabled {
      background-color: #ecf4f3; }
      #interactive-header #interactive-forward-back .disabled:hover {
        cursor: default;
        background-color: #ecf4f3; }
  #interactive-header #interactive-title {
    font-size: 110%;
    font-weight: 600; }

#content {
  margin: 1em 1em 0em 1.5em;
  border: 1px #cccccc dashed; }

a.opens-in-new-window {
  color: #333333;
  font-size: 90%;
  padding-left: 1em; }

#datagames-link {
  display: none; }

#datagames-staging-link {
  display: none; }

#original-import-link {
  display: none; }

.ui-resizable-helper {
  border: 2px white solid;
  background-color: rgba(200, 200, 200, 0.5); }

#extras-bottom {
  border: 1px solid gray;
  margin: 1.5em 1em 0.5em 1em;
  padding: 0em;
  min-width: 40em;
  background: #eeeeee; }

#extras-bottom-banner {
  font-size: 110%;
  margin: 0.5em; }

#sortable-extras {
  margin-top: 0.5em;
  margin-bottom: 1em;
  padding-left: 0.25em;
  padding-right: 0.25em; }

.sortable-placeholder {
  height: 0em;
  display: block; }

.extras-item {
  border: 1px dashed gray;
  display: block;
  margin: 0.5em;
  min-width: 40em;
  padding: 0.5em;
  background: #dddddd; }

.extras-item-controls {
  display: block;
  margin-left: 1em;
  margin-right: 1em;
  font-size: 90%; }
  .extras-item-controls .right {
    float: right; }

.extras-item-description {
  display: inline-block;
  margin-left: 1em;
  font-size: 90%;
  vertical-align: top;
  width: 70%; }

button.extras-item-controls {
  display: inline-block;
  font-size: 100%;
  margin: 0em 1em; }

.extras-item-content {
  margin: 0.5em 0em;
  padding: 0em;
  width: 95%; }

#model-editor-content, #editor-content.extras-item-content {
  margin: 0.5em 1.5em 0.5em 1.5em;
  padding: 0em; }

.save-interactive-form {
  display: none; }

.interactive-error-dialog {
  display: none; }

#save-interactive-button {
  display: none; }

#save-as-interactive-button {
  display: none; }

#save-model-button {
  display: none; }

#interactive-text-area {
  background: white;
  margin: 0.7em 0.5em;
  padding: 0.5em;
  height: 40em; }

.CodeMirror {
  background: white;
  margin: 0.7em 0.5em;
  height: 45em; }

div.CodeMirror span.CodeMirror-matchingbracket {
  color: #00cc00;
  font-weight: bolder; }
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #ff2222;
  font-weight: normal; }

.model-benchmark-results {
  margin: 0em;
  padding: 1em;
  overflow: auto; }
  .model-benchmark-results table {
    background: #eeeeee;
    width: 140em;
    font: 65% Verdana, Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    overflow: auto; }
  .model-benchmark-results th {
    padding: 0.2em 0.5em;
    text-align: left;
    min-width: 11em;
    width: auto; }
  .model-benchmark-results td {
    border-top: 1px solid #cccccc;
    text-align: left;
    padding: 0.3em 0.5em; }
  .model-benchmark-results tr.average {
    background: #ddffdd; }
    .model-benchmark-results tr.average td {
      font-style: italic; }
  .model-benchmark-results tr.sample {
    background: #f8f8f8; }
    .model-benchmark-results tr.sample td {
      font-style: normal; }

#model-benchmark-results a.opens-in-new-window {
  padding-left: 0em;
  font-size: 100%; }

#submit-success {
  color: green; }

.small {
  font-size: 0.6em; }
  .small a {
    font-weight: bold; }

#browser-submission-info {
  display: none;
  font-size: 0.8em;
  width: 700px;
  border: 1px solid gray;
  padding: 0.5em;
  margin: 1em; }
  #browser-submission-info span {
    color: green; }

.ke-chart {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  width: 80%;
  height: 360px;
  background: #f9eec1;
  border-radius: 0.5em;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  margin: 1em 2em;
  padding: 0em 0em; }