/* core colours */
/* element colours */
/* line 4, app/assets/stylesheets/core.scss */
BODY {
  BACKGROUND-COLOR: #404040;
  COLOR: #ebebeb;
  FONT-FAMILY: "Cabin Condensed", sans-serif;
  FONT-SIZE: calc(0.55vw + 0.65vh + 0.4vmin);
  PADDING: 5em 0 1.5em 8.5em;
}

/* line 12, app/assets/stylesheets/core.scss */
A {
  COLOR: gray;
  FONT-FAMILY: "Special Elite", cursive;
  FONT-SIZE: 90%;
  TEXT-DECORATION: none;
}

/* line 19, app/assets/stylesheets/core.scss */
A.active {
  COLOR: #fffcd6;
}

/* line 23, app/assets/stylesheets/core.scss */
CAPTION {
  FONT-FAMILY: "Fredericka the Great", cursive;
  FONT-SIZE: 130%;
  MARGIN-BOTTOM: 0.4em;
  TEXT-ALIGN: left;
}

/* line 30, app/assets/stylesheets/core.scss */
H1, H2, H3, TH {
  FONT-FAMILY: "Fredericka the Great", cursive;
  FONT-WEIGHT: 400;
}

/* line 35, app/assets/stylesheets/core.scss */
H1.site_title {
  FONT-SIZE: 350%;
  POSITION: fixed;
  BOTTOM: 0;
  RIGHT: 0.2em;
  FONT-FAMILY: "Fredericka the Great", cursive;
  TEXT-ALIGN: right;
  WIDTH: 7em;
}

/* line 45, app/assets/stylesheets/core.scss */
H1:first-of-type,
H2:first-of-type {
  MARGIN-TOP: 0;
  PADDING-TOP: 0;
}

/* line 51, app/assets/stylesheets/core.scss */
INPUT:not([type="submit"]),
SELECT {
  BACKGROUND-COLOR: #ebebeb;
  BORDER-BOTTOM: solid 1px white;
  BORDER-LEFT: solid 1px #b3b3b3;
  BORDER-RIGHT: solid 1px white;
  BORDER-TOP: solid 1px #b3b3b3;
  COLOR: #81440d;
  FONT-FAMILY: "Cabin Condensed", sans-serif;
  FONT-SIZE: 100%;
  PADDING: 0 0.2em;
}

/* line 64, app/assets/stylesheets/core.scss */
INPUT[type="submit"] {
  BACKGROUND-COLOR: #ebebeb;
  BORDER: none;
  BORDER-RADIUS: 0.3em;
  COLOR: #404040;
  FONT-FAMILY: "Fredericka the Great", cursive;
  FONT-SIZE: 100%;
  PADDING: 0.1em 0.3em;
}

/* line 74, app/assets/stylesheets/core.scss */
INPUT[type="number"] {
  TEXT-ALIGN: right;
}

/* line 78, app/assets/stylesheets/core.scss */
INPUT[disabled],
SELECT[disabled],
TEXTAREA[disabled],
.disabled {
  OPACITY: 0.4;
}

/* line 85, app/assets/stylesheets/core.scss */
INPUT.icon {
  FONT-FAMILY: "fontello", sans-serif;
}

/* line 89, app/assets/stylesheets/core.scss */
LABEL {
  DISPLAY: inline-block;
}

/* line 93, app/assets/stylesheets/core.scss */
OPTION {
  FONT-FAMILY: "Cabin Condensed", sans-serif;
  FONT-SIZE: 100%;
}

/* line 98, app/assets/stylesheets/core.scss */
TABLE.collapsed {
  BORDER-COLLAPSE: collapse;
}

/* line 102, app/assets/stylesheets/core.scss */
TABLE.index TR:not(.follow_up) TD {
  BORDER-BOTTOM: dotted 1px transparent;
  BORDER-TOP: dotted 1px gray;
}

/* line 107, app/assets/stylesheets/core.scss */
TABLE.index TR:hover:not(.follow_up) TD,
TR:hover + TR.follow_up TD {
  BACKGROUND-COLOR: #333333;
}

/* line 112, app/assets/stylesheets/core.scss */
TH,
TD {
  PADDING: 0 0.2em;
  VERTICAL-ALIGN: top;
}

/* line 118, app/assets/stylesheets/core.scss */
THEAD TR:last-child TH {
  BORDER-BOTTOM: solid 1px gray;
  BORDER-LEFT: solid 1px gray;
}

