@charset "UTF-8";
/* line 1, app/assets/stylesheets/common.scss */
* {
  font-family: 'Arial', 'Source Sans Pro', sans-serif;
}

/* line 5, app/assets/stylesheets/common.scss */
body {
  margin: 0;
}

/* line 9, app/assets/stylesheets/common.scss */
table {
  width: calc(100% + 4em);
  border-spacing: 0;
  margin: 0 -2em 2em;
}

/* line 15, app/assets/stylesheets/common.scss */
tr {
  vertical-align: baseline;
}

/* line 19, app/assets/stylesheets/common.scss */
thead tr {
  vertical-align: bottom;
}

/* line 23, app/assets/stylesheets/common.scss */
tbody tr:first-child th,
tbody tr:first-child td {
  border-top: 1px solid black;
}

/* line 28, app/assets/stylesheets/common.scss */
tbody tr {
  background: #fff;
}

/* line 29, app/assets/stylesheets/common.scss */
tbody tr:nth-child(odd) {
  background: #eee;
}

/* line 31, app/assets/stylesheets/common.scss */
tbody tr.inspection-result-ok,
tbody tr.inspection-result-enough,
tbody tr.inspection-result-durable,
tbody tr.order-state-3 {
  background: #cfc;
}

/* line 35, app/assets/stylesheets/common.scss */
tbody tr.inspection-result-ok:nth-child(odd),
tbody tr.inspection-result-enough:nth-child(odd),
tbody tr.inspection-result-durable:nth-child(odd),
tbody tr.order-state-3:nth-child(odd) {
  background: #bfb;
}

/* line 37, app/assets/stylesheets/common.scss */
tbody tr.inspection-result-expiring,
tbody tr.inspection-result-recheck,
tbody tr.order-state-2 {
  background: #fec;
}

/* line 40, app/assets/stylesheets/common.scss */
tbody tr.inspection-result-expiring:nth-child(odd),
tbody tr.inspection-result-recheck:nth-child(odd),
tbody tr.order-state-2:nth-child(odd) {
  background: #feb;
}

/* line 42, app/assets/stylesheets/common.scss */
tbody tr.inspection-result-expired,
tbody tr.inspection-result-shortage {
  background: #fdc;
}

/* line 44, app/assets/stylesheets/common.scss */
tbody tr.inspection-result-expired:nth-child(odd),
tbody tr.inspection-result-shortage:nth-child(odd) {
  background: #fdb;
}

/* line 46, app/assets/stylesheets/common.scss */
tbody tr.inspection-result-problem,
tbody tr.inspection-result-missing,
tbody tr.order-state-1 {
  background: #fcc;
}

/* line 49, app/assets/stylesheets/common.scss */
tbody tr.inspection-result-problem:nth-child(odd),
tbody tr.inspection-result-missing:nth-child(odd),
tbody tr.order-state-1:nth-child(odd) {
  background: #fbb;
}

/* line 51, app/assets/stylesheets/common.scss */
tbody tr.inspection-result-redundant {
  background: #ccf;
}

/* line 52, app/assets/stylesheets/common.scss */
tbody tr.inspection-result-redundant:nth-child(odd) {
  background: #bbf;
}

/* line 55, app/assets/stylesheets/common.scss */
tbody tr:last-child th,
tbody tr:last-child td {
  border-bottom: 1px solid black;
}

/* line 60, app/assets/stylesheets/common.scss */
th {
  text-align: left;
}

/* line 64, app/assets/stylesheets/common.scss */
th, td {
  padding: .5em 2vw .5em 0;
}

/* line 67, app/assets/stylesheets/common.scss */
th.number, td.number {
  text-align: right;
  padding-left: 0;
  padding-right: 2em;
  max-width: fit-content;
}

/* line 73, app/assets/stylesheets/common.scss */
th.buttons, td.buttons {
  white-space: nowrap;
}

/* line 77, app/assets/stylesheets/common.scss */
th:first-child, td:first-child {
  padding-left: 2em;
}

/* line 80, app/assets/stylesheets/common.scss */
th:last-child, td:last-child {
  padding-right: 2em;
}

/* line 84, app/assets/stylesheets/common.scss */
a {
  color: inherit;
  text-decoration-color: rgba(0, 0, 0, 0.3);
  text-decoration-thickness: 1px;
}

/* line 89, app/assets/stylesheets/common.scss */
a.missing-link {
  color: red;
  text-decoration-color: rgba(255, 0, 0, 0.3);
}

/* line 94, app/assets/stylesheets/common.scss */
a:hover, a:focus {
  text-decoration-color: inherit;
}

/* line 98, app/assets/stylesheets/common.scss */
a.action-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: .2em;
  background: rgba(255, 255, 255, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 1em;
  box-sizing: border-box;
  padding: .1em .4em;
  text-decoration: none;
  font-weight: normal;
  font-size: 1rem;
  min-width: 2em;
  min-height: 2em;
}

