@media (hover:none) and (pointer:coarse) {
	@media only screen and (max-width:50em) {
		#kezdolap0 th div {
			text-align: left;
		}

		#kezdolap0 #wrap {
			flex-direction: row
		}

		#kezdolap0 .main {
			flex-direction: column;
		}

		#kezdolap0 .nyarilabel {
			width: 100%;
		}
	}


	@media only screen and (min-width:50em) {
		#kezdolap0 th div {
			text-align: center;
		}

		#kezdolap0 #wrap {
			flex-direction: column
		}

		#kezdolap0 .main {
			display: flex;
			flex-wrap: wrap;
		}

		#kezdolap0 .nyarilabel {
			width: 25%;
			flex-basis: 25%
		}
	}
}

@media (hover:hover) and (pointer:fine) {
	#kezdolap0 th div {
		text-align: center;
	}

	#kezdolap0 #wrap {
		flex-direction: column
	}

	#kezdolap0 .main {
		display: flex;
		flex-wrap: wrap;
	}

	#kezdolap0 .nyarilabel {
		width: 25%;
		flex-basis: 25%
	}
}

#kezdolap0 {
	background-color: #95c6ec;
	overflow: auto
}

#kezdolap0 td div,
#kezdolap0 td span {
	font-size: 1em
}

#kezdolap0 th div,
#kezdolap0 th span {
	font-size: 1.2em
}

#kezdolap0 table {
	margin: 1em auto;
	border-collapse: collapse;
	border-radius: 0.5em;
	font-family: Arial;
	overflow: hidden;
}

#kezdolap0 th div {
	color: slateblue;
	background-color: palegreen;
	width: 100%;
	padding-left: 0.5em
}

#kezdolap0 th,
#kezdolap0 td {
	padding: 0
}

#kezdolap0 table div {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

#kezdolap0 td:first-child {
	font-weight: bold;
	background-color: palegoldenrod;
	color: forestgreen;
	vertical-align: top
}

#kezdolap0 td:nth-child(2) {
	background-color: royalblue;
	color: white;
	width: 36em;
	padding-left: 0.5em
}

#kezdolap0 #nyarirendeles {
	font-size: 2em;
	color: #bada55;
	margin: 0.5em;
	text-shadow: rgb(0 0 0 / 50%) -1px -1px 0px, rgb(0 0 0 / 50%) -1px 1px 0px, rgb(0 0 0 / 50%) 1px 1px 0px, rgb(0 0 0 / 50%) 1px -1px 0px;
	font-weight: bold;
	text-align: center
}

#kezdolap0 .nyarilabel {
	position: relative
}

#kezdolap0 .nyaridefault {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	cursor: pointer
}

#kezdolap0 #wrap {
	display: flex;
	font-size: 1em
}

#kezdolap0 #wrap span {
	padding: 0.3rem 2px;
	display: table-cell;
	vertical-align: middle;
	font-size: 1em
}

#kezdolap0 .tableswrap>div {
	overflow: auto;
	flex-direction: column;
	scrollbar-width: thin;
	scrollbar-color: dodgerblue deepskyblue;
}

#kezdolap0 .tableswrap>div::-webkit-scrollbar {
	height: 1vw;
	width: 1vw;
}

#kezdolap0 .tableswrap>div {
	display: none
}

#kezdolap0 .tableswrap>div::-webkit-scrollbar-thumb {
	background-color: darkorange;
}

#kezdolap0 .tableswrap>div::-webkit-scrollbar-track {
	background-color: darkslateblue;
}

#kezdolap0 .hour {
	width: 8em;
	text-align: center
}

#kezdolap0 .rendeles {
	display: table;
	font-weight: bold;
	transition: color 0.2s linear, background-color 0.2s linear;
	text-align: center;
	cursor: pointer;
	border: 1px solid green;
	height: 2em;
	border-radius: 0.5em;
	background-color: mediumseagreen;
	color: white;
	width: 100%;
}

#kezdolap0 .nyaridefault:hover+.rendeles,
#kezdolap0 .rendeles:hover {
	background-color: white;
	color: mediumseagreen;
}

#kezdolap0 .main {
	width: 100%;
}