td.calEmpty {
	background: transparent !important;
}

.calendarAllTables {
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto auto auto;
	grid-template-areas: "monthTable monthList" "calDays monthList";
	grid-gap: 1em;
}

.monthList {
	grid-area: monthList;
}

.monthTable {
	grid-area: monthTable;
	margin: 0 auto;
}

.monthTable TH, .monthTable TD {
	padding: 0px 0.8em;
	text-align: center;
}


/* TABLE.tabelkacodrugi ic used by article 3... */
.monthTable TABLE TR:nth-child(even) TD, TABLE.tabelkacodrugi TR:nth-child(even) TD {
	background-color: #F4E8D8;
}

.monthTable TABLE TR:nth-child(odd) TD, TABLE.tabelkacodrugi TR:nth-child(odd) TD {
	background-color: #FFF8F0;
}

.calDays {
	grid-area: calDays;
	position: relative;
}

.calDays>UL {
  list-style-type: none;
}

.calDays>UL>LI {
	display:block;
	border:1px inset #eee;
	background-color:#fffa;
	padding:2px 10px;
}

.calDays>UL>LI>TIME {
  font-size:80%;
}

.calDays>UL>LI>UL {
  list-style-type: disc;
}

.previousMonth, .nextMonth {
	background-color:white;
	border:1px solid black;
	width:max-content;
	font-size:80%;
	margin:auto;
	position:relative;
	text-align:center;
	padding: 0px 10px;
}

.previousMonth {
	top:20px;
	border-radius:12px 12px 0px 0px;
}

.nextMonth {
	top:-20px;
	border-radius:0px 0px 12px 12px;
}