.calendar {width: 100%; height: auto; display: table; margin: auto;}
.calendar .box {width: 100%; padding: 11px 0; background-color: #fff; position: relative; text-align: center; font-size: 0;}
.calendar .box .calendar-title {font-family: 'Inter', sans-serif; font-weight: 600; font-size: 14px; color: #2b2a29; display: inline-block;}
.calendar .box .calendar-prev {position: relative; right: 39px;}
.calendar .box .calendar-next {position: relative; left: 39px;}
.calendar .box .calendar-next .fa-caret-right,
.calendar .box .calendar-prev .fa-caret-left {color: #2b2a29; font-size: 14px;}
.calendar .box-content .clearfix {clear: both;}
.calendar .box-content .label {margin: 0; padding: 0;}
.calendar .box-content .label .start {list-style: none; float: left; width: 14.29%; height: 33px; background-color: #e6eafa; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada;}
.calendar .box-content .label .start:last-child {border-right: 0; width: 14.2906%;}
.calendar .box-content .label .title {font-family: 'Inter', sans-serif; font-weight: 600; font-size: 12px; color: #181818; text-align: center; display: block; line-height: 33px;}
.calendar .box-content .dates {margin: 0; padding: 0;}
.calendar .box-content .dates li {font-family: 'Inter', sans-serif; list-style: none; float: left; width: 14.28%; position: relative; height: 35px; line-height: 35px; text-align: center; font-size: 14px; font-weight: 400; color: #181818; background-color: #fff; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; transition: .4s;}
.calendar .box-content .dates li:nth-child(7),
.calendar .box-content .dates li:nth-child(14),
.calendar .box-content .dates li:nth-child(21),
.calendar .box-content .dates li:nth-child(28),
.calendar .box-content .dates li:nth-child(35),
.calendar .box-content .dates li:nth-child(42) {border-right: 0; width: 14.2906%;}
.calendar .box-content .dates li.mask {font-size: 0;}
.calendar .box-content .dates .tooltip {position: absolute; bottom: 36px; background: #fff; border: 1px solid #565656; z-index: 1; width: 300px; visibility: hidden;}
.calendar .box-content .dates .tooltip a {text-decoration: none;}
.calendar .box-content .dates .tooltip-text {font-family: 'Inter', sans-serif; font-size: 12px; color: #565656; display: block; cursor: pointer; border-bottom: 1px solid #565656; line-height: normal; padding: 5px 5px;}
.calendar .box-content .dates .tooltip-text:hover {background-color: #f4f3f1;}
.calendar .box-content .dates .tooltip-text:last-child {border-bottom: 0;}
.calendar .box-content .dates li:hover .tooltip {visibility: visible;}
.calendar .box-content .dates .event {width: 25px; height: 25px; position: absolute; line-height: 25px; border-radius: 40px; left: 0; right: 0; margin: 7px auto; color: #181818; text-decoration: none;}
.calendar_panel {padding-bottom: 48px; margin-bottom: 48px; border-bottom: 1px solid #e5e5e5;}
.calendar_panel_title {margin-top: 34px; margin-bottom: 17px;}
.calendar_panel_title span {font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 800; color: #ed2831; display: block;}
.calendar_event_empty span {font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700; color: #181818; display: block; text-align: center;}
.calendar_event {position: relative; margin-bottom: 14px;}
.calendar_event_date {width: 99px; height: 28px; line-height: 28px; border-radius: 40px; float: left; position: relative;}
.calendar_event_date span {font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 700; display: block; text-align: center;}
.calendar_event_coming_circle {width: 9px; height: 9px; background: #000; position: absolute; right: -20px; top: 9px; border-radius: 40px;}
.calendar_event_coming_line {width: 3px; height: 33px; background: #e3e3e3; position: absolute; right: -17px; top: -24px;}
.calendar_event_coming_line.\31 {display: none;}
.calendar_event_name {float: left; margin-left: 33px; margin-top: 5px;}
.calendar_event_name span {font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 400; color: #181818; display: block;}
.kalendar {float: left; padding-right: 45px; margin-top: 20px; position: relative;}
.kalendar-info {margin-top: 20px;}
.kalendar-info .kalendar-info-title {margin-bottom: 32px;}
.kalendar-info .kalendar-info-title span {font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 500; color: #ed2831;}
.kalendar-info .kalendar-category-title {margin-bottom: 5px;}
.kalendar-info .kalendar-category-title span {font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 900; color: #ed2831;}
.kalendar-info .kalendar-category-color ul {margin: 0; padding: 0;}
.kalendar-info .kalendar-category-color li {list-style: none; padding: 5px 0;}
.kalendar-info .kalendar-category-color span {font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 400; color: #838383;}
.udalost {margin-top: 43px;}
.udalost .select-bar {display: flex; justify-content: center;}
.udalost .category {position: relative; float: left; margin-right: 27px;}
.udalost .category .category-select {font-size: 13px; font-weight: 400; color: #838383; position: relative; width: 242px; height: 35px; padding: 0 13px; border: 1px solid #dddddd; appearance: none; background-image: url('../img/right.png'); background-repeat: no-repeat; background-position-x: 221px; background-position-y: 12px;}
.udalost .date .date-select {font-size: 13px; font-weight: 400; color: #838383; position: relative; width: 242px; height: 35px; padding: 0 13px; border: 1px solid #dddddd; appearance: none; background-image: url('../img/calendar.png'); background-repeat: no-repeat; background-position-x: 212px; background-position-y: 9px;}
.udalost .udalost-title {margin-top: 21px; margin-bottom: 38px; text-align: center;}
.udalost .udalost-title span {font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 800; color: #ed2831;}
.udalost .udalost-list:last-child {border-bottom: 0;}
.udalost .udalost-list {padding-bottom: 21px; padding-left: 21px; padding-right: 21px; margin-bottom: 21px; border-bottom: 1px solid #e6e6e6;}
.udalost .udalost-text {padding-left: 24px;}
.udalost .udalost-text .udalost-name span {font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; color: #ed2831;}
.udalost .udalost-text .udalost-date {margin: 3px 0;}
.udalost .udalost-text .udalost-date span {font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 500; color: #ed2831;}
.udalost .udalost-text .udalost-popis p {width: 754px; font-size: 12px; font-weight: 400; color: #838383;}
.udalost .event-empty {text-align: center; margin-bottom: 40px;}
.udalost .event-empty span {font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 700; color: #fd1100;}
.event-pagination {margin: 40px 0; display: flex; justify-content: center;}
.event-pagination ul {margin: 0; padding: 0;}
.event-pagination li {float: left; list-style: none;}
.event-pagination a {font-family: 'Inter', sans-serif; font-weight: 500; text-decoration: none; display: block; padding: 5px 10px; margin-right: 10px; background: #ed2831; border: 1px solid #ed2831; color: #fff; transition: .4s;}
.event-pagination a:hover,
.event-pagination a.num-active {color: #ed2831; background: #fff;}

.event_loading {
  display: inline-block;
  position: relative;
  width: 25px;
  height: 25px;
}
.event_loading div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  margin: 8px;
  border: 3px solid #538223;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #538223 transparent transparent transparent;
}
.event_loading div:nth-child(1) {
  animation-delay: -0.45s;
}
.event_loading div:nth-child(2) {
  animation-delay: -0.3s;
}
.event_loading div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.event_list_body
{
  margin: 0 17px;
  padding-bottom: 20px;
}

.event_list_title
{
  margin-top: 17px;
  margin-bottom: 12px;
}

.event_list_title span
{
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #000;
}

.event_box
{
  padding-bottom: 4px;
  margin-bottom: 4px;
  border-bottom: 1px solid #e8e8e8;
}

.event_box_icon
{
  width: 64px;
  border-radius: 5px;
  border: 1px solid #e3e3e3;
  float: left;
}

.event_box_icon_head
{
  width: 62.5px;
  padding: 4px 0;
  background: #538223;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.event_box_icon_head span
{
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  display: block;
}

.event_box_icon_number
{
  padding: 7px 0;
  text-align: center;
}

.event_box_icon_number span
{
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #090d41;
  display: block;
}

.event_box_text
{
  width: 147px;
  padding: 0 10px;
  float: left;
  vertical-align: middle;
  margin: 12px 0;
}

.event_box_text span
{
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 400;
  color: #939393;
  display: block;
}

.event_box:last-child
{
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

@media (max-width: 813px)
{
  .udalost .udalost-text .udalost-popis p
  {
    width: 100%;
  }
}

@media(max-width: 586px) {

  .kalendar
  {
    float: none;
    padding-right: 0;
  }

}


@media (max-width: 528px) {

  .udalost .category,
  .udalost .date
  {
    margin-right: 0;
    float: none;
    text-align: center;
  }

  .udalost .category
  {
    margin-bottom: 10px;
  }

  .udalost .select-bar
  {
    display: block;
  }


}