/* line 114, app/assets/stylesheets/common.scss */
a.action-link.active {
  /* overridden by hover and focus */
  box-shadow: inset 1px 2px 5px black;
}

/* line 117, app/assets/stylesheets/common.scss */
a.action-link:hover, a.action-link:focus {
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 1px 2px 5px black;
}

/* line 121, app/assets/stylesheets/common.scss */
a.action-link:active {
  /* overrides hover and focus */
  box-shadow: inset 1px 2px 5px black;
}

/* line 127, app/assets/stylesheets/common.scss */
.equipment-depth {
  margin-left: 2em;
  text-indent: -2em;
}

/* line 132, app/assets/stylesheets/common.scss */
.record-details {
  color: rgba(0, 0, 0, 0.6);
  font-size: .8em;
  margin-left: 2.5em;
  display: inline-block;
}

/* line 139, app/assets/stylesheets/common.scss */
main {
  position: relative;
}

/* line 143, app/assets/stylesheets/common.scss */
ul.breadcrumbs {
  list-style-type: none;
  padding-left: 0;
  font-size: .8em;
  color: grey;
}

/* line 149, app/assets/stylesheets/common.scss */
ul.breadcrumbs li {
  display: inline-block;
}

/* line 152, app/assets/stylesheets/common.scss */
ul.breadcrumbs li::after {
  content: ' ▸ ';
}

/* line 156, app/assets/stylesheets/common.scss */
ul.breadcrumbs li a {
  text-decoration-color: rgba(127, 127, 127, 0.3);
}

/* line 158, app/assets/stylesheets/common.scss */
ul.breadcrumbs li a:hover, ul.breadcrumbs li a:focus {
  color: black;
  text-decoration-color: black;
}

/* line 166, app/assets/stylesheets/common.scss */
ul.list-actions {
  display: flex;
  position: absolute;
  top: 2em;
  right: 2em;
}

/* line 172, app/assets/stylesheets/common.scss */
ul.list-actions li {
  list-style-type: none;
}

/* line 177, app/assets/stylesheets/common.scss */
.strike-through-checkbox {
  display: none;
}

/* line 180, app/assets/stylesheets/common.scss */
.strike-through-checkbox + label {
  padding: .5em;
}

/* line 184, app/assets/stylesheets/common.scss */
.strike-through-checkbox:checked + label {
  color: grey;
  text-decoration: line-through;
}

/* line 188, app/assets/stylesheets/common.scss */
.strike-through-checkbox:checked + label::after {
  content: '✔';
  text-decoration: none;
  display: inline-block;
  padding: 0 .5em;
}

/* line 197, app/assets/stylesheets/common.scss */
form {
  max-width: 24em;
}

/* line 200, app/assets/stylesheets/common.scss */
form label {
  margin: 1em 0 .5em;
}

/* line 204, app/assets/stylesheets/common.scss */
form .field, form .actions {
  display: contents;
}

/* line 208, app/assets/stylesheets/common.scss */
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=number],
form select,
form input[type=submit] {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid grey;
  padding: .5em;
  border-radius: .5em;
  background: transparent;
  margin: .5em 0 1em;
}

/* line 222, app/assets/stylesheets/common.scss */
form input[type=text]:hover, form input[type=text]:focus,
form input[type=email]:hover,
form input[type=email]:focus,
form input[type=password]:hover,
form input[type=password]:focus,
form input[type=number]:hover,
form input[type=number]:focus,
form select:hover,
form select:focus,
form input[type=submit]:hover,
form input[type=submit]:focus {
  box-shadow: 1px 2px 5px grey inset;
}

/* line 227, app/assets/stylesheets/common.scss */
form .date-select {
  display: grid;
  grid-template-columns: 3fr 4fr 3fr;
  grid-column-gap: .5em;
}

/* line 233, app/assets/stylesheets/common.scss */
form .date-select select {
  width: auto;
}

@media all and (min-width: 40em) {
  /* line 197, app/assets/stylesheets/common.scss */
  form {
    display: grid;
    max-width: 40em;
    grid-template-columns: minmax(auto, 30%) 1fr;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }
  /* line 244, app/assets/stylesheets/common.scss */
  form .actions input[type=submit] {
    grid-column-start: 2;
    background: #ccc;
    color: black;
  }
  /* line 249, app/assets/stylesheets/common.scss */
  form .actions input[type=submit]:hover, form .actions input[type=submit]:focus {
    box-shadow: 1px 2px 5px grey;
  }
  /* line 252, app/assets/stylesheets/common.scss */
  form .actions input[type=submit]:active {
    box-shadow: 1px 2px 5px grey inset;
  }
  /* line 257, app/assets/stylesheets/common.scss */
  form #error_explanation {
    grid-column: 1 / span 2;
  }
}
/* line 1, app/assets/stylesheets/layout.scss */
body {
  position: relative;
  min-height: 100vh;
}