/* line 123, app/assets/stylesheets/core.scss */
TD > P {
  MARGIN-TOP: 0;
  PADDING-TOP: 0;
}

/* line 128, app/assets/stylesheets/core.scss */
TR.sticky_headings TH {
  POSITION: sticky;
  TOP: 4.1rem;
  BACKGROUND-COLOR: #404040;
  Z-INDEX: 2;
}

/* line 135, app/assets/stylesheets/core.scss */
#app_version {
  POSITION: fixed;
  BOTTOM: 0.7em;
  RIGHT: 0.7em;
  FONT-FAMILY: "Fredericka the Great", cursive;
  TEXT-ALIGN: right;
  WIDTH: 5em;
}

/* line 144, app/assets/stylesheets/core.scss */
#header {
  POSITION: fixed;
  BACKGROUND-COLOR: #404040;
  BORDER: none;
  BORDER-BOTTOM: solid 1px gray;
  TOP: 0;
  LEFT: 0;
  RIGHT: 0;
  HEIGHT: 3.5em;
  Z-INDEX: 5;
}

/* line 156, app/assets/stylesheets/core.scss */
#header IMG {
  FLOAT: left;
  BORDER: none;
  HEIGHT: 100%;
  MARGIN: 0 1em;
  PADDING: 0;
}

/* line 164, app/assets/stylesheets/core.scss */
#notification {
  POSITION: fixed;
  TOP: 4em;
  LEFT: 8em;
  WIDTH: 50vw;
  Z-INDEX: 5;
}

/* line 172, app/assets/stylesheets/core.scss */
#notification > .alert {
  BACKGROUND-COLOR: #6d3b3b;
  BORDER: solid 1px #ff8000;
  COLOR: #ffc90e;
  PADDING: 0.3em;
}

/* line 179, app/assets/stylesheets/core.scss */
#notification > .notice {
  BACKGROUND-COLOR: #3b6d3b;
  BORDER: solid 1px #b6d8b6;
  COLOR: #b6d8b6;
  PADDING: 0.3em;
}

/* line 186, app/assets/stylesheets/core.scss */
#notification > .placeholder {
  DISPLAY: none;
}

/* line 190, app/assets/stylesheets/core.scss */
#notification > .warning {
  BACKGROUND-COLOR: #6d633b;
  BORDER: solid 1px #d8d1b6;
  COLOR: #d8d1b6;
  PADDING: 0.3em;
}

/* line 197, app/assets/stylesheets/core.scss */
#progress {
  POSITION: absolute;
  TOP: 15vh;
  LEFT: 50vw;
  BACKGROUND-COLOR: white;
  BORDER-RADIUS: 1em;
  COLOR: #404040;
  PADDING: 2em;
}

/* line 210, app/assets/stylesheets/core.scss */
#rivet_bl,
#rivet_br,
#rivet_tl,
#rivet_tr {
  POSITION: absolute;
  BACKGROUND-COLOR: #404040;
  BORDER-RADIUS: 0.7em;
  BORDER-BOTTOM: solid 0.15em #b3b3b3;
  BORDER-LEFT: solid 0.15em white;
  BORDER-RIGHT: solid 0.15em #b3b3b3;
  BORDER-TOP: solid 0.15em white;
  WIDTH: 0.7em;
  HEIGHT: 0.7em;
}

/* line 225, app/assets/stylesheets/core.scss */
#rivet_bl {
  BOTTOM: 0.3em;
  LEFT: 0.3em;
}

/* line 230, app/assets/stylesheets/core.scss */
#rivet_br {
  BOTTOM: 0.3em;
  RIGHT: 0.3em;
}

/* line 235, app/assets/stylesheets/core.scss */
#rivet_tl {
  TOP: 0.3em;
  LEFT: 0.3em;
}

/* line 240, app/assets/stylesheets/core.scss */
#rivet_tr {
  TOP: 0.3em;
  RIGHT: 0.3em;
}

/* line 245, app/assets/stylesheets/core.scss */
#sidebar {
  POSITION: fixed;
  TOP: calc(3.5em + 1px);
  BOTTOM: 0;
  LEFT: 0;
  BACKGROUND-COLOR: #404040;
  BORDER: none;
  BORDER-RIGHT: solid 1px gray;
  PADDING: 2em 0.5em 0 0;
  TEXT-ALIGN: right;
  WIDTH: 7em;
  Z-INDEX: 5;
}

