body {
  --q-warning: #fcc515;
  --q-primary: rgb(38, 49, 101);
  --q-primary-highContrast: rgb(38, 49, 101);
  --q-positive: rgb(69, 173, 65);
  --q-negative: rgb(193, 38, 65);
  --wcag-color: cyan;
  --border-color: rgba(0, 0, 0, 0.12);
  --bg-light: white;
  --bg-black: black;
  --bg-dimmed: #f4f4f4;
  --border-darkMode: #e9e9e9;
  --text-dimmed: rgba(0, 0, 0, 0.6);
}

.q-tooltip {
  font-size: var(--fontSize);
}

.q-menu {
  transform: scale(var(--fontSize)) translate(calc(-1 * calc(calc(calc(var(--fontSize) - 100%) / 20) * 5)), calc(1 * calc(calc(calc(var(--fontSize) - 100%) / 20) * 6)));
}

.q-dialog {
  max-height: 90% !important;
}

@-moz-document url-prefix() {
  .calendar-component {
    min-width: calc( 100% - calc(calc(var(--fontSize) - var(--calendarParameter)) / 2) ) !important;
    max-width: calc( 100% - calc(calc(var(--fontSize) - var(--calendarParameter)) / 2) ) !important;
    width: calc( 100% - calc(calc(var(--fontSize) - var(--calendarParameter)) / 2) ) !important;
  }

  .q-calendar-day {
    min-width: calc( 100% - calc(calc(var(--fontSize) - var(--calendarParameter)) / 2) ) !important;
    max-width: calc( 100% - calc(calc(var(--fontSize) - var(--calendarParameter)) / 2) ) !important;
    width: calc( 100% - calc(calc(var(--fontSize) - var(--calendarParameter)) / 2) ) !important;
  }
}
.q-calendar-day__body {
  min-width: var(--fontSize) !important;
  max-width: var(--fontSize) !important;
  width: var(--fontSize) !important;
}

.q-calendar-day__head {
  min-width: var(--fontSize) !important;
  max-width: var(--fontSize) !important;
  width: var(--fontSize) !important;
}

circle {
  zoom: calc(100% - calc(calc(var(--fontSize) - 100%) / 2)) !important;
}

.q-menu {
  font-size: var(--fontSize) !important;
}

.menu-position {
  top: var(--filterTop) !important;
  left: var(--filterLeft) !important;
}

.context-menu {
  font-size: var(--fontSize) !important;
}

.q-dialog {
  zoom: var(--fontSize) !important;
}

.fullscreen#table-target {
  zoom: var(--fontSize) !important;
  font-size: calc(100%) !important;
}

#q-app:not(.path) {
  zoom: var(--fontSize) !important;
  font-size: calc(100%) !important;
}

#q-notify {
  zoom: var(--fontSize) !important;
}

.dialog-tutorial {
  max-width: 50% !important;
}

.q-calendar-day__interval--text {
  font-size: calc(var(--fontSize) - 4px) !important;
  font-size: var(--fontSize);
}

.q-light, .stickyColumn th:last-child,
.stickyColumn td:last-child {
  color: black;
  background-color: white;
}

.white-font {
  color: white;
}

.remove-link {
  text-decoration: underline;
  color: #0f225f;
  cursor: pointer;
  outline: none;
  background: transparent;
  border: 1px solid transparent;
}

