:root{
	--header-linear: linear-gradient(to right,#100052,#4640BB,#100052);
	--sotetkek: #040076;
	--sarga: #FFE534;
	--vilagoskek: #2EA3F2;
	--halvanykek: #9eb4d1;
	--rozsaszin: #F5D3D3;
	--vilagos-rozsaszin: #F9E5E6;
	--kozepesszurke: #ADADAD;
	--sotetszurke: #222;
	--font-size-normal: 16px;
	--font-size-medium: 20px;
  	--font-size-huge: 42px;
	--footer-a-color: #9eb4c6;
}
.naptar{
	border: 2px solid var(--sotetkek);
	border-collapse: collapse;
}
.naptar th
{
	padding: 5px 0px;
}
.naptar td{
	width: 45px;
	height: 45px;
	position: relative;
	
}
.naptar tr{
	display: flex;
	flex-flow: row nowrap;
	width: calc(100% - 20px);
	padding: 10px 10px 0px 10px
}
.naptar tr:nth-child(2)
{
	border-bottom: 1px solid var(--sotetkek);
	
}
.naptar tr:last-child{
	padding-bottom: 10px;
}
.naptar .napok{
	text-align: center;
	height: 40px;
	border-bottom: 1px solid var(--sotetkek);
}
.naptar .napok td{
	height: 25px;
}
.naptar label{
	background-color: #fff;
	color: #000;
	width: 95%;
	height: 95%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	border-radius: 50%;
	cursor: pointer;
	transition: .3s;
}
.naptar label:hover{
	background-color: #ddd;
	
}
.naptar .nap input{
	display: none;
}
.naptar .nap input:checked + label{
	background: var(--sotetkek);
	color: #fff;
}
.naptar .nap input:disabled + label{
	color: #9c9c9c;
	cursor: default;
}.naptar .nap input:disabled:hover + label{
	background: #fff;
}
tr.center{
	justify-content: space-between;
	align-items: center;
}
.next-prev-btn{
	color: var(--sotetkek);
	font-weight: 900;
	font-size: 23px;
	border: 1px solid var(--sotetkek);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: .3s;
	background: #fff;
}
.next-prev-btn:hover{
	background: var(--sotetkek);
	color: #fff;
}