/* line 259, app/assets/stylesheets/core.scss */
#sidebar A {
  DISPLAY: block;
}

/* line 263, app/assets/stylesheets/core.scss */
#stats TABLE {
  DISPLAY: inline-block;
  MARGIN: 0 2em;
  VERTICAL-ALIGN: top;
}

/* line 269, app/assets/stylesheets/core.scss */
.align_centre {
  TEXT-ALIGN: center;
}

/* line 273, app/assets/stylesheets/core.scss */
.align_numeric {
  TEXT-ALIGN: right;
}

/* line 277, app/assets/stylesheets/core.scss */
.align_text {
  TEXT-ALIGN: left;
}

/* line 281, app/assets/stylesheets/core.scss */
.alternate_colour {
  COLOR: #b3b3b3;
}

/* line 285, app/assets/stylesheets/core.scss */
.anchor {
  PADDING-TOP: 5em;
}

/* line 289, app/assets/stylesheets/core.scss */
.button_to {
  DISPLAY: inline;
}

/* line 293, app/assets/stylesheets/core.scss */
.button_to INPUT[type="submit"] {
  DISPLAY: inline;
  BACKGROUND-COLOR: #404040;
  BORDER: none;
  COLOR: gray;
  FONT-FAMILY: "Special Elite", cursive;
  FONT-SIZE: 90%;
  MARGIN: 0;
  PADDING: 0;
  TEXT-DECORATION: none;
}

/* line 305, app/assets/stylesheets/core.scss */
.button_to INPUT.icon {
  DISPLAY: inline;
  FONT-FAMILY: "fontello", sans-serif;
  FONT-SIZE: 80%;
  PADDING: 0 0.2em;
}

/* line 312, app/assets/stylesheets/core.scss */
.compact {
  FONT-SIZE: 82%;
}

/* line 316, app/assets/stylesheets/core.scss */
.field_with_errors {
  padding: 2px;
  background-color: red;
  display: inline-block;
}

/* line 322, app/assets/stylesheets/core.scss */
.icon {
  FONT-FAMILY: "fontello", sans-serif;
  FONT-SIZE: 80%;
  PADDING: 0 0.2em;
}

/* line 328, app/assets/stylesheets/core.scss */
.item_number {
  FONT-FAMILY: "Fira Mono", monospace;
}

/* line 332, app/assets/stylesheets/core.scss */
.lister_indent {
  PADDING-LEFT: 0.7em;
}

/* line 336, app/assets/stylesheets/core.scss */
.passive {
  FONT-STYLE: italic;
}

/* line 340, app/assets/stylesheets/core.scss */
.plate,
.plate_plant {
  POSITION: relative;
  FLOAT: left;
  CLEAR: left;
  BACKGROUND-COLOR: #ebebeb;
  BORDER-RADIUS: 0.5em;
  BORDER-BOTTOM: solid 1px white;
  BORDER-LEFT: solid 1px #b3b3b3;
  BORDER-RIGHT: solid 1px white;
  BORDER-TOP: solid 1px #b3b3b3;
  COLOR: #404040;
  MIN-WIDTH: 40vh;
  PADDING: 1.5em;
  MARGIN: 0 1em 1em 0;
}

/* line 357, app/assets/stylesheets/core.scss */
.plate {
  BACKGROUND-IMAGE: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 16 32'%3E%3Cg fill='%23b3b3b3' fill-opacity='0.2'%3E%3Cpath fill-rule='evenodd' d='M0 24h4v2H0v-2zm0 4h6v2H0v-2zm0-8h2v2H0v-2zM0 0h4v2H0V0zm0 4h2v2H0V4zm16 20h-6v2h6v-2zm0 4H8v2h8v-2zm0-8h-4v2h4v-2zm0-20h-6v2h6V0zm0 4h-4v2h4V4zm-2 12h2v2h-2v-2zm0-8h2v2h-2V8zM2 8h10v2H2V8zm0 8h10v2H2v-2zm-2-4h14v2H0v-2zm4-8h6v2H4V4zm0 16h6v2H4v-2zM6 0h2v2H6V0zm0 24h2v2H6v-2z'/%3E%3C/g%3E%3C/svg%3E");
}

/* line 361, app/assets/stylesheets/core.scss */
.plate .button_to INPUT[type="submit"] {
  BACKGROUND-COLOR: #ebebeb;
}

/* line 365, app/assets/stylesheets/core.scss */
.plate.error {
  FONT-FAMILY: "Special Elite", cursive;
  TEXT-ALIGN: center;
}

