@font-face {
  font-family: RobotoCondensed;
  src: url("/public/fonts/RobotoCondensed-Regular.ttf"); }
body {
  margin: 0;
  background-color: #f4f4f4;
  color: #0B4F9F;
  font-family: RobotoCondensed, Arial, Serif; }
  body button, body input, body select {
    font-family: RobotoCondensed, Arial, Serif; }
  body h1, body h2, body h3 {
    margin: 1em; }

div.help {
  max-width: 50em;
  margin: auto; }
  div.help h2, div.help h3 {
    text-align: center; }
  div.help img {
    border-radius: 8px;
    display: block;
    margin: 1em auto;
    max-width: 38em; }

#footer {
  color: #ec1c4c; }

form {
  border: solid 1px #0002;
  border-radius: 4px;
  display: flex;
  flex-flow: column;
  margin: auto;
  max-width: 50em;
  padding: 0.4em;
  margin: 0.4em auto; }
  form label {
    padding-top: 0.2em; }
  form input {
    max-width: 100%; }
  form select {
    width: 100%; }
  form div input[type="submit"] {
    width: 49%; }
  form div input[type="button"] {
    width: 49%; }
  form.login {
    position: fixed;
    width: 26em;
    height: 7em;
    left: calc(50vw - 13em);
    top: calc(50vh - 3.5em); }
    form.login input {
      font-size: 1.0em;
      margin: 0.1em; }
      form.login input[type="submit"] {
        margin-top: 0.3em;
        font-size: 1.0em; }
    form.login a {
      position: absolute;
      bottom: 0;
      right: 1em; }

h1 {
  color: #ec1c4c; }

table.table {
  border-spacing: 0;
  border-collapse: collapse;
  color: #0B4F9F; }
  table.table th {
    background-color: #CCC; }
    table.table th button {
      overflow: hidden;
      width: 6em;
      height: 2em; }
      table.table th button:before {
        background-size: 100%;
        background: url("/public/images/logos/list-add-symbolic.svg") no-repeat 0 0;
        content: "";
        display: inline-block;
        height: 1em;
        padding-right: 0.5em;
        width: 1em; }
  table.table tr td {
    padding: 3px;
    border: 1px solid #0002;
    max-width: 300px;
    overflow: hidden; }
    table.table tr td a button {
      overflow: hidden;
      width: 6em;
      height: 2em; }
      table.table tr td a button:before {
        background-size: 100%;
        content: "";
        display: inline-block;
        height: 1em;
        padding-right: 0.5em;
        width: 1em; }
      table.table tr td a button[name="edit"]:before {
        background: url("/public/images/logos/document-properties-symbolic.svg") no-repeat 0 0; }
      table.table tr td a button[name="delete"]:before {
        background: url("/public/images/logos/list-remove-symbolic.svg") no-repeat 0 0; }

nav ul {
  background: #CCC;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 3em;
  padding: 0;
  margin: 0; }
  nav ul li {
    display: inline;
    padding: 0.4em; }
    nav ul li.end {
      align-self: flex-end; }
    nav ul li.danger a {
      color: red; }

.sticky {
  position: sticky;
  z-index: 101; }
  .sticky:nth-of-type(1) {
    top: 0; }
  .sticky:nth-of-type(2) {
    top: 2em; }
  .sticky:nth-of-type(3) {
    top: 4em; }

/*# sourceMappingURL=style.css.map */