.form-item {
  box-sizing: border-box;
  clear: both;
  margin-bottom: 1.5em;
}
.form-item label {
  display: block;
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.25em;
}
.form-item [type=text],
.form-item [type=password],
.form-item [type=email],
.form-item [type=tel],
.form-item [type=url],
.form-item [type=number],
.form-item [type=search],
.form-item [type=date],
.form-item [type=datetime-local],
.form-item textarea,
.form-item .is-input {
  border-radius: 0.15em;
  border: 1px solid #eaeaea;
  box-shadow: 0.05em 0.05em 0.2em rgba(0, 0, 0, 0.125) inset;
  background-color: #fff;
}
@media (min-width: 620px) {
  .form-item [type=text],
  .form-item [type=password],
  .form-item [type=email],
  .form-item [type=tel],
  .form-item [type=url],
  .form-item [type=number],
  .form-item [type=search],
  .form-item [type=date],
  .form-item [type=datetime-local],
  .form-item textarea,
  .form-item .is-input {
    min-width: 15em;
  }
}
.form-item.checkbox {
  margin-bottom: 0;
}
.form-item input:focus,
.form-item textarea:focus {
  outline: 0;
  border: 1px solid #33a4d4;
  box-shadow: 1px 1px 2px rgba(51, 164, 212, 0.35) inset;
}
.form-item input {
  line-height: 1em;
}
.form-item .error {
  background-color: #ab5033;
  color: #fff;
  padding: 0.5em 1em;
  border-radius: 0.25em;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
  display: block;
}
.form-item.has-error input {
  border: 2px solid #ab5033;
}
.form-item.select {
  padding: 0;
  border-radius: 0.15em;
  position: relative;
  box-sizing: border-box;
}
.form-item.select.multiple small {
  margin: 0 !important;
}
.form-item.select.multiple select,
.form-item.select.multiple .select2-selection {
  margin-bottom: 0.25em;
}
.form-item.select select,
.form-item.select .select2-selection {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
  width: 100%;
  border: 1px solid #eaeaea;
  background-color: #fff;
  color: #0a0a0a;
  padding: 0.5em 1em;
  border-radius: 0.2em;
  appearance: none;
  line-height: 1.3em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path d="M26.297 12.625L14.703 24.203a.99.99 0 0 1-1.406 0L1.703 12.625a1.009 1.009 0 0 1 0-1.422l2.594-2.578a.99.99 0 0 1 1.406 0L14 16.922l8.297-8.297a.99.99 0 0 1 1.406 0l2.594 2.578a1.009 1.009 0 0 1 0 1.422z" fill="gray"/></svg>');
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: calc(100% - 0.75em) 0.65em;
  box-sizing: border-box;
}
.form-item.select select[multiple],
.form-item.select .select2-selection[multiple] {
  font-size: 1em;
  background-image: none;
  padding: 0;
  overflow: auto;
}
.form-item.select select[multiple] option,
.form-item.select .select2-selection[multiple] option {
  padding: 0.2em 0.5em;
}
.form-item .icon {
  display: inline-block;
  width: 1.2em;
  position: relative;
  top: -0.1em;
}
.form-item .icon path {
  fill: #707070;
}

.errors {
  color: #ab5033;
  font-weight: bold;
}

button {
  cursor: pointer;
}

select,
.select2-selection {
  box-sizing: border-box;
}

.select2-container .select2-selection--single {
  height: 42px;
}
.select2-container .select2-selection__rendered {
  padding: 0 !important;
}
.select2-container .select2-selection__arrow {
  display: none;
}
.select2-container .select2-search__field {
  padding: 0.5em;
  box-shadow: 0.05em 0.05em 0.3em rgba(0, 119, 99, 0.35) inset;
  outline: none;
  border-radius: 0.2em;
  background-color: rgba(0, 119, 99, 0.1);
  position: relative;
  top: -0.1em;
}
.select2-container .select2-selection {
  padding: 0.5em !important;
}

input,
select,
textarea,
button,
.select2-selection {
  box-sizing: border-box;
  padding: 0.5em 1em;
  font-family: inherit;
}

textarea {
  resize: vertical;
  width: 100%;
}

.checkbox,
.radio {
  padding: 0 0 0.7em 0.2em;
  margin-left: -0.2em;
}
.checkbox input[type=checkbox],
.checkbox input[type=radio],
.radio input[type=checkbox],
.radio input[type=radio] {
  opacity: 0;
  width: 1em;
  position: absolute;
}
.checkbox input[type=checkbox] + label::after,
.checkbox input[type=radio] + label::after,
.radio input[type=checkbox] + label::after,
.radio input[type=radio] + label::after {
  content: none;
}
.checkbox input[type=checkbox]:checked + label::after,
.checkbox input[type=radio]:checked + label::after,
.radio input[type=checkbox]:checked + label::after,
.radio input[type=radio]:checked + label::after {
  content: "";
}
.checkbox input[type=checkbox]:focus + label::before,
.checkbox input[type=radio]:focus + label::before,
.radio input[type=checkbox]:focus + label::before,
.radio input[type=radio]:focus + label::before {
  box-shadow: 0 0 5px 1px rgba(51, 164, 212, 0.8);
}

.checkbox label,
.radio label {
  top: 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding-left: 2em;
  padding-top: 0.2em;
}
.checkbox label:before, .checkbox label:after,
.radio label:before,
.radio label:after {
  position: absolute;
  content: "";
  display: inline-block;
  font-size: 1.2em;
}
.checkbox label:before,
.radio label:before {
  width: 22px;
  height: 22px;
  border: 1px solid rgb(221.25, 221.25, 221.25);
  left: 0;
  border-radius: 0.1em;
  background-color: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
  border-bottom-color: #eaeaea;
  border-right-color: #eaeaea;
}

.checkbox label:before {
  top: 0;
  left: 0;
}
.checkbox label:after {
  height: 9px;
  width: 14px;
  border-left: 4px solid #007763;
  border-bottom: 4px solid #007763;
  transform: rotate(-45deg);
  left: 4px;
  top: 5px;
}

.radio {
  padding-bottom: 0;
  position: relative;
}
.radio label {
  margin-right: 1em;
}
.radio label:before, .radio label:after {
  top: 0;
  border-radius: 50%;
}
.radio label:after {
  border: 0;
  height: 14px;
  width: 14px;
  background-color: #007763;
  left: 4px;
  top: 4px;
}

.required-info {
  color: rgb(175.75, 175.75, 175.75);
  font-size: 0.8em;
  margin-bottom: 2em;
}

.checkbox-group-label {
  display: block;
  position: relative;
  top: 0.5em;
  margin-bottom: 0.5em;
  clear: both;
  font-size: 1.3em;
  line-height: 1em;
}

.fb-link {
  padding-top: 2em;
}

form small {
  display: block;
  opacity: 0.7;
}

input[type=text],
input[type=number],
input[type=email],
input[type=password],
input[type=date],
input[type=datetime-local],
select,
.select2-selection,
textarea {
  font-size: 16px;
}

input[type=date],
input[type=datetime-local] {
  line-height: 1.2em;
}

input[type=file] {
  background: #fff;
  padding: 1.2em 0.5em;
  width: 100%;
  border-radius: 0.3em;
  border: 2px dotted rgb(231.45, 231.45, 231.45);
  position: relative;
  -webkit-appearance: none;
}

@media (min-width: 620px) {
  .selects-wrapper {
    display: flex;
  }
}
.selects-wrapper .select {
  flex: 0 0 49%;
}
@media (min-width: 620px) {
  .selects-wrapper .select:first-child {
    margin-right: 2%;
  }
}

::placeholder {
  color: #707070;
  opacity: 0.6 !important;
}

.dropzone-custom {
  min-height: 1em;
  border: 2px dashed rgb(178.5, 178.5, 178.5) !important;
  border-radius: 0.5em !important;
  background-color: rgba(234, 234, 234, 0.5) !important;
}

.dz-message img {
  width: 2em;
  opacity: 0.5;
}

/* fira-sans-200 - latin */
@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/fira-sans-v10-latin-200.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/fira-sans-v10-latin-200.eot?#iefix") format("embedded-opentype"), url("../fonts/fira-sans-v10-latin-200.woff2") format("woff2"), url("../fonts/fira-sans-v10-latin-200.woff") format("woff"), url("../fonts/fira-sans-v10-latin-200.ttf") format("truetype"), url("../fonts/fira-sans-v10-latin-200.svg#FiraSans") format("svg"); /* Legacy iOS */
}
/* fira-sans-regular - latin */
@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fira-sans-v10-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/fira-sans-v10-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/fira-sans-v10-latin-regular.woff2") format("woff2"), url("../fonts/fira-sans-v10-latin-regular.woff") format("woff"), url("../fonts/fira-sans-v10-latin-regular.ttf") format("truetype"), url("../fonts/fira-sans-v10-latin-regular.svg#FiraSans") format("svg"); /* Legacy iOS */
}
/* fira-sans-600 - latin */
@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/fira-sans-v10-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/fira-sans-v10-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/fira-sans-v10-latin-600.woff2") format("woff2"), url("../fonts/fira-sans-v10-latin-600.woff") format("woff"), url("../fonts/fira-sans-v10-latin-600.ttf") format("truetype"), url("../fonts/fira-sans-v10-latin-600.svg#FiraSans") format("svg"); /* Legacy iOS */
}
/* ----------------------------------------------
 * Generated by Animista on 2022-11-14 14:43:46
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation bounce-top
 * ----------------------------------------
 */
@keyframes bounce-top {
  0% {
    transform: translateY(-45px);
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    transform: translateY(-24px);
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(-12px);
    animation-timing-function: ease-in;
  }
  82% {
    transform: translateY(-6px);
    animation-timing-function: ease-in;
  }
  93% {
    transform: translateY(-4px);
    animation-timing-function: ease-in;
  }
  25%, 55%, 75%, 87% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.datepicker-field {
  position: relative;
  width: 20em;
  margin-bottom: 2em;
}
.datepicker-field .init-datepicker {
  /*     top:0;
          width:100%;
          height:100%;
         // opacity: 0;
          z-index: 5;
  */
}
.datepicker-field label {
  text-indent: 1em;
}
.datepicker-field .start-end {
  display: flex;
  border-radius: 1em;
}
.datepicker-field .start-end [name=start] {
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}
.datepicker-field .start-end [name=end] {
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
.datepicker-field .start-end [name=start],
.datepicker-field .start-end [name=end] {
  position: relative;
  overflow: hidden;
}
.datepicker-field .start-end [name=start]:after,
.datepicker-field .start-end [name=end]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3em;
  background-color: #fff;
}
.datepicker-field .start-end > * {
  flex: 1;
}
.datepicker-field .start-end > * input {
  width: 100%;
  border: 0;
}

.daterangepicker.show-calendar {
  font-size: 1em !important;
  font-family: "Fira Sans";
}
.daterangepicker.show-calendar .ranges {
  margin: 0;
  padding: 0;
}
.daterangepicker.show-calendar .ranges ul {
  width: 200px;
}
.daterangepicker.show-calendar .ranges li {
  padding: 7.5% 15%;
  font-size: 1em;
}
.daterangepicker.show-calendar .table-condensed thead th {
  padding: 0 0 0.5em;
  background-color: #fff;
}
.daterangepicker.show-calendar .calendar-table th,
.daterangepicker.show-calendar .calendar-table td {
  font-size: 1em;
}

body {
  min-width: 320px;
  color: #707070;
  font-family: "Fira Sans", sans-serif;
  background-color: rgb(234.6425531915, 236.9914893617, 238.5574468085);
  overflow-x: hidden;
}
.theme2 body {
  background-image: linear-gradient(35deg, hsl(204, 10.6382978723%, 105.7843137255%), rgb(214.8936170213, 219.5212765957, 222.6063829787));
}

img,
svg,
video,
iframe {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  color: inherit;
  transition: opacity 0.1s;
}
a:hover, a:focus {
  opacity: 0.8;
}

p {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}

.page-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

input,
textarea,
button {
  font-family: inherit;
}

textarea {
  line-height: 1.7em;
}
textarea.auto-height {
  min-height: 4em;
}

.inner {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 3.5%;
  padding-right: 3.5%;
}
.page-home .inner {
  width: 100%;
}
@media (min-width: 1200px) {
  .page-home .inner {
    padding-left: 7%;
    padding-right: 7%;
  }
}

[v-show],
[v-if] {
  display: none;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 1 auto;
  justify-content: center;
  flex-direction: column;
  overflow: auto;
  padding: 0.75em 0;
}
.page-home.logged-in main main {
  flex: 1 0 auto;
  justify-content: center;
  flex-direction: column;
  display: flex;
}
.page-home main {
  padding: 0;
  padding-bottom: 2em;
}
main .inner {
  padding-left: 2.5%;
  padding-right: 2.5%;
  max-width: 105rem;
}

.main-part-wrapper {
  flex: 1 0 auto;
  display: flex;
}
@media (max-width: 959px) {
  .main-part-wrapper {
    padding-top: 4em;
  }
}
.main-part-wrapper main {
  padding-top: 3em;
  align-self: center;
}
.page-home .main-part-wrapper main {
  padding-top: 0;
}

.login-form {
  padding: 2em;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0.05em 0.05em 0.2em 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.2em;
}
.login-form input:not([type=checkbox]) {
  width: 100%;
}
.login-form label {
  font-size: 0.9em;
  text-align: left;
}
@media (min-width: 620px) {
  .login-form {
    width: 25em;
  }
}
@media (min-width: 960px) {
  .login-form {
    width: 35em;
  }
}
.login-form button {
  margin-top: 1em;
}
.login-form small {
  text-align: left;
}

.page-login main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.page-home.not-logged-in {
  text-align: center;
}
.page-home.not-logged-in main {
  display: block;
}
.page-home.not-logged-in .inner {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-home.not-logged-in footer .innerst {
  padding: 0 1.5%;
}
.page-home .stage {
  background-image: url("../images/nastuh-abootalebi-eHD8Y1Znfpk-unsplash.jpg");
  background-position: center;
  background-size: cover;
  width: 100%;
  margin-bottom: 2em;
  height: 45vw;
  position: relative;
}
.page-home .stage:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: linear-gradient(135deg, rgba(0, 119, 99, 0.6), rgba(109, 31, 88, 0.4));
}
@media (min-width: 620px) {
  .page-home .stage {
    height: 27vw;
  }
}
@media (min-width: 1200px) {
  .page-home .stage {
    height: 23vw;
  }
}
.page-home .stage-inner {
  text-align: left;
  top: 0;
  width: 100%;
  height: 100%;
}
.page-home .stage-innerst {
  max-width: 45em;
  margin: 0 auto;
  position: relative;
  height: 100%;
}
.page-home .stage-innerst .start-badge {
  position: absolute;
  bottom: -2em;
  width: 8em;
  height: 8em;
  left: 0.5em;
  background-color: #007763;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 1.35em;
  box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.1);
}
@media (max-width: 619px) {
  .page-home .stage-innerst .start-badge {
    font-size: 0.9em;
  }
}
.page-home .stage-innerst .start-badge .badge-inner {
  padding: 1.5em 0.5em 0;
  width: 7.5em;
  height: 7.5em;
  margin: 0.25em;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid #fff;
  letter-spacing: 0.05em;
  transform: rotate(-5.5deg);
}
.page-home .stage-innerst .start-badge .badge-inner .text {
  font-size: 0.8em;
}
.page-home .stage-innerst .start-badge .badge-inner strong {
  font-size: 2em;
}
@media (max-width: 619px) {
  .page-home .cta-area {
    padding-left: 3.5%;
    padding-right: 3.5%;
  }
}