/* line 370, app/assets/stylesheets/core.scss */
.plate.error H1 {
  COLOR: #81440d;
}

/* line 374, app/assets/stylesheets/core.scss */
.plate.error P {
  MARGIN: 1em 2em;
  PADDING: 0.7em;
  BACKGROUND-COLOR: #ebebeb;
  BORDER: 0.1em solid #b3b3b3;
  BORDER-TOP: solid 0.1em white;
  BORDER-LEFT: solid 0.1em white;
  COLOR: gray;
}

/* line 384, app/assets/stylesheets/core.scss */
.plate TBODY TD {
  BACKGROUND-COLOR: #ebebeb;
  BORDER-BOTTOM: solid 1px white;
  BORDER-LEFT: solid 1px #b3b3b3;
  BORDER-RIGHT: solid 1px white;
  BORDER-TOP: solid 1px #b3b3b3;
}

/* line 392, app/assets/stylesheets/core.scss */
.plate_plant {
  BACKGROUND-COLOR: #8dc7bb;
  BACKGROUND-IMAGE: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 16 32'%3E%3Cg fill='%23aae6da' fill-opacity='0.2'%3E%3Cpath fill-rule='evenodd' d='M0 24h4v2H0v-2zm0 4h6v2H0v-2zm0-8h2v2H0v-2zM0 0h4v2H0V0zm0 4h2v2H0V4zm16 20h-6v2h6v-2zm0 4H8v2h8v-2zm0-8h-4v2h4v-2zm0-20h-6v2h6V0zm0 4h-4v2h4V4zm-2 12h2v2h-2v-2zm0-8h2v2h-2V8zM2 8h10v2H2V8zm0 8h10v2H2v-2zm-2-4h14v2H0v-2zm4-8h6v2H4V4zm0 16h6v2H4v-2zM6 0h2v2H6V0zm0 24h2v2H6v-2z'/%3E%3C/g%3E%3C/svg%3E");
}

/* line 397, app/assets/stylesheets/core.scss */
.plate_plant #rivet_bl,
.plate_plant #rivet_br,
.plate_plant #rivet_tl,
.plate_plant #rivet_tr {
  BORDER-BOTTOM: solid 0.15em #5aae9c;
  BORDER-LEFT: solid 0.15em #d1f2eb;
  BORDER-RIGHT: solid 0.15em #5aae9c;
  BORDER-TOP: solid 0.15em #d1f2eb;
}

/* line 407, app/assets/stylesheets/core.scss */
.plate_plant TBODY TD {
  BACKGROUND-COLOR: #aae6da;
  BORDER-BOTTOM: solid 1px #d1f2eb;
  BORDER-LEFT: solid 1px #5aae9c;
  BORDER-RIGHT: solid 1px #d1f2eb;
  BORDER-TOP: solid 1px #5aae9c;
}

/* line 415, app/assets/stylesheets/core.scss */
.rowspan TD {
  VERTICAL-ALIGN: top;
}

/* line 419, app/assets/stylesheets/core.scss */
.ruled TD {
  BORDER-TOP: solid 1px gray;
}

/* line 423, app/assets/stylesheets/core.scss */
.user_profile {
  FLOAT: right;
  PADDING-RIGHT: 1em;
  TEXT-ALIGN: right;
}

@media print {
  /* line 430, app/assets/stylesheets/core.scss */
  BODY {
    COLOR: black;
    FONT-SIZE: 10pt;
    PADDING: 1em;
  }
  /* line 436, app/assets/stylesheets/core.scss */
  #header,
#notification,
#progress,
#sidebar,
.button_to,
.no_print {
    DISPLAY: none;
  }
}
@font-face {
  font-family: 'fontello';
  src: url(/../font/fontello.eot?79995221);
  src: url(/../font/fontello.eot?79995221#iefix) format('embedded-opentype'),
       url(/../font/fontello.woff2?79995221) format('woff2'),
       url(/../font/fontello.woff?79995221) format('woff'),
       url(/../font/fontello.ttf?79995221) format('truetype'),
       url(/../font/fontello.svg?79995221#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* line 4, app/assets/stylesheets/tags.scss */
.allow_for_variant {
  PADDING-RIGHT: 1.2em;
}

/* line 8, app/assets/stylesheets/tags.scss */
.shift_for_variant {
  POSITION: relative;
  LEFT: 1.2em;
}
/* core colours */
/* element colours */
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */