nav .menu ul ul li.admin-submenu-online-education a {
	color: #ffbfbf;
}

.teachingWrapperOnlineEducation {
	grid-template-columns: 100%;
	max-width: 96%;
}

.teachingWrapper div.onlineEducation {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcfbe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcfbe3;
	box-shadow:inset 0px 1px 0px 0px #dcfbe3;
	background-color: #fdb3b3;
	border:1px solid #fb5959;
}

.teachingWrapper div.onlineEducation:hover {
	background-color:#f18585;
	color: #02a268;
	text-decoration:none;
}

.teachingWrapper div.onlineEducation a {
    color: #7b0000;
	max-width: 630px;
}

.status-dot {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: inline-block;
	border: 1px solid #444;  /* sötét kontúr */
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	position: relative; /* EZZEL működni fog az ::after */
}

.status-pointer {
	cursor: pointer;
}

.normal { background-color: #2ecc71; }
.late { background-color: yellow; }
.absence1 { background-color: orange; }
.absence2 { background-color: red; }

.manual::before {
	content: "*"; /* vagy: "*" vagy egy kis ?? ikon */
	position: absolute;
	top: -6px;
	right: -6px;
	font-size: 12px;
	//background: white;
	border-radius: 50%;
	padding: 1px;
	color: #333;
	//border: 1px solid #444;
	font-weight: bold;
}

.makeup::after {
	content: "\2714";
	position: absolute;
	top: -2px;
	right: 2px;
	font-size: 12px;
	border-radius: 50%;
	padding: 1px;
}

/* üres kör alap */
.status-empty {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: inline-block;
	border: 1px solid #444;
	position: relative;
	background: #fff;
}

/* személyesen pótolt -> pipa */
.status-empty.makeup::after {
	content: "\2714"; /* ? */
	position: absolute;
	top: -2px;
	left: 2px;
	font-size: 14px;
	color: #222;
}

/* beszámolóval pótolt -> X */
.report::after {
	content: "\2716"; /* ? */
	position: absolute;
	top: -2px;
	right: 2px;
	font-size: 12px;
	border-radius: 50%;
	padding: 1px;
	color: #222;
	font-weight: bold;
}

.absenceTest {
	background-color: #222; /* sötétszürke/fekete */
}

.absenceTest.makeup::after {
	color: #fff; /* fehér pipa */
}

/* Jelmagyarázat overlay */
#legendOverlay
{
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.35);
	display: none;
	z-index: 9998;
}

#legendModal
{
	position: fixed;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	border: 1px solid #6eaedd;
	border-radius: 10px;
	box-shadow: 0 8px 30px rgba(0,0,0,0.25);
	padding: 16px 18px;
	max-width: 520px;
	width: calc(100% - 32px);
	z-index: 9999;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 90%;
}

#legendModal h3
{
	margin: 0 0 10px 0;
	font-size: 110%;
}

.legend-row
{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 4px;
	border-bottom: 1px dashed #e0e0e0;
}

.legend-row:last-child
{
	border-bottom: none;
}

.legend-note
{
	margin-top: 10px;
	font-size: 85%;
	color: #444;
}

.legend-actions
{
	display: flex;
	justify-content: flex-end;
	margin-top: 12px;
}

#legendClose
{
	background: #6eaedd;
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 6px 10px;
	cursor: pointer;
}

.legendBtn {
	margin: 6px 0 10px 0px;
	background: #d0e6fe;
	border: 1px solid #6eaedd;
	color: #1b4d7a;
	border-radius: 6px;
	padding: 6px 10px;
	font-size: 90%;
	cursor: pointer;
	width: 95%;
}
.legendBtn:hover {
	background: #c5defa;
}