.remove-button-styles {
  background: none;
  color: inherit;
  border: none;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.rounded {
  border-radius: 10%;
}

.pr-\[30px\] {
  padding-right: 30px;
}

.financial-dialog .q-stepper__step-inner {
  padding: 0 25px 0 15px;
}
.financial-dialog .q-stepper__tab {
  flex-direction: column;
  align-items: center;
}
.financial-dialog .q-stepper__tab:first-child {
  justify-content: center;
}
.financial-dialog .q-stepper__line:before {
  top: 24.3px;
  margin-right: 60px;
}
.financial-dialog .q-stepper__line:after {
  top: 0;
}
.financial-dialog .q-stepper__title {
  margin-top: 5px;
  text-align: center;
  max-width: 115px;
  min-height: 36px;
}
.financial-dialog .q-field--with-bottom {
  padding-bottom: 0;
}

.bg_lightgrey {
  background-color: #f4f4f4 !important;
}

.bg_darkergrey {
  background-color: #f3f3f3 !important;
}

.founded {
  position: absolute;
  z-index: 99;
  background: white;
  max-height: 300px;
  overflow-y: auto;
  left: 0;
  width: calc(100% - 30px);
}
.founded-list {
  list-style: none;
  font-size: 14px;
  padding: 0;
}
.founded-item {
  cursor: pointer;
  padding: 8px 10px;
}
.founded-item:hover {
  background: #cdcdcd !important;
  transition: background-color 0.2s linear;
}

.q-ml-none-important {
  margin-left: 0 !important;
}

.min-width-search-grid {
  min-width: 350px;
}

.body--dark {
  --q-primary: #516cc4;
  --q-primary-highContrast: #8d9fd8;
  --bg-light: #1d1d1d;
  --bg-black: white;
  --border-darkMode: #1c1c1c;
  --bg-dimmed: #3a3a3a;
  --border-color: rgba(255, 255, 255, 0.28);
  --text-dimmed: rgba(255, 255, 255, 0.7);
}
.body--dark iframe {
  border-color: rgba(255, 255, 255, 0.28);
}
.body--dark .q-uploader__list {
  background-color: #282828;
}
.body--dark .notification {
  background-color: #282828;
}
.body--dark .q-light, .body--dark .stickyColumn th:last-child, .stickyColumn .body--dark th:last-child,
.body--dark .stickyColumn td:last-child,
.stickyColumn .body--dark td:last-child {
  background-color: #3c3c3c;
  color: white;
}
.body--dark .white-font {
  color: #3c3c3c;
}
.body--dark .notification:hover {
  background-color: #3c3c3c;
}
.body--dark .sticky-buttons {
  background-color: var(--q-dark);
  border-color: rgba(255, 255, 255, 0.28);
}
.body--dark a {
  color: #a03cdc;
}
.body--dark a:visited {
  color: #821edc;
}
.body--dark .q-tab__label {
  color: #b4b4b4;
}
.body--dark iframe, .body--dark div.htmlCutOut, .body--dark div.htmlContainer {
  background-color: var(--q-dark) !important;
}
.body--dark div .drop_zone {
  background-color: var(--bg-dimmed);
}
.body--dark div .drop-zone {
  background-color: var(--bg-dimmed);
}
.body--dark .bg_darkergrey {
  background-color: #2b2b2b !important;
}
.body--dark .q-uploader__header i {
  color: white !important;
}
.body--dark .q-loading__box {
  color: white !important;
  background-color: var(--bg-dimmed) !important;
}
.body--dark .my-card {
  background-color: #222222 !important;
}
.body--dark .absolute-bottom-right.animatedEl {
  background-color: var(--q-dark) !important;
}

.notification {
  background-color: #f5f5f5;
  border-radius: 5px;
  min-height: 44px;
  cursor: pointer;
}
.notification:hover {
  background-color: #ebebeb;
}

*:focus-visible:not(input):not(.hideNormalFocus) {
  outline: var(--wcag-color) solid 2px !important;
  outline-offset: -3px;
  box-sizing: border-box;
}

label.q-field--readonly .q-field__inner:has(input:focus-visible),
label.q-field--readonly .q-field__inner:has(textarea:focus-visible),
span.hideNormalFocus:focus-visible,
span.hideNormalFocus .q-field__inner:has(:focus) {
  outline: var(--q-primary) dashed 2px !important;
  outline-offset: -2px;
}

.q-tabs__content:has(:focus-visible) {
  background-color: rgba(102, 102, 102, 0.2);
  outline: rgba(0, 255, 255, 0.4) dotted 2px !important;
  outline-offset: -3px;
}

label.q-field:focus {
  outline: none;
}

label .q-field__native:focus {
  outline: none !important;
}

.q-dialog__inner:focus-visible {
  outline: none !important;
  max-height: 95%;
}

#scrollElement {
  max-height: 95%;
}

.hiddenUntilKeyboard {
  opacity: 0;
  pointer-events: none;
}
.hiddenUntilKeyboard:focus-visible {
  opacity: 1;
}

.q-table__control:has(.q-select__focus-target:focus-visible) i {
  color: var(--wcag-color);
}

