@media only screen and (min-width: 780px) {
  div.Kalendar div.legendButton {
    display: none !important;
  }
}
div.Kalendar div.filter .filterButton {
  display: none;
}
div.Kalendar div.filter div.legendPopup div {
  flex-direction: row !important;
}
@media only screen and (min-width: 780px) {
  div.Kalendar div.filter div.legendPopup {
    display: none;
  }
}
div.Kalendar div.filter div.legendPopup div[zamestnanec="true"]:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-image: url("../imgs/user.svg");
  background-color: white;
}
div.Kalendar div.filter div.legendPopup div.korektivna:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #00BCF8;
}
div.Kalendar div.filter div.legendPopup div.hlasenie:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #10EA79;
}
div.Kalendar div.filter div.legendPopup div.preventivna:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #F8FC00;
}
div.Kalendar div.filter div.legendPopup div.poziadavka:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #E50079;
}
div.Kalendar div.filter div.legendPopup div.nova:before {
  content: "";
  width: 16px;
  height: 16px;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: white;
}
div.Kalendar div.filter div.legendPopup div.riesenie:before {
  content: "";
  width: 16px;
  height: 16px;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #F8F098;
}
div.Kalendar div.filter div.legendPopup div.ukoncena:before {
  content: "";
  width: 16px;
  height: 16px;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #90EC90;
}
div.Kalendar div.filter div.legendPopup div.nevykonana:before {
  content: "";
  width: 16px;
  height: 16px;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #F8C0B8;
}
div.Kalendar div.filter div.legendPopup div.odstavka:before {
  content: "";
  width: 16px;
  height: 16px;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #A8CCF8;
}
div.Kalendar div.moduleContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: hidden;
}
div.Kalendar div.moduleContainer div.controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  padding: 18px 20px 6px;
}
@media only screen and (min-width: 780px) {
  div.Kalendar div.moduleContainer div.controls {
    display: none;
  }
}
div.Kalendar div.moduleContainer div.controls div {
  display: flex;
  user-select: none;
}
div.Kalendar div.moduleContainer div.controls div.month-info {
  display: block;
}
@media only screen and (min-width: 780px) {
  div.Kalendar div.moduleContainer div.controls div.month-info {
    display: flex;
    gap: 4px;
  }
}
div.Kalendar div.moduleContainer div.controls div.nav-buttons {
  gap: 3px;
}
div.Kalendar div.moduleContainer div.controls div.year-label {
  color: #7686a4;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
@media only screen and (min-width: 780px) {
  div.Kalendar div.moduleContainer div.controls div.year-label {
    font-size: 28px;
    font-weight: 400;
  }
}
div.Kalendar div.moduleContainer div.controls div.month-label {
  color: #404040;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: 1.15;
}
@media only screen and (min-width: 780px) {
  div.Kalendar div.moduleContainer div.controls div.month-label {
    font-size: 28px;
  }
}
div.Kalendar div.moduleContainer div.controls div .view-toggle {
  background: #fafafa;
  border-radius: var(--border-radius);
  padding: 2px;
  gap: 2px;
}
div.Kalendar div.moduleContainer div.controls div.btnWeek,
div.Kalendar div.moduleContainer div.controls div.btnMonth {
  border: none;
  background: transparent;
  color: #525252;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
div.Kalendar div.moduleContainer div.controls div.btnWeek.active,
div.Kalendar div.moduleContainer div.controls div.btnMonth.active {
  background: #fff;
  color: #7585a4;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
div.Kalendar div.moduleContainer div.controls div.btnNext,
div.Kalendar div.moduleContainer div.controls div.btnPrev {
  border-radius: var(--border-radius);
  border: none;
  color: #7686a4;
  width: 34px;
  height: 34px;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  transition: background 0.15s, color 0.15s;
  line-height: 1;
}
div.Kalendar div.moduleContainer div.controls div.btnNext:hover,
div.Kalendar div.moduleContainer div.controls div.btnPrev:hover {
  background: var(--main-color-extra-light);
}
div.Kalendar div.moduleContainer div.calendarWrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
@media only screen and (min-width: 780px) {
  div.Kalendar div.moduleContainer div.calendarWrapper {
    display: none !important;
  }
}
div.Kalendar div.moduleContainer div.calendarWrapper div.weekDayNamesRow {
  padding: 0 6px 6px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 300%;
  transform: translateX(-33.3333%);
  will-change: transform;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.weekDayNamesRow div.week-strip-day {
  position: relative;
  z-index: 1;
  flex: 0 0 4.7619%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 3px 0;
  transition: background 0.12s;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.weekDayNamesRow div.week-strip-day.today div.week-strip-num {
  background: var(--main-color, rgba(103, 121, 154, 0.9)) !important;
  font-weight: 600 !important;
  color: white !important;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.weekDayNamesRow div.week-strip-day.weekend div.week-strip-name {
  color: #b0b0b0;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.weekDayNamesRow div.week-strip-day.weekend div.week-strip-num {
  color: #b0b0b0;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.weekDayNamesRow div.week-strip-day.active {
  background: rgba(80, 101, 168, 0.05);
}
div.Kalendar div.moduleContainer div.calendarWrapper div.weekDayNamesRow div.week-strip-day.left {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
div.Kalendar div.moduleContainer div.calendarWrapper div.weekDayNamesRow div.week-strip-day.right {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.weekDayNamesRow div.week-strip-day.selected div.week-strip-num {
  background: var(--main-color-extra-light);
  font-weight: 600;
  color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.calendarWrapper div.weekDayNamesRow div.week-strip-day div.week-strip-name {
  font-size: 10px;
  font-weight: 600;
  color: #525252;
  letter-spacing: 0.4px;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.weekDayNamesRow div.week-strip-day div.week-strip-num {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 400;
  color: #404040;
  margin-top: 2px;
  transition: background 0.12s, color 0.12s;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthDayNamesRow {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 14px 10px 4px;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthDayNamesRow span {
  text-align: center;
  color: #525252;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthDayNamesRow span:nth-child(6),
div.Kalendar div.moduleContainer div.calendarWrapper div.monthDayNamesRow span:nth-child(7) {
  color: #b0b0b0;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3px 0;
  -webkit-tap-highlight-color: transparent;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day:nth-child(7n) {
  border-right: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day:nth-last-child(-n + 7) {
  border-bottom: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day.full {
  width: 100%;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day.viewedMonth {
  opacity: 1;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day.weekendDay span.dayNumber {
  color: #b0b0b0;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day.selectedDay div.header {
  background-color: var(--main-color-extra-light);
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day.selectedDay div.header span.dayNumber {
  color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day.selectedDay:hover div.header {
  background-color: var(--main-color-extra-light);
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day.selectedDay:hover span.dayNumber {
  color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day.today div.header {
  background-color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day.today div.header span.dayNumber {
  color: white;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day.today.selectedDay div.header {
  background-color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day.today div.header:hover {
  background-color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day.nextMonthDay div.header,
div.Kalendar div.moduleContainer div.calendarWrapper div.day.prevMonthDay div.header {
  background-color: transparent;
  cursor: default;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day.nextMonthDay div.header span.dayNumber,
div.Kalendar div.moduleContainer div.calendarWrapper div.day.prevMonthDay div.header span.dayNumber {
  color: #e5e5e5;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day.nextMonthDay div.header:hover,
div.Kalendar div.moduleContainer div.calendarWrapper div.day.prevMonthDay div.header:hover {
  background-color: transparent;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day.nextMonthDay div.event-dots,
div.Kalendar div.moduleContainer div.calendarWrapper div.day.prevMonthDay div.event-dots {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day div.header {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #404040;
  font-size: 14px;
  font-weight: 400;
  transition: background 0.12s, color 0.12s;
  flex-shrink: 0;
  cursor: pointer;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day div.header > * {
  margin: 2px 5px;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day div.header span.dayNumber {
  font-size: 1em;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day div.header span.dayName {
  font-size: 0.8em;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day div.header span.weekNumSpan {
  padding-left: 12px;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day div.header:hover {
  background-color: #f5f5f5;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day button.more {
  padding: 0;
  background-color: inherit;
  border: none;
  cursor: pointer;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day button.more:hover {
  background-color: rgba(255, 255, 255, 0.88);
}
div.Kalendar div.moduleContainer div.calendarWrapper div.day.emptyRow {
  visibility: hidden;
  pointer-events: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.event-dots {
  display: flex;
  gap: 2px;
  margin-top: 2px;
  height: 5px;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.event-dots div.dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
div.Kalendar div.moduleContainer div.calendarWrapper div.event-dots div.dot[typ="1"] {
  background-color: #00BCF8;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.event-dots div.dot[typ="2"] {
  background-color: #10EA79;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.event-dots div.dot[typ="3"] {
  background-color: #F8FC00;
  border-color: #ccc;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.event-dots div.dot[typ="4"] {
  background-color: #E50079;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection {
  width: 100%;
  padding: 10px 10px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  box-sizing: border-box;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection::-webkit-scrollbar-button {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection::-webkit-scrollbar-track {
  background: transparent;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.monthEventSectionTitle {
  font-size: 0.78rem;
  font-weight: 600;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 4px;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.monthEventSectionEmpty {
  font-size: 0.85rem;
  color: #bbb;
  padding: 8px 0;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard {
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  transition: box-shadow 0.15s;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard[stav="N"] {
  background-color: white;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard[stav="N"].multiDay {
  background-color: #ff5c5c;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard[stav="P"].multiDay {
  background-color: #f8fc00;
  border: 1px solid #f8fc00;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard[stav="R"] {
  background: #F8F098;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard[stav="U"] {
  background-color: #90EC90;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard[zamestnanec="true"] div.icon {
  background-image: url("../imgs/user.svg");
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard[typ="0"] div.icon {
  background-color: #d1d1d1;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard[typ="1"] div.icon {
  background-color: #00BCF8;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard[typ="2"] div.icon {
  background-color: #10EA79;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard[typ="3"] div.icon {
  background-color: #F8FC00;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard[typ="4"] div.icon {
  background-color: #E50079;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard.nevykonana {
  background-color: #F8C0B8 !important;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard div.icon {
  width: 15px;
  min-width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard div.eventCardHeader {
  display: flex;
  align-items: center;
  gap: 6px;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard div.eventCardIcon {
  width: 17px;
  min-width: 17px;
  height: 17px;
  border-radius: 50%;
  flex-shrink: 0;
  background-color: #d1d1d1;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-repeat: no-repeat;
  background-position: center;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard div.eventCardIcon[zamestnanec="true"] {
  background-image: url("../imgs/user.svg");
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard div.eventCardIcon[typ="1"] {
  background-color: #00BCF8;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard div.eventCardIcon[typ="2"] {
  background-color: #10EA79;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard div.eventCardIcon[typ="3"] {
  background-color: #F8FC00;
  border-color: #ccc;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard div.eventCardIcon[typ="4"] {
  background-color: #E50079;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard span.eventCardCode {
  font-size: 0.9rem;
  font-weight: 600;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard span.eventCardSep {
  font-size: 0.9rem;
  color: #aaa;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard span.eventCardType {
  font-size: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard div.eventCardNote {
  font-size: 0.78rem;
  padding-left: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard div.eventCardDates,
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard div.eventCardPerson {
  font-size: 0.78rem;
  padding-left: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard div.eventCardDates::before,
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard div.eventCardPerson::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
  margin-right: 2px;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard div.eventCardPerson::before {
  background-image: url("../imgs/user.svg");
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard span.eventCardShift {
  font-size: 0.8rem;
  margin-left: 4px;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard div.eventCardDetail {
  font-size: 0.78rem;
  padding-left: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthEventSection div.eventCard div.eventCardStatus {
  font-size: 0.78rem;
  padding-left: 16px;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthDivider {
  height: 1px;
  background: #e5e5e5;
  margin: 10px 18px 0;
  flex-shrink: 0;
}
div.Kalendar div.moduleContainer div.calendarWrapper div.monthCalendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 0;
  gap: 1px 0;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.monthEventSection {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.monthDayNamesRow {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.monthCalendar {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.monthDivider {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekDayNamesRow {
  border-bottom: 1px solid #e5e5e5;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekSelectedDays {
  display: grid;
  padding-left: 0;
  border-bottom: 1px solid #e5e5e5;
  gap: 0;
}
@media only screen and (min-width: 780px) {
  div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekSelectedDays {
    grid-template-columns: repeat(7, 1fr);
    padding-right: 11.5px;
  }
}
@media only screen and (max-width: 779.9px) {
  div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekSelectedDays {
    grid-template-columns: repeat(2, 1fr);
    padding-right: 0;
  }
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekSelectedDays div.week-selected-day {
  display: none;
  width: 100%;
  text-align: center;
  padding: 3px 2px;
  height: 30px;
  align-content: space-evenly;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekSelectedDays div.week-selected-day.active {
  display: block;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekSelectedDays div.week-selected-day.active + .week-selected-day.active {
  border-left: 1px solid #e5e5e5;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekSelectedDays div.week-selected-day.weekend {
  color: #b0b0b0;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekSelectedDays div.week-selected-day.today {
  color: var(--main-color, rgba(103, 121, 154, 0.9));
  font-weight: 600;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekCalendar {
  display: flex;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  position: relative;
  min-height: 0;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekCalendar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekCalendar::-webkit-scrollbar-button {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekCalendar::-webkit-scrollbar-track {
  background: transparent;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekCalendar::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekCalendar::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}
@media only screen and (min-width: 780px) {
  div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekCalendar {
    background-image: linear-gradient(to right, transparent calc(1 * (100% - var(--scrollbar-width, 0px)) / 7), #e5e5e5 calc(1 * (100% - var(--scrollbar-width, 0px)) / 7), transparent calc(1 * (100% - var(--scrollbar-width, 0px)) / 7 + 1px), transparent calc(2 * (100% - var(--scrollbar-width, 0px)) / 7 + 0.7px), #e5e5e5 calc(2 * (100% - var(--scrollbar-width, 0px)) / 7 + 0.7px), transparent calc(2 * (100% - var(--scrollbar-width, 0px)) / 7 + 1.7px), transparent calc(3 * (100% - var(--scrollbar-width, 0px)) / 7 + 1.5px), #e5e5e5 calc(3 * (100% - var(--scrollbar-width, 0px)) / 7 + 1.5px), transparent calc(3 * (100% - var(--scrollbar-width, 0px)) / 7 + 2.5px), transparent calc(4 * (100% - var(--scrollbar-width, 0px)) / 7 + 2px), #e5e5e5 calc(4 * (100% - var(--scrollbar-width, 0px)) / 7 + 2px), transparent calc(4 * (100% - var(--scrollbar-width, 0px)) / 7 + 3px), transparent calc(5 * (100% - var(--scrollbar-width, 0px)) / 7 + 3.5px), #e5e5e5 calc(5 * (100% - var(--scrollbar-width, 0px)) / 7 + 3.5px), transparent calc(5 * (100% - var(--scrollbar-width, 0px)) / 7 + 4.5px), transparent calc(6 * (100% - var(--scrollbar-width, 0px)) / 7 + 4px), #e5e5e5 calc(6 * (100% - var(--scrollbar-width, 0px)) / 7 + 4px), transparent calc(6 * (100% - var(--scrollbar-width, 0px)) / 7 + 5px));
  }
}
@media only screen and (max-width: 779.9px) {
  div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.weekCalendar {
    background-image: linear-gradient(to right, transparent calc(1 * (100% - var(--scrollbar-width, 0px)) / 2), #e5e5e5 calc(1 * (100% - var(--scrollbar-width, 0px)) / 2), transparent calc(1 * (100% - var(--scrollbar-width, 0px)) / 2 + 1px));
  }
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day {
  padding: 3px 2px;
  flex: 1;
  display: block;
  min-width: 0;
  min-height: 1152px;
  align-self: flex-start;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day.hide {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.header {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.week-header {
  align-self: center;
  color: #404040;
  font-weight: 400;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.event-dots {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day.prevMonthDay div.header,
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day.nextMonthDay div.header {
  cursor: pointer;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day.prevMonthDay div.header span.dayNumber,
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day.nextMonthDay div.header span.dayNumber {
  color: #404040;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day.prevMonthDay div.header:hover,
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day.nextMonthDay div.header:hover {
  background-color: #f5f5f5;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day.prevMonthDay.weekendDay div.header span.dayNumber,
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day.nextMonthDay.weekendDay div.header span.dayNumber {
  color: #b0b0b0;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  height: calc(100% - 20px);
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event {
  height: auto;
  min-height: 26px;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  gap: 10px;
  align-items: center;
  border: solid 0.1px #e5e5e5;
  display: flex;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  background-color: #fafafa;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event[stav="N"] {
  background-color: white;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event[stav="N"].multiDay {
  background-color: #ff5c5c;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event[stav="P"].multiDay {
  background-color: #f8fc00;
  border: 1px solid #f8fc00;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event[stav="R"] {
  background: #F8F098;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event[stav="U"] {
  background-color: #90EC90;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event[zamestnanec="true"] div.icon {
  background-image: url("../imgs/user.svg");
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event[typ="0"] div.icon {
  background-color: #d1d1d1;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event[typ="1"] div.icon {
  background-color: #00BCF8;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event[typ="2"] div.icon {
  background-color: #10EA79;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event[typ="3"] div.icon {
  background-color: #F8FC00;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event[typ="4"] div.icon {
  background-color: #E50079;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event.nevykonana {
  background-color: #F8C0B8 !important;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event div.icon {
  width: 15px;
  min-width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event div:not(.icon):not([name="str_nazov"]) {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day div.content div.event div:before {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day:nth-child(7n + 1) div.content div.event.event_copy div.icon,
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day:nth-child(7n + 1) div.content div.event.event_copy div[name="str_nazov"] {
  display: block;
  visibility: visible;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day:nth-child(7n) div.content div.event.event_copy div.rightArrow {
  display: block;
  visibility: visible;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day:nth-child(7n) div.content div.event:not(.event_copy) div.icon,
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day:nth-child(7n) div.content div.event:not(.event_copy) div[name="str_nazov"],
div.Kalendar div.moduleContainer div.calendarWrapper[view="week"] div.day:nth-child(7n) div.content div.event:not(.event_copy) div.rightArrow {
  display: block;
  visibility: visible;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.weekDayNamesRow {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.weekDayHeader {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.weekCalendar {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.day div.week-header {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.day div.content {
  position: relative;
  overflow: hidden;
  height: calc(100% - 20px);
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.day div.content div.event {
  position: absolute;
  left: 0px;
  right: 0px;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.day div.content div.event div:not(.icon):not([name="str_nazov"]) {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.day div.content div.event div:before {
  display: none;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.day div.content div.event.event_copy div.icon,
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.day div.content div.event.event_copy div[name="str_nazov"],
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.day div.content div.event.event_copy div.leftArrow,
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.day div.content div.event.event_copy div.rightArrow {
  visibility: hidden;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.day:nth-child(1) div.content div.event.event_copy div.icon,
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.day:nth-child(1) div.content div.event.event_copy div[name="str_nazov"] {
  display: block;
  visibility: visible;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.day:nth-child(7n + 1) div.content div.event.event_copy div.leftArrow {
  display: block;
  visibility: visible;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.day:nth-child(7n) div.content div.event.event_copy div.rightArrow {
  display: block;
  visibility: visible;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.day:nth-child(7n) div.content div.event:not(.event_copy) div.icon,
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.day:nth-child(7n) div.content div.event:not(.event_copy) div[name="str_nazov"],
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.day:nth-child(7n) div.content div.event:not(.event_copy) div.rightArrow {
  display: block;
  visibility: visible;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.monthCalendar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 300%;
  transform: translateX(-33.3333%);
  will-change: transform;
  overflow: visible;
  padding: 0;
}
div.Kalendar div.moduleContainer div.calendarWrapper[view="month"] div.monthCalendar div.monthPanel {
  flex: 0 0 33.3333%;
  box-sizing: border-box;
  padding: 0 10px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1px 0;
  align-content: start;
}
div.Kalendar div.moduleContainer div.desktopCalendar {
  display: none;
  padding-top: 12px;
}
@media only screen and (min-width: 780px) {
  div.Kalendar div.moduleContainer div.desktopCalendar {
    display: flex !important;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    gap: 20px;
  }
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView {
  flex: 3;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  padding-right: calc(15px - var(--scrollbar-width));
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.week-header {
  margin-bottom: 0;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayNamesRow {
  padding: 0 6px 6px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 300%;
  transform: translateX(-33.3333%);
  will-change: transform;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayNamesRow div.week-strip-day {
  position: relative;
  z-index: 1;
  flex: 0 0 4.7619%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 3px 0;
  transition: background 0.12s;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayNamesRow div.week-strip-day.today div.week-strip-num {
  background: var(--main-color, rgba(103, 121, 154, 0.9)) !important;
  font-weight: 600 !important;
  color: white !important;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayNamesRow div.week-strip-day.weekend div.week-strip-name {
  color: #b0b0b0;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayNamesRow div.week-strip-day.weekend div.week-strip-num {
  color: #b0b0b0;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayNamesRow div.week-strip-day.active {
  background: rgba(80, 101, 168, 0.05);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayNamesRow div.week-strip-day.left {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayNamesRow div.week-strip-day.right {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayNamesRow div.week-strip-day.selected div.week-strip-num {
  background: var(--main-color-extra-light);
  font-weight: 600;
  color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayNamesRow div.week-strip-day div.week-strip-name {
  font-size: 10px;
  font-weight: 600;
  color: #525252;
  letter-spacing: 0.4px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayNamesRow div.week-strip-day div.week-strip-num {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 400;
  color: #404040;
  margin-top: 2px;
  transition: background 0.12s, color 0.12s;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayHeader div.weekDayNamesRow {
  padding-right: var(--scrollbar-width, 0px);
  padding-left: 2px;
  padding-bottom: 6px;
  gap: 1px;
  place-items: center;
  grid-template-columns: repeat(7, 1fr);
  display: grid;
  transform: translateX(0px);
  width: auto;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayHeader div.weekDayNamesRow div.week-strip-day.active {
  background: transparent;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayHeader div.weekDayNamesRow div.week-strip-day.swipe-header-buffer {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayHeader div.weekDayNamesRow div.selected div.week-strip-num {
  background-color: var(--main-color-extra-light);
  color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayHeader div.weekSelectedDays {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3px 0;
  -webkit-tap-highlight-color: transparent;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day:nth-child(7n) {
  border-right: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day:nth-last-child(-n + 7) {
  border-bottom: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.full {
  width: 100%;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.viewedMonth {
  opacity: 1;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.weekendDay span.dayNumber {
  color: #b0b0b0;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.selectedDay div.header {
  background-color: var(--main-color-extra-light);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.selectedDay div.header span.dayNumber {
  color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.selectedDay:hover div.header {
  background-color: var(--main-color-extra-light);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.selectedDay:hover span.dayNumber {
  color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.today div.header {
  background-color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.today div.header span.dayNumber {
  color: white;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.today.selectedDay div.header {
  background-color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.today div.header:hover {
  background-color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.nextMonthDay div.header,
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.prevMonthDay div.header {
  background-color: transparent;
  cursor: default;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.nextMonthDay div.header span.dayNumber,
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.prevMonthDay div.header span.dayNumber {
  color: #e5e5e5;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.nextMonthDay div.header:hover,
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.prevMonthDay div.header:hover {
  background-color: transparent;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.nextMonthDay div.event-dots,
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.prevMonthDay div.event-dots {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.header {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #404040;
  font-size: 14px;
  font-weight: 400;
  transition: background 0.12s, color 0.12s;
  flex-shrink: 0;
  cursor: pointer;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.header > * {
  margin: 2px 5px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.header span.dayNumber {
  font-size: 1em;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.header span.dayName {
  font-size: 0.8em;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.header span.weekNumSpan {
  padding-left: 12px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.header:hover {
  background-color: #f5f5f5;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day button.more {
  padding: 0;
  background-color: inherit;
  border: none;
  cursor: pointer;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day button.more:hover {
  background-color: rgba(255, 255, 255, 0.88);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.emptyRow {
  visibility: hidden;
  pointer-events: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.event-dots {
  display: flex;
  gap: 2px;
  margin-top: 2px;
  height: 5px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.event-dots div.dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.event-dots div.dot[typ="1"] {
  background-color: #00BCF8;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.event-dots div.dot[typ="2"] {
  background-color: #10EA79;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.event-dots div.dot[typ="3"] {
  background-color: #F8FC00;
  border-color: #ccc;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.event-dots div.dot[typ="4"] {
  background-color: #E50079;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.monthEventSection {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.monthDayNamesRow {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.monthCalendar {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.monthDivider {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekDayNamesRow {
  border-bottom: 1px solid #e5e5e5;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekSelectedDays {
  display: grid;
  padding-left: 0;
  border-bottom: 1px solid #e5e5e5;
  gap: 0;
}
@media only screen and (min-width: 780px) {
  div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekSelectedDays {
    grid-template-columns: repeat(7, 1fr);
    padding-right: 11.5px;
  }
}
@media only screen and (max-width: 779.9px) {
  div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekSelectedDays {
    grid-template-columns: repeat(2, 1fr);
    padding-right: 0;
  }
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekSelectedDays div.week-selected-day {
  display: none;
  width: 100%;
  text-align: center;
  padding: 3px 2px;
  height: 30px;
  align-content: space-evenly;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekSelectedDays div.week-selected-day.active {
  display: block;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekSelectedDays div.week-selected-day.active + .week-selected-day.active {
  border-left: 1px solid #e5e5e5;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekSelectedDays div.week-selected-day.weekend {
  color: #b0b0b0;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekSelectedDays div.week-selected-day.today {
  color: var(--main-color, rgba(103, 121, 154, 0.9));
  font-weight: 600;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekCalendar {
  display: flex;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  position: relative;
  min-height: 0;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekCalendar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekCalendar::-webkit-scrollbar-button {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekCalendar::-webkit-scrollbar-track {
  background: transparent;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekCalendar::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekCalendar::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}
@media only screen and (min-width: 780px) {
  div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekCalendar {
    background-image: linear-gradient(to right, transparent calc(1 * (100% - var(--scrollbar-width, 0px)) / 7), #e5e5e5 calc(1 * (100% - var(--scrollbar-width, 0px)) / 7), transparent calc(1 * (100% - var(--scrollbar-width, 0px)) / 7 + 1px), transparent calc(2 * (100% - var(--scrollbar-width, 0px)) / 7 + 0.7px), #e5e5e5 calc(2 * (100% - var(--scrollbar-width, 0px)) / 7 + 0.7px), transparent calc(2 * (100% - var(--scrollbar-width, 0px)) / 7 + 1.7px), transparent calc(3 * (100% - var(--scrollbar-width, 0px)) / 7 + 1.5px), #e5e5e5 calc(3 * (100% - var(--scrollbar-width, 0px)) / 7 + 1.5px), transparent calc(3 * (100% - var(--scrollbar-width, 0px)) / 7 + 2.5px), transparent calc(4 * (100% - var(--scrollbar-width, 0px)) / 7 + 2px), #e5e5e5 calc(4 * (100% - var(--scrollbar-width, 0px)) / 7 + 2px), transparent calc(4 * (100% - var(--scrollbar-width, 0px)) / 7 + 3px), transparent calc(5 * (100% - var(--scrollbar-width, 0px)) / 7 + 3.5px), #e5e5e5 calc(5 * (100% - var(--scrollbar-width, 0px)) / 7 + 3.5px), transparent calc(5 * (100% - var(--scrollbar-width, 0px)) / 7 + 4.5px), transparent calc(6 * (100% - var(--scrollbar-width, 0px)) / 7 + 4px), #e5e5e5 calc(6 * (100% - var(--scrollbar-width, 0px)) / 7 + 4px), transparent calc(6 * (100% - var(--scrollbar-width, 0px)) / 7 + 5px));
  }
}
@media only screen and (max-width: 779.9px) {
  div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.weekCalendar {
    background-image: linear-gradient(to right, transparent calc(1 * (100% - var(--scrollbar-width, 0px)) / 2), #e5e5e5 calc(1 * (100% - var(--scrollbar-width, 0px)) / 2), transparent calc(1 * (100% - var(--scrollbar-width, 0px)) / 2 + 1px));
  }
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day {
  padding: 3px 2px;
  flex: 1;
  display: block;
  min-width: 0;
  min-height: 1152px;
  align-self: flex-start;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.hide {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.header {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.week-header {
  align-self: center;
  color: #404040;
  font-weight: 400;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.event-dots {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.prevMonthDay div.header,
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.nextMonthDay div.header {
  cursor: pointer;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.prevMonthDay div.header span.dayNumber,
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.nextMonthDay div.header span.dayNumber {
  color: #404040;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.prevMonthDay div.header:hover,
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.nextMonthDay div.header:hover {
  background-color: #f5f5f5;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.prevMonthDay.weekendDay div.header span.dayNumber,
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day.nextMonthDay.weekendDay div.header span.dayNumber {
  color: #b0b0b0;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  height: calc(100% - 20px);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event {
  height: auto;
  min-height: 26px;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  gap: 10px;
  align-items: center;
  border: solid 0.1px #e5e5e5;
  display: flex;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  background-color: #fafafa;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event[stav="N"] {
  background-color: white;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event[stav="N"].multiDay {
  background-color: #ff5c5c;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event[stav="P"].multiDay {
  background-color: #f8fc00;
  border: 1px solid #f8fc00;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event[stav="R"] {
  background: #F8F098;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event[stav="U"] {
  background-color: #90EC90;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event[zamestnanec="true"] div.icon {
  background-image: url("../imgs/user.svg");
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event[typ="0"] div.icon {
  background-color: #d1d1d1;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event[typ="1"] div.icon {
  background-color: #00BCF8;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event[typ="2"] div.icon {
  background-color: #10EA79;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event[typ="3"] div.icon {
  background-color: #F8FC00;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event[typ="4"] div.icon {
  background-color: #E50079;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event.nevykonana {
  background-color: #F8C0B8 !important;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event div.icon {
  width: 15px;
  min-width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event div:not(.icon):not([name="str_nazov"]) {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day div.content div.event div:before {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day:nth-child(7n + 1) div.content div.event.event_copy div.icon,
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day:nth-child(7n + 1) div.content div.event.event_copy div[name="str_nazov"] {
  display: block;
  visibility: visible;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day:nth-child(7n) div.content div.event.event_copy div.rightArrow {
  display: block;
  visibility: visible;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day:nth-child(7n) div.content div.event:not(.event_copy) div.icon,
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day:nth-child(7n) div.content div.event:not(.event_copy) div[name="str_nazov"],
div.Kalendar div.moduleContainer div.desktopCalendar div.weekView div.day:nth-child(7n) div.content div.event:not(.event_copy) div.rightArrow {
  display: block;
  visibility: visible;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView {
  flex: 1;
  min-width: 320px;
  max-width: 340px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-left: 15px;
  margin-bottom: 15px;
  background: #fafafa;
  border-radius: var(--border-radius);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.desktopControls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 16px 6px 18px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.desktopControls div {
  display: flex;
  user-select: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.desktopControls div.month-info {
  display: block;
}
@media only screen and (min-width: 780px) {
  div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.desktopControls div.month-info {
    display: flex;
    gap: 2px;
  }
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.desktopControls div.nav-buttons {
  gap: 3px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.desktopControls div.year-label {
  color: var(--main-color, #7686a4);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
@media only screen and (min-width: 780px) {
  div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.desktopControls div.year-label {
    font-size: 28px;
    font-weight: 400;
  }
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.desktopControls div.month-label {
  color: #404040;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: 1.15;
}
@media only screen and (min-width: 780px) {
  div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.desktopControls div.month-label {
    font-size: 28px;
  }
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.desktopControls div .view-toggle {
  background: #fafafa;
  border-radius: var(--border-radius);
  padding: 2px;
  gap: 2px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.desktopControls div.btnWeek,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.desktopControls div.btnMonth {
  border: none;
  background: transparent;
  color: #525252;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.desktopControls div.btnNext,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.desktopControls div.btnPrev {
  border-radius: var(--border-radius);
  border: none;
  color: #7686a4;
  width: 30px;
  height: 30px;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  transition: background 0.15s, color 0.15s;
  line-height: 1;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.desktopControls div.btnNext:hover,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.desktopControls div.btnPrev:hover {
  background: var(--main-color-extra-light);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthDayNamesRow {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 14px 10px 4px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthDayNamesRow span {
  text-align: center;
  color: #525252;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthDayNamesRow span:nth-child(6),
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthDayNamesRow span:nth-child(7) {
  color: #b0b0b0;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3px 0;
  -webkit-tap-highlight-color: transparent;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day:nth-child(7n) {
  border-right: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day:nth-last-child(-n + 7) {
  border-bottom: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.full {
  width: 100%;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.viewedMonth {
  opacity: 1;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.weekendDay span.dayNumber {
  color: #b0b0b0;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.selectedDay div.header {
  background-color: var(--main-color-extra-light);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.selectedDay div.header span.dayNumber {
  color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.selectedDay:hover div.header {
  background-color: var(--main-color-extra-light);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.selectedDay:hover span.dayNumber {
  color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.today div.header {
  background-color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.today div.header span.dayNumber {
  color: white;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.today.selectedDay div.header {
  background-color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.today div.header:hover {
  background-color: var(--main-color, rgba(103, 121, 154, 0.9));
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.nextMonthDay div.header,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.prevMonthDay div.header {
  background-color: transparent;
  cursor: default;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.nextMonthDay div.header span.dayNumber,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.prevMonthDay div.header span.dayNumber {
  color: #e5e5e5;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.nextMonthDay div.header:hover,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.prevMonthDay div.header:hover {
  background-color: transparent;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.nextMonthDay div.event-dots,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.prevMonthDay div.event-dots {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day div.header {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #404040;
  font-size: 14px;
  font-weight: 400;
  transition: background 0.12s, color 0.12s;
  flex-shrink: 0;
  cursor: pointer;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day div.header > * {
  margin: 2px 5px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day div.header span.dayNumber {
  font-size: 1em;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day div.header span.dayName {
  font-size: 0.8em;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day div.header span.weekNumSpan {
  padding-left: 12px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day div.header:hover {
  background-color: #f5f5f5;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day button.more {
  padding: 0;
  background-color: inherit;
  border: none;
  cursor: pointer;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day button.more:hover {
  background-color: rgba(255, 255, 255, 0.88);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day.emptyRow {
  visibility: hidden;
  pointer-events: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.event-dots {
  display: flex;
  gap: 2px;
  margin-top: 2px;
  height: 5px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.event-dots div.dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.event-dots div.dot[typ="1"] {
  background-color: #00BCF8;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.event-dots div.dot[typ="2"] {
  background-color: #10EA79;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.event-dots div.dot[typ="3"] {
  background-color: #F8FC00;
  border-color: #ccc;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.event-dots div.dot[typ="4"] {
  background-color: #E50079;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection {
  width: 100%;
  padding: 10px 10px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  box-sizing: border-box;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection::-webkit-scrollbar-button {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection::-webkit-scrollbar-track {
  background: transparent;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.monthEventSectionTitle {
  font-size: 0.78rem;
  font-weight: 600;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 4px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.monthEventSectionEmpty {
  font-size: 0.85rem;
  color: #bbb;
  padding: 8px 0;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard {
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  transition: box-shadow 0.15s;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard[stav="N"] {
  background-color: white;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard[stav="N"].multiDay {
  background-color: #ff5c5c;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard[stav="P"].multiDay {
  background-color: #f8fc00;
  border: 1px solid #f8fc00;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard[stav="R"] {
  background: #F8F098;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard[stav="U"] {
  background-color: #90EC90;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard[zamestnanec="true"] div.icon {
  background-image: url("../imgs/user.svg");
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard[typ="0"] div.icon {
  background-color: #d1d1d1;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard[typ="1"] div.icon {
  background-color: #00BCF8;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard[typ="2"] div.icon {
  background-color: #10EA79;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard[typ="3"] div.icon {
  background-color: #F8FC00;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard[typ="4"] div.icon {
  background-color: #E50079;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard.nevykonana {
  background-color: #F8C0B8 !important;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard div.icon {
  width: 15px;
  min-width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard div.eventCardHeader {
  display: flex;
  align-items: center;
  gap: 6px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard div.eventCardIcon {
  width: 17px;
  min-width: 17px;
  height: 17px;
  border-radius: 50%;
  flex-shrink: 0;
  background-color: #d1d1d1;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-repeat: no-repeat;
  background-position: center;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard div.eventCardIcon[zamestnanec="true"] {
  background-image: url("../imgs/user.svg");
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard div.eventCardIcon[typ="1"] {
  background-color: #00BCF8;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard div.eventCardIcon[typ="2"] {
  background-color: #10EA79;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard div.eventCardIcon[typ="3"] {
  background-color: #F8FC00;
  border-color: #ccc;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard div.eventCardIcon[typ="4"] {
  background-color: #E50079;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard span.eventCardCode {
  font-size: 0.9rem;
  font-weight: 600;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard span.eventCardSep {
  font-size: 0.9rem;
  color: #aaa;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard span.eventCardType {
  font-size: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard div.eventCardNote {
  font-size: 0.78rem;
  padding-left: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard div.eventCardDates,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard div.eventCardPerson {
  font-size: 0.78rem;
  padding-left: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard div.eventCardDates::before,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard div.eventCardPerson::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
  margin-right: 2px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard div.eventCardPerson::before {
  background-image: url("../imgs/user.svg");
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard span.eventCardShift {
  font-size: 0.8rem;
  margin-left: 4px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard div.eventCardDetail {
  font-size: 0.78rem;
  padding-left: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthEventSection div.eventCard div.eventCardStatus {
  font-size: 0.78rem;
  padding-left: 16px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthDivider {
  height: 1px;
  background: #e5e5e5;
  margin: 10px 18px 0;
  flex-shrink: 0;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthCalendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 0 10px;
  gap: 1px 0;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection {
  display: flex;
  flex-direction: column;
  padding-top: 12px;
  padding-bottom: 12px;
  gap: 6px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection::-webkit-scrollbar-button {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection::-webkit-scrollbar-track {
  background: transparent;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div[zamestnanec="true"],
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.korektivna,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.hlasenie,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.preventivna,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.poziadavka,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.nova,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.riesenie,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.ukoncena,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.nevykonana,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.odstavka {
  display: flex;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div[zamestnanec="true"]:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-image: url("../imgs/user.svg");
  background-color: white;
  display: flex;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.korektivna:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #00BCF8;
  display: flex;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.hlasenie:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #10EA79;
  display: flex;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.preventivna:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #F8FC00;
  display: flex;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.poziadavka:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #E50079;
  display: flex;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.nova:before {
  content: "";
  width: 16px;
  height: 16px;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: white;
  display: flex;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.riesenie:before {
  content: "";
  width: 16px;
  height: 16px;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #F8F098;
  display: flex;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.ukoncena:before {
  content: "";
  width: 16px;
  height: 16px;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #90EC90;
  display: flex;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.nevykonana:before {
  content: "";
  width: 16px;
  height: 16px;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #F8C0B8;
  display: flex;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.monthLegendSection div.odstavka:before {
  content: "";
  width: 16px;
  height: 16px;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #A8CCF8;
  display: flex;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.weekDayNamesRow {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.weekDayHeader {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.weekCalendar {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day div.week-header {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day div.content {
  position: relative;
  overflow: hidden;
  height: calc(100% - 20px);
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day div.content div.event {
  position: absolute;
  left: 0px;
  right: 0px;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day div.content div.event div:not(.icon):not([name="str_nazov"]) {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day div.content div.event div:before {
  display: none;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day div.content div.event.event_copy div.icon,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day div.content div.event.event_copy div[name="str_nazov"],
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day div.content div.event.event_copy div.leftArrow,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day div.content div.event.event_copy div.rightArrow {
  visibility: hidden;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day:nth-child(1) div.content div.event.event_copy div.icon,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day:nth-child(1) div.content div.event.event_copy div[name="str_nazov"] {
  display: block;
  visibility: visible;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day:nth-child(7n + 1) div.content div.event.event_copy div.leftArrow {
  display: block;
  visibility: visible;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day:nth-child(7n) div.content div.event.event_copy div.rightArrow {
  display: block;
  visibility: visible;
}
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day:nth-child(7n) div.content div.event:not(.event_copy) div.icon,
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day:nth-child(7n) div.content div.event:not(.event_copy) div[name="str_nazov"],
div.Kalendar div.moduleContainer div.desktopCalendar div.monthView div.day:nth-child(7n) div.content div.event:not(.event_copy) div.rightArrow {
  display: block;
  visibility: visible;
}