/* line 6, app/assets/stylesheets/layout.scss */
body > header {
  color: white;
  letter-spacing: .02em;
  background: #c00;
  display: flex;
  min-height: 5vh;
  align-items: center;
  padding: 0 1em;
}

/* line 15, app/assets/stylesheets/layout.scss */
body > header a {
  text-decoration: none;
}

/* line 19, app/assets/stylesheets/layout.scss */
body > header h1 {
  font-size: 1em;
  margin: 0;
}

/* line 23, app/assets/stylesheets/layout.scss */
body > header h1 a {
  padding: 1em;
  color: inherit;
}

/* line 27, app/assets/stylesheets/layout.scss */
body > header h1 a:hover, body > header h1 a:focus {
  text-decoration: underline;
}

/* line 34, app/assets/stylesheets/layout.scss */
body > nav {
  background: #ddd;
}

/* line 36, app/assets/stylesheets/layout.scss */
body > nav ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0;
  background: #ddd;
  padding: 0 2em;
}

@media screen and (min-width: 1000px) {
  /* line 36, app/assets/stylesheets/layout.scss */
  body > nav ul {
    padding: 2em 0;
  }
}

/* line 48, app/assets/stylesheets/layout.scss */
body > nav a {
  display: block;
  background: #ddd;
  padding: 1em;
  color: black;
  text-decoration: none;
}

@media screen and (min-width: 1000px) {
  /* line 48, app/assets/stylesheets/layout.scss */
  body > nav a {
    padding: 1em 2em;
  }
}

/* line 57, app/assets/stylesheets/layout.scss */
body > nav a.active, body > nav a.active:hover, body > nav a.active:focus {
  background: white;
}

/* line 60, app/assets/stylesheets/layout.scss */
body > nav a:hover, body > nav a:focus {
  background: #eee;
}

/* line 67, app/assets/stylesheets/layout.scss */
body > .notice-bar .alert {
  margin: 1em;
  padding: .5em;
  border-radius: .5em;
}

/* line 73, app/assets/stylesheets/layout.scss */
body > .notice-bar .alert-danger {
  background: #fbb;
}

/* line 77, app/assets/stylesheets/layout.scss */
body > .notice-bar .alert-success {
  background: #bfb;
}

/* line 82, app/assets/stylesheets/layout.scss */
body > main {
  padding: 2em 2em 4em;
  min-height: auto;
}

/* line 87, app/assets/stylesheets/layout.scss */
body > footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #c00;
  color: white;
  padding: 1em 2em;
  letter-spacing: 0.01em;
}

/* line 97, app/assets/stylesheets/layout.scss */
body > footer a {
  color: inherit;
  text-decoration-color: rgba(255, 255, 255, 0.3);
}

/* line 100, app/assets/stylesheets/layout.scss */
body > footer a:hover, body > footer a:focus {
  text-decoration-color: white;
}

@media screen and (min-width: 1000px) {
  /* line 107, app/assets/stylesheets/layout.scss */
  body {
    display: grid;
    grid-template-columns: 12em 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "header header  meta" "nav    notice  notice" "nav    content content";
    min-height: 100vh;
  }
  /* line 117, app/assets/stylesheets/layout.scss */
  body > header {
    grid-area: header;
  }
  /* line 121, app/assets/stylesheets/layout.scss */
  body > nav {
    grid-area: nav;
  }
  /* line 124, app/assets/stylesheets/layout.scss */
  body > nav ul {
    display: block;
  }
  /* line 126, app/assets/stylesheets/layout.scss */
  body > nav ul li {
    display: block;
  }
  /* line 132, app/assets/stylesheets/layout.scss */
  body > aside.notice-bar {
    grid-area: notice;
  }
  /* line 136, app/assets/stylesheets/layout.scss */
  body > main {
    grid-area: content;
  }
  /* line 140, app/assets/stylesheets/layout.scss */
  body > footer {
    position: static;
    grid-area: meta;
  }
}
/* line 1, app/assets/stylesheets/scaffolds.scss */
.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table;
}

/* line 6, app/assets/stylesheets/scaffolds.scss */
#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px 7px 0;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

/* line 13, app/assets/stylesheets/scaffolds.scss */
#error_explanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px -7px 0;
  background-color: #c00;
  color: #fff;
}

/* line 22, app/assets/stylesheets/scaffolds.scss */
#error_explanation ul li {
  font-size: 12px;
  list-style: square;
}

/* line 26, app/assets/stylesheets/scaffolds.scss */
label {
  display: block;
}
/*
 * 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.
 *


 */


/*# sourceMappingURL=application.css-06ba9bd5ee5f822d210cd453e72ddf3e729e2503bfb4db233abbfcd9c13ef5f9.map */