.hideForAria {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.alignLeftAndItemsCenter {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.stickyColumn th:last-child {
  border-bottom: 1px solid var(--border-color);
}
.stickyColumn th:last-child,
.stickyColumn td:last-child {
  position: sticky;
  right: 0;
  z-index: 1;
  border-left: 1px solid var(--border-color);
}
.stickyColumn tr:last-child td:last-child {
  border-bottom: 1px solid var(--border-color);
}

.zone-logo {
  width: max(36px, min(6vh, 48px));
  margin: 12px 0;
}

.zone-pic {
  width: clamp(200px, 90vw, 1200px);
}

.redlabelLink {
  text-decoration: underline;
  cursor: pointer;
  color: #a00000;
}

.remove-icon-enter-active {
  transition: all 0.3s ease-out;
}

.remove-icon-leave-active {
  transition: all 0.2s ease-in;
}

.remove-icon-enter-from,
.remove-icon-leave-to {
  transform: translateX(15px) rotateZ(40deg);
  opacity: 0;
}

.separateFields > div {
  margin-top: 10px;
  margin-bottom: 10px;
}

.invertIcon img {
  filter: invert(1);
}

.tintOnHover:hover {
  background: rgba(174, 174, 174, 0.16);
}

div .q-menu--dark {
  border: 2px solid var(--bg-dimmed);
}
:root {
  --fontSize: 100%;
  --calendarParameter: 100%;
  --cardParameter: 0px;
  --filterMaxHeight: 80vh;
  --filterTop: 20%;
  --filterLeft: 80%;
}


.width-control[data-v-7fa66087] {
  max-width: 50%;
  min-width: 300px;
}


.minElHeight[data-v-3670f97c] {
  min-height: 160px;
}
.buttonWidth[data-v-3670f97c] {
  width: 65px;
}
.no-padding[data-v-3670f97c] {
  padding: 0 !important;
}


.v-enter-active[data-v-261a11d2],
.v-leave-active[data-v-261a11d2] {
  transition: opacity 300ms ease;
}
.v-enter-from[data-v-261a11d2],
.v-leave-to[data-v-261a11d2] {
  opacity: 0;
}
.invalid[data-v-261a11d2] input {
  color: red;
}
.noIcon[data-v-261a11d2] .q-field__before {
  display: none;
}


.width-control[data-v-2016bc12] {
  max-width: 60%;
  width: 100%;
}
.button[data-v-2016bc12] {
  width: 100%;
}


.width-control[data-v-1d20f77c] {
  max-width: 60%;
  width: 100%;
}
.button[data-v-1d20f77c] {
  width: 100%;
}


.width-control[data-v-7549f6be] {
  max-width: 50%;
  min-width: 300px;
}

::-webkit-scrollbar {
  height: 12px;
  width: 14px;
  background: transparent;
  z-index: 12;
  overflow: visible;
}
::-webkit-scrollbar-thumb {
  width: 10px;
  background-color: #c1c1c1;
  border-radius: 10px;
  z-index: 12;
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-transition: background-color 0.32s ease-in-out;
  transition: background-color 0.32s ease-in-out;
  margin: 4px;
  min-height: 32px;
  min-width: 32px;
}
::-webkit-scrollbar-thumb:hover {
  background: #c1c1c1;
}

.border-left[data-v-47af7a4d] {
  border-left: 1px solid rgba(0, 0, 0, 0.144);
  margin: -8px 0px -8px 0px;
}
.underlineItem[data-v-47af7a4d] {
  position: relative;
}
.underlineItem[data-v-47af7a4d]:after {
  position: absolute;
  content: '';
  height: 3px;
  width: 3px;
  border-radius: 5px;
  margin: auto;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--q-warning);
  transition: 300ms ease-in-out;
}
.underlineItem[data-v-47af7a4d]:hover:after {
  height: 25%;
}
.active[data-v-47af7a4d]:after {
  height: 35%;
}
@media (prefers-reduced-motion) {
.underlineItem[data-v-47af7a4d]:hover:after {
    transition: 0s;
}
}
.darkCustomIcon[data-v-47af7a4d] {
  filter: brightness(0) invert(100%);
}


[data-v-6e89f2ab] .q-uploader__header {
  display: none;
}
.rowIcon[data-v-6e89f2ab] i {
  font-size: 1.4em !important;
  width: 120px;
  margin: 3px 0;
}


.hoverImg[data-v-2d4f9db8] .fa-camera {
  color: black;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50px;
  width: 80px;
  height: 80px;
  font-size: 30px;
  z-index: 1;
  opacity: 0;
  transition: 300ms cubic-bezier(0.25, 0.8, 0.5, 1);
}
.hoverImg[data-v-2d4f9db8]:hover .fa-camera {
  opacity: 100;
}
@media (prefers-reduced-motion) {
.hoverImg[data-v-2d4f9db8] .fa-camera {
    transition: 0s;
}
}


.tutorialCard[data-v-5de1aad3] {
  min-height: 80%;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 300ms;
  position: relative;
}
.htmlContainer[data-v-5de1aad3] {
  overflow: hidden;
}
.htmlCutOut[data-v-5de1aad3] {
  border-width: 0;
  border-color: transparent;
  border-radius: 10px 0 10px 10px;
  height: 100%;
  width: 100%;
}
.fab[data-v-5de1aad3] {
  padding: 20px;
}
.v-enter-active[data-v-5de1aad3],
.v-leave-active[data-v-5de1aad3] {
  transition: opacity 300ms ease;
}
.v-enter-from[data-v-5de1aad3],
.v-leave-to[data-v-5de1aad3] {
  opacity: 0;
}
@media (prefers-reduced-motion) {
.tutorialCard[data-v-5de1aad3] {
    transition: 0;
}
.v-enter-active[data-v-5de1aad3],
  .v-leave-active[data-v-5de1aad3] {
    transition: opacity 0;
}
}


.square[data-v-02bfee86] {
  width: 38px;
  height: 38px;
}
.tooltipClass[data-v-02bfee86] {
  font-size: 13px;
  max-width: 400px;
  margin: 0;
}
.indicator[data-v-02bfee86] {
  position: relative;
  padding-left: 15px !important;
}
.indicator[data-v-02bfee86]::before {
  content: '';
  width: 4px;
  height: 80%;
  background: red;
  border-radius: 2px;
  position: absolute;
  left: 5px;
}
.notificationClass[data-v-02bfee86] {
  position: relative;
  padding-left: 6px;
}
.notificationClass:hover > .hoverOpen[data-v-02bfee86],
.notificationClass:focus-within > .hoverOpen[data-v-02bfee86] {
  opacity: 0.3;
}
.notificationClass:hover > .timeAgo[data-v-02bfee86],
.notificationClass:focus-within > .timeAgo[data-v-02bfee86] {
  opacity: 0;
}
.timeAgo[data-v-02bfee86] {
  padding: 5px 10px;
  overflow: hidden;
  opacity: 1;
  transition: 0.15s ease-in-out;
  z-index: 1;
}
.hoverOpen[data-v-02bfee86] {
  height: 30px;
  width: 30px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: 0.1s ease-in-out opacity;
  border-radius: 0 0 0 8px;
  z-index: 2;
  border-bottom: 1px solid grey;
}
.hoverOpen[data-v-02bfee86]:hover,
.hoverOpen[data-v-02bfee86]:focus-visible {
  opacity: 1 !important;
  height: 30px;
  width: 30px;
}
.hoverOpen[data-v-02bfee86]:active {
  opacity: 1 !important;
  color: red;
}
.hoverOpen[data-v-02bfee86]:focus-visible {
  transition: 0s linear;
}
.changeSVGColor[data-v-02bfee86] path {
  fill: var(--q-primary);
}


.parentSessionBtn[data-v-1e2076f9] {
  z-index: 11;
  pointer-events: none;
  padding: 0px;
}
.extendSessionBtn[data-v-1e2076f9] {
  pointer-events: auto;
  z-index: 10;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  background: var(--q-primary);
  font-size: 12px;
  opacity: 0;
  transition: 400ms ease-out;
  padding-right: 30px;
  padding-left: 10px;
}
.extendSessionBtn[data-v-1e2076f9]::after {
  transition: 300ms ease-out;
  content: 'Przedłuż sesję';
  width: 0;
  overflow: hidden;
  white-space: nowrap;
}
.parentSessionBtn:hover + .extendSessionBtn[data-v-1e2076f9],
.extendSessionBtn[data-v-1e2076f9]:focus,
.extendSessionBtn[data-v-1e2076f9]:hover {
  opacity: 1;
  padding-right: 38px;
}
.parentSessionBtn:hover + .extendSessionBtn[data-v-1e2076f9]::after,
.extendSessionBtn[data-v-1e2076f9]:focus::after,
.extendSessionBtn[data-v-1e2076f9]:hover::after {
  width: 100px;
}
@media (prefers-reduced-motion) {
.extendSessionBtn[data-v-1e2076f9] {
    transition: 0;
}
.extendSessionBtn[data-v-1e2076f9]::after {
    transition: 0;
}
}


.overflow-control[data-v-7e6012fc] {
  overflow-y: auto;
  overflow-x: hidden;
}
.border-top[data-v-7e6012fc] {
  border-top: 1px solid rgba(0, 0, 0, 0.171);
}
.bottom-links[data-v-7e6012fc] {
  height: 200px;
}
.squareIcon[data-v-7e6012fc] {
  width: 30px;
  height: 30px;
}