@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
.calendar {width: 394px; height: auto; display: table; border: 1px solid #d1d1d1; background-color: #f4f3f1;}
.calendar .box {width: 100%; height: 39px; background-color: #f4f3f1; position: relative; text-align: center;}
.calendar .box .calendar-title {font-family: 'Nunito'; font-weight: 700; font-size: 14px; color: #565656; display: inline-block; line-height: 39px;}
.calendar .box .calendar-prev {position: absolute; left: 10px; top: 25%;}
.calendar .box .calendar-prev .fa-caret-left {color: #015d37;}
.calendar .box .calendar-next {position: absolute; right: 10px; top: 25%;}
.calendar .box .calendar-next .fa-caret-right {color: #015d37;}
.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: 56px; height: 23px; background-color: #f4f3f1; border-bottom: 1px solid #e0e0e0;}
.calendar .box-content .label .title {font-family: 'Nunito'; font-weight: 700; font-size: 12px; color: #121212; text-align: center; display: block; line-height: 23px;}
.calendar .box-content .dates {margin: 0; padding: 0;}
.calendar .box-content .dates li {list-style: none; float: left; width: 56px; position: relative; height: 46px; font-family: 'Nunito'; font-size: 12px; font-weight: 700; color: #565656; padding-left: 6px; padding-top: 11px; background-color: #fbfbfb; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.calendar .box-content .dates li:nth-child(7) {border-right: 0;}
.calendar .box-content .dates li:nth-child(14) {border-right: 0;}
.calendar .box-content .dates li:nth-child(21) {border-right: 0;}
.calendar .box-content .dates li:nth-child(28) {border-right: 0;}
.calendar .box-content .dates li:nth-child(35) {border-right: 0;}
.calendar .box-content .dates li:nth-child(42) {border-right: 0; border-bottom: 0;}
.calendar .box-content .dates li:nth-child(41) {border-bottom: 0;}
.calendar .box-content .dates li:nth-child(40) {border-bottom: 0;}
.calendar .box-content .dates li:nth-child(39) {border-bottom: 0;}
.calendar .box-content .dates li:nth-child(38) {border-bottom: 0;}
.calendar .box-content .dates li:nth-child(37) {border-bottom: 0;}
.calendar .box-content .dates li:nth-child(36) {border-bottom: 0;}
.calendar .box-content .dates li:nth-child(6),
.calendar .box-content .dates li:nth-child(7n),
.calendar .box-content .dates li:nth-child(13),
.calendar .box-content .dates li:nth-child(20),
.calendar .box-content .dates li:nth-child(27),
.calendar .box-content .dates li:nth-child(34),
.calendar .box-content .dates li:nth-child(41) {background-color: #f4f3f1;}
.calendar .box-content .dates .mask {background: #fbfbfb !important; font-size: 0;}
.calendar .box-content .dates .tooltip {position: absolute; bottom: 40px; 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: 'Nunito', sans-serif; font-size: 12px; color: #565656; display: block; cursor: pointer; border-bottom: 1px solid #565656; 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 .mask:hover {background-color: none;}
.calendar .box-content .dates a:hover .tooltip {background: #e0e0e0;}
.kalendar {float: left; padding-right: 45px; margin-top: 20px; position: relative;}
.kalendar-info {float: left; 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: #015d37;}
.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: #015d37;}
.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-family: 'Inter', sans-serif; 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-family: 'Inter', sans-serif; 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: 68px; text-align: center;}
.udalost .udalost-title span {font-size: 'Inter', sans-serif; font-size: 26px; font-weight: 800; color: #015d37;}
.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: #015d37;}
.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: #015d37;}
.udalost .udalost-text .udalost-popis p {width: 754px; font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 400; color: #838383;}
.udalost .event-empty {text-align: center;}
.udalost .event-empty span {font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 900; color: #fd1100;}
.event-pagination {margin-top: 40px; 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-size: 12px; font-weight: 500; text-decoration: none; display: block; padding: 5px 10px; margin-right: 10px; background: #015d37; border: 1px solid #015d37; color: #fff; transition: .4s;}
.event-pagination a:hover,
.event-pagination a.num-active {color: #015d37; background: #fff;}