.page-login main {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.button,
button[type=submit],
.button-like,
.actions a,
.qr-code-reader button {
  border: 0;
  color: #fff;
  font-weight: bold;
  border-radius: 0.2em;
  padding: 0.5em 1em;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s;
  background-image: linear-gradient(35deg, #007763, rgb(0, 195.5, 162.6428571429));
}
@media (min-width: 620px) {
  .button,
  button[type=submit],
  .button-like,
  .actions a,
  .qr-code-reader button {
    font-size: 1.1em;
  }
}
@media (min-width: 960px) {
  .button,
  button[type=submit],
  .button-like,
  .actions a,
  .qr-code-reader button {
    white-space: nowrap;
  }
}
.button.go,
button[type=submit].go,
.button-like.go,
.actions a.go,
.qr-code-reader button.go {
  background-image: linear-gradient(35deg, #779643, rgb(157.2258064516, 188.1543778802, 105.3456221198));
  color: #fff;
}
.button.warn,
button[type=submit].warn,
.button-like.warn,
.actions a.warn,
.qr-code-reader button.warn {
  background-image: linear-gradient(35deg, #ab5033, rgb(206.4121621622, 119.7162162162, 92.0878378378));
}
.button.semiwarn, .button.secondary,
button[type=submit].semiwarn,
button[type=submit].secondary,
.button-like.semiwarn,
.button-like.secondary,
.actions a.semiwarn,
.actions a.secondary,
.qr-code-reader button.semiwarn,
.qr-code-reader button.secondary,
.badge.semiwarn {
  background-image: linear-gradient(35deg, #ff8800, rgb(255, 171.7, 76.5));
}
.button.unclear, .button.unimportant,
button[type=submit].unclear,
button[type=submit].unimportant,
.button-like.unclear,
.button-like.unimportant,
.actions a.unclear,
.actions a.unimportant,
.qr-code-reader button.unclear,
.qr-code-reader button.unimportant {
  background-image: linear-gradient(35deg, rgb(186.6808510638, 194.5638297872, 199.8191489362), rgb(130.2553191489, 144.6489361702, 154.2446808511));
}
.button.thirdary,
button[type=submit].thirdary,
.button-like.thirdary,
.actions a.thirdary,
.qr-code-reader button.thirdary {
  background-image: linear-gradient(35deg, #6d1f58, rgb(168.5607142857, 47.9392857143, 136.0857142857));
}
.button:hover, .button:focus,
button[type=submit]:hover,
button[type=submit]:focus,
.button-like:hover,
.button-like:focus,
.actions a:hover,
.actions a:focus,
.qr-code-reader button:hover,
.qr-code-reader button:focus {
  transform: scale(1.05);
}
.button:active,
button[type=submit]:active,
.button-like:active,
.actions a:active,
.qr-code-reader button:active {
  transform: scale(0.95);
}
.button[disabled],
button[type=submit][disabled],
.button-like[disabled],
.actions a[disabled],
.qr-code-reader button[disabled] {
  opacity: 0.4;
}
.button svg,
button[type=submit] svg,
.button-like svg,
.actions a svg,
.qr-code-reader button svg {
  width: 1em;
  margin-right: 0.2em;
  position: relative;
  top: -0.1em;
}
.button svg path,
button[type=submit] svg path,
.button-like svg path,
.actions a svg path,
.qr-code-reader button svg path {
  fill: #fff;
}
.button.tiny,
button[type=submit].tiny,
.button-like.tiny,
.actions a.tiny,
.qr-code-reader button.tiny {
  display: inline-block;
  width: auto;
  font-size: 0.8em;
  padding: 0.15em 0.35em;
}

.forgot-pw-link {
  font-size: 0.8em;
  margin-top: 2em;
  opacity: 0.75;
}
.forgot-pw-link a {
  text-decoration: none;
}

.errors,
.alert {
  background-color: #ab5033;
  color: #fff;
  padding: 1em;
  list-style-type: none;
}

header {
  padding: 2em 0;
  position: relative;
  margin-bottom: 4em;
  background-color: #e5e8ea;
  background-image: linear-gradient(35deg, #fff, rgba(255, 255, 255, 0.5));
}
.theme2 header {
  box-shadow: 0.1em 0.1em 0.6em rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(35deg, rgb(0, 93.5, 77.7857142857), rgb(0, 170, 141.4285714286));
  color: #fff;
}
.page-home header {
  margin-bottom: 1.7em;
}

h1 {
  font-weight: 200;
  text-transform: uppercase;
  font-size: 2em;
  margin: 0.5em 0 0.3em;
  color: #007763;
}
@media (min-width: 620px) {
  h1 {
    font-size: 2.5em;
  }
}
@media (min-width: 960px) {
  h1 {
    font-size: 3.5em;
  }
}
@media (min-width: 620px) {
  .page-home h1, .page-login h1, .page-register h1, .not-logged-in h1 {
    font-size: 5em;
  }
}
h1 a {
  text-decoration: none;
}

.header-inner {
  display: flex;
  justify-content: space-between;
}
.header-inner h1 {
  margin: 0;
}
.header-inner h1 a {
  text-decoration: none;
}

h2 {
  margin-top: 0;
}
@media (min-width: 620px) {
  h2 {
    font-size: 1.7em;
  }
}
h2 span {
  color: #007763;
}
h2 .button {
  padding: 0 0.5em;
  margin-left: 0.5em;
}
h2 a {
  text-decoration: none;
  color: #007763;
}
h2 small {
  font-size: 0.6em;
  text-transform: none;
  max-width: 38em;
  display: block;
  font-weight: normal;
  opacity: 0.7;
  margin: 0.5em 0;
}

.grid {
  margin: 0;
  margin-left: -2%;
  width: 104%;
  display: flex;
  list-style-type: none;
  padding: 0;
  flex-wrap: wrap;
}
.grid.grid1 {
  justify-content: center;
}
.grid.grid1 .icon-container {
  opacity: 0.65;
}
@media (min-width: 620px) {
  .grid.only2blocks li {
    flex: 0 0 46%;
  }
}
.grid li {
  margin: 1.5% 2%;
  text-align: center;
  flex: 0 0 96%;
  font-size: 1.2em;
}
@media (min-width: 620px) {
  .grid li {
    flex: 0 0 29.33%;
  }
}
@media (min-width: 960px) {
  .grid li {
    font-size: 1.4em;
  }
}
.grid li a {
  text-decoration: none;
  padding: 1.5em;
  display: block;
  height: 100%;
}
@media (min-width: 620px) {
  .grid.grid1 li {
    flex: 0 0 46%;
  }
}
.grid.grid-top li {
  flex: 0 0 96%;
}

.block,
.table-wrapper table {
  border-radius: 0.15em;
  background-color: #fff;
  box-shadow: 0.1em 0.1em 0.6em rgba(0, 0, 0, 0.1);
  padding: 2em;
  flex: 100%;
}
@media (max-width: 619px) {
  .block,
  .table-wrapper table {
    padding: 1em;
  }
}
.grid .block,
.grid .table-wrapper table {
  margin: 2%;
}
@media (min-width: 620px) {
  .block,
  .table-wrapper table {
    flex: 29.33%;
  }
}
.block input,
.block select,
.table-wrapper table input,
.table-wrapper table select {
  width: 100%;
}

.block {
  padding: 0;
  border-top-right-radius: 0.75em;
}
.block h3 {
  background: whitesmoke;
  margin: 0;
  font-size: 1.15em;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 119, 99, 0.1);
}
.block h3.standard {
  font-size: 1em;
  background: none;
  text-transform: none;
  padding: 0;
  margin-bottom: 0.5em;
  border: 0;
  display: block;
}
.block h3 .placeholder-toggler {
  font-weight: normal;
}
.block h3 .button {
  font-size: 0.7em;
  line-height: 1em;
}
.block h3 small {
  text-transform: none;
  font-weight: normal;
  opacity: 0.5;
}
.block h3 {
  padding: 1.25em 1.5rem 1rem;
  border-top-right-radius: 0.75em;
}
.block .content {
  padding: 2.5rem;
}
.case-details .block .content {
  padding: 1rem 1.5rem;
}
.block .content.smaller {
  padding: 0 2.5rem 1.5rem;
  margin-top: -2rem;
}
.block .inner-wrapper {
  padding: 1.5em 1.5em 0;
  background-color: #e5e8ea;
}

table {
  width: 100%;
  background-color: #fff;
  border-collapse: collapse;
  border-radius: 0.2em;
  overflow: hidden;
}
table.detail th {
  width: 20%;
  vertical-align: top;
}
table.detail tr:nth-child(2n) th {
  background-color: rgba(0, 0, 0, 0.075);
}

tr:last-child td,
tr:last-child th {
  border-bottom: 0;
}

td,
th {
  padding: 0.5em;
}
td .button,
th .button {
  font-size: 1em;
  width: 100%;
}

th:last-child, th:nth-last-child(2) {
  border: 0;
}

td {
  border-bottom: 1px solid #eaeaea;
}

th {
  text-align: left;
  background-color: rgb(242.25, 242.25, 242.25);
  padding-top: 1em;
  padding-bottom: 1em;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.person-detail,
.vaccination-detail {
  margin-bottom: 2em;
}
.person-detail th,
.vaccination-detail th {
  width: 20%;
}

.actions {
  text-align: right;
}
.actions a {
  margin-bottom: 0.1em;
}
.actions a:last-child {
  margin-bottom: 0;
}
.actions .button {
  max-width: 15em;
}
.actions .button-like.inactive {
  color: #707070;
  font-size: 0.92em;
}
.actions img {
  width: 0.8em;
  height: 0.8em;
  opacity: 0.5;
}
.actions .to-case {
  background-image: linear-gradient(-35deg, rgb(130.2553191489, 144.6489361702, 154.2446808511), rgb(104.329787234, 119.2340425532, 129.170212766));
}

@media (min-width: 960px) {
  .persons-table .actions {
    white-space: nowrap;
  }
  .persons-table .actions .button {
    width: auto;
  }
}

.page-home .greeting {
  font-size: 2em;
  font-weight: normal;
  margin-top: 0;
}
.page-home .greeting a {
  text-decoration: none;
  font-weight: bold;
}
.page-home .grid path {
  fill: #007763 !important;
}
.page-home .grid a {
  background-color: #fff;
  border-radius: 0.15em;
  box-shadow: 0.1em 0.1em 0.6em rgba(0, 0, 0, 0.1);
  transition: transform 0.2s, box-shadow 0.2s;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-home .grid a:hover, .page-home .grid a:focus {
  transform: scale(1.05);
  box-shadow: 1em 0.5em 2em rgba(0, 0, 0, 0.2);
}
.page-home .grid .dashboard-block {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0.3em;
  overflow: hidden;
  box-shadow: 0.1em 0.1em 0.6em rgba(0, 0, 0, 0.1);
}
.page-home .grid .dashboard-block h3 {
  padding: 1em 1rem 0.8em;
  margin: 0;
  text-align: left;
  font-size: 0.8em;
  color: #707070;
  background-image: linear-gradient(35deg, rgb(221.25, 221.25, 221.25), #b7b7b7);
}
.page-home .grid .dashboard-block h3 span {
  font-weight: normal;
}
.page-home .grid .dashboard-block ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.page-home .grid .dashboard-block li {
  font-size: 1em;
  margin: 0;
}
.page-home .grid .dashboard-block li:first-child a {
  border-top: 0;
}
.page-home .grid .dashboard-block a {
  box-shadow: none;
  padding: 0.25em 1em;
  font-size: 0.7em;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: transparent;
  border-top: 1px solid rgb(195.75, 195.75, 195.75);
}
.page-home .grid .dashboard-block a > * {
  display: block;
}
.page-home .grid .dashboard-block a .ghost-button {
  margin-left: auto;
}
.page-home .grid .dashboard-block a time {
  padding-right: 2em;
  color: #007763;
  font-weight: bold;
  flex: 0 0 20%;
  text-align: left;
}
.page-home .grid .dashboard-block a:hover, .page-home .grid .dashboard-block a:focus {
  transform: none;
}
.page-home .grid .dashboard-block a .ghost-button {
  font-size: 0.8em;
}
.page-home .grid .empty-info {
  font-size: 0.7em;
  padding: 0.7em 1rem;
  text-align: left;
  margin-left: 0;
  display: block;
}
.page-home .icon-container {
  margin-bottom: 1em;
}
.page-home .icon-container svg {
  width: 3em !important;
  height: 3em !important;
}
.page-home .secondary {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}
.page-home .secondary.admin-secondary {
  margin-bottom: 2em;
}
.page-home .secondary li {
  padding-right: 1em;
}
.page-home .secondary li:first-child {
  list-style-type: none;
}
.page-home .secondary a {
  text-decoration: none;
  padding: 1em;
  padding-left: 0.5em;
  display: inline-block;
}
.page-home .secondary a:hover, .page-home .secondary a:focus {
  color: #007763;
}
.page-home .grid1 path {
  fill: #fff !important;
}
.page-home .grid1 a {
  background-color: #007763;
  background-image: linear-gradient(35deg, rgb(51.6791237113, 116.8208762887, 72.0902061856), rgb(0, 170, 141.4285714286));
  color: rgba(255, 255, 255, 0.7);
  overflow: hidden;
}
.page-home .grid1 a:hover, .page-home .grid1 a:focus {
  box-shadow: 1em 0.5em 2em rgba(0, 59.5, 49.5, 0.3);
}
.page-home .grid1 .buy-card {
  position: relative;
  border-bottom-right-radius: 1em;
  cursor: default;
}
.page-home .grid1 .buy-card .button {
  font-size: 0.8em;
  position: absolute;
  background-image: none;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  padding: 1em;
  left: 0;
  width: 100%;
}
.page-home .grid1 .buy-card .part1 {
  display: flex;
  align-items: center;
  flex: auto;
  justify-content: center;
}
.page-home .grid1 .buy-card.has-button {
  cursor: pointer;
}
.page-home .grid1 .buy-card.has-button .part1 {
  margin-bottom: 2em;
}
.page-home .grid1 .buy-card .text {
  text-align: right;
  font-size: 0.8em;
}
.page-home .grid1 .buy-card .icon-container {
  text-align: left;
  padding-left: 1em;
  margin: 0;
}
.page-home .grid1 .buy-card .count {
  font-size: 2em;
  font-weight: bold;
  opacity: 0.5;
}
@media (min-width: 1200px) {
  .page-home .grid1 .buy-card .count {
    font-size: 3em;
  }
}
.page-home .grid1 .buy-card .button:hover, .page-home .grid1 .buy-card .button:focus {
  transform: none;
}

.buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 620px) {
  .buttons-wrapper.no-wrap {
    flex-wrap: nowrap;
  }
}
.buttons-wrapper button,
.buttons-wrapper input,
.buttons-wrapper a {
  margin-right: 1em;
  margin-bottom: 1em;
  cursor: pointer;
}
.buttons-wrapper button:last-child,
.buttons-wrapper input:last-child,
.buttons-wrapper a:last-child {
  margin-right: 0;
}

.alert-box-outer {
  position: fixed;
  bottom: 1em;
  z-index: 16;
}

.alert-box {
  background-image: linear-gradient(to left, #779643, rgb(157.2258064516, 188.1543778802, 105.3456221198));
  padding: 1em 2em;
  box-shadow: 0.1em 0.1em 0.6em rgba(0, 0, 0, 0.1);
  font-size: 1.2em;
  color: #fff;
  font-weight: bold;
  border-radius: 0.1em;
  z-index: 5;
  transition: transform 0.5s;
  text-align: center;
}
.alert-box.attention {
  transform: scale(1.1);
}
.alert-box .close {
  position: absolute;
  top: 0.2em;
  right: 0.5em;
  font-size: 1.2em;
  opacity: 0.5;
  cursor: pointer;
  transform: scale(1.3, 1);
}
.alert-box.warn {
  background-image: linear-gradient(to left, #ab5033, rgb(206.4121621622, 119.7162162162, 92.0878378378));
}
.alert-box.semiwarn {
  background-image: linear-gradient(35deg, #ff8800, rgb(255, 171.7, 76.5));
}

.back img {
  width: 1.2em;
  height: 1.2em;
  position: relative;
  top: -0.1em;
  opacity: 0.5;
  margin-right: 0.5em;
}

footer {
  color: #fff;
  background-image: linear-gradient(35deg, rgb(0, 93.5, 77.7857142857), rgb(0, 170, 141.4285714286));
  position: relative;
  box-shadow: 0.1em -0.1em 0.2em rgba(0, 0, 0, 0.2);
}
footer a {
  text-decoration: none;
  font-weight: bold;
}
footer .cta {
  background-color: rgba(255, 255, 255, 0.15);
  margin-bottom: 0.25em;
  padding: 0.25em;
  font-size: 2.5em;
  display: block;
  font-weight: 300;
}
@media (max-width: 619px) {
  footer .cta {
    font-size: 1.25em;
  }
}
footer .cta strong {
  font-weight: 600;
}
footer .inner {
  padding-top: 1em;
  padding-bottom: 0.5em;
  max-width: none;
  padding-left: 1em;
  padding-right: 5em;
}
footer .innerst {
  font-size: 0.8em;
  text-align: right;
  display: flex;
  justify-content: space-between;
}
footer .part1 {
  text-align: left;
}
footer .part2 {
  margin-left: auto;
}

.logout-form {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  font-size: 0.8em;
}
.logout-form img {
  width: 1em;
  filter: brightness(3) !important;
  opacity: 0.5;
}
.ie-11 .logout-form img {
  display: none;
}

.vaccinate-form {
  background-color: #fff;
  padding: 2em;
}

.search-form {
  white-space: nowrap;
}
.search-form .form-item {
  max-width: 20em;
}
.search-form .form-item input {
  width: 100%;
  box-sizing: border-box;
  transition: width 0.2s;
  min-width: 0;
}
.search-form img {
  width: 1em;
  height: 1em;
}
.search-form button[type=submit] {
  font-size: 1em;
  margin-left: -0.2em;
}
.ie-11 .search-form button[type=submit]:before {
  content: "Suchen";
}
.search-form div, .search-form button {
  display: inline-block;
}
.ie-11 .search-form img {
  width: 2em;
  height: 2em;
  display: none;
}

.barcode-form {
  white-space: nowrap;
}

.radios-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.pagination-wrapper {
  display: block;
  text-align: center;
  margin-bottom: 2em;
}

.pagination-inner-wrapper {
  display: inline-block;
}

.pagination {
  margin: 0 auto;
  display: flex;
  padding: 0;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #fff;
  border-radius: 0.2em;
}
.pagination li {
  list-style-type: none;
}
.pagination a,
.pagination span {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
}
.pagination .active {
  background-color: #007763;
  color: #fff;
}

.index h2 {
  float: left;
}
.index .search-form {
  float: right;
}

.table-wrapper {
  clear: both;
  overflow-x: auto;
  box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.1);
  margin-bottom: 3em;
}
.table-wrapper ul {
  padding-left: 1.25em;
}
.table-wrapper.empty {
  background-color: #fff;
  padding: 4em;
  text-align: center;
  top: 2em;
  position: relative;
  margin-bottom: 5em;
}
.table-wrapper.empty h1 {
  font-size: 1.25em;
  text-transform: none;
  margin-bottom: 2em;
}
.table-wrapper.empty svg {
  opacity: 0.35;
  width: 10em;
  height: 10em;
}
.table-wrapper.empty svg path {
  fill: #007763;
}

.badges {
  position: absolute;
  top: -0.2em;
  left: -0.2em;
}

.badge {
  background-color: #779643;
  font-size: 0.8em;
  padding: 0.25em 0.5em;
  line-height: 1em;
  display: inline-block;
  border-radius: 0.25em;
  color: #fff;
}
.badge.thirdary {
  background-color: #6d1f58;
}
.badge.running {
  background-color: #ff8800;
}
.badge.in-the-past {
  background-color: rgb(191.25, 191.25, 191.25);
}
.badge.warn {
  background-color: #ab5033;
}

.superadmin-area-wrapper {
  text-align: center;
}

.badges-secondary {
  position: absolute;
  bottom: -0.4em;
  right: -0.4em;
}
.badges-secondary .success,
.badges-secondary .fail {
  width: 2em;
  height: 2em;
  box-sizing: border-box;
  background-image: linear-gradient(135deg, rgb(59.5, 134.5, 83), rgb(132.9838709677, 167.6267281106, 74.8732718894));
  border-radius: 50%;
  box-shadow: 0.4em 0.4em 1.5em rgba(0, 0, 0, 0.3);
  padding: 0.35em 0.35em;
}
.badges-secondary .success path,
.badges-secondary .fail path {
  fill: #fff;
}
.badges-secondary .fail {
  padding: 0.5em;
  background-image: none;
  background-color: #ab5033;
  display: flex;
  justify-content: center;
  align-items: center;
}
.badges-secondary .fail img {
  width: 1em;
  height: 1em;
}
.badges-secondary .success img {
  filter: invert(1);
}

.superadmin-area {
  display: inline-block;
  width: 100%;
  background-color: #007763;
  background-image: linear-gradient(35deg, rgb(0, 93.5, 77.7857142857), rgb(0, 170, 141.4285714286));
  color: #fff;
  text-align: center;
  margin: 0 auto;
  padding: 2em 1em 1em 2em;
  box-shadow: 0.1em 0.1em 0.6em rgba(0, 0, 0, 0.1);
  border-radius: 0.2em;
}
.superadmin-area .secondary {
  margin-bottom: 0;
}
.superadmin-area .secondary a:hover, .superadmin-area .secondary a:focus {
  color: rgba(255, 255, 255, 0.5);
}

.dashboard-headline {
  margin-bottom: 0.5em;
  text-align: center;
  opacity: 0.5;
  text-transform: none;
}

@media (min-width: 960px) {
  .parts {
    display: flex;
  }
  .parts .part1 {
    margin-right: 2%;
  }
  .parts .part {
    flex: 0 0 49%;
  }
}
.parts input {
  max-width: none;
}

.reasons {
  padding-left: 1.2em;
  margin: 0;
}

.waiting-time,
.remaining-time {
  text-align: right;
  padding-right: 2em;
  width: 8em;
}
.waiting-time img,
.remaining-time img {
  width: 1em;
  opacity: 0.5;
}

.filter-info {
  clear: both;
  display: block;
  margin-bottom: 1em;
}
.filter-info a {
  color: #007763;
}

.form-items-wrapper,
.form-items-wrapper2 {
  display: flex;
}
.form-items-wrapper .form-item {
  flex: 0 0 47.5%;
}
.form-items-wrapper2 .
.form-items-wrapper .form-item:first-child {
  margin-right: 5%;
}
.form-items-wrapper:not(.even) .form-item input {
  min-width: 0;
}
.form-items-wrapper:not(.even) .form-item:first-child {
  flex: 0 0 25%;
  min-width: 0;
  margin-right: 5%;
}
.form-items-wrapper:not(.even) .form-item:nth-child(2) {
  flex: 0 0 70%;
}

.errors-visible {
  display: block !important;
}

.has-error label {
  color: #ab5033;
}
.has-error input,
.has-error select,
.has-error textarea {
  border: 2px solid #ab5033 !important;
}

.add-manually {
  position: relative;
}
.add-manually .button {
  background-image: none;
  box-shadow: none;
  padding: 0;
  font-size: 5em;
  display: block;
  margin-bottom: 0.2em;
  line-height: 0.5em;
  opacity: 0.25;
}

.log-persons-in {
  margin-bottom: 3em;
}
.log-persons-in .search-form .form-item {
  width: calc(100% - 3.5em);
}
.log-persons-in .parts {
  padding-bottom: 2em;
}

.delete-form {
  text-align: right;
  margin-bottom: 3.5em;
}
.delete-form button {
  background-image: linear-gradient(35deg, #ab5033, rgb(206.4121621622, 119.7162162162, 92.0878378378));
}
.delete-form button img {
  width: 1em;
  opacity: 0.5;
  position: relative;
  top: -0.1em;
}

.persons a {
  display: block;
}
.persons a.active {
  font-weight: bold;
}

.actions .inactive {
  background-image: linear-gradient(#eaeaea, rgb(221.25, 221.25, 221.25));
  color: rgb(201.25, 201.25, 201.25);
  cursor: not-allowed;
}

.errors-wrapper {
  clear: both;
  flex-basis: 100%;
}
.errors-wrapper .error {
  display: inline-block;
}

.buy-more svg {
  width: 0.9em;
  height: 0.9em;
  margin-right: 0.5em;
}
.buy-more path {
  fill: #fff;
}

.buy-area {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 1em 1.5em;
  border-bottom: 4px solid #007763;
  margin-bottom: 0.5em;
}
.buy-area .warn {
  color: #ab5033;
  font-weight: bold;
}
.buy-area .parts {
  align-items: center;
}
.buy-area .part:last-child {
  margin-left: auto;
  text-align: right;
}
.buy-area .cant-buy .part {
  margin-left: 0 !important;
  text-align: left;
}
.buy-area ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.buy-area h4 {
  font-weight: normal;
  margin: 0;
}
.buy-area h4 strong {
  font-weight: bold;
}
@media (min-width: 960px) {
  .buy-area.wristbands {
    margin-right: 1em;
  }
}

@media (min-width: 960px) {
  .blocks-wrapper {
    display: flex;
  }
}

.options {
  margin-top: 2em;
  justify-content: center;
}
@media (min-width: 620px) {
  .options {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 1em;
  }
}
@media (min-width: 960px) {
  .options {
    grid-template-columns: auto auto auto;
  }
}
.options .option {
  padding: 2em;
  background-color: rgba(255, 255, 255, 0.5);
  border-bottom: 4px solid #007763;
  border-radius: 0.2em;
  text-align: center;
  font-size: 1.2em;
  box-shadow: 0.1em 0.1em 0.6em rgba(0, 0, 0, 0.1);
  max-width: 17em;
}
@media (max-width: 619px) {
  .options .option {
    margin-bottom: 1em;
  }
}
.options .option button img {
  width: 5em;
}
.options strong {
  font-size: 2em;
  display: block;
  margin: 0.1em;
}
.options .number {
  opacity: 0.8;
}
.options .price {
  margin-bottom: 1em;
}
.options.vacccertcontingent button {
  background-image: linear-gradient(35deg, #6d1f58, rgb(168.5607142857, 47.9392857143, 136.0857142857));
}
.options.vacccertcontingent .option {
  border-color: #6d1f58;
}

.cta-area,
.login-link {
  line-height: 1.6em;
}

.cta-area {
  max-width: 35em;
  margin: 0 auto;
  margin-bottom: 3em;
}
.ie-11 .cta-area {
  max-width: none;
}
.cta-area h1 {
  font-size: 1.25em;
  text-transform: none;
  color: #707070;
  font-weight: normal;
  margin-bottom: 2em;
}

.login-link {
  margin-bottom: 1em;
}
.login-link a {
  color: #007763;
  text-decoration: none;
  font-weight: bold;
}

.register-area {
  text-align: center;
  margin-top: 8vh;
}
.register-area .register-form {
  font-size: 1.1em;
  margin-bottom: 2em;
}
.register-area .register-form small {
  text-align: left;
  font-size: 0.8rem;
  font-weight: normal;
  margin-top: -0.1em;
}
.register-area h3 {
  color: rgb(29.75, 140.25, 121.6785714286);
}
.register-area .form-items-wrapper .form-item {
  flex: 0 0 48% !important;
}

.contingent-counter {
  font-size: 2em;
}
.contingent-counter.warn {
  color: #ab5033;
}

.not-today,
.individual-waiting-time {
  display: block;
  margin-bottom: 1.5em;
  cursor: pointer;
  opacity: 1;
}
.not-today a,
.individual-waiting-time a {
  text-decoration: none;
  display: inline-block;
  color: #007763;
  padding: 0.2em;
}
.not-today svg,
.individual-waiting-time svg {
  width: 1.5em;
  height: 1.5em;
}
.not-today svg path,
.individual-waiting-time svg path {
  fill: #007763;
}

.vaccinated-table button {
  padding-left: 1.35em;
  padding-right: 1.35em;
}
.vaccinated-table tbody tr {
  color: #ab5033;
}
.vaccinated-table tbody .almost-ready-to-go {
  color: #ff8800;
}
.vaccinated-table tbody .ready-to-go {
  color: #779643;
  font-weight: bold;
}
.vaccinated-table tbody .ready-to-go .waited {
  display: block;
  margin-right: 0.5em;
}
.vaccinated-table tbody .ready-to-go .waited.with-adverseeffects {
  margin-right: 0;
}
.vaccinated-table tbody .ready-to-go .left-to-soon {
  display: none;
}
.vaccinated-table .waited {
  display: none;
}
.vaccinated-table td.actions {
  display: flex;
  justify-content: flex-start;
}
.vaccinated-table td.actions.no-superadmin {
  justify-content: flex-end;
}
.vaccinated-table th.actions {
  text-align: left;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.vaccinated-table .vacccert-form button {
  background-image: linear-gradient(35deg, #6d1f58, rgb(168.5607142857, 47.9392857143, 136.0857142857));
}
.vaccinated-table .remaining-time-head {
  min-width: 10em;
}
.vaccinated-table .lastname-head {
  min-width: 8em;
}

.checkout-button {
  background-image: linear-gradient(to left, rgba(255, 136, 0, 0.9), rgba(255, 171.7, 76.5, 0.9));
  font-size: inherit !important;
  width: auto !important;
}

.registered-table td.actions {
  display: flex;
  justify-content: flex-end;
}
.registered-table td.actions .checkout-button {
  background-image: linear-gradient(to left, rgba(255, 136, 0, 0.9), rgba(255, 171.7, 76.5, 0.9));
}
.registered-table td.actions a {
  margin-right: 0.5em;
}

textarea::placeholder {
  opacity: 0.56;
}

.success-info {
  background-color: #779643;
  color: #fff;
  padding: 0.5em 1em;
  display: block;
  border-radius: 0.1em;
  box-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
  font-weight: bold;
}

.login-area h2 {
  text-align: center;
}
.login-area .login-form {
  max-width: 25em;
}

.infopage p, .infopage li {
  line-height: 1.6em;
}

.legal-checkboxes {
  width: 100%;
  text-align: left;
}

.page-become-client .checkbox input {
  width: auto;
}

small.warn {
  color: #ab5033;
  font-weight: bold;
}

.csv-download {
  margin-bottom: 2em;
  display: block;
  text-decoration: none;
  border: 1px solid #007763;
  color: #007763;
  border-radius: 0.3em;
  padding: 0.5em 1em;
}
.csv-download path {
  fill: #007763;
}
.csv-download svg {
  width: 1.5em;
  position: relative;
  top: -0.1em;
}

.hide-this {
  display: none;
}

.index td {
  position: relative;
}
.index .roles {
  color: #fff;
  font-size: 0.85em;
  display: inline-block;
}
.index .roles span {
  padding: 0 0.5em;
  background-color: #707070;
  display: inline-block;
  margin-right: 0.25em;
  border-radius: 0.2em;
  margin-bottom: 0.25em;
}
.index .roles span.standarduser-info {
  background-color: #779643;
}
.index .roles span.role-superadmin {
  background-color: #ab5033;
}
.index .standarduser-info + .admin-info {
  display: none;
}

.special-link {
  color: #007763;
}

.icon-td img {
  width: 1em;
}

.manual-link {
  width: 3em;
  background-color: #007763;
  height: 3em;
  display: block;
  text-align: center;
  box-sizing: border-box;
  position: fixed;
  right: 15px;
  bottom: 0.5em;
  padding: 0.7em;
  z-index: 5;
  border-radius: 50%;
  border: 1px solid #fff;
  transition: transform 0.2s;
}
.manual-link:hover, .manual-link:focus {
  transform: scale(1.1);
}

.cfGMLl {
  bottom: 1.5rem !important;
}

.important-info {
  font-size: 1.8em;
  margin: 1em 0;
}
.important-info a {
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  border: 2px solid #007763;
  padding: 0.2em;
  border-radius: 0.2em;
}
.important-info.warn {
  color: #ab5033;
  font-size: 1.5em;
  border: 1px solid #ab5033;
  padding: 0.5em;
  border-radius: 0.2em;
}
.important-info.warn:after {
  content: "";
  display: block;
  clear: both;
}

.important-info-invert {
  padding: 0.5em;
  font-size: 1.8em;
  background-color: #ab5033;
  color: #fff;
  margin: 2em 0;
  border-radius: 0.1em;
}

.warn-info-invert {
  padding: 0.5em 1.5em;
  background-color: #ab5033;
  color: #fff;
  font-size: 1.2em;
  margin: 2em 0;
  box-shadow: 0.1em 0.1em 0.6em rgba(0, 0, 0, 0.1);
  border-radius: 0.3em;
}

.warn-badge {
  color: #fff;
  background-color: #ab5033;
  width: 1.25em;
  height: 1.25em;
  box-sizing: border-box;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  padding-top: 0.1em;
  cursor: default;
  display: block;
  float: left;
  margin-right: 0.5em;
}

.warn-info {
  color: #ab5033;
}

.important-warn-info-text {
  float: left;
  width: calc(100% - 2.5em);
}

.buy-area {
  max-height: 16em;
  overflow: auto;
}
.buy-area .main-icon {
  float: left;
  margin-right: 0.5em;
}
.buy-area .main-icon svg {
  width: 2em;
  height: 2em;
  opacity: 0.65;
}
.buy-area .main-icon svg path {
  fill: #007763 !important;
}
.buy-area .part1 {
  display: flex;
  align-items: center;
}

.buy-area2 {
  border-bottom-color: #6d1f58;
}
.buy-area2 .main-icon svg {
  width: 1.7em;
}
.buy-area2 .main-icon svg path {
  fill: #6d1f58;
}
.buy-area2 .button {
  background-image: linear-gradient(35deg, #6d1f58, rgb(168.5607142857, 47.9392857143, 136.0857142857));
}

.page-merge .checkbox {
  padding-bottom: 0;
}

.superadmin-area-vacccert {
  background-image: linear-gradient(35deg, #6d1f58, rgb(168.5607142857, 47.9392857143, 136.0857142857));
  width: 100%;
  margin-top: 0.5em;
}

.transmit-and-create-info .ok {
  color: #779643;
}
.transmit-and-create-info .warn {
  color: #fff;
  background-color: #ab5033;
  width: 1.25em;
  height: 1.25em;
  box-sizing: border-box;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  padding-top: 0.1em;
  cursor: default;
}
.transmit-and-create-info .warn-text {
  color: #ab5033;
}

.warn.info {
  background-image: linear-gradient(35deg, #ab5033, rgb(206.4121621622, 119.7162162162, 92.0878378378));
  padding: 1em 2em;
  box-shadow: 0.1em 0.1em 0.6em rgba(0, 0, 0, 0.1);
  font-size: 1.2em;
  color: #fff;
  font-weight: bold;
}

th.number, td.number {
  text-align: right;
}

.purchases-table .go {
  color: #779643;
  text-decoration: underline;
  cursor: pointer;
}
.purchases-table .warn {
  color: #ab5033;
  text-decoration: underline;
  cursor: pointer;
}
.purchases-table form {
  display: none;
}
.purchases-table form.always-visible {
  display: block;
}
.purchases-table form button {
  font-size: 0.9em;
}
.purchases-table ul {
  padding-left: 1.25em;
}

.deleted-info {
  opacity: 0.5;
  font-size: 0.7em;
}

.vacccert-form {
  text-align: center;
}
.vacccert-form img {
  min-width: 1.25em;
  min-height: 1.25em;
  opacity: 0.7;
}

.vacccert-info img {
  width: 1.25em;
  position: relative;
  top: -0.1em;
}
.vacccert-info button {
  background-image: linear-gradient(35deg, #6d1f58, rgb(168.5607142857, 47.9392857143, 136.0857142857));
}

.user-actions {
  float: right;
  position: relative;
}
.user-actions .filter-only-problematic,
.user-actions .filter-link {
  display: inline-block;
  color: #007763;
  margin-right: 1em;
  font-size: 0.8em;
  position: relative;
  top: 0.35em;
  text-decoration: none;
}
.user-actions .filter-only-problematic img,
.user-actions .filter-link img {
  width: 1em;
  height: 1em;
  margin: 0.5em 0.1em;
  margin-top: -0.2em;
  margin-left: -1em;
}
.user-actions .filter-link {
  border: 1px solid #007763;
  border-radius: 0.2em;
  padding: 0.65em 1em;
  position: relative;
  top: 0.2em;
}
.user-actions .ghost-button {
  font-size: 0.9em;
  position: relative;
  top: 0.15em;
  margin-right: 0.5em;
}

.vaccine-keys .form-item {
  flex: 0 0 18% !important;
  margin-right: 2.5% !important;
}

.vaccinate-form .vaccination-number-wrapper .radio {
  display: none;
}

.manual-vacc-form .vaccination-wrapper {
  padding-top: 1em;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 20px;
  margin-top: 15px;
}

.lds-ellipsis div {
  position: absolute;
  padding-top: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #007763;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.vaccinations-table small {
  color: #007763;
  opacity: 0.7;
}

@keyframes marquee {
  0% {
    transform: translate3d(100%, 0, 0);
  }
  100% {
    transform: translate3d(-120%, 0, 0);
  }
}
.marquee-wrapper {
  width: 100%;
  height: 1.5em;
  margin-bottom: 1em;
}

.marquee {
  white-space: nowrap;
  overflow: hidden;
  margin: -2em 0 1.5em;
  position: relative;
}
.page-home .marquee {
  margin-top: 3em;
}
.marquee:before, .marquee:after {
  background-image: linear-gradient(to right, rgb(234.6425531915, 236.9914893617, 238.5574468085), rgba(234.6425531915, 236.9914893617, 238.5574468085, 0));
  content: "";
  display: block;
  width: 7.5%;
  height: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
}
.marquee:after {
  background-image: linear-gradient(to left, rgb(234.6425531915, 236.9914893617, 238.5574468085), rgba(234.6425531915, 236.9914893617, 238.5574468085, 0));
  right: 0;
  left: auto;
}

.marquee-inner {
  animation: marquee 25s linear infinite;
  font-weight: bold;
  margin-bottom: 1em;
}

.show-on-wait {
  display: none;
}

#submit:disabled:after {
  display: inline-block;
  margin-left: 0.5em;
  content: "";
  width: 0.8em;
  height: 0.8em;
  background-image: url("../_images/Rolling-1s-91px.gif");
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.check-in-options {
  text-align: center;
  margin-bottom: 2em;
}
.check-in-options .block {
  margin-top: 0;
}
.check-in-options a {
  text-decoration: none;
  font-size: 2em;
  background-image: linear-gradient(35deg, #007763, rgb(0, 195.5, 162.6428571429));
  color: #fff;
}
.check-in-options svg {
  width: 2em;
  height: 2em;
  opacity: 0.25;
}
.check-in-options svg path {
  fill: #fff;
}

.search-options {
  margin-bottom: 3em;
}

.inactive {
  opacity: 0.5;
}

.enter-results {
  margin-bottom: 1em;
}
.enter-results .actions {
  display: flex;
  justify-content: flex-end;
}
.enter-results .actions button, .enter-results .actions a {
  margin-left: 0.5em;
  font-size: 1em;
}
.enter-results .actions .checkout-button {
  margin-left: 1em;
}

.status-link {
  text-decoration: none;
  border: 1px solid rgb(195.75, 195.75, 195.75);
  padding: 0.475em 1em;
  border-radius: 0.2em;
  background-color: rgba(255, 255, 255, 0.3);
  float: right;
}
@media (max-width: 1199px) {
  .status-link {
    clear: both;
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 1em;
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .status-link {
    position: relative;
    top: 0.1em;
    margin-right: 0.5em;
  }
}

.result-notifications img,
.notification-types img {
  opacity: 0.5;
  width: 1em;
}
.result-notifications .mail,
.notification-types .mail {
  display: inline-block;
}
.result-notifications .mail svg,
.notification-types .mail svg {
  width: 1.15em;
  margin-right: 0.1em;
}
.result-notifications.legend-wrapper .text,
.notification-types.legend-wrapper .text {
  font-size: 0.8em;
}

.qr-code {
  max-width: 25em;
}

.result-positive,
.result-negative {
  font-size: 2em;
}

.result-positive {
  color: #ab5033;
}

.result-negative {
  color: #779643;
}

a {
  cursor: pointer;
}
a.block {
  user-select: none;
  text-decoration: none;
  transition: background-color 0.1s, color 0.1s, transform 0.1s;
}
a.block:hover, a.block:focus, a.block:active {
  background-color: #007763;
  color: #fff;
  transform: scale(1.05);
}
a.block:hover .not-solved,
a.block:focus .not-solved,
a.block:active .not-solved {
    color: rgba(255, 255, 255, 0.6);
}
a.block:hover .solved, a.block:focus .solved, a.block:active .solved {
  color: rgba(255, 255, 255, 0.6);
}

.anonymized-block,
.personalized-block {
  margin-bottom: 4em;
}

.slide-enter-active, .slide-leave-active {
  transition: 0.3s transform, opacity 0.1s;
}

.slide-enter, .slide-leave-to {
  transform: translateX(-300%);
  opacity: 0;
}

.check-in-options {
  transition: all 0.2s;
  transform-origin: left top;
}

.adding-anonymous .check-in-options,
.adding-personalized .check-in-options {
  font-size: 0.5em;
}
.adding-anonymous .check-in-options .block,
.adding-personalized .check-in-options .block {
  padding: 0;
}
.adding-anonymous .check-in-options svg,
.adding-personalized .check-in-options svg {
  display: none;
  transition: all 0.2s;
}
.adding-anonymous .registered-table,
.adding-personalized .registered-table {
  opacity: 0.3;
}

.adding-anonymous .personalized-toggler {
  opacity: 0.5;
}

.adding-personalized .anonymous-toggler {
  opacity: 0.5;
}

.personalized-toggler,
.anonymous-toggler {
  position: relative;
}
.personalized-toggler .close,
.anonymous-toggler .close {
  position: absolute;
  right: 0.5em;
  top: 0.35em;
  text-align: center;
  opacity: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 1.35em;
  height: 1.35em;
  border-radius: 50%;
  border: 1px solid #fff;
  transition: opacity 0.5s;
}

.adding-personalized .personalized-toggler .close {
  opacity: 1;
}

.adding-anonymous .anonymous-toggler .close {
  opacity: 1;
}

.cookiefirst-root div [data-cookiefirst-button=primary] {
  background-color: transparent !important;
  color: #0d56c9 !important;
}

.cookiefirst-root div [data-cookiefirst-button=primary]:hover {
  color: rgb(0, 0, 0) !important;
  background: #0d56c9 !important;
  border-color: #0d56c9 !important;
  border-radius: 0;
}

.cookiefirst-root span [data-cookiefirst-button=primary] {
  background: #007763 !important;
  border-color: #007763 !important;
}

.page-standalone,
.page-standalone-wide {
  text-align: center;
}
.page-standalone main,
.page-standalone-wide main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 30em;
  margin: 0 auto;
}
.page-standalone header,
.page-standalone footer,
.page-standalone .marquee,
.page-standalone-wide header,
.page-standalone-wide footer,
.page-standalone-wide .marquee {
  display: none;
}
.page-standalone p,
.page-standalone-wide p {
  line-height: 1.7em;
}

.page-standalone-wide main {
  max-width: 53em;
}
.page-standalone-wide.align-left p {
  text-align: left;
}

@media print {
  .page-standalone .qr-code-container {
    border: 1px solid #000;
  }
}
.page-standalone .back {
  margin-bottom: 2em;
}
@media print {
  .page-standalone .back {
    display: none;
  }
}

.page-result-by-scan {
  text-align: center;
}
.page-result-by-scan .inner {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.page-result-by-scan header,
.page-result-by-scan footer {
  display: none;
}
.page-result-by-scan .result-area {
  padding: 1em;
}
.page-result-by-scan .result-area .qr-code-wrapper {
  padding: 1.5em;
  border-radius: 0.2em;
  box-shadow: 0.1em 0.1em 1em rgba(0, 0, 0, 0.2);
  background-color: #fff;
  box-sizing: border-box;
  display: inline-block;
  color: #707070;
}
.page-result-by-scan.no-test main {
  color: #707070;
}
.page-result-by-scan.no-test .back img {
  filter: none;
}
.page-result-by-scan main {
  color: #fff;
}
.page-result-by-scan main h1 span {
  font-weight: bold;
}
.page-result-by-scan .back img {
  filter: invert(100%);
}
.page-result-by-scan .icon {
  display: inline-block;
}
.page-result-by-scan .marquee-wrapper {
  display: none;
}
.page-result-by-scan.negative {
  background-color: #62b708;
}
.page-result-by-scan.positive {
  background-color: #c01d1d;
}
.page-result-by-scan.wait {
  background-color: #549dbd;
}
.page-result-by-scan.too-old {
  background-color: #ff6200;
}
.page-result-by-scan.not-found {
  background-color: #454545;
}
.page-result-by-scan.unclear {
  background-color: #848484;
}
.page-result-by-scan .icon {
  width: 6em;
  height: 6em;
  opacity: 0.5;
}
.page-result-by-scan .icon svg {
  width: 6em !important;
  height: 6em !important;
  opacity: 0.5;
}
.page-result-by-scan .icon svg path {
  fill: #fff;
}
.page-result-by-scan .info {
  line-height: 1.4em;
  margin-bottom: 1.5em;
  font-size: 1.2em;
  margin-top: 1em;
}
.page-result-by-scan .button {
  border-radius: 3px;
  display: inline-block;
  text-decoration: none;
  color: inherit;
  opacity: 0.8;
  transition: transform 0.2s;
}
.page-result-by-scan .button svg {
  width: 1em;
  height: 1em;
  position: relative;
  top: -0.1em;
}
.page-result-by-scan .button:hover,
.page-result-by-scan .button:focus {
  transform: scale(1.1);
}
.page-result-by-scan .button img {
  width: 0.8em;
  height: 0.8em;
}
.page-result-by-scan .block {
  position: relative;
  background-color: #fff;
  color: #373737;
  padding: 2em 0 0;
  border-radius: 0.3em;
  box-shadow: 0.5em 0.5em 1em rgba(0, 0, 0, 0.25);
}
.page-result-by-scan .block .icon-wrapper {
  position: absolute;
  top: -1em;
  width: 100%;
  text-align: center;
}
.page-result-by-scan .block .icon-wrapper-inner {
  background-color: #fff;
  display: inline-block;
  padding: 0.5em;
  border-radius: 50%;
}
.page-result-by-scan .block h2 {
  padding: 0.5em 0.5em 1em;
  margin: 0;
  border-bottom: 3px solid #c6c6c6;
}
.page-result-by-scan .block .icon {
  opacity: 1;
  width: 2.5em;
  height: 2.5em;
}
.page-result-by-scan main.negative .block h2 {
  color: #62b708;
}
.page-result-by-scan main.negative .block h2,
.page-result-by-scan main.negative .block .info2 {
  border-bottom-color: #62b708;
}
.page-result-by-scan main.positive .block h2 {
  color: #c01d1d;
}
.page-result-by-scan main.positive .block h2,
.page-result-by-scan main.positive .block .info2 {
  border-bottom-color: #c01d1d;
}
.page-result-by-scan .info2,
.page-result-by-scan .info3 {
  line-height: 1.45em;
}
.page-result-by-scan .info2 {
  font-weight: bold;
  border-bottom: 3px solid #c6c6c6;
  padding: 1.5em;
}
.page-result-by-scan .info3 {
  padding: 1.5em;
}
.page-result-by-scan .back-button-wrapper {
  text-align: left;
}
.page-result-by-scan .back-button {
  margin-bottom: 1em;
}
.page-result-by-scan .back-button img {
  transform: rotate(180deg);
}
.page-result-by-scan .result {
  font-size: 1.2em;
}
.page-result-by-scan .result span {
  display: block;
  margin: 0.4em 0;
  opacity: 0.7;
  font-size: 1.8em;
  font-weight: bold;
  text-transform: uppercase;
}
.page-result-by-scan .validity {
  margin: 0 auto;
  background-color: #fff;
  color: #707070;
  padding: 1.5em;
  max-width: calc(300px + 3em);
  border-radius: 0.2em;
  box-shadow: 0.1em 0.1em 1em rgba(0, 0, 0, 0.2);
  font-weight: bold;
}

.new-part {
  display: block;
  clear: both;
}

.in-the-past td {
  color: rgba(112, 112, 112, 0.6);
}
.in-the-past .less-important img {
  opacity: 0.2;
}

td .button {
  cursor: pointer;
}
td .shy-button {
  font-size: 0.8em;
}

.search-options .block .button {
  width: auto;
}

.anonymized-block .button {
  width: auto;
}

.form-item input[readonly] {
  background-color: rgb(229.5, 229.5, 229.5) !important;
  opacity: 0.6;
}
.form-item label {
  margin-top: 0;
}
@media (min-width: 960px) {
  .form-item [type=date] {
    max-height: 2.35em;
  }
}

.legend {
  font-size: 0.8em;
  width: auto;
  box-shadow: 0.5em 0.5em 2em rgba(0, 0, 0, 0.1);
  background-color: #e5e8ea;
  border: 1px solid #eaeaea;
}
.block .legend {
  box-shadow: none;
}
.legend td {
  padding: 0.75em 1em;
}
.legend td:first-child {
  font-weight: bold;
  padding-right: 2em;
}
.legend tr:nth-child(odd) td {
  background-color: rgba(255, 255, 255, 0.5);
}

.legend-wrapper {
  padding: 2em 0;
  font-weight: normal;
}
.form-item-wrapper .legend-wrapper {
  padding-top: 0;
  padding-bottom: 3em;
}
.legend-wrapper h5 {
  font-size: 0.9em;
  margin: 0 0 0.5em;
}

.placeholder-toggler {
  font-size: 0.8em;
  text-decoration: underline;
  cursor: pointer;
}

.initially-hidden {
  display: none;
}
.prototype {
    display: none !important;
}

.empty-info {
  font-size: 0.925em;
  font-style: italic;
  opacity: 0.75;
}
.empty-info2 {
    font-style:italic;
}

.warn-text {
  color: #ab5033;
}

.result-pre {
  color: #707070;
}

[name=birthyear] {
  text-align: center;
}

.cwa-qr-code {
  padding: 1.5em;
  background-color: #fff;
  border-radius: 0.2em;
  box-shadow: 0.1em 0.1em 1em rgba(0, 0, 0, 0.1);
  display: inline-block;
}

.no-entry-allowed .go,
.no-entry-allowed .warn,
.no-entry-allowed .unclear {
  background-image: none !important;
  background-color: #707070;
  opacity: 0.4;
}

.vaccination-wrapper {
  align-items: center;
  border-bottom: 1px solid #fff;
  padding: 0 3% 1em;
}
.vaccination-wrapper table {
  background-color: transparent;
}
.vaccination-wrapper table td,
.vaccination-wrapper table th {
  padding-left: 0;
  border-left: 0;
  border-right: 0;
}
.vaccination-wrapper table th {
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 0.5em;
}
.vaccination-wrapper table td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.card {
  background-color: rgba(0, 119, 99, 0.325);
  color: rgba(0, 119, 99, 0.8);
  border-radius: 0.2em;
  margin-bottom: 1em;
  padding: 0.75em 0 0;
}
.card:after {
  content: "";
  display: block;
  clear: both;
}
.card h2 {
  font-size: 1.5em;
  color: #fff;
  padding: 0.5em 1rem 0.25em;
  margin: 0;
}
.card .unvacc-icon {
  width: 1.25em;
}

.close-page {
  display: none;
  margin-top: 2em;
  font-size: 1.3em;
  text-decoration: underline;
  color: #007763;
  font-weight: bold;
}
.close-page.visible {
  display: block;
}

.deactivate .confirm-and-submit {
  display: none;
}
.deactivate .close-page {
  display: block;
}

.result-pre label {
  text-align: left;
}
.result-pre label .description {
  font-weight: normal;
  line-height: 1.4em;
}
.result-pre label .name {
  text-transform: uppercase;
  font-size: 1.1em;
  margin-bottom: 0.2em;
}
.result-pre a {
  color: #007763;
}

.qr-code-container {
  padding: 1em;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.1);
}

.statistics h3 {
  color: rgba(0, 119, 99, 0.5);
  margin-bottom: 0.25em;
  font-size: 1.5em;
}
.statistics .stat-block {
  font-size: 1em;
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  background-image: linear-gradient(35deg, rgb(0, 93.5, 77.7857142857), rgb(0, 170, 141.4285714286));
  padding: 0.5rem 1rem;
  border-radius: 0.15rem;
  margin-top: 0;
  margin-bottom: 0;
}
.statistics .number {
  text-align: right;
  font-size: 2em;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.7);
  margin-right: 0.5em;
}

.data-enter-options .button {
  padding: 2em 0.5em;
  min-width: 15em;
}
.data-enter-options .button.go {
  margin-right: 2em;
}
.data-enter-options .button svg {
  width: 3em;
  margin-bottom: 1em;
}
.data-enter-options .button svg path {
  fill: #fff;
}

.ghost-button,
.page-home .secondary .ghost-button {
  border: 1px solid rgba(0, 119, 99, 0.7);
  padding: 0.5em 1em;
  border-radius: 0.2em;
  display: inline-block;
  line-height: 1.2em;
  color: #007763;
  text-decoration: none;
}
.ghost-button svg,
.page-home .secondary .ghost-button svg {
  width: 1.25em;
  margin-right: 0.5em;
}
.ghost-button svg path,
.page-home .secondary .ghost-button svg path {
  fill: rgba(0, 119, 99, 0.7);
}
.ghost-button .text,
.page-home .secondary .ghost-button .text {
  position: relative;
  display: inline-block;
  top: 0.05em;
}
.ghost-button.active,
.page-home .secondary .ghost-button.active {
  background-color: #007763;
  color: #fff;
}

.grid {
  margin-bottom: 0.5em;
}

.admin-secondary {
  list-style-type: none;
}
.admin-secondary li {
  margin-bottom: 0.5em;
}

.qr-code-reader {
  padding: 2em 0 !important;
  margin-bottom: 2em;
  border: 0 !important;
}

.qr-code-reopen-wrapper {
  text-align: center;
  display: none;
}

.rescan-link {
  text-align: center;
  margin: 1em auto 2em;
  color: #007763;
  font-weight: bold;
  text-decoration: none;
}

[alt="Info icon"] {
  display: none;
}

#qr-reader__dashboard_section_swaplink {
  padding: 1em 0 0;
  display: inline-block;
}

#qr-reader__filescan_input {
  width: 300px !important;
}

#qr-reader__scan_region img {
  opacity: 0.4 !important;
}

.qr-code-scan-page .auto-data {
  display: none;
}
.qr-code-scan-page h1 {
  margin-bottom: 0;
}
.qr-code-scan-page h2 {
  margin-top: 0;
  margin-bottom: 2em;
}
.qr-code-scan-page h2 strong {
  color: #007763;
}

.jump-to-page {
  margin: 0.5em;
  font-size: 0.8em;
}
.jump-to-page .form-inner {
  display: inline-flex;
  justify-content: center;
  padding: 0.5em 1em;
  background-color: #fff;
  border-radius: 0.2em;
}
.jump-to-page .form-item {
  display: flex;
  margin: 0;
  padding: 0;
  align-items: center;
}
.jump-to-page .form-item label {
  margin: 0;
  padding: 0;
  margin-right: 1em;
}
.jump-to-page .form-item input {
  max-width: 6em;
  min-width: 0;
}
.jump-to-page button {
  font-size: 0.9em;
}

.unvaccinated.block {
  display: flex;
  justify-content: center;
  margin-top: -2em;
}
.page-manually-enter-vacc .unvaccinated.block {
  margin-top: 2em;
}
.unvaccinated.block .button {
  margin: 0 1em;
  background-image: linear-gradient(-25deg, #707070, rgb(150.25, 150.25, 150.25));
  font-size: 0.9em;
  min-width: 12.5em;
}
.unvaccinated.block .button:first-child {
  background-image: linear-gradient(-25deg, #707070, rgb(48.25, 48.25, 48.25));
}

.unvaccinated-form {
  position: relative;
}
.page-manually-enter-vacc .unvaccinated-form {
  margin-top: 2em;
}
.unvaccinated-form .closer {
  position: absolute;
  top: 1.25em;
  right: 1.5em;
  transform: scaleY(0.75);
  font-weight: bold;
  color: #007763;
  font-size: 1.5em;
}

.index .state-icons {
  min-width: 5em;
}
.index .state-icons img {
  width: 1.5em;
}

[name=nicht_ausfuellen] {
  opacity: 0;
  position: absolute;
  height: 0;
  width: 0;
  overflow: hidden;
}

.camera-button-wrapper {
  text-align: center;
  padding: 1em;
}

.unvaccinated-form-page .back img {
  width: 0.6em;
  height: 0.6em;
  margin-right: 0;
}

.auto-register-page .unvaccinated img {
  width: 1.5em;
  margin-right: 0.5em;
  opacity: 0.5;
}

.recovery-part {
  display: none;
}
.recovery-part svg {
  width: 1.5em;
  margin-left: 0.5em;
}
.recovery-part svg path {
  fill: #007763;
}

img.recovery-icon {
  opacity: 0.6;
  width: 1.7em !important;
}

small.important {
  font-size: 0.95em;
}

.person-details-form .recovered-certificate {
  padding-top: 1em;
}
.person-details-form .recovered-certificate svg {
  width: 1.5em;
}
.person-details-form .recovered-certificate svg path {
  fill: #007763;
}

.recovered-info-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

.sidebar-mobile-toggler {
  width: 2em;
  position: absolute;
  top: 1em;
  left: 1em;
  cursor: pointer;
}
.sidebar-mobile-toggler .line {
  width: 100%;
  height: 6px;
  margin-bottom: 4px;
  background-color: #007763;
}

@media (min-width: 960px) {
  .sidebar-mobile-toggler-close {
    display: none;
  }
}

@media (max-width: 959px) {
  .sidebar-desktop-toggler {
    display: none;
  }
}

.sidebar {
  width: 17em;
  flex: 0 0;
  flex-basis: 17em;
  transition: width 0.5s, padding 0.5s, flex-basis 0.5s;
  background-image: linear-gradient(35deg, rgb(0, 93.5, 77.7857142857), rgb(0, 170, 141.4285714286));
  display: flex;
  flex-direction: column;
  color: #fff;
  overflow: hidden;
  position: relative;
}
@media (max-width: 959px) {
  .sidebar {
    position: fixed;
    transform: translateX(-300px);
    transition: transform 1s;
    top: 0;
    left: 0;
    max-height: 100vh;
    overflow: auto;
    z-index: 5;
    box-shadow: 1em -0.5em 3em rgba(0, 0, 0, 0.3);
  }
}
.sidebar.active-mobile {
  transform: translateX(0);
}
.sidebar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(240.285106383, 241.9829787234, 243.114893617);
  opacity: 0;
  transition: opacity 1s;
}
@media (min-width: 960px) {
  .sidebar.closed {
    padding: 0;
    flex: 0 0;
    flex-basis: 3.15em;
    box-shadow: 0.1em 0.1em 1em rgba(0, 0, 0, 0.1);
  }
  .sidebar.closed:before {
    opacity: 1;
  }
  .sidebar.closed a svg {
    width: 0.8em;
  }
  .sidebar.closed h1 a svg path {
    fill: #707070;
    stroke: #707070;
  }
  .sidebar.closed h3 {
    color: transparent;
  }
  .sidebar.closed a .text,
  .sidebar.closed a > div,
  .sidebar.closed .nav-item-toggler .text,
  .sidebar.closed .nav-item-toggler > div {
    display: none;
  }
  .sidebar.closed a img,
  .sidebar.closed a svg,
  .sidebar.closed .nav-item-toggler img,
  .sidebar.closed .nav-item-toggler svg {
    display: block;
  }
}
.sidebar h1 {
  font-size: 1.6em;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.sidebar h1 a svg {
  width: 1.3em;
  max-width: none;
  opacity: 0.5;
}
.sidebar h1 a path {
  fill: #fff;
}
.sidebar .logout-form {
  margin-top: auto;
}
.sidebar a {
  text-decoration: none;
}
.sidebar ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.sidebar ul ul a {
  padding-left: 1em;
  opacity: 0.5;
  font-size: 0.9em;
}
.sidebar .text {
  z-index: 5;
}

@media print {
  .sidebar,
  footer,
  .button,
  .ghost-button,
  .logout-form,
  .print-button {
    display: none !important;
  }
  .block {
    box-shadow: none;
    border: 1px solid #333333;
    break-inside: avoid;
  }
  .smallblocks .block {
    width: 100px !important;
    display: block !important;
    float: left;
    flex: 0 0 29% !important;
    page-break-inside: avoid;
  }
  .case-details .bem-process .block.done .subcontent {
    text-shadow: none !important;
    color: #000 !important;
  }
  .case-details .communicationtype-name .channel-icon img {
    filter: none !important;
  }
  .case-details .bem-process .content {
    color: #000 !important;
  }
  .case-details .bem-process .block:before {
    content: none;
    display: none;
  }
}
.client-logo {
  box-shadow: 0.1em 0.1em 0.8em rgba(0, 0, 0, 0.1);
  border: 1px solid #eaeaea;
  border-radius: 0.2em;
}

.client-logo-container {
  position: relative;
  display: inline-block;
}
.client-logo-container .delete-attachment {
  cursor: pointer;
  font-size: 0.75em;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
}

.table-wrapper .client-logo {
  box-shadow: none;
  height: 2em;
  width: auto;
  border: 0;
  margin-right: 0.5em;
}

.nav-main {
  z-index: 5;
  font-size: 1.05em;
}
.nav-main img {
  opacity: 0.25;
}
.nav-main a {
  padding: 0.15em 0.75em;
  display: flex;
  margin-bottom: 0.4em;
  align-items: flex-start;
}
@media (min-width: 960px) {
  .sidebar.closed .nav-main a {
    display: block;
  }
}
.nav-main a img {
  margin-right: 0.5em;
  position: relative;
  top: -0.3em;
  width: 1.7em;
  display: inline-block;
  filter: invert(1);
  opacity: 0.4;
}
@media (min-width: 960px) {
  .sidebar.closed .nav-main a img {
    filter: invert(0);
  }
}
.nav-main ul ul {
  padding-left: 1.5em;
}
.nav-main h3 {
  padding: 0.25em 1em;
  background-color: rgba(255, 255, 255, 0.1);
  margin-bottom: 0.75em;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (min-width: 960px) {
  .fields-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
}

.medicationplans-area a {
  text-decoration: none;
}

.form-readonly {
  margin-bottom: 1em;
}
.form-readonly .form-item input {
  box-shadow: none;
}
.form-readonly .form-item select {
  opacity: 1;
}

.cards-wrapper {
  display: flex;
  width: 103%;
  margin-left: -1.5%;
}
.cards-wrapper .card {
  flex: 0 0 47%;
  margin: 1.5%;
}

.sidebar-toggler {
  cursor: pointer;
  width: 2em;
}
.sidebar-toggler svg {
  width: 1.5em !important;
  height: 1.5em !important;
  transform: rotate(-90deg);
}
@media (min-width: 960px) {
  .sidebar.closed .sidebar-toggler svg {
    transform: rotate(90deg);
  }
  .sidebar.closed .sidebar-toggler svg path {
    fill: rgba(112, 112, 112, 0.6);
  }
}
.sidebar-toggler svg path {
  fill: #fff;
}

.sidebar-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 1em;
  z-index: 6;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 960px) {
  .closed .sidebar-head {
    display: block;
  }
}
.sidebar-head .icon {
  position: relative;
  top: -0.1em;
}
.sidebar-head .text {
  font-weight: lighter;
}

.small {
  font-size: 0.8em;
}

.field-items-wrapper {
  display: flex;
}
.field-items-wrapper > * {
  flex-basis: 48%;
}
.field-items-wrapper > *:first-child {
  margin-right: 4%;
}

.import-info {
  padding: 1em 0;
  display: none;
  opacity: 0.8;
}
.import-info.importing {
  display: block;
}

.cases-index td img {
  width: 1em;
  opacity: 0.5;
}
.cases-index td a {
  text-decoration: none;
  display: block;
}

.case-details {
  margin-bottom: 2em;
}
.case-details .grid {
  margin-bottom: 0;
}
.case-details .process-show-headline {
  display: inline-block;
  margin-right: 1em;
}
.case-details .subpart {
  width: 102%;
  margin-left: -1%;
}
.case-details .block {
  position: relative;
  margin-top: 1%;
  margin-bottom: 1%;
}
.case-details h4 {
  margin: 0;
}
.case-details table th {
  width: 11em;
}
.case-details th {
  padding: 0.75em;
  padding-left: 1.5rem;
}
.case-details .mainline {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.case-details .mainline .button {
  width: auto;
  font-size: 0.8em;
}
.case-details .measures .listelement {
  font-size: 0.8em;
}
.case-details .measures .subpart {
  margin-bottom: 0;
}
.case-details .persondata .content {
  position: relative;
}
.case-details .persondata .content:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #eaeaea;
}
.case-details .bem-coordinator,
.case-details .teammember {
  margin-bottom: 0.75em;
}
.case-details .add-button {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.85em;
  padding: 0;
  line-height: 1em;
  box-sizing: border-box;
  width: 1em;
  height: 1em;
  text-align: center;
  border-radius: 0;
  border-top-left-radius: 0.1em;
  border-bottom: 0;
  border-right: 0;
}
.case-details .case-details-block .subblock {
  padding: 1em 2em;
}
.case-details .case-details-block .bem-coordinator-wrapper,
.case-details .case-details-block .tasks {
  padding-top: 1em;
  background-color: rgb(245.9276595745, 246.9744680851, 247.6723404255);
  border: 1px solid rgb(234.6425531915, 236.9914893617, 238.5574468085);
  border-left: 0;
  border-right: 0;
}
.case-details .case-details-block .bem-coordinator.last {
  margin-bottom: 0;
}
.case-details .bem-process {
  flex-wrap: nowrap;
  width: 102%;
  margin-left: -1%;
  margin-bottom: 2em;
}
.case-details .bem-process .content {
  hyphens: auto;
  padding: 2rem 0.75rem 1.25rem;
  font-size: 0.95em;
  font-weight: bold;
}
.case-details .bem-process .block {
  margin: 1%;
  background-color: #007763;
  color: #fff;
  display: flex;
  flex-direction: column;
  border-top-right-radius: 0.35em;
}
.case-details .bem-process .block.current {
  animation: bounce-top 2s both;
}
.case-details .bem-process .block.done {
  filter: grayscale(0.2);
}
.case-details .bem-process .block.done .subcontent {
  text-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.5);
}
.case-details .bem-process .block:before {
  content: "";
  position: absolute;
  top: calc(25% - 1em);
  right: -0.75em;
  width: 0;
  height: 0;
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  border-left: 1em solid;
}
.case-details .bem-process .block:last-child:before {
  border: 0;
}
.case-details .bem-process .block .badge {
  color: #007763;
  box-shadow: 0.2em 0.2em 0.3em rgba(0, 0, 0, 0.2);
}
.case-details .bem-process .block.typeorder-1 {
  background-color: rgb(92.65, 44.2, 89.65);
}
.case-details .bem-process .block.typeorder-1 .badge,
.case-details .bem-process .block.typeorder-1 .subcontent {
  color: rgb(92.65, 44.2, 89.65);
}
.case-details .bem-process .block.typeorder-1:before {
  border-left-color: rgb(92.65, 44.2, 89.65);
}
.case-details .bem-process .block.typeorder-1 .attachment-icon path {
  fill: rgb(82.2916149068, 39.2583850932, 79.6270186335);
}
.case-details .bem-process .block.typeorder-1.done {
  background-color: rgb(146.1806506211, 92.6693493789, 142.8672573553);
}
.case-details .bem-process .block.typeorder-1.done:before {
  border-left-color: rgb(146.1806506211, 92.6693493789, 142.8672573553);
}
.case-details .bem-process .block.typeorder-2 {
  background-color: rgb(76.3, 57.4, 91.3);
}
.case-details .bem-process .block.typeorder-2 .badge,
.case-details .bem-process .block.typeorder-2 .subcontent {
  color: rgb(76.3, 57.4, 91.3);
}
.case-details .bem-process .block.typeorder-2:before {
  border-left-color: rgb(76.3, 57.4, 91.3);
}
.case-details .bem-process .block.typeorder-2 .attachment-icon path {
  fill: rgb(68.4493611298, 51.4940147949, 81.9059852051);
}
.case-details .bem-process .block.typeorder-2.done {
  background-color: rgb(126.7628889282, 113.0687347007, 137.6312652993);
}
.case-details .bem-process .block.typeorder-2.done:before {
  border-left-color: rgb(126.7628889282, 113.0687347007, 137.6312652993);
}
.case-details .bem-process .block.typeorder-3 {
  background-color: rgb(43.6, 83.8, 94.6);
}
.case-details .bem-process .block.typeorder-3 .badge,
.case-details .bem-process .block.typeorder-3 .subcontent {
  color: rgb(43.6, 83.8, 94.6);
}
.case-details .bem-process .block.typeorder-3:before {
  border-left-color: rgb(43.6, 83.8, 94.6);
}
.case-details .bem-process .block.typeorder-3 .attachment-icon path {
  fill: rgb(38.7730824891, 74.5225759768, 84.1269175109);
}
.case-details .bem-process .block.typeorder-3.done {
  background-color: rgb(91.3924500724, 136.6490581936, 148.8075499276);
}
.case-details .bem-process .block.typeorder-3.done:before {
  border-left-color: rgb(91.3924500724, 136.6490581936, 148.8075499276);
}
.case-details .bem-process .block.typeorder-start-bem {
  background-color: rgb(86.275, 160.225, 147.7964285714);
  /*  &:after {
        background-color: $c-lighter-main;
        width: 4px;
        height: 5em;
        position: absolute;
        left: calc(50% - 2px);
        bottom: -5em;
    }*/
}
.case-details .bem-process .block.typeorder-start-bem:before {
  border-left-color: rgb(86.275, 160.225, 147.7964285714);
}
.case-details .bem-process .block.typeorder-start-bem.process-started:after {
  content: "";
}
.case-details .bem-process .block.typeorder-end-bem {
  background-color: #779643;
}
.case-details .bem-process .block.typeorder-end-bem .badge,
.case-details .bem-process .block.typeorder-end-bem .subcontent {
  color: #779643;
}
.case-details .bem-process .block.typeorder-end-bem:before {
  border-left-color: #779643;
}
.case-details .bem-process .block.typeorder-end-bem.done {
  background-color: rgb(165.6007909056, 183.6126497696, 135.3873502304);
}
.case-details .bem-process .block.typeorder-end-bem.done:before {
  border-left-color: rgb(165.6007909056, 183.6126497696, 135.3873502304);
}
.case-details .bem-process .block.typeorder-end-bem.done:after {
  background-color: rgb(165.6007909056, 183.6126497696, 135.3873502304);
}
.case-details .bem-process .block.typeorder-end-bem .attachment-icon path {
  fill: rgb(105.0161290323, 132.3732718894, 59.1267281106);
}
.case-details .bem-process .badge {
  position: absolute;
  top: -0.5em;
  left: 0.5em;
  background-color: #fff;
  font-weight: bold;
}
.case-details .bem-process .subcontent {
  background-color: rgba(255, 255, 255, 0.2);
  margin-top: auto;
  color: rgba(255, 255, 255, 0.7) !important;
  position: relative;
  font-weight: normal;
  font-size: 0.85em;
  padding-top: 0.75em;
}
.case-details .bem-process .subcontent:empty {
  display: none;
}
.case-details .bem-process .subcontent ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.case-details .communication-wrapper {
  margin-bottom: 1em;
}
.case-details .communication-wrapper:last-child {
  margin-bottom: 0;
}
.case-details .communicationtype-name {
  position: relative;
}
.case-details .communicationtype-name time {
  display: block;
  border-top: 1px solid #fff;
  margin-top: 0.5em;
  padding-top: 0.5em;
}
.case-details .communicationtype-name time .text {
  opacity: 0.7;
}
.case-details .communicationtype-name .channel-icon img {
  filter: grayscale(1) invert(1);
}
.case-details .communicationtype-name .less-important {
  opacity: 1;
}
.case-details .communicationtype-name .less-important img {
  filter: invert(1);
}
.case-details .time-wrapper {
  margin-bottom: 0.25em;
}
.case-details .measures-block h3,
.case-details .notes-block h3,
.case-details .attachments-block h3,
.case-details .tasks-block h3 {
  justify-content: flex-start;
  padding: 1.25em 1.5rem 1rem;
}
.case-details .measures-block h3 .button,
.case-details .notes-block h3 .button,
.case-details .attachments-block h3 .button,
.case-details .tasks-block h3 .button {
  position: relative;
  top: -0.05em;
  margin-left: 0.5em;
  padding: 0 0.25em;
  font-size: 1.4em;
}
.case-details .measures-block .empty-info,
.case-details .notes-block .empty-info,
.case-details .attachments-block .empty-info,
.case-details .tasks-block .empty-info {
  color: #707070;
}
.case-details .measures-block .block:hover .attachment-icon path, .case-details .measures-block .block:focus .attachment-icon path,
.case-details .notes-block .block:hover .attachment-icon path,
.case-details .notes-block .block:focus .attachment-icon path,
.case-details .attachments-block .block:hover .attachment-icon path,
.case-details .attachments-block .block:focus .attachment-icon path,
.case-details .tasks-block .block:hover .attachment-icon path,
.case-details .tasks-block .block:focus .attachment-icon path {
  fill: #fff;
}
.case-details .measures-block .content {
  padding-top: 1.5rem;
}
.case-details.started .measures-block {
  background-color: rgb(131.597, 176.103, 168.623);
}
.case-details.started .measures-block h3 {
  color: #fff;
  background-color: rgb(106.25, 165.75, 155.75);
  border-bottom: 1px solid rgba(86.275, 160.225, 147.7964285714, 0.2);
}
.case-details.started .measures-block .empty-info {
  color: #fff;
}
.case-details .empty-info {
  color: #fff;
}
.case-details .note,
.case-details .task {
  position: relative;
  background-color: rgba(0, 119, 99, 0.05);
  margin-bottom: 1.5em;
}
.case-details .note:hover .meta, .case-details .note:focus .meta,
.case-details .task:hover .meta,
.case-details .task:focus .meta {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.case-details .note:before,
.case-details .task:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  height: 0.5em;
  top: -0.25em;
  overflow: hidden;
  z-index: 2;
  background-image: linear-gradient(to right, transparent 25%, rgb(170, 204, 198.2857142857) 25%, rgb(170, 204, 198.2857142857) calc(25% + 8px), transparent calc(25% + 8px), transparent 40%, rgb(170, 204, 198.2857142857) 40%, rgb(170, 204, 198.2857142857) calc(40% + 8px), transparent calc(40% + 8px), transparent 55%, rgb(170, 204, 198.2857142857) 55%, rgb(170, 204, 198.2857142857) calc(55% + 8px), transparent calc(55% + 8px), transparent 70%, rgb(170, 204, 198.2857142857) 70%, rgb(170, 204, 198.2857142857) calc(70% + 8px), transparent calc(70% + 8px), transparent 100%);
}
.case-details .note .meta,
.case-details .task .meta {
  justify-content: space-between;
  padding: 1em 1.5em 0.5em 0.75em;
  opacity: 0.5;
  font-size: 0.9em;
  border-bottom: 1px solid rgba(0, 119, 99, 0.2);
  color: rgb(63.75, 106.25, 99.1071428571);
}
.case-details .note .meta .creator,
.case-details .task .meta .creator {
  font-weight: bold;
}
.case-details .note .meta .created,
.case-details .task .meta .created {
  font-size: 0.9em;
  letter-spacing: -0.035em;
}
.case-details .note .content,
.case-details .task .content {
  padding: 1em;
  hyphens: auto;
}
.case-details .note .content p,
.case-details .task .content p {
  margin: 0;
}
.case-details .task {
  background-color: rgb(242.25, 242.25, 242.25);
}
.case-details .task.completed {
  position: relative;
}
.case-details .task.completed:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background-color: rgba(119, 150, 67, 0.6);
}
.case-details .task.completed .content {
  opacity: 0.5;
}
.case-details .task.overdue {
  color: #fff;
}
.case-details .task.overdue .content,
.case-details .task.overdue .meta {
  position: relative;
  z-index: 2;
}
.case-details .task.overdue:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(171, 80, 51, 0.6);
}
.case-details .task .meta {
  background-color: rgb(234.6, 234.6, 234.6);
}
.case-details .task:hover .meta, .case-details .task:focus .meta {
  color: black;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.completed-task-line {
  opacity: 0.5;
}

.smallblocks .block {
  border: 1px solid rgb(229.5, 229.5, 229.5);
  border-top-color: rgb(216.75, 216.75, 216.75);
  border-left-color: #cccccc;
  flex: 0 0 96%;
}
@media (min-width: 960px) {
  .smallblocks .block {
    flex: 0 0 46%;
  }
}
@media (min-width: 1200px) {
  .smallblocks .block {
    flex: 0 0 29.33%;
  }
}
@media (min-width: 1700px) {
  .smallblocks .block {
    flex: 0 0 20.5%;
  }
}
.smallblocks .communicationtype {
  margin-top: 0.5em;
  margin-bottom: 0.2em;
}

.communication-answers {
  list-style-type: none;
  padding: 0 1.5rem;
}
.communication-answers a {
  text-decoration: none;
}
.communication-answers time {
  font-weight: bold;
}
.communication-answers li:not(:last-child) {
  margin-bottom: 1em;
}

.page-communication-edit .grid li {
  font-size: 1em;
  text-align: left;
}

.grid .teamcommunications {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.grid .teamcommunications li {
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 1em;
}

.button-wrapper {
  text-align: right;
}

.has-dropdown {
  margin-bottom: 0.2em;
}

.nav-item-toggler {
  margin-left: 1em;
  margin-right: 0.5em;
  cursor: pointer;
}
.nav-item-toggler.active svg {
  transform: rotate(0);
}
.nav-item-toggler svg {
  width: 1em;
  margin-right: 0.5em;
  float: left;
  transform: rotate(180deg);
  transition: transform 0.2s;
}
.nav-item-toggler svg path {
  fill: #fff;
}
.sidebar.closed .nav-item-toggler svg path {
  fill: #707070;
}

.subnav {
  display: none;
}

@media (min-width: 620px) {
  .buttons-wrapper {
    display: flex;
    justify-content: space-between;
  }
}
.buttons-wrapper input {
  width: auto;
}

.select2-results__option--selected {
  display: none;
}

.listelement {
  border: 1px solid #eaeaea;
  padding: 0.25em;
  display: inline-block;
  margin: 0.1em;
  border-radius: 0.3em;
}

.content.smaller textarea {
  min-height: 10em;
}

.process-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 10em;
  overflow: hidden;
}

.select2 {
  max-width: 100%;
}

.communication-detail {
  margin-bottom: 2em;
}

.delete-attachment {
  cursor: pointer;
  font-size: 0.75em;
  top: 0.5em;
  right: 0.5em;
  background-image: linear-gradient(35deg, #ab5033, rgb(206.4121621622, 119.7162162162, 92.0878378378));
}

.client-logo-container {
  position: relative;
  display: inline-block;
  max-width: 8em;
}

.solved {
  color: rgb(59.5, 134.5, 83);
}
.not-solved {
    color: #ab5033;
}
.solved.block {
  color: #fff;
  background-image: linear-gradient(135deg, rgb(59.5, 134.5, 83), rgb(157.2258064516, 188.1543778802, 105.3456221198));
}
.solved h3 {
  background-color: rgba(255, 255, 255, 0.2);
}

table .reasons {
  max-width: 20em;
}
table td.reasons {
  font-size: 0.9em;
}

.db-value {
  opacity: 0.5;
}

.permissions-table td {
  text-align: left;
}
.permissions-table .permission-checkbox {
  width: 1.35em;
  height: 1.35em;
}

.measure-description {
  max-width: 15em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.status-badge {
  display: inline-block;
  background-color: #ab5033;
  color: #fff;
  line-height: 1em;
  padding: 0.25em 0.5em;
  font-size: 0.7em;
  border-radius: 0.2em;
  font-weight: bold;
}

.permission-checkbox-all {
  display: none;
}

.toggler-all {
  font-size: 0.8em;
  padding: 0.1em 0.2em;
}
.toggler-all .off {
  display: none;
}

input:checked ~ .toggler-all .on {
  display: none;
}
input:checked ~ .toggler-all .off {
  display: block;
}

.permissions-table .area {
  width: 20%;
}
.permissions-table td.area {
  background-color: rgb(214.8375, 235.6625, 232.1625);
  border-bottom: 1px solid #fff;
}

.process-form .fields-wrapper {
  display: flex;
}
.process-form .fields-wrapper > * {
  flex: 0 0 49%;
}
.process-form .fields-wrapper > *:first-child {
  margin-right: 2%;
}
.process-form .ghost-button {
  font-size: 0.8em;
  cursor: pointer;
}
.process-form .new-person-form {
  background-color: #e5e8ea;
  border-radius: 0.3em;
  padding: 1em;
  margin-bottom: 2em;
  position: relative;
}
.process-form .new-person-form h4 {
  font-size: 1.4em;
  margin: 0.5em 0 1em;
}
.process-form .new-person-form .close {
  position: absolute;
  top: 1.7em;
  right: 1em;
}
.process-form .new-person-form .closer {
  font-size: 1.4em;
  font-weight: bold;
  display: inline-block;
  transform: scale(1, 0.8);
  position: relative;
  top: 0.05em;
}

.select2-container {
  width: 100% !important;
}

.select2-container--disabled {
  display: none;
}

.extra-value {
  font-weight: bold;
  position: relative;
  top: 0.5em;
}

.add-teammember {
  cursor: pointer;
  padding: 0 0.3em;
  font-size: 1.5em;
  display: inline-block;
  margin-top: -0.5em;
  position: relative;
}

.is-disabled .select2-container {
  opacity: 0;
  height: 0;
  width: 0;
}

.teamrole-line {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 1em;
  position: relative;
  padding-bottom: 0.5em;
}
.teamrole-line:last-child {
  border: 0;
  margin-bottom: 0;
}
.teamrole-line .form-item {
  margin-bottom: 0.5em;
}

.superadmin-view2 tbody .original {
  font-weight: bold;
}
.superadmin-view2 tbody tr:not(.original) {
  opacity: 0.6;
}
.superadmin-view2 tbody tr:not(.original) td:not(.actions) {
  font-size: 0.9em;
}

.cooppartners {
  opacity: 0.7;
  font-size: 0.9em;
}

.remove-teammember {
  position: absolute;
  font-weight: bold;
  top: 0;
  right: -1.5em;
  cursor: pointer;
  font-size: 1.25em;
  background-color: #ab5033;
  color: #fff;
  width: 1.2em;
  height: 1.2em;
  box-sizing: border-box;
  padding: 0.1em;
  line-height: 1em;
  text-align: center;
  box-shadow: 0.1em 0.1em 0.3em rgba(0, 0, 0, 0.2);
  border-radius: 0.2em;
}

/*[data-key="1"] {
    .remove-teammember {
        display: none;
    }
}*/
label.required .fancy-label:after {
  content: "*";
  color: #ab5033;
}

.required-fields-legend {
  opacity: 0.8;
}
.required-fields-legend span {
  color: #ab5033;
}

.person-processes-wrapper {
  align-items: center;
  border-bottom: 1px solid #fff;
  padding: 0 3% 1em;
}
.person-processes-wrapper table {
  background-color: transparent;
}
.person-processes-wrapper table td,
.person-processes-wrapper table th {
  padding-left: 0;
  border-left: 0;
  border-right: 0;
}
.person-processes-wrapper table th {
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 0.5em;
}
.person-processes-wrapper table td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  vertical-align: top;
}
.person-processes-wrapper table .date,
.person-processes-wrapper table .solved {
  padding-top: 1.1em;
}
.person-processes-wrapper .option-Genesenenzertifikat {
  clear: both;
  float: none;
  width: 100%;
  margin-top: 1em;
}

.person-processes-area {
  background-color: rgb(192.3234042553, 199.5553191489, 204.3765957447);
  color: rgb(99.25, 99.25, 99.25);
  border-radius: 0.2em;
  margin-bottom: 1em;
  padding: 0.75em 0 0;
}
.person-processes-area:after {
  content: "";
  display: block;
  clear: both;
}
.person-processes-area h2 {
  font-size: 1.5em;
  color: #fff;
  padding: 0.5em 1rem 0.25em;
  margin: 0;
  text-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
}
.person-processes-area .unvacc-icon {
  width: 1.25em;
}

.go {
  color: rgb(105.0161290323, 132.3732718894, 59.1267281106);
  font-weight: bold;
}

.roles-filter {
  clear: both;
  font-size: 0.825em;
  margin-bottom: 1em;
}
.roles-filter h4 {
  margin: 0 0 0.2em;
}
.roles-filter a {
  margin-bottom: 0.2em;
}

.print-button {
  width: 1.25em;
  display: inline-block;
  padding: 0 0.15em;
  transition: transform 0.5s;
}
.print-button path {
  fill: #007763;
}
.print-button:hover, .print-button:focus {
  transform: scale(1.2);
}

.coop-partner-logo {
  max-height: 2em;
}

.cooppartner {
  display: inline-flex;
  align-items: center;
}

.cooppartner-name.has-logo {
  margin-right: 0.5em;
}

.revoke-solved-form {
  text-align: right;
}
.revoke-solved-form button {
  background-image: linear-gradient(-35deg, #fff, rgb(229.5, 229.5, 229.5));
  color: #779643;
  font-size: 0.9em;
  opacity: 0.9;
}
.revoke-solved-form button:hover, .revoke-solved-form button:focus {
  opacity: 1;
}

.client-print-logo {
  height: 5em;
  margin-bottom: 0.5em;
}

.letter {
  margin-bottom: 2em;
}
@media screen {
  .letter {
    max-width: 45em;
  }
}
.letter .letter-foot {
  border-top: 1px solid rgb(195.75, 195.75, 195.75);
  padding-top: 1em;
  text-align: center;
  padding-bottom: 1em;
  margin: 3em auto 0;
  font-size: 0.9em;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  width: 92%;
}
.letter .letter-foot img {
  margin-right: 2em;
}
.letter .letter-head .sender {
  text-align: right;
  margin-bottom: 2em;
}
.letter .letter-head .recipient {
  margin-bottom: 2em;
}
.letter .date {
  text-align: right;
  margin-bottom: 2em;
}
.letter p {
  line-height: 1.6em;
}
.letter [type=checkbox] {
  width: 1.35em;
  height: 1.35em;
  float: left;
  margin-right: 0.5em;
  position: relative;
  top: 0.1em;
}

@media print {
  .page-print-view main {
    align-self: flex-start;
    padding: 0 0 5em;
  }
  .page-print-view .display-head {
    display: none;
  }
  .page-print-view .letter {
    border: 0;
  }
  .page-print-view .inner {
    max-width: none;
    padding: 0;
  }
  .page-print-view .letter-foot {
    position: fixed;
    width: 90%;
    bottom: 10px;
    margin-bottom: -25px;
  }
}
.additional-form-content {
  margin-top: -1em;
}

.inner-print {
  max-width: 21cm;
}
.inner-print .content {
  box-sizing: border-box;
  min-height: 23cm;
  position: relative;
}

.long-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 15em;
}

#imageUploadPreviewImg {
  max-height: 5em;
  opacity: 0.9;
}

.image-preview-input {
  display: flex;
  align-items: center;
  border: 2px dotted #e7e7e7;
}
.image-preview-input input[type=file] {
  border: 0;
}
.image-preview-input input[type=file]:focus {
  box-shadow: none;
}
.image-preview-input .image-preview-container {
  display: none;
  padding: 0.5em;
  max-width: 12em;
  min-width: 9em;
  text-align: center;
}
.image-preview-input .image-preview-container h4 {
  font-size: 0.9em;
  margin: 0;
  opacity: 0.7;
}

.legend {
  font-size: 0.8em;
  width: auto;
  box-shadow: 0.5em 0.5em 2em rgba(0, 0, 0, 0.1);
  background-color: #e5e8ea;
  border: 1px solid #eaeaea;
}
.block .legend {
  box-shadow: none;
}
.legend td {
  padding: 0.75em 1em;
}
.legend td:first-child {
  font-weight: bold;
  padding-right: 2em;
}
.legend tr:nth-child(odd) td {
  background-color: rgba(255, 255, 255, 0.5);
}

.legend-wrapper {
  padding: 0.5em 0 1em;
  font-weight: normal;
}
.form-item-wrapper .legend-wrapper {
  padding-top: 0;
  padding-bottom: 3em;
}
.legend-wrapper h5 {
  font-size: 0.8em;
  margin: 0 0 0.5em;
}

.placeholder-toggler {
  font-size: 0.8em;
  text-decoration: underline;
}

.checkmark {
  display: inline-block;
  width: 1em;
  height: 0.7em;
  transform: rotate(-45deg);
  border: 4px solid #007763;
  border-top: 0;
  border-right: 0;
}

.checkmark-td,
.checkmark-th {
  text-align: center;
}

@media (max-width: 1199px) {
  .big-block {
    font-size: 0.9em;
    hyphens: auto;
  }
}
@media (max-width: 959px) {
  .big-block {
    font-size: 0.8em;
  }
}
.big-block:hover, .big-block:focus {
  opacity: 1;
}
.big-block.inactive small {
  color: #707070;
  font-size: 70%;
  display: block;
  margin-top: 0.65em;
  line-height: 1.2em;
}
.big-block.inactive:hover, .big-block.inactive:focus {
  opacity: 0.7;
}
.big-block.running .icon-container svg {
  animation: rotating 35s linear infinite;
}
.grid-middle .big-block .text {
  color: #007763;
}

.listblock {
  background-color: rgb(192.3234042553, 199.5553191489, 204.3765957447);
  color: rgb(99.25, 99.25, 99.25);
  border-radius: 0.2em;
  overflow: hidden;
  margin-bottom: 2em;
}
.listblock ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.listblock .actions {
  max-width: 5em;
  position: absolute;
  top: 0.5em;
  right: 1em;
}

.block .listblock-headline {
  background-color: #fff;
  border: 0;
  padding: 0;
  text-transform: none;
  font-size: 1em;
  margin-bottom: 0.5em;
}

.listblock-wrapper,
.head {
  position: relative;
  border-bottom: 1px solid rgb(216.75, 216.75, 216.75);
}
.listblock-wrapper:last-child,
.head:last-child {
  border: 0;
}

.head {
  background-color: rgb(172.5744680851, 182.085106383, 188.4255319149);
  color: #fff;
  font-weight: bold;
  padding-bottom: 0;
}

.listblock-item {
  display: flex;
  justify-content: space-between;
  position: relative;
  text-decoration: none;
  padding: 0.75em 1.5rem;
  padding-right: 6em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.listblock-item:hover, .listblock-item:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
.head .listblock-item:hover, .head .listblock-item:focus {
  background-color: transparent;
}
.listblock-item .name {
  flex: 0 0 40%;
  font-weight: bold;
  color: #007763;
  word-break: break-all;
}
.head .listblock-item .name {
  color: #fff;
}
.case-details .listblock-item .name {
  flex: 0 0 35%;
}
.listblock-item .uploaded,
.listblock-item .creator,
.listblock-item .send-to-person {
  flex: 0 0 20%;
}
.listblock-item .checkbox, .listblock-item .radio {
  margin-left: 0;
  margin-top: -0.5em;
}

.actions .download-button {
  font-size: 0.75em;
}
.actions .delete-attachment,
.actions .download-button {
  padding: 0.5em;
}
.actions .delete-icon,
.actions .download-icon {
  filter: brightness(0) invert(1);
  opacity: 1;
  width: 1.2em;
  height: 1.2em;
}

.block h4 {
  margin-bottom: 0.35em;
}

.process-step {
  position: relative;
}

.attachment-icon {
  position: absolute;
  top: -0.5em;
  width: 1.25em;
  z-index: 2;
  right: -0.5em;
  /*  &:before {
        @include overlay;
        background-color: rgba($c-darkest,.2);
        z-index: 1;
    }*/
}
@media (max-width: 1199px) {
  .attachment-icon {
    width: 1em;
  }
}
.attachment-icon img {
  position: relative;
  z-index: 2;
}
.attachment-icon path {
  fill: #fff;
}
.measures-block .attachment-icon path {
  fill: rgb(77.0483870968, 97.1198156682, 43.3801843318);
}
.notes-block .attachment-icon path, .tasks-block .attachment-icon path {
  fill: rgb(122.1875, 175.3125, 166.3839285714);
}

.note .lock-icon {
  width: 1.25em;
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  opacity: 0.5;
  z-index: 5;
}
@media (max-width: 1199px) {
  .note .lock-icon {
    width: 1em;
  }
}

.tasks-block h3 .ghost-button {
  font-size: 0.65em;
  margin-left: auto;
}

.task-details .button.secondary {
  margin: 0;
}
.task-details .button.secondary img {
  filter: invert(1);
  width: 1em;
}
.task-details .badges-secondary {
  display: inline-block;
  position: relative;
  top: -0.2em;
}
.task-details .badges-secondary .success {
  width: 1.5em;
  height: 1.5em;
  padding: 0.1em 0.3em 0.4em;
}
.task-details .buttons-wrapper {
  align-items: flex-start;
}

.note .content,
.task .content {
  font-size: 0.85em;
}

.note-details .listblock,
.note-details .head {
  background-color: transparent;
}
.note-details .listblock {
  font-size: 0.9em;
}
.note-details .head {
  font-weight: bold;
  color: #707070;
  background-color: rgba(170, 204, 198.2857142857, 0.3);
}
.note-details .head .listblock-item .name {
  color: #707070;
}
.note-details .attachments-block {
  background-color: rgba(170, 204, 198.2857142857, 0.4);
}
.note-details .attachments-block .listblock {
  margin: -0.5em;
}
.note-details .actions {
  display: flex;
  font-size: 0.9em;
  margin-top: -0.1em;
}
.note-details .actions .download-button {
  padding-top: 0.7em;
  margin-right: 0.4em;
  margin-bottom: 0;
}

.status-headline {
  text-transform: uppercase;
}

.password-visibility-toggler {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.4em;
  box-sizing: border-box;
  width: 2em;
  opacity: 0.9;
  border-top-right-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
  height: 100%;
  background-color: #007763;
  cursor: pointer;
}

.type-password {
  display: inline-block;
  position: relative;
}

.password-wrapper {
  position: relative;
  display: flex;
  border: 0;
}
.password-wrapper img {
  filter: grayscale(1) invert(1);
}
.password-wrapper.active .password-visibility-toggler {
  box-shadow: 0.05em 0.05em 0.25em rgba(0, 0, 0, 0.45) inset;
}
.password-wrapper.active .password-visibility-toggler:before {
  content: "";
  width: 1.5em;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0.3em;
  top: 0.95em;
  transform: rotate(-45deg);
}

.buy-form-paypal {
  text-align: center;
}
.buy-form-paypal button img {
  width: 3em;
}

.multipurpose-form .block {
  margin-bottom: 3em;
}

.teamrole-lines-wrapper {
  overflow: auto;
  margin-bottom: 2em;
}

.teamrole-lines {
  position: relative;
  overflow: visible;
  border-radius: 0.3em;
  min-width: 45em;
  margin-bottom: 0;
}
.teamrole-lines .head {
  padding-top: 0.5rem;
}
.teamrole-lines .head .listblock-item {
  justify-content: flex-start;
  width: 100%;
  padding-right: 1.5rem;
}
.teamrole-lines .head .listblock-item > * {
  flex: 0 0 50%;
}
.teamrole-lines .head .teamrole-link > * {
  flex: 0 0 41%;
}
.teamrole-lines .head .teamrole-link .inform {
  flex: 0 0 15%;
}
.teamrole-lines .fancy-label {
  color: #fff;
  text-shadow: 0.01em 0.01em 0.3em rgba(0, 0, 0, 0.2);
}

.form-fields-team {
  padding: 0.5rem 1.5rem 0;
}
.form-fields-team .select .required {
  display: none;
}
.form-fields-team .teamrole-line {
  display: flex;
  padding-left: 0;
  padding-right: 0;
  max-height: 25em;
  transition: max-height 5s;
}
.form-fields-team .teamrole-line.initially-hidden {
  display: none;
}
.form-fields-team .teamrole-line > * {
  flex: 0 0 39%;
  margin-right: 2%;
}
.form-fields-team .teamrole-line .inform {
  flex: 0 0 18%;
}
.form-fields-team .listblock-item:hover, .form-fields-team .listblock-item:focus {
  background-color: transparent;
}

.issue {
  text-align: left;
}

.bem-coordinator-special {
  font-weight: bold;
  position: relative;
  top: 0.75em;
}

.measures-index .badge {
  position: absolute;
  top: -0.1em;
  font-size: 0.7em;
  left: -0.1em;
  padding: 0.05em 0.3em;
}
.measures-index .tr-past {
  opacity: 0.8;
}
.measures-index .actions {
  display: flex;
  justify-content: flex-end;
}
.measures-index .to-process {
  margin-right: 0.5em;
}

.hide-optically {
  opacity: 0;
}

a {
  cursor: default;
}
a[href] {
  cursor: pointer;
}

.form-item [disabled],
.form-item select[disabled] {
  background-color: rgb(229.5, 229.5, 229.5);
}

.disable-all-inputs .tox-tinymce {
  background-color: #cccccc;
}
.disable-all-inputs .tox-editor-container {
  opacity: 0.5;
}
.disable-all-inputs .checkbox label:before {
  background-color: rgb(229.5, 229.5, 229.5);
}
.disable-all-inputs .checkbox label:after {
  border-color: rgb(127.5, 127.5, 127.5);
}
.disable-all-inputs .select2-container--disabled {
  display: block !important;
}
.disable-all-inputs .select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding-left: 5px;
}

.strong-somehow {
  color: #007763;
  font-size: 1.2em;
  font-weight: bold;
}

.process-from-headline {
  display: flex;
  justify-content: space-between;
}
.process-from-headline a {
  color: #007763;
  font-size: 0.8em;
  margin-top: -0.5em;
  padding: 0.25em 0.5em;
}

.less-important {
  opacity: 0.8;
  font-style: italic;
}
.less-important img {
  width: 1.25em;
  display: inline-block;
  margin-right: 0.25em;
  opacity: 0.6;
  position: relative;
  top: -0.1em;
}

.appointment-block .time,
.appointments-index .time {
  opacity: 0.5;
}
.appointment-block h3,
.appointments-index h3 {
  align-items: center;
  display: flex;
  padding-top: 0.8em !important;
  padding-bottom: 0.6em !important;
}
.appointment-block h3 .bold,
.appointments-index h3 .bold {
  font-weight: bold !important;
}
.appointment-block h3 .show-all,
.appointments-index h3 .show-all {
  border-top: 1px solid #007763 !important;
  margin-left: auto;
  background-color: #007763 !important;
  color: #fff;
  font-size: 0.75em !important;
  border-radius: 0.2em;
}
.appointment-block .actions,
.appointments-index .actions {
  margin-left: auto;
  display: flex !important;
  justify-content: flex-end;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
}
.appointment-block .actions > *,
.appointments-index .actions > * {
  margin-right: 0.5em;
}
.appointment-block .actions > *:last-child,
.appointments-index .actions > *:last-child {
  margin-right: 0;
}
.appointment-block .actions img,
.appointments-index .actions img {
  filter: invert(1);
  opacity: 1;
  width: 1.2em;
  height: 1.2em;
}
.appointment-block .already-sent,
.appointments-index .already-sent {
  opacity: 0.5;
}

.channel-icon {
  display: inline-block;
  margin-right: 0.1em;
  width: 1.5em;
  margin-top: -0.2em;
  position: relative;
  top: -0.15em;
}
.appointments-index .channel-icon {
  opacity: 0.5;
}

.appointments-index td.channel {
  text-align: center;
}
.appointments-index .completed-info {
  display: flex;
}
.appointments-index .completed-info .badges-secondary {
  position: relative;
}

.only-one-line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 15em;
}

td .time {
  white-space: nowrap;
  opacity: 0.5;
}
td.timefield {
  font-size: 0.8em;
  white-space: nowrap;
}
td.recipients {
  max-width: 15em;
}

.inform-team .unimportant {
  opacity: 0.5;
  font-size: 0.8em;
}

.caution {
  opacity: 0.5;
}

.to-note-details {
  position: absolute;
  bottom: 0;
  right: 0;
  text-decoration: none;
  display: inline-block;
  padding: 0.25em 0.5em;
  color: #007763;
  font-size: 0.85em;
  border: 1px solid #007763;
  border-top-left-radius: 0.2em;
  border-right: 0;
  border-bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
}

.blocks-wrapper {
  display: flex;
  margin-left: -2%;
  width: 104%;
  display: flex;
  margin-bottom: 2em;
}
.blocks-wrapper > .block {
  margin: 2%;
  flex: 0 0 96%;
}
@media (min-width: 620px) {
  .blocks-wrapper > .block {
    flex: 0 0 46%;
  }
}

.attachment-uploads .grid li a {
  padding: 0;
}

.send-to-me {
  margin-right: 2em;
}

.dropzone-custom .dz-error.dz-preview.dz-file-preview .dz-image {
  border: 2px solid #be2626;
  background-image: linear-gradient(to top, #be2626, rgb(220.75, 83.75, 83.75));
  border-radius: 0.4em;
}
.dropzone-custom .dz-preview .dz-success-mark,
.dropzone-custom .dz-preview .dz-error-mark {
  margin-top: 0;
  margin-left: -14px;
  top: 62%;
}
.dropzone-custom .dz-preview .dz-success-mark svg,
.dropzone-custom .dz-preview .dz-error-mark svg {
  width: 27px;
  height: 27px;
}
.dropzone-custom .dz-preview .dz-success-mark svg path {
  fill: #779643 !important;
}

/*.hidden-attachments-list-for-upload-links {
    height:0;
    width:0;
    overflow:hidden;
    position: absolute;
    opacity: 0;
}*/
.note-buttons-wrapper .delete-form {
  margin-bottom: 0;
}
.note-buttons-wrapper .delete-form button {
  margin-bottom: 0;
}

.tasks-button {
  background-image: none;
  margin-left: auto;
  margin-right: 0.5em;
}

.completed-info {
  padding: 1em;
  font-size: 0.8em;
  text-align: center;
  position: relative;
  max-width: 18em;
  white-space: normal;
}

.besser-nicht-fuellen {
  opacity: 0;
  position: absolute;
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
}

.has-no-emailaddress .name {
  opacity: 0.5;
}

.recipients-table-wrapper {
  margin-bottom: 2em;
  box-shadow: none;
  background-color: rgb(245.9276595745, 246.9744680851, 247.6723404255);
  border: 1px solid rgb(221.25, 221.25, 221.25);
  border-radius: 0.3em;
}

.recipients-table td:last-child,
.recipients-table th:last-child {
  text-align: right;
}

.form-item.disabled label:before {
  opacity: 0.7;
  background-color: #eaeaea;
  cursor: default;
}

.teammail-form .button img {
  width: 1em;
  position: relative;
  top: -0.1em;
  filter: invert(1);
  opacity: 0.65;
}

.hidden-attachments-list {
  display: none;
}

.communication-create-or-edit-part .inactive {
  display: none;
}

.send-to-person-inactive .send-to-person {
  display: none;
}

.answer-block {
  position: relative;
}
.answer-block .attachment-icon {
  opacity: 0.5;
}

.hide-send-to-person {
  display: none;
}

.answer-form-inner .inactive {
  opacity: 1;
}

.page-design {
  background: #fff;
  border-radius: 0.2em;
  padding: 2em 1em;
  box-shadow: 0.2em 0.2em 3em rgba(0, 59.5, 49.5, 0.2);
}
.page-design.inner-design {
  padding: 0;
  margin-top: 3em;
  margin-bottom: 3em;
}
@media (min-width: 620px) {
  .page-design {
    padding: 2em;
  }
}
.page-design [type=checkbox] {
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
  position: relative;
  top: 0.3em;
  margin-right: 0.25em;
  margin-bottom: 0.5em;
}
.page-design .m-signature-pad--body {
  box-sizing: border-box;
  width: 100%;
  position: relative;
}
.page-design .m-signature-pad--body canvas {
  height: 10em;
  border: 1px solid rgb(208.5, 208.5, 208.5);
  border-bottom: 2px dotted #666666;
}
.page-design p {
  line-height: 1.6em;
}
.page-design .headline-area {
  padding-top: 3em;
}
.page-design .infotext-area {
  background-color: rgba(0, 119, 99, 0.1);
  padding-top: 2em;
  padding-bottom: 2em;
}
.page-design .decision-area {
  padding-top: 2em;
  padding-bottom: 2em;
}
.page-design .comments-area {
  background-color: rgba(0, 119, 99, 0.1);
  padding-top: 2em;
  padding-bottom: 2em;
}
.page-design .comments-area textarea {
  background-color: rgba(0, 0, 0, 0.05);
}

.sign-agreement-button {
  max-height: 2.15em;
}

.signature-pad-clear {
  right: 0.5em;
  top: 0.5em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  position: absolute;
  font-size: 0.8em;
  background-color: #ab5033;
  border: 0;
  line-height: 1em;
  padding: 0.5em;
}
.signature-pad-clear svg {
  width: 1em;
}

.sign-agreement-result {
  font-size: 1.3em;
  text-align: center;
}

.signed {
  bottom: 0;
  background-color: #779643;
  border-radius: 0.4em;
  padding: 0.2em 0.5em;
  line-height: 1em;
  margin-left: -1em;
  margin-right: -1em;
  margin-bottom: -2em;
}
.signed .text {
  max-width: calc(100% - 2em);
}
.signed .icon {
  width: 2em;
  filter: invert(1);
  position: absolute;
  right: 0.2em;
  bottom: -0.2em;
}
.signed .check {
  width: 1.5em;
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 4em;
  aspect-ratio: 1;
  --c: no-repeat linear-gradient(to top, #007763 100%, transparent 100%);
  background: var(--c) 0% 50%, var(--c) 50% 50%, var(--c) 100% 50%;
  background-size: 20% 100%;
  animation: l1 1s infinite linear;
}

@keyframes l1 {
  0% {
    background-size: 20% 100%, 20% 100%, 20% 100%;
  }
  33% {
    background-size: 20% 10%, 20% 100%, 20% 100%;
  }
  50% {
    background-size: 20% 100%, 20% 10%, 20% 100%;
  }
  66% {
    background-size: 20% 100%, 20% 100%, 20% 10%;
  }
  100% {
    background-size: 20% 100%, 20% 100%, 20% 100%;
  }
}
.sign-agreement-wrapper .loader {
  display: none;
}
.sign-agreement-wrapper .loader.active {
  display: block;
}

.sign-agreement-form.inactive {
  display: none;
}

.loader-wrapper {
  width: 100%;
  text-align: center;
}

.fake-option-checkbox label:before {
  border-radius: 50%;
  border: 1px solid #b7b7b7;
  top: -0.5em;
  width: 26px;
  height: 26px;
}
.fake-option-checkbox label:after {
  border: 0;
  background: #007763;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  top: -5.5px;
}

.signature-button-in-communication {
  background-image: linear-gradient(-220deg, #6d1f58, rgb(178.5, 95.2, 0)) !important;
}
.signature-button-in-communication .icon {
  filter: invert(1);
  width: 1.5em;
}

.statistics-form {
  margin-bottom: 3em;
  background-image: linear-gradient(60deg, #007763, rgb(0, 195.5, 162.6428571429));
  padding: 2em;
}
.statistics-form label {
  color: #fff;
}
.statistics-form form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.statistics-form form > * {
  margin-bottom: 0;
  margin-right: 1%;
  flex: 1;
}

.datepicker-field label {
  color: #fff;
}

.statistics-index .table-wrapper {
  overflow: visible;
}
.statistics-index table {
  position: relative;
  overflow: visible;
}
.statistics-index table td:last-child, .statistics-index table td.like-last, .statistics-index table th:last-child, .statistics-index table th.like-last {
  text-align: right;
  font-weight: bold;
  font-size: 1.25em;
  padding-right: 1em;
}

.classifier-line td {
  padding: 1em 0.5em 0.5em;
  background-color: rgb(216.75, 216.75, 216.75);
}
.classifier-line td:first-child {
  border-left: 1px solid rgb(195.75, 195.75, 195.75);
}
.classifier-line td:last-child {
  border-right: 1px solid rgb(170.25, 170.25, 170.25);
}

.js-export-button {
  border: 0;
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25em 0.75em;
}
.js-export-button img {
  filter: invert(1);
  padding: 0.2em;
}

.formtemplate.interactive {
  padding: 1.5em 1em;
  background-color: rgba(0, 119, 99, 0.1);
  border-radius: 0.5em;
  border: 1px solid rgba(0, 119, 99, 0.2);
  border-right: 1px solid rgba(0, 119, 99, 0.1);
  border-bottom: 1px solid rgba(0, 119, 99, 0.1);
  box-shadow: -0.2em 0.2em 1em rgba(0, 59.5, 49.5, 0.05);
}
.formtemplate.interactive iframe {
  opacity: 0.8;
}

.statistics-meta {
  position: relative;
}
.statistics-meta h2 {
  padding-right: 5em;
}

.formtemplates-table .original {
  font-weight: bold;
}
.formtemplates-table .original td:first-child:before {
  content: "MASTER: ";
}

.clients-index .passive {
  opacity: 0.7;
  font-size: 0.9em;
  font-style: italic;
}
.labeladdition strong {
    color:#000;
}