.days {
  background: none;
  padding:0px
}

.days li {
  list-style-type: none !important;
  display: inline-block;
  width: 12%;
  text-align: center;
  margin-bottom: .6vw;
  font-size:1vw;
  vertical-align:bottom;overflow:auto;
}
.days li b:hover {cursor:pointer}
.days li b {font-size:1vw;text-align:center !important;display:block;padding:4pt}
.nday {border-color:#ffffff !important}
.days li span {padding:.1vw;display:block}

.week {height:1.5vw !important;overflow:hidden !important;border:none !important;font-weight:600}
/* .vikend {background:cyan} */
.cday {background:silver}
.mes {padding-left:.2vw;padding-right:.2vw;margin-left:.5vw;margin-right:.5vw;border-radius:3pt;margin-bottom:1vw}
/* na homepage */
.box_kalendar .days {padding:0px !important;margin:0px !important}
.box_kalendar .days li {
height:3.8vw;
width:13%;
margin-bottom:3px;
}
.box_kalendar .week {height:1.2vw}
.box_kalendar .days li b {font-size:.9vw;font-weight:400 !important;display:block}
.box_kalendar .days li span {display:block;width:50%;background:#484eea;height:.2vw;margin-bottom:.2vw}
.box_kalendar .days li span:hover {background:#afc6e9;cursor:pointer}
.box_kalendar .days li span:hover  div {display:block !important}
.event {position:absolute;z-index:10;text-align:left;width:20vw;margin-left:3vw;background:#afc6e9;border-radius:5pt;padding:10pt}
.ev_odd {background:#000000 !important}
.event h2 {margin-top:0px;padding-bottom:0px}
/* --------------- */

.kal_datum {background:#04a08b;border-radius:50%;color:#ffffff;font-weight:600 !important}

/* Add media queries for smaller screens */
@media screen and (max-width:720px) {
  .weekdays li, .days li {width: 13.1%;}
}

@media screen and (max-width: 420px) {
  .weekdays li, .days li {width: 12.5%;}
  .days li .active {padding: 2px;}
}

@media screen and (max-width: 290px) {
  .weekdays li, .days li {width: 12.2%;}
}


#legenda {font-size:.9vw}
#legenda span {font-size:.9vw;padding-left:.3vw;padding-right:.3vw}

#kal_graf  ul > li:before {content:''}