/* Fonts */
* {
  box-sizing: border-box;
  position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
a,
input,
textarea,
p,
body,
span {
  margin: 0;
  padding: 0;
}
img {
  border: none;
}
ul li {
  list-style: none;
}
a {
  text-decoration: none;
}
a,
svg,
path {
  transition: all 0.15s ease-in-out;
}
div,
article,
section,
img,
main,
input,
textarea {
  display: block;
}
input,
textarea,
img,
a,
option,
select,
button,
div {
  outline: none;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
html {
  font-size: 10px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}
body {
  font-size: 1.8rem;
  color: #2d3544;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  background-color: #f3f7fa;
}
p {
  line-height: 1.5em;
}
.content {
  width: 100%;
  padding: 0 3rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.content--regular {
  max-width: calc(1200px  +  2 * 3rem);
}
.content--smaller {
  max-width: calc(800px  +  2 * 3rem);
}
.content--bigger {
  max-width: calc(1600px  +  2 * 3rem);
}
.section {
  padding: 9rem 0;
  position: relative;
}
.section--background {
  background: #f3f7fa;
}
.section--orange {
  background: #55b11c;
}
.section-title {
  color: #2d3544;
  font-size: 4.8rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  display: inline-block;
  text-transform: uppercase;
  padding-bottom: 1rem;
  margin-bottom: 4rem;
}
.section-title::after {
  content: "";
  height: 4px;
  left: 0;
  right: 0;
  background-color: #55b11c;
  transition: all 0.15s ease-in-out;
  position: absolute;
}
.section-title::after {
  bottom: 0;
}
.absolute-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.two-columns {
  display: grid;
  gap: 4rem;
  grid-template-columns: 0.7fr 1.3fr;
}
.button {
  display: inline-block;
  padding: 0.8rem 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  text-transform: uppercase;
  border-radius: 0.5rem;
  border: none;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  background-color: #55b11c;
  color: #fff;
}
.button:hover {
  background-color: #000;
  color: #fff;
}
.button--white {
  color: #2d3544;
  background-color: #fff;
  box-shadow: 0 0.3em 0.6em rgba(45, 53, 68, 0.25);
}
.button--white:hover {
  background-color: #000;
  color: #fff;
}
.button--filter {
  color: #2d3544;
  background-color: #fff;
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
  box-shadow: 0 0.1em 0.3em rgba(45, 53, 68, 0.25);
  margin: 0 0.3em;
  white-space: nowrap;
}
.button--filter.active {
  background-color: #55b11c;
  color: #fff;
}
.button--smaller {
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
  box-shadow: 0 0.1em 0.3em rgba(45, 53, 68, 0.25);
}
.global-style > *:first-child {
  margin-top: 0;
}
.global-style > *:last-child {
  margin-bottom: 0;
}
.global-style p {
  margin: 1rem 0;
  line-height: 1.6em;
}
.global-style p a,
.global-style li a,
.global-style table a {
  color: #55b11c;
  text-decoration: underline;
}
.global-style p a:hover,
.global-style li a:hover,
.global-style table a:hover {
  text-decoration: none;
}
.global-style p a,
.global-style li a,
.global-style table a,
.global-style .wp-block-file a {
  color: #55b11c;
  text-decoration: underline;
}
.global-style p a:hover,
.global-style li a:hover,
.global-style table a:hover,
.global-style .wp-block-file a:hover {
  text-decoration: none;
}
.global-style .has-medium-font-size {
  font-size: 2.2rem;
}
.global-style p {
  margin: 1rem 0;
  font-size: 1.6rem;
  color: #484f5e;
}
.global-style p strong {
  font-weight: 500;
}
.global-style hr {
  border: 0;
  height: 1px;
  background: #2d3544;
  clear: both;
  margin: 1rem 0;
}
.global-style h2,
.global-style h3,
.global-style h4,
.global-style h5 {
  line-height: 1em;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  margin: 3rem 0 1rem 0;
}
.global-style h2 {
  font-size: 2.8rem;
}
.global-style h3 {
  font-size: 2.2rem;
}
.global-style h4 {
  font-size: 1.8rem;
}
.global-style ol:not(.wp-block-gallery),
.global-style ul:not(.wp-block-gallery) {
  counter-reset: item;
  list-style: none;
  line-height: 2.1rem;
  margin: 1rem 0;
  font-size: 1.6rem;
  padding-left: 0;
}
.global-style ol:not(.wp-block-gallery) li,
.global-style ul:not(.wp-block-gallery) li {
  padding-left: 2.4rem;
  position: relative;
  line-height: 1.5em;
  text-align: justify;
}
.global-style ol:not(.wp-block-gallery) li:not(:last-of-type),
.global-style ul:not(.wp-block-gallery) li:not(:last-of-type) {
  padding-bottom: 0.8rem;
}
.global-style ul:not(.wp-block-gallery) li::before {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 0.3rem;
  position: absolute;
  left: 0;
  top: 0.8rem;
  border-width: 0.3rem;
  border-style: solid;
}
.global-style ul li::before {
  border-color: #55b11c;
}
.global-style ol li::before {
  color: #55b11c;
}
.global-style ol:not(.wp-block-gallery) li {
  padding-left: 2rem;
}
.global-style ol:not(.wp-block-gallery) li::before {
  counter-increment: item;
  content: counter(item) '. ';
  font-weight: 700;
  display: inline-block;
  position: absolute;
  left: 0;
  z-index: 2;
}
.global-style .wp-block-table,
.global-style table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  margin: 1rem 0;
  border: 1px solid #eee;
}
.global-style .wp-block-table td,
.global-style table td {
  background: #f2f2f2;
  padding: 1rem 1.6rem;
}
.global-style .wp-block-table tr:nth-of-type(even) td,
.global-style table tr:nth-of-type(even) td {
  background: #fcfcfc;
}
.header {
  padding: 2rem 0;
}
.header__logo img {
  height: 4rem;
  width: auto;
  margin: 0 auto;
}
.header__title {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-align: center;
  margin-top: 4rem;
  margin-bottom: 2rem;
}
.header__text {
  max-width: 80rem;
  margin: 0 auto;
  text-align: center;
  line-height: 1.2em;
}
.header__text strong {
  font-weight: 500;
}
.header__link {
  max-width: 80rem;
  margin: 0 auto;
  text-align: center;
  line-height: 1.2em;
  margin-top: 0.5em;
}
.header__link a {
  color: #55b11c;
  text-decoration: underline;
}
.header__link a:hover {
  text-decoration: none;
}
.form-text {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 6rem;
  margin-bottom: 6rem;
  gap: 6rem;
  align-items: center;
}
.form-text__form {
  background-color: #55b11c;
  border-radius: 2rem;
  box-shadow: 0 1rem 2.5rem rgba(45, 53, 68, 0.2);
  padding: 4rem;
}
.footer {
  background-color: #484f5e;
  padding: 2rem 0;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
}
body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}
.table-logo {
  margin: 2rem auto;
  height: 4rem;
  width: auto;
}
.table-wrapper {
  background-color: #fff;
  border-radius: 2rem;
  box-shadow: 0 1rem 2.5rem rgba(45, 53, 68, 0.2);
  padding: 4rem;
  margin-bottom: 4rem;
}
.table {
  width: 100%;
  border-collapse: collapse;
}
.table-header th {
  font-size: 1.4rem;
  text-align: left;
  padding: 0.2em 0.8em;
  border-bottom: 2px solid #ddd;
}
.table-row td:first-child {
  border-left: 3px solid #ddd;
}
.table-row td {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #ddd;
  padding: 0.4em 0.8em;
  font-size: 1.4rem;
  position: relative;
  word-wrap: break-word;
  box-sizing: border-box;
}
.table-row:hover td {
  background-color: #f3f7fa;
}
@media screen and (min-width: 1200px) {
  .table-row:hover td {
    border-top: 2px solid #000 !important;
    border-bottom: 2px solid #000;
  }
  .table-row:hover td:first-child {
    border-left-color: #000 !important;
  }
  .table-row:hover td:last-child {
    border-right: 2px solid #000;
  }
}
.table-row:hover {
  z-index: 10;
}
.table-row:hover.error td {
  background-color: #ffdcdc;
  color: #000;
}
.table-row:hover.finished td {
  background-color: #cee8c5;
  color: #000;
}
.table-row:hover.warning td {
  background-color: #fff1d7;
  color: #000;
}
.table-row:hover.error-date td.pickup {
  background-color: #ffdcdc;
}
.table-row:hover .table-row__options {
  opacity: 1;
  visibility: visible;
}
.table-row:hover:not(.active) .table-row__edit {
  display: block;
}
.table-row:hover:not(.active) .table-row__clone {
  display: block;
}
.table-row:hover.active .table-row__apply {
  display: block;
}
.table-row.hidden {
  display: none;
}
.table-row.prio td:first-child {
  border-left-color: #8600d3;
}
.table-row.prio td {
  background-color: #f3e4fb;
}
.table-row.prio--high td:first-child {
  border-left-color: #dc3545;
}
.table-row.prio--high td {
  background-color: #fed4bf;
}
.table-row.prio--high .table-row__text,
.table-row.prio--high .added {
  color: #dc3545;
  font-weight: 700;
}
.table-row.error td:first-child {
  border-left-color: #dc3545;
}
.table-row.error td {
  background-color: #ffebee;
}
.table-row.warning td:first-child {
  border-left-color: #ffc107;
}
.table-row.warning td {
  background-color: #fff9e9;
}
.table-row.finished td:first-child {
  border-left-color: #28a745;
}
.table-row.finished td {
  background-color: #e4f6de;
}
.table-row.error-date td.pickup {
  background-color: #ffebee;
}
.table-row__text.hidden {
  display: none;
}
.table-row__status {
  width: 1.6em;
  height: 1.6em;
  display: inline-block;
  vertical-align: middle;
}
.table-row__status.hidden {
  display: none;
}
.table-row__status.closed {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.9 13.6'%3E%3Cpath fill='none' stroke='%2328a745' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M17.4 1.3l-11 11-5-5'/%3E%3C/svg%3E") center / 1em auto no-repeat;
}
.table-row__status.prio--high {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 1.9 8.6' version='1.1' viewBox='0 0 1.9 8.6'%3E%3Cpath fill='none' d='M-.9-.4H123.3V134.29999999999998H-.9z'/%3E%3Cpath fill='%23dc3545' d='M.4 8.3c-.2-.2-.3-.4-.3-.7s.1-.4.3-.6.4-.2.6-.2c.2 0 .4.1.6.3s.3.4.3.6-.1.4-.3.6-.4.2-.6.2c-.2 0-.5-.1-.6-.2zM1.7.1l-.2 5.8H.4L.2.1h1.5z'/%3E%3C/svg%3E") center / auto 1em no-repeat;
}
.table-row__status.prio--low {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' enable-background='new 0 0 335.3 388.6' version='1.1' viewBox='0 0 335.3 388.6'%3E%3Cpath fill='%238600d3' d='M163.9 386.2c-6.5-1-13.1-1.7-19.5-2.9-42.3-8-77.4-28.4-104.2-62.3-26.6-33.7-40-72.4-36.9-115.2 5.2-70.7 41-121 106.1-150 6.9-3.1 14.9-1.4 20 4 5.5 5.8 6.8 12.7 3.5 20.1-5.3 12-9.4 24.4-11.1 37.5-5.9 45.1 6.2 84.9 39.1 116.2 41.8 39.8 91 48.9 145.3 29.1 8.4-3 16-1.8 21.3 4 5.4 5.9 6.4 13.6 2.4 21.5-27.3 54.3-71.2 86.2-131 96.3-4.4.7-8.8 1.2-13.3 1.7h-21.7zM107.3 81.8C59.3 104 16.6 164.3 27 236.5c10.1 70.1 70.1 124.1 141.8 127.1 65.8 2.7 117.2-38.3 135.3-75.7-61.9 16.7-117.4 4.9-162.2-41.8-45-46.9-54-103-34.6-164.3zm185.4-53.1c-7.9 8.7-15.9 17.3-23.7 26-3.1 3.4-4 7.5-2.2 11.8 1.7 4.1 4.9 6.8 9.4 6.9 15.3.2 30.7.2 46 0 5.3-.1 9.6-4.6 10.1-9.8.6-5.3-2.7-10.4-7.8-11.8-2-.6-4.2-.6-6.3-.7-4.9-.1-9.8 0-15.6 0 9.1-9.9 17.5-19.1 25.9-28.3 3.5-3.8 5-8.1 2.8-13S325.1 3 319.8 3h-41.4c-7.3 0-12.4 4.6-12.5 11.1-.1 6.5 5.2 11.3 12.6 11.4h17c-1.3 1.4-2 2.3-2.8 3.2zm-33.8 111.1c-3.3 3.6-4.4 7.8-2.5 12.4 1.9 4.7 5.8 6.9 10.6 6.9 11.6.1 23.2.2 34.8 0 6.8-.1 11.4-5.2 11.2-11.6-.2-6.2-4.9-10.6-11.5-10.8-2.8-.1-5.6 0-9.3 0 6.2-6.8 11.6-12.8 17.1-18.7 3.6-3.8 4.9-8.1 2.9-13-2.2-5.1-6.5-6.9-11.8-6.9h-32.2c-.7 0-1.5 0-2.2.1-6.2.7-10.7 5.7-10.4 11.6.3 6 5 10.5 11.3 10.7 2.8.1 5.7 0 9.7 0-6.4 7.1-12 13.2-17.7 19.3zm-72.1-66.5c-3.5 3.8-5 8.1-2.9 13 2.1 5 6.2 6.8 11.4 6.8h32.9c7.4 0 12.3-4.6 12.3-11.2s-5-11-12.4-11.1h-8.5c6.4-7.1 12.2-13.3 17.8-19.6 3.1-3.5 3.9-7.5 2.2-11.8-1.6-4.3-5-6.9-9.4-7-12.3-.3-24.7-.3-37 0-6.1.2-10.7 5.7-10.4 11.6.3 6 5.1 10.5 11.3 10.7 2.8.1 5.7 0 9.6 0-6 6.7-11.4 12.7-16.9 18.6z'/%3E%3C/svg%3E") center / auto 1em no-repeat;
}
.table-row__status.open {
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='prefix__Vrstva_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 21.1 21.1' xml:space='preserve'%3E%3Cstyle%3E.prefix__st0%7Bfill:none;stroke:%23dc3545;stroke-width:2;stroke-linecap:round;stroke-linejoin:round%7D%3C/style%3E%3Cpath class='prefix__st0' d='M1.5 1.5l18 18M1.5 19.5l18-18'/%3E%3C/svg%3E") center / 1em auto no-repeat;
}
@media screen and (min-width: 1200px) {
  .table-row__item {
    position: static !important;
  }
}
.table-row__item.added small,
.table-row__item.pickup small {
  display: inline-block;
  margin-left: 0.3em;
}
.table-row__item.added strong,
.table-row__item.pickup strong {
  font-weight: 500;
}
.table-row__item.control {
  width: 5rem;
  text-align: center;
}
.table-row__item.pickup {
  z-index: 5;
  position: relative !important;
}
.table-row__item.pickup--changed {
  padding-right: 3rem;
  min-width: 13.4rem;
}
.table-row__item.note {
  max-width: 30rem;
}
.table-row__info {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
  display: inline-block;
}
.table-row__info:hover .table-row__bubble {
  opacity: 1;
  visibility: visible;
  bottom: 150%;
  z-index: 20;
}
.table-row__bubble {
  font-size: 1.3rem;
  background-color: #55b11c;
  color: #fff;
  position: absolute;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  width: 20rem;
  text-align: center;
  transition: all 0.15s ease-in-out;
  opacity: 0;
  visibility: hidden;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 10;
  filter: drop-shadow(0 0.3rem 0.5rem rgba(45, 53, 68, 0.3));
}
.table-row__bubble::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #55b11c;
  left: 50%;
  bottom: -0.5rem;
  transform: translate(-50%, 0) rotate(45deg);
  position: absolute;
}
.table-row__icon {
  width: 1.1em;
  height: 1.1em;
  background: url("data:image/svg+xml,%3Csvg height='32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23111' d='M16 0a16 16 0 010 32 16 16 0 010-32m3 15h-6v11h6zm-3-9a3 3 0 000 6 3 3 0 000-6'/%3E%3C/svg%3E") center / contain no-repeat;
  cursor: help;
  transition: all 0.15s ease-in-out;
  opacity: 0.8;
}
.table-row__icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2355b11c' d='M16 0a16 16 0 010 32 16 16 0 010-32m3 15h-6v11h6zm-3-9a3 3 0 000 6 3 3 0 000-6'/%3E%3C/svg%3E");
  opacity: 1;
}
.table-row__options {
  position: absolute;
  right: -1px;
  bottom: calc(100% - 1px);
  z-index: 10;
  background-color: white;
  display: flex;
  transition: all 0.15s ease-in-out;
  opacity: 0;
  visibility: hidden;
  font-size: 0;
}
@media screen and (min-width: 1200px) {
  .table-row__options {
    border: 2px solid #000;
    border-bottom: none;
  }
}
.table-row__options-item {
  cursor: pointer;
  padding: 1rem;
  display: none;
}
.table-row__options-item:not(:last-of-type) {
  border-right: 1px solid #ddd;
}
.table-row__options-item:hover {
  color: #55b11c;
}
.table-row__options-icon {
  height: 2.4rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.3rem;
}
.table-row__options-icon svg {
  width: auto;
  max-height: 2rem;
  margin: 0 auto;
}
.table-row__options-text {
  font-size: 1.2rem;
  font-weight: 700;
  transition: all 0.15s ease-in-out;
}
@media screen and (min-width: 1200px) {
  .table-row__input--note:not(.hidden):focus {
    position: absolute;
    left: 1rem;
    top: 1rem;
    width: calc(100% - 9rem);
  }
}
.table .table-row__input {
  font-weight: 400;
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
}
.table .table-row__input.hidden {
  display: none;
}
.table .table-row__input--pickup {
  max-width: 20rem;
}
.table .table-row__input--car {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.big-checkbox {
  appearance: none;
  width: 1.6em;
  height: 1.6em;
  background-color: #fff;
  border-radius: 0.2em;
  border: 1px solid #ddd;
  transition: all 0.15s ease-in-out;
  margin: 0 auto;
}
.big-checkbox:hover {
  box-shadow: 0 0.3em 0.6em rgba(45, 53, 68, 0.25);
}
.big-checkbox:checked::before {
  opacity: 1;
}
.big-checkbox::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.9 13.6'%3E%3Cpath fill='none' stroke='%2328a745' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M17.4 1.3l-11 11-5-5'/%3E%3C/svg%3E") center / 1em auto no-repeat;
  opacity: 0;
  transition: all 0.15s ease-in-out;
}
p.note {
  padding: 1rem 2rem;
  border: 1px solid #ddd;
  border-left: 3px solid #ddd;
  background-color: #fff;
  max-width: 80rem;
  margin: 0 auto;
}
p.note--password {
  border-color: #dc3545;
  background-color: #ffebee;
  font-weight: 500;
  max-width: 48rem;
  margin: 2rem auto 0;
  display: none;
}
.form-note {
  color: #fff;
  font-size: 1.4rem;
  margin-top: -1rem;
  display: block;
  margin-bottom: 2rem;
}
.password-form {
  background-color: #55b11c;
  border-radius: 2rem;
  box-shadow: 0 1rem 2.5rem rgba(45, 53, 68, 0.2);
  padding: 4rem;
  max-width: 60rem;
  margin: 2rem auto 0;
}
.password-form form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.password-form .button {
  margin-left: 2rem;
}
.header__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__filters {
  display: flex;
  align-items: center;
}
.new-entry {
  margin-bottom: 2rem;
  margin-top: -2rem;
}
.new-entry__form-wrapper {
  padding-top: 1rem;
  display: none;
}
.new-entry__form {
  background-color: #55b11c;
  padding: 2rem;
  display: flex;
  flex-wrap: wrap;
  border-radius: 1rem;
}
.new-entry__form-left {
  flex-basis: calc(50% - 4rem);
  margin: 2rem;
}
.new-entry__form-right {
  flex-basis: calc(50% - 4rem);
  margin: 2rem;
}
.new-entry .form-messages {
  flex-basis: 100%;
}
.ordering {
  cursor: pointer;
  padding-right: 2rem;
}
.ordering:hover {
  background-color: #f3f7fa;
}
.ordering:hover::before,
.ordering:hover::after {
  opacity: 1;
}
.ordering::before,
.ordering::after {
  content: "";
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  right: 1rem;
  top: 50%;
  transform: translate(0, calc(-100% - 0.2rem));
  z-index: 2;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23333' d='M10 0L0 20h20z'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: all 0.15s ease-in-out;
  opacity: 0.5;
}
.ordering::after {
  transform: translate(0, calc(0% + 0.2rem)) rotate(180deg);
}
.ordering.asc::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%2355b11c' d='M10 0L0 20h20z'/%3E%3C/svg%3E");
}
.ordering.desc::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%2355b11c' d='M10 0L0 20h20z'/%3E%3C/svg%3E");
}
@media print {
  body {
    color: #000;
  }
  header,
  footer,
  .new-entry {
    display: none;
  }
  .table-wrapper {
    background: none;
    border: none;
    border-radius: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    font-size: 10pt;
  }
  .table-wrapper td {
    font-size: 6pt;
  }
  .table-header th {
    font-size: 5pt;
  }
  .table-row td {
    padding: 0.2em 0.3em;
  }
  .table-row__item.control,
  .table-header th:last-child {
    display: none;
  }
}
.print-button {
  position: absolute;
  right: 0;
  top: 0;
}
.form-messages__message {
  padding: 1rem;
  color: #fff;
  margin-top: 2rem;
  display: block;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  border-radius: 0.5rem;
  text-align: center;
  font-size: 1.4rem;
  box-shadow: 0 0.3em 0.6em rgba(45, 53, 68, 0.25);
  display: none;
}
.form-messages__message.error {
  background-color: #a72935;
}
.form-messages__message.success {
  background-color: #00733d;
}
.inputs-wrapper {
  display: flex;
  margin-bottom: 2rem;
  width: 100%;
}
.inputs-wrapper__input {
  display: flex;
  width: 100%;
  align-items: center;
}
.label {
  flex-basis: 30%;
  font-size: 1.4rem;
  display: inline-block;
  line-height: 1.1em;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  text-align: right;
  margin-right: 2rem;
  flex-shrink: 0;
}
.label span {
  color: red;
}
.quantity-name {
  font-size: 1.4rem;
  display: inline-block;
  line-height: 1.1em;
  color: #fff;
  font-weight: 500;
  margin-left: 1rem;
  flex-shrink: 0;
}
.submit-wrapper {
  text-align: right;
}
.filter-date {
  display: flex;
  align-items: center;
  margin-left: 3rem;
}
.filter-date__text {
  font-size: 1.4rem;
  display: inline-block;
  margin: 0 0.5rem;
  white-space: nowrap;
}
.filter-date input[type="date"] {
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
  max-width: 16rem;
}
.filter-date input[type="submit"] {
  margin-left: 1rem;
}
.radio-inputs {
  margin-right: 3rem;
  display: flex;
  align-items: center;
}
.radio-inputs input {
  display: none;
}
input[type="text"],
input[type="date"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="datetime-local"],
input[type="search"],
textarea,
select {
  font-family: "Poppins", sans-serif;
  color: #2d3544;
  display: block;
  width: 100%;
  border: 1px solid #ddd;
  padding: 0.8rem 1rem;
  font-size: 1.6rem;
  border-radius: 0.5rem;
  font-weight: 500;
  flex-shrink: 1;
  transition: all 0.15s ease-in-out;
}
input[type="text"]:focus,
input[type="date"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="datetime-local"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus,
input[type="text"]:hover,
input[type="date"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="datetime-local"]:hover,
input[type="search"]:hover,
textarea:hover,
select:hover {
  box-shadow: 0 0.3em 0.6em rgba(45, 53, 68, 0.25);
}
::-webkit-input-placeholder {
  /* Edge */
  color: #484f5e;
  opacity: 0.7;
  font-weight: 300;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #484f5e;
  opacity: 0.7;
  font-weight: 300;
}
::placeholder {
  color: #484f5e;
  opacity: 0.7;
  font-weight: 300;
}
#age {
  display: none;
}
form h3 {
  margin-bottom: 2rem;
  text-align: center;
  font-size: 2.6rem;
  font-weight: 500;
  color: #fff;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.ajax-loading {
  animation: spin 1s linear infinite;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%232d3544'%3E%3Cpath d='M463.702 162.655L442.491 14.164c-1.744-12.174-16.707-17.233-25.459-8.481l-30.894 30.894C346.411 12.612 301.309 0 254.932 0 115.464 0 3.491 109.16.005 248.511c-.19 7.617 5.347 14.15 12.876 15.234l59.941 8.569c8.936 1.304 17.249-5.712 17.125-15.058C88.704 165.286 162.986 90 254.932 90c22.265 0 44.267 4.526 64.6 13.183l-29.78 29.78c-8.697 8.697-3.761 23.706 8.481 25.459l148.491 21.211c9.784 1.475 18.381-7.034 16.978-16.978zM499.117 249.412l-59.897-8.555c-7.738-.98-17.124 5.651-17.124 16.143 0 90.981-74.019 165-165 165a165.207 165.207 0 01-64.306-13.052l28.828-28.828c8.697-8.697 3.761-23.706-8.481-25.459L64.646 333.435c-9.753-1.393-18.39 6.971-16.978 16.978l21.21 148.492c1.746 12.187 16.696 17.212 25.459 8.481l31.641-31.626C165.514 499.505 210.587 512 257.096 512c138.794 0 250.752-108.618 254.897-247.28.22-7.632-5.317-14.224-12.876-15.308z'/%3E%3C/svg%3E") center / 1.6rem auto no-repeat;
  opacity: 0;
  visibility: hidden;
  display: block;
  position: absolute;
  top: calc(50% - 0.8rem);
  left: 0;
  margin: 0;
  width: 1.6rem;
  height: 1.6rem;
  transition: all 0.15s ease-in-out;
}
.ajax-loading.visible {
  opacity: 1;
  visibility: visible;
}
.search-form__wrapper {
  display: flex;
  align-items: center;
}
.search-form__input {
  font-size: 1.4rem !important;
  padding: 0.5rem 1rem !important;
}
.search-form__submit {
  margin-left: 1rem;
}
.search-form .ajax-loading {
  left: -2.5rem;
}
@media screen and (max-width: 1300px) {
  .header__content {
    flex-wrap: wrap;
  }
  .header__left {
    flex-basis: 100%;
  }
  .header__filters {
    flex-basis: 100%;
    justify-content: center;
  }
  .new-entry {
    margin-top: 0;
    text-align: center;
  }
}
@media screen and (max-width: 1200px) {
  .table-row__bubble {
    left: auto;
    right: -0.7rem;
    transform: none;
  }
  .table-row__bubble::before {
    left: auto;
    right: 1rem;
    transform: rotate(45deg);
  }
  .table-wrapper {
    padding: 2rem;
    border-radius: 1rem;
  }
  table {
    border: 0;
  }
  table thead {
    display: none;
  }
  .table tbody {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
    align-items: flex-start;
  }
  .table-row {
    display: block;
    border: 1px solid #ddd;
    border-left: 3px solid #ddd;
  }
  .table-row.warning {
    border-left-color: #ffc107;
  }
  .table-row td:first-child {
    border-left: none !important;
  }
  .table-row td:last-child {
    border-bottom: none;
  }
  .table-row__status {
    position: absolute;
    right: 4rem;
  }
  .table-row__item.control {
    width: 100%;
  }
  .table-row__item.note {
    max-width: none;
  }
  .table-row__edit {
    opacity: 1;
    visibility: visible;
  }
  .table-row td {
    min-height: 3rem;
    display: block;
    text-align: right;
    padding: 0.3em 0.8em;
  }
  .table-row td::before {
    content: attr(data-label);
    float: left;
    font-weight: 500;
    font-size: 1.2rem;
    text-transform: uppercase;
  }
  .table-row__options {
    bottom: auto;
    top: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .header__filters {
    flex-wrap: wrap;
  }
  .search-form {
    margin-bottom: 2rem;
    margin-top: 1rem;
  }
  .filter-date {
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
}
@media screen and (max-width: 920px) {
  .table tbody {
    grid-template-columns: 1fr 1fr;
  }
  .form-text {
    grid-template-columns: 1fr;
    gap: 4rem;
    margin: 3rem auto;
  }
  .new-entry__form-left {
    margin: 0;
    flex-basis: 100%;
  }
  .new-entry__form-right {
    margin: 0;
    flex-basis: 100%;
  }
  .table-row__item.note {
    max-width: none;
  }
}
@media screen and (max-width: 768px) {
  .radio-inputs {
    flex-basis: 100%;
    margin: 0 auto 1.5rem;
    justify-content: center;
  }
}
@media screen and (max-width: 660px) {
  .form-text__form {
    padding: 2rem;
    border-radius: 1rem;
  }
}
@media screen and (max-width: 600px) {
  .filter-date__text {
    text-align: left;
    flex-shrink: 1;
  }
  .filter-date input[type="date"] {
    flex-basis: auto;
    flex-grow: 1;
    max-width: none;
  }
  .filter-date input[type="submit"] {
    margin: 1rem auto 0;
    flex-basis: 100%;
  }
  .table tbody {
    grid-template-columns: 1fr;
  }
  p.note {
    font-size: 1.4rem;
    padding: 0.6rem 1rem;
  }
  .password-form {
    padding: 2rem;
    border-radius: 1rem;
  }
  .table-logo {
    height: 3rem;
    margin: 1rem auto;
  }
  body {
    font-size: 1.4rem;
  }
  .button:not(.button--smaller):not(.button--filter) {
    font-size: 1.5rem;
    padding: 0.6rem 1.5rem;
  }
  input[type="text"],
  input[type="date"],
  input[type="tel"],
  input[type="number"],
  input[type="password"],
  input[type="datetime-local"],
  textarea,
  select {
    font-size: 1.5rem;
    padding: 0.6rem 1.5rem;
  }
  .label {
    font-size: 1.3rem;
  }
  .global-style h2 {
    font-size: 2.4rem;
  }
  .global-style p {
    line-height: 1.4em;
  }
}
@media screen and (max-width: 480px) {
  .inputs-wrapper {
    margin-bottom: 1rem;
  }
  .inputs-wrapper .label {
    margin: 0;
  }
  .inputs-wrapper__input {
    display: block;
  }
  .inputs-wrapper__input--quantity {
    display: flex;
    flex-wrap: wrap;
  }
  .inputs-wrapper__input--quantity .label {
    flex-basis: 100%;
    text-align: left;
    margin-bottom: 0.2rem;
  }
  .inputs-wrapper__input--quantity input[type="number"] {
    width: auto;
  }
  p.note {
    font-size: 1.4rem;
    padding: 0.6rem 1rem;
  }
  .password-form {
    padding: 2rem;
    border-radius: 1rem;
  }
  .password-form form {
    flex-wrap: wrap;
  }
  .password-form form input {
    flex-basis: 100%;
  }
  .password-form form #password {
    margin-bottom: 2rem;
  }
  .password-form form .button {
    margin-left: 0;
  }
  .form-note {
    margin-top: 0;
  }
}