/* compiled by scssphp 1.1.1 on Mon, 13 Mar 2023 09:50:38 +0000 (0.0205s) */

* {
  box-sizing: border-box; }

body, html {
  min-height: 100%;
  width: max-content;
  padding: 0;
  margin: 0; }

body {
  background: #f1eeeb;
  font-family: "Lato", sans-serif; }
  body .container {
    display: flex;
    flex-direction: column;
    margin: auto;
    height: 100vh;
    width: 100vw;
    overflow: auto; }
    body .container footer, body .container header {
      background-color: #e9e1d7;
      position: relative;
      position: sticky;
      left: 0; }
    body .container footer {
      margin-top: auto;
      left: 0;
      padding: 20px 0 70px;
      text-align: center;
      z-index: 1; }
    body .container header {
      z-index: 99;
      border-bottom: 1px solid #d2cfcb; }
      body .container header input[type=checkbox] {
        display: none; }
      body .container header div.header-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px;
        max-width: calc(min(700px,100vw));
        margin: 0 auto; }
        body .container header div.header-container > * {
          margin: 0;
          padding: 0 5px;
          font-size: 20px;
          font-weight: bold; }
        body .container header div.header-container h2 {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          flex-grow: 3; }
          body .container header div.header-container h2 > a > img {
            height: 74px;
            padding-right: 20px;
            margin: -15px 0 0 0;
            line-height: 74px; }
          body .container header div.header-container h2 span {
            padding-right: 20px; }
            body .container header div.header-container h2 span big {
              font-size: 24px;
              line-height: 18px; }
        body .container header div.header-container div.hamburger-container a {
          color: #f1eeeb;
          /*HAMBURGER MENU*/ }
        body .container header div.header-container div.hamburger-container .hamburger {
          display: flex;
          user-select: none;
          align-items: center;
          cursor: pointer;
          flex-wrap: wrap;
          justify-content: center; }
        body .container header div.header-container div.hamburger-container .hamburger span {
          line-height: 24px;
          white-space: nowrap; }
          body .container header div.header-container div.hamburger-container .hamburger #lines, body .container header div.header-container div.hamburger-container .hamburger #x {
            padding-left: 4px;
            font-size: 24px; }
          body .container header div.header-container div.hamburger-container .hamburger #x {
            display: none; }
      body .container header div.nav-dropdown-container {
        height: 0;
        position: relative;
        display: none; }
        body .container header div.nav-dropdown-container div.nav-dropdown {
          position: absolute;
          background-color: #765449;
          margin-top: -1px;
          right: 0;
          left: 0;
          width: 100%;
          text-align: center;
          padding-bottom: 44px; }
          body .container header div.nav-dropdown-container div.nav-dropdown div.nav-links-container {
            max-width: calc(min(600px,100vw));
            margin: 0 auto;
            padding: 16px 16px 16px 16px;
            text-align: right; }
            body .container header div.nav-dropdown-container div.nav-dropdown div.nav-links-container ul.nav-links {
              list-style: none;
              text-align: left;
              display: inline-block;
              padding: 0;
              margin: 0;
              column-width: 130px;
              column-count: 4; }
              body .container header div.nav-dropdown-container div.nav-dropdown div.nav-links-container ul.nav-links li {
                list-style: none;
                padding: 7px 5px;
                margin: 0;
                border-radius: 5px;
                transition: 0.2s ease;
                background-color: transparent; }
                body .container header div.nav-dropdown-container div.nav-dropdown div.nav-links-container ul.nav-links li:hover {
                  background-color: rgba(255, 255, 255, 0.1); }
                body .container header div.nav-dropdown-container div.nav-dropdown div.nav-links-container ul.nav-links li a {
                  text-decoration: none;
                  color: #e2dfdb;
                  font-weight: bold; }
      body .container header input[type=checkbox]:checked ~ div.nav-dropdown-container {
        display: block !important; }
        body .container header input[type=checkbox]:checked ~ .header-container .hamburger #x {
          display: initial; }
        body .container header input[type=checkbox]:checked ~ .header-container .hamburger #lines {
          display: none; }
    body .container > div {
      width: 100vw;
      z-index: 2;
      background: #f1eeeb;
      padding-left: 1em; }
      body .container > div > div {
        margin: 0 auto;
        max-width: 800px;
        padding: 20px; }
        body .container > div > div h2, body .container > div > div h4 {
          margin: 1.5em 0 0.5em -1em; }
          body .container > div > div section:first-child > * {
            text-align: center; }
          body .container > div > div section:first-child h1 {
            font-size: 24px; }
          body .container > div > div section:first-child p {
            font-size: 20px;
            padding: 4px;
            margin: 0.3em; }
    body .container > table {
      z-index: 2;
      border-collapse: collapse;
      /*width: 100%;*/
      text-align: center;
      position: relative;
      background: #f1eeeb;
      font-size: 14px; }
      body .container > table thead tr {
        /*border-bottom: 1px solid $table-border-color;
         border-top: 1px solid $table-border-color;
         /*height: 1px;*/
        position: sticky;
        top: 0;
        background: #84817d;
        border-bottom: 1px solid #84817d;
        z-index: 13; }
        body .container > table thead tr th {
          background: linear-gradient(270deg, #84817d 1px, #e2dfdb 1px); }
          body .container > table thead tr th:first-child {
            position: sticky;
            left: 0;
            z-index: 12; }
    body .container > table tbody td {
      border-right: 1px solid #d2cfcb; }
      body .container > table tbody td:first-child {
        position: sticky;
        left: 0;
        background: #f1eeeb;
        z-index: 11;
        background: linear-gradient(270deg, #d2cfcb 1px, #e3ddd5 1px); }
    body .container > table tbody tr {
      border-bottom: 1px solid #d2cfcb; }
    body .container > table th {
      font-weight: bold;
      height: inherit;
      padding: 0; }
      body .container > table th:not(:first-of-type) {
        border-left: 1px solid #d2cfcb; }
      body .container > table th button {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: block;
        font: inherit;
        margin: 0;
        /*min-width: max-content;*/
        position: relative;
        text-align: center;
        width: 100%;
        min-height: 50px;
        padding: 4px 5px 6px 5px; }
        body .container > table th button::after {
          position: absolute;
          right: 0.5rem; }
        body .container > table th button .fas {
          display: none; }
        body .container > table th button .fa-sort {
          display: initial;
          opacity: 0.5; }
          body .container > table th button[data-dir="asc"] .fa-sort {
            display: none; }
          body .container > table th button[data-dir="asc"] .fa-sort-up {
            display: initial; }
        body .container > table th button[data-dir="desc"] .fa-sort {
          display: none; }
        body .container > table th button[data-dir="desc"] .fa-sort-down {
          display: initial; }
    body .container > table td {
      text-align: center;
      padding: 0.25rem; }