.kalendar { width:100%; margin:0 auto; }

.kalendar .top .kalendar-switcher { float:right; text-align:right; position:relative; top:-4px; }
.kalendar .top .kalendar-switcher a { display:inline-block; width:31px; height:31px; border:1px solid #002262; border-radius:240px; text-align:center; padding:3px 0 0 0; color: #002262; margin-right:8px; }
.kalendar .top .kalendar-switcher a:hover, .kalendar .top .kalendar-switcher a.active { color: #fff; background-color:#002262; }

.kalendar .top { text-align:left; padding:14px 0; margin-bottom:1rem; }
.kalendar .top #akt_datum { display:inline-block; padding:0 16px; font-weight:500; font-size:1.1rem; }
.kalendar .top .nav { width:30px; height:30px; line-height:200%; text-align:center; background-color:#f2f4f7; position:realative; border-radius:50%; cursor:pointer; transition: all 0.2s ease; }
.kalendar .top .nav i { font-size:1rem; }
.kalendar .top .nav .bi::before{ font-weight:700 !important; }
.kalendar .top .nav:hover { background-color:var(--color-krouzky-orange-dark); color:#fff; }
.kalendar .top .nav.back { display:inline-block; }
.kalendar .top .nav.next { display:inline-block; }
.kalendar .top .cal-filter { float:right; margin-left:30px;}
.kalendar .top .cal-filter span { display:inline-block; margin-right:10px; }
.kalendar .top .cal-filter a.cal-filter-action-type { border-radius:24px; padding:5px 10px; margin-right:8px; font-weight:500; font-style:initial; }
.kalendar .top .cal-filter a.grey { background-color:#f8f8f8; color:#c9c9c9; }
.kalendar .top .cal-filter a.blue, .kalendar .telo .day .event.blue { background-color:#e6f0ff; color:var(--color-calendar-blue); }
.kalendar .top .cal-filter a.green, .kalendar .telo .day .event.green { background-color:#e6f9f1; color:var(--color-calendar-green); }
.kalendar .top .cal-filter a.yellow, .kalendar .telo .day .event.yellow { background-color:#fff9e0; color:var(--color-calendar-yellow); }
.kalendar .top .cal-filter a.orange, .kalendar .telo .day .event.orange { background-color:#ffefe3; color:var(--color-calendar-orange); font-style:initial; }
.kalendar .top .cal-filter a.red, .kalendar .telo .day .event.red { background-color:#fce2e6; color:var(--color-calendar-red); }
.kalendar .top .cal-filter a.active, .kalendar .top .cal-filter a:hover { background-color:#002262; color:#fff !important; }


@media (max-width: 575.98px) {
	.kalendar .top .cal-filter { margin-left:0; }
}

@media (max-width: 1199.98px) {
	.kalendar .top #akt_datum { margin-bottom:8px; }
	.kalendar .top .cal-filter { float:initial; display:inline-block; }
	.kalendar .top .cal-filter a { display:inline-block; margin-top:10px; }
	
	.kalendar .top .kalendar-switcher { float:initial; display:inline-block; margin-top:16px; }
}



.kalendar .telo { border:1px solid #ededed; border-width:0 0 0 1px; }
.kalendar .telo .day { position:relative; display:inline-block; width:14.28%; border:1px solid #ededed; border-width:0 1px 1px 0; text-align:left; font-size:0.9rem; text-align:center; 
	padding:10px 0; min-height:126px;
}
.kalendar .telo .day .day-content { display:inline-block; width:calc(100% - 20px); text-align:left; }
.kalendar .telo .day.active { border:1px solid #002262; border-radius:6px; }
.kalendar .telo .day.header { padding:8px 0; border-top:1px solid #ededed; min-height:initial; }
.kalendar .telo .day.grey { color:#adadad !important; background-color:#fbfbfb; }
.kalendar .telo .day:not(.header):hover {  border-radius:6px; 
box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.1);
}
.kalendar .telo .day .events { position:absolute; width: calc(100% - 20px); margin-top:6px; overflow: hidden; }
.kalendar .telo .day .event { width:fit-content; margin:0 0 5px 0; border-radius:12px; padding:2px 8px; font-size:0.75rem; white-space: nowrap; cursor:pointer; }
.kalendar .telo .day .event.event-smaller { display:inline-block; width:calc(50% - 4px); margin:0 4px 0px 0; padding-left:4px; overflow:hidden; }
.kalendar .telo .day .event.event-dot { display:inline-block; width:16px; height:16px; border-radius:50%; font-size:0.6rem; padding:0 0 0 3px; margin:0 4px 0px 0; overflow:hidden; }

.kalendar .telo .day .event.more { color:#727272; }
.kalendar .telo .day:hover .event.more { color:#fff; }



@media (max-width: 575.98px) {
	.kalendar .telo .day .day-content { width:calc(100% - 10px); }
	.kalendar .telo .day .events { 
		line-height:100%; width: calc(100% - 10px);
	}
	
	.kalendar .telo .day .event.event-smaller, .kalendar .telo .day .event.event-dot { 
	width:12px; height:12px; border-radius:50%; margin:0 4px 0px 0;
	font-size:0.5rem; padding:0 0 0 3px;  line-height:160%;
	/*color: transparent;*/ 
	}
}

@media (max-width: 430px) {
	
	.kalendar .telo .day .event.event-smaller, .kalendar .telo .day .event.event-dot { 
		width:12px; height:12px; padding:0px 0 0 2px; margin:0 2px 0px 0;
	}
}




.kalendar.shrinked { max-width:350px; }
.kalendar.shrinked .top { padding:0 0 2px 0; margin-bottom:16px; display:flex; border-bottom:solid 2px #f0f0f0; }
.kalendar.shrinked .top #akt_datum { padding:0; font-size:0.9rem; flex-grow:1; }
.kalendar.shrinked .top .nav { background-color:transparent; color:#c6c6c6; text-align:right; }
.kalendar.shrinked .top .nav i { font-size:0.8rem; position:relative; top:-4px; }
.kalendar.shrinked .top .nav.back { order:2; margin-right:20px; }
.kalendar.shrinked .top .nav.next { order:3; }
.kalendar.shrinked .top .cal-filter { display:none; }
.kalendar.shrinked .telo { border:0; }
.kalendar.shrinked .telo .day.header { font-size:0.75rem; min-height:28px; text-transform:uppercase; }
.kalendar.shrinked .telo .day { border:0; border-width:0 0 0 0; padding:0; line-height:80%; min-height:43px; }
.kalendar.shrinked.less-height .telo .day { min-height:36px; }
.kalendar.shrinked .telo .day .day-content { width:calc(100% - 1px); text-align:center; padding-top:4px; }
.kalendar.shrinked .telo .day.grey { color:#adadad !important; background-color:transparent; }
.kalendar.shrinked .telo .day.active { background-color:#f9f9f9; }
.kalendar.shrinked .telo .day .events { width: calc(100% - 1px); margin-top:3px; }
.kalendar.shrinked .telo .day .event, .calendar-event { display:inline-block; width:8px !important; height:8px !important; border-radius:50%; font-size:0.6rem; color:transparent; padding:0; margin-right:1px; }
.kalendar.shrinked .telo .day:not(.header):hover { border-radius:6px; box-shadow: none; }

.kalendar.shrinked .telo .day .event.blue, .calendar-event-blue { background-color:var(--color-calendar-blue); }
.kalendar.shrinked .telo .day .event.green, .calendar-event-green { background-color:var(--color-calendar-green); }
.kalendar.shrinked .telo .day .event.yellow, .calendar-event-yellow { background-color:var(--color-calendar-yellow); }
.kalendar.shrinked .telo .day .event.orange, .calendar-event-orange { background-color:var(--color-calendar-orange); }
.kalendar.shrinked .telo .day .event.red, .calendar-event-red { background-color:var(--color-calendar-red); }

@media (max-width: 575.98px) {
	.kalendar.shrinked .telo .day .events { 
		line-height:80%;
	}
}


.kalendar .telo .day .cttip { display:none; position:absolute; min-width:220px; top:-10px; left:70px; background-color:rgba(255,255,255,0.85); 
z-index:200; color:#212121; text-align:left; padding:14px 14px 4px 14px; border:0; border-radius:12px; 
box-shadow: 0px -1px 9px -3px rgba(0,0,0,0.25);
-webkit-box-shadow: 0px -1px 9px -3px rgba(0,0,0,0.25);
-moz-box-shadow: 0px -1px 9px -3px rgba(0,0,0,0.25);
}
.kalendar.shrinked .telo .day .cttip { left:40px; }
.kalendar .telo .day .cttip:after {
/*
  content: '';
  position: absolute;
  left: 30px;
  top: 0;
  margin-top: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid rgba(255,255,255,0.85);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
 */
}

.kalendar .telo .day .cttip .event-box {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 220px;
  white-space: nowrap;
  margin-bottom: 20px;
}

.kalendar .telo .day .cttip .circle {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  line-height:100%;
  padding-top:4px;
  background-color: var(--color-calendar-red);
}

.kalendar .telo .day .cttip .circle.blue {
  background-color: var(--color-calendar-blue);
}
.kalendar .telo .day .cttip .circle.green {
  background-color: var(--color-calendar-green);
}
.kalendar .telo .day .cttip .circle.yellow {
  background-color: var(--color-calendar-yellow);
}
.kalendar .telo .day .cttip .circle.orange {
  background-color: var(--color-calendar-orange);
}
.kalendar .telo .day .cttip .circle.red {
  background-color: var(--color-calendar-red);
}

.kalendar .telo .day .cttip .day-number {
  font-weight: bold;
}

.kalendar .telo .day .cttip .day-label {
	font-size:0.8rem;
}

.kalendar .telo .day .cttip .event-text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  line-height:130%;
}

.kalendar .telo .day .cttip .time {
  color: #444;
}

.kalendar .telo .day .cttip .title {
  font-weight: bold;
  color: #000;
}

.kalendar .telo .day .cttip .arrow {
  font-size: 18px;
  color: var(--color-calendar-red);
  cursor: pointer;
}
.kalendar .telo .day .cttip .arrow.blue {
  color: var(--color-calendar-blue);
}
.kalendar .telo .day .cttip .arrow.green {
  color: var(--color-calendar-green);
}
.kalendar .telo .day .cttip .arrow.yellow {
  color: var(--color-calendar-yellow);
}
.kalendar .telo .day .cttip .arrow.orange {
  color: var(--color-calendar-orange);
}
.kalendar .telo .day .cttip .arrow.red {
  color: var(--color-calendar-red);
}







#vypis_akci h3 { padding:2.4rem 0 0 0; }
#vypis_akci td.violet, label.typ1 { color:#7f456f; }	/*nahrada*/
#vypis_akci td.green, label.typ2 { color:#0d9162; }	/*skoleni*/
#vypis_akci td.blue, label.typ3 { color:#2d93b3; }	/*smlouva*/
#vypis_akci td.yellow, label.typ4 { color:#b39632; }	/*jiny*/
#vypis_akci td.pink, label.udalosti { color:#c43e8a; }	/*default*/
#vypis_akci td.green2 { color:#1ec19c; }	/*ujz*/
#vypis_akci td.blue2 { color:#0f6cb3; }	/*krouzek*/
#vypis_akci td.yellow2 { color:#c08112; }	/*tabor*/
#vypis_akci td.silver { }					/*interview*/


@media (min-width: 390px) {
	/*.kalendar .telo .day .event { width:10px; height:10px; }*/
}