@charset "utf-8";
:root {
	--szelesseg: 950px;
	--szoveg-irany: ltr;
	--jel-utana: ':';
}

.sprite_ikon { background-repeat: no-repeat; }
/* Csak vizuálisan elrejtve (pl. checkbox-nál hasznos), a clip (deprecated) XP-s Firefox fallback */
.rejtett { position: absolute; height: 1px; width: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0 0 0 100%); }
.sima_rejtett { display: none; }
.kover, strong { font-weight: bold; font-family: inherit; text-decoration: inherit; }
em { font-style: italic; font-family: inherit; text-decoration: inherit; }
s { text-decoration: line-through; font-family: inherit; }
/* Ha egy kiemelt szöveg egyszerre aláhúzott és áthúzott, néha csak az egyik érvényesül. Ezt javítja ez: */
u s { text-decoration: line-through underline; font-family: inherit; }
u { text-decoration: underline; font-family: inherit; }
a, input, select, textarea, button, *[tabindex], video { outline: none; direction: var(--szoveg-irany); }
textarea { overflow-y: auto; overflow-x: hidden; resize: none; }
img, :is(input, select, button, *[tabindex])::-moz-focus-inner { border: 0; }
/* A filter azért van itt hogy elrejtse a Firefox autofill színét */
input { filter: none; }
:root {
	--aktiv-szin: #69cb00;
	--offline-szin: #a2a2a2;
	--sotet-szin: #325400;
	--alap-szin: #5b5b5b;
	--semleges-szin: #828282;
	--toltes-hatter: #c6c6c6;
	--szmezo-p-szoveg: #69696a;
	--szmezo-a-szoveg: #61bb00;
	--szmezo-p-arnyek: inset 0 0 1.5px 1px #fff, inset 0 0 1.8px 2px #fff, inset 1px 1px 2px 2px #a7a7a7, inset -1px -1px 2px 1px #c0c0c0;
	--szmezo-a-arnyek: inset 0 0 1.8px 2px #fff, inset 1px 1px 2px 2px #cbcbcb;
	--szmezo-p-hatter: #ededed;
	--szmezo-a-hatter: #fbfbfb;
	--szmezo-szel: 5px 5px 3px 7px;
	--gorgo-meret: calc(100vw - 100%);
	--szov-xs: 10px;
	--szov-s: 11px;
	--szov-m: 12px;
	--szov-l: 14px;
	--szov-xl: 15px;
	--koz-s: 4px;
	--koz-m: 6px;
	--koz-xl: 15px;
}
body { background: #d0d0d0 url(hatter.jpg) no-repeat calc(50% + var(--gorgo-meret) * 0.5 - 592.5px) top fixed; padding-left: var(--gorgo-meret); }
* { font-family: Verdana, Arial, Helvetica; margin: 0; padding: 0; }
a, a:visited { font-weight: bold; font-family: inherit; color: #53ab00; text-decoration: none; }
a:is(:hover, :active, :focus) { color: var(--aktiv-szin); text-decoration: underline; }
dfn { font-style: inherit; }
.jelu::after { content: var(--jel-utana); }
.kozep { width: -moz-max-content; width: max-content; margin-left: auto; margin-right: auto; }

.ak {
	padding: 7px 5px 5px 6px; background-color: #f2f2f2; border: solid 1px #9c9c9c; border-radius: 4px; box-shadow: inset 1px 1px 0 0 #fbfbfb, inset -1px -1px 0 0 #fbfbfb, inset 0 0 4px rgba(0,0,0, .25), 2px 3px 4px rgba(0,0,0, .15);
	&:is(:hover, :focus-within) { background-color: #fff; box-shadow: inset 1px 1px 0 0 #fff, inset -1px -1px 0 0 #fff, inset 0 0 4px rgba(0,0,0, .36), 2px 3px 4px rgba(0,0,0, .15); }
	&:hover .mod_gombok { display: flex; }
}

.elotuno, .eltuno {
	transition: opacity .2s linear;
	&.fedett::after { transition-duration: .01s; } /* Ebben a stílusban instant, csak helytartónak van itt */
}
.fedett.elotunt::after, :is(#befoglalo, .divb_alap, .legordulo_alap).elotunt { opacity: 1; }
.fedett.eltunt::after, :is(#befoglalo, .divb_alap, .legordulo_alap).eltunt { opacity: 0; }

.fedett {
	overflow: hidden; overscroll-behavior: none;
	&::after { content: ''; opacity: 0; background-color: rgba(208,208,208, .59); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 6; }
	#keret { user-select: none; }
}

#befoglalo {
	padding-bottom: calc(var(--koz-xl) - 1px); opacity: 0;
	.urlap_hibakeret { margin: 7px 11px 0 11px; }
}
.belepes_befoglalo { width: 294px; }
.felh_megjelenes_befoglalo { width: 340px; }
.felh_avatar_befoglalo { width: 363px; }
.ertesito_befoglalo { width: 318px; }
.kilepes_befoglalo { width: 310px; }
.regisztracio_befoglalo { width: 564px; }
.tema_athely_befoglalo { width: 350px; }
.uj_hsz_befoglalo { width: 566px; }
.uj_tema_befoglalo { width: 380px; }
.uj_forum_befoglalo { width: 440px; }
.hsz_torles_befoglalo { width: 360px; }
.tema_torles_befoglalo { width: 390px; }
.forum_torles_befoglalo { width: 375px; }
.admin_meta_befoglalo { width: 378px; }
.admin_felh_kez_befoglalo { width: 322px; }
.elonezet_befoglalo { width: 625px; }

#divb_belepes:empty { width: 294px; height: 206px; }
#divb_info:empty { width: 320px; height: 191px; }
#divb_kilepes:empty { width: 310px; height: 169px; }
#divb_uj_hsz:empty, #divb_hsz_szerk:empty { width: 566px; height: 314px; }

.alap_flex {
	display: flex; width: -moz-max-content; width: max-content;
	> div { display: flex; flex-direction: column; justify-content: center; }
}
.alt_rejto { text-indent: -9999px; color: transparent; }

/* Űrlap csillagozás */
.csillagozas :is(.szmezo:required, [id^='mk_']) + span::after { content: ' *'; }

#keret {
	font-size: var(--szov-m); color: var(--alap-szin); width: var(--szelesseg); max-width: 100%; padding: 13px 31px 0 25px; min-height: 100vh; border: 2px solid var(--semleges-szin); border-width: 0 2px; box-sizing: border-box; background-color: rgba(255,255,255, .5); margin: 0 auto;
	> header { height: 58px; display: flex; justify-content: center; margin-bottom: 30px; }
	> footer { font-size: var(--szov-xs); color: #848484; padding: 19px 0 30px 0; text-align: center; }
	.panel { width: 100%; box-sizing: border-box; }
}

noscript { display: block; margin: -6px 27px 13px 33px; }

header .panel { display: flex; align-items: center; }
#fejlec_cimsor { flex-basis: 0; flex-grow: 1; width: max-content; overflow: hidden; padding: 0 9px 0 5px; margin-right: 30px; }
#logo {
	&:is(:hover, :focus) { filter: brightness(1.13); }
	img { width: 75px; height: 50px; display: block; }
}
#fejlec_gomb_tav { padding: 4px 17px 0 14px; display: block; }
#fejlec_div { overflow: hidden; flex-grow: 1; }
#cim_leiras_szoveg { margin: 2px 0 0 calc(var(--koz-m) + 9px); max-height: 28px; font-size: var(--szov-s); line-height: calc(1em + 3px); text-overflow: ellipsis; }
#fejlec_belepo {
	flex-basis: 215px; flex-direction: column; justify-content: center; text-align: center;
	[aria-hidden]::after { content: ' | '; }
}
#felh_nev { line-height: calc(1em + 4px); margin-bottom: var(--koz-s); white-space: normal; }
#belepes_link::before, #felh_nev::before { background-position: 0 0; }
#regisztracio_link::before { background-position-y: -13px; }
#admin_link::before { background-position-y: -26px; }
#kilepett_menu a { display: block; width: max-content; margin-top: var(--koz-s); margin-bottom: 3px; }
#emlekez_cb_tav { margin: 12px auto 11px auto; }

main { padding: 21px 35px 30px 30px; }
#fo_aktivalas { height: 200px; display: flex; align-items: center; }

nav {
	display: flex; align-items: center; padding: 0 15px 0 11px; height: 38px; margin-bottom: var(--koz-xl);
	&:last-of-type { margin: var(--koz-xl) 0 0 0; }
}
.nav_jobb {
	padding-left: 18px;
	select { text-align: center; text-align-last: center; min-width: 110px; }
}
.nav_bal {
	overflow: hidden; white-space: nowrap; flex-basis: 0; flex-grow: 1;
	&.alap_flex > * { overflow: hidden; display: flex; flex-direction: column; justify-content: center; }
}
.nav_link { font-size: var(--szov-s); overflow: hidden; text-overflow: ellipsis; }
.nav_ikon { background: url(ikon_nav.png) no-repeat; flex-shrink: 0; }
.nav_nyil { background-position: -50px -1px; margin: 2px 5px; width: 13px; }
.nav_kezdolap {
	width: 25px; height: 23px;
	&:is(:hover, :focus) { background-position-x: -25px; }
}

.fo_flex_sor {
	display: flex; cursor: pointer;
	> div { display: flex; flex-direction: column; justify-content: center; font-size: var(--szov-s); line-height: calc(1em + 3px); }
	.f_vonal { padding-left: 10px; background-position: 4px calc(50% - 1px); background-repeat: no-repeat; }
}
.hsz_flex_sor {
	display: flex; margin-bottom: var(--koz-xl);
	> .ak { align-self: flex-start; }
}
.adatlap_tav { margin: 9px 0 0 13px; }
.gombsor1_tav { margin-top: 26px; }
.gombsor2_tav, .gombsor3_tav, .gombsor4_tav { margin-bottom: 14px; }
.gombsor5_tav {
	margin-top: 16px;
	+ footer { padding-top: 7px; }
}
.formazo_eszkoztar {
	margin-bottom: var(--koz-m); position: relative;
	.k_gomb {
		float: left; margin-right: var(--koz-s);
		&:last-child { margin-right: 0; }
		&::after { background-image: url(k_gomb_formazas.png); }
	}
}
.extra_formazo_gombok { top: 0; right: 0; position: absolute; }
.smiley {
	&:not(button) { --eltolas: 0; width: 15px; height: 15px; line-height: 17px; display: inline-block; margin: 0 1px; text-indent: -9999px; background: url(smileyk.png) var(--eltolas) 0 no-repeat; color: transparent; }
	&.eros_mosoly { --eltolas: -17px; }
	&.ikszdes { --eltolas: -34px; }
	&.szegyenlos { --eltolas: -51px; }
	&.kacsintos { --eltolas: -68px; }
	&.nyelvolto { --eltolas: -85px; }
	&.csodalkozo { --eltolas: -102px; }
	&.szomoru { --eltolas: -119px; }
	&.siro { --eltolas: -136px; }
	&.merges { --eltolas: -153px; }
	&.fanyar { --eltolas: -170px; }
	&.hanyos { --eltolas: -187px; }
}
#legordulo_smileyk .smiley { margin: 0 0 2px 0; }
.ikonnal { white-space: nowrap; }
.ikonnal::before { display: inline-block; content: ''; background: url(ikon_fejlec.png) no-repeat; margin-right: 3px; width: 11px; height: 12px; }
.ertesito_ikon_tav { margin: 6px auto 12px auto; }
.panel .szovegszel { width: auto; margin-left: 10px; margin-right: 10px; }
.belepes_felso_tav { margin-top: 11px; }
.belepes_mezo_tav { margin-top: var(--koz-m); }
.felh_megjelenes_tav1 { margin: 12px 0 19px 0; }
.felh_megjelenes_tav2 { margin-top: 5px; }
.felh_megjelenes_tav3 { margin: 14px auto 0 auto; display: inline-block; }
.felh_avatar_tav1 { margin-top: 13px; }
.felh_avatar_tav2 { margin: 2px auto 8px auto; display: inline-block; }
.felh_avatar_tav3 { margin-bottom: 20px; }
.uj_hsz_tav1 { margin: 16px auto 18px auto; }
.uj_hsz_tav2 { width: 70px; }
.uj_hsz_tav3 { width: 447px; }
.uj_hsz_tav4 { margin-bottom: var(--koz-m); }
.uj_tema_tav1 { margin: 12px auto 20px auto; }
.uj_tema_tav2 { width: 70px; }
.uj_tema_tav3 { width: 275px; }
.uj_tema_tav4 { margin-top: 10px; }
.uj_forum_tav1 { margin: 12px auto 17px auto; }
.uj_forum_tav2 { width: 77px; }
.uj_forum_tav3 { width: 330px; }
.uj_forum_tav4 { margin-bottom: var(--koz-m); }
.uj_forum_tav5 { margin-top: 10px; }
.uj_forum_tav6 { margin: 12px auto 24px auto; }
.hsz_torles_tav1 { margin: var(--koz-xl) auto 8px auto; }
.hsz_torles_tav2 { margin-bottom: 14px; }
.tema_torles_tav1 { margin: var(--koz-xl) auto var(--koz-m) auto; }
.tema_torles_tav2 { margin-bottom: 14px; }
.tema_torles_tav3 { margin-bottom: var(--koz-m); }
.forum_torles_tav1 { margin: 12px auto var(--koz-m) auto; }
.forum_torles_tav2 { margin-bottom: 14px; }
.forum_torles_tav3 { margin-bottom: var(--koz-m); }
.ertesito_tav1 { margin: 20px 9px 23px 9px; }
.ertesito_tav2 { margin-bottom: 8px; }
.kilepes_tav1 { margin: var(--koz-xl) auto 5px auto; }
.kilepes_tav2 { margin-bottom: var(--koz-xl); }
.regisztracio_tav1 { margin-top: 12px; }
.regisztracio_tav2 {
	margin: 16px auto 24px auto;
	div { justify-content: flex-start; }
	div:nth-child(2) { justify-content: center; width: 40px; }
}
.reg_vonal { width: 2px; height: 140px; }
.tema_athely_tav1 { margin-top: 11px; margin-bottom: 3px; }
.tema_athely_tav2 { margin: 13px 0 21px 0; }
.admin_meta_tav1 { margin-top: 10px; }
.admin_meta_tav2 { margin: 13px auto 16px auto; display: inline-block; }
.admin_meta_tav3 { width: 308px; margin: 10px auto 0 auto; }
.admin_felh_kez_tav1 { margin: 15px auto 22px auto; width: 243px; }
.admin_felh_kez_tav2 { margin-bottom: 7px; }
.alap_urlap_tav label:not(:first-child) { margin-top: 8px; }
.adatlap_bal { width: 130px; text-align: center; }
.adatlap_jobb { margin: 3px 23px 0 17px; font-size: var(--szov-s); overflow: visible; white-space: nowrap; justify-content: flex-start; }

#mk_felh, #mk_jelszo { width: 170px; }
#mk_leiras_bef { width: 310px; height: 60px; min-height: 60px; max-height: 117px; resize: vertical; }
#mk_cim { width: 255px; }
#mk_szoveg_bef { height: 165px; min-height: 132px; max-height: 282px; resize: vertical; }
#m_stilus { width: 258px; }
#m_szelesseg { width: 115px; }
#mk_uj_hely { width: 308px; }
#mk_reg_felh, #mk_reg_jelszo, #mk_reg_jelszo2, #mk_reg_email, #m_reg_honlap { width: 210px; }
#mk_reg_idozona, #m_reg_orszag { width: 223px; }
#mk_admin_cim, #mk_admin_leiras_bef, #m_admin_kszavak, #m_admin_copyr, #m_admin_ikon { width: 295px; }
#mk_admin_leiras_bef { height: 51px; }
#mk_admin_felh { width: 185px; }
#mk_admin_muvelet { width: 243px; }
#mk_kep { width: 240px; }

.panel { background: #fff linear-gradient(0deg, rgba(0,0,0,.097) 0%, transparent 100%) bottom / auto 29px no-repeat; box-shadow: 3px 4px 11px 2px rgba(77, 77, 77, .91); }
.divb_befogo { z-index: 7; position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; display: flex; flex-flow: wrap; justify-content: space-around; align-items: center; overflow-y: auto; }
.divb_alap {
	font-size: var(--szov-m); line-height: calc(1em + 5px); color: var(--alap-szin); min-width: 110px; min-height: 110px; opacity: 0;
	&.adatlap { z-index: 6; line-height: 1em; position: fixed; margin: 20px 18px 17px 23px; }
}
.alt_kepernyo {
	position: relative; text-align: center; margin: 10px 0 86px 0;
	#befoglalo::before { content: attr(aria-label); display: block; padding: 2px; height: 22px; text-align: center; font-size: var(--szov-xl); font-weight: bold; line-height: calc(1em + 5px); color: var(--sotet-szin); cursor: default; user-select: none; margin-bottom: 1px; background-image: url(data:image/gif;base64,R0lGODlhAQAaAMQAAJzsBprrBpvrBpnrBrnvCMTzCL7xCL3wCJ7sBsHyCJzeBqroB7LtB8LyCJvsBlWRFozUBQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABABoAAAUTIKQsDEEYR9IUCOACjiAH9DA8IQA7); }
}
.urlap_hibakeret {
	list-style: none; font-size: var(--szov-xs); line-height: calc(1em + 2px); color: #ff0000; background-color: #ffe6e6; border: 1px solid #ff0000; border-radius: 4px; padding: 1px 8px; text-align: center;
	li::before { content: '- '; }
	::selection { background-color: #ff3232; color: #ffe6e6; }
}
.gombsor {
	display: flex; justify-content: center;
	button + button { margin-left: var(--koz-m); }
}
blockquote {
	color: #8d8d8d; line-height: calc(1em + 5px); font-style: italic; border-radius: 4px; margin: 2px 10px; padding: 5px 12px 5px 29px; min-height: 18px; border: #aeaeae solid 1px; background: #fcfcfc url(idezojel.png) no-repeat 2px 3px; width: auto;
	cite { font-weight: bold; color: var(--semleges-szin); display: block; }
	.hsz_szoveg { margin-left: 0; color: inherit; }
}
.hsz_szoveg_befoglalo mark { background-color: #8dde00; color: #fff; font-family: inherit; text-decoration: inherit; }
.terulet { border: 2px solid #b2b2b2; background: linear-gradient(0deg, rgba(0,0,0,.08) 0, transparent 10px), linear-gradient(180deg, rgba(0,0,0,.09) 0, transparent 6px); overflow-y: scroll; overflow-x: hidden; margin: 6px 10px 7px 10px; width: auto; height: 88px; }
.media {
	box-sizing: border-box; max-width: 100%; max-height: 1000px; display: inline-block; margin: 1px 1px 0 1px; vertical-align: sub;
	iframe { content-visibility: auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; overflow: hidden; }
	&:fullscreen { outline: 0; margin: 0; }
	&:is(span, video) { width: 66.5%; margin: 2px 2px 1px 2px; outline: 1px solid var(--offline-szin); }
	&:is(span) { position: relative; padding-bottom: 37.5% }
}

.muvelet_ikon { background-image: url(ikon_muvelet.png); }
.uj_forum_ikon, .uj_tema_ikon, .tema_athely_ikon, .tema_szerk_ikon, .tema_torles_ikon, .forum_szerk_ikon, .forum_torles_ikon { width: 55px; height: 55px; }
.uj_hsz_ikon, .hsz_szerk_ikon, .hsz_torles_ikon { width: 55px; height: 39px; }
@keyframes tolto { 100% { background-position-x: -408px; } }
.toltesjelzo {
	&::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; animation: tolto .32s steps(8) infinite; margin: auto; width: 50px; height: 50px; background: url(tolto.png) 0 0 no-repeat; }
	#befoglalo { visibility: hidden; }
}
.tartalom_toltesjelzo { background: var(--toltes-hatter) url(kep_tolto.gif) center no-repeat; }
.hibas_kep { background: var(--toltes-hatter) url(hibas_kep.png) center no-repeat; width: 54px; height: 54px; }
.oldal_ikon { background-position: -64px -3px; width: 12px; height: 15px; margin: 0 7px 2px 0; display: inline-block; vertical-align: middle; }
.kilepes_ikon { background: url(kilepes.png); width: 39px; height: 49px; }
.forum_ikon { background: url(ikon_forum.png) no-repeat -1px center; width: 55px; min-height: 55px; }
.tema_ikon { background: url(ikon_tema.png) no-repeat -1px center; width: 44px; min-height: 34px; }
.lezart {
	.forum_ikon { background-position-x: -57px; }
	.tema_ikon { background-position-x: -46px; }
}
.uj_forum_ikon { background-position: 0 0; }
.forum_szerk_ikon { background-position-y: -56px; }
.forum_torles_ikon { background-position-y: -112px; }
.uj_tema_ikon { background-position-y: -166px; height: 49px; margin-top: 6px; }
.uj_hsz_ikon { background-position-y: -353px; }
.tema_athely_ikon { background-position-y: -257px; height: 50px; }
.tema_szerk_ikon { background-position-y: -215px; height: 45px; margin: 7px 0 3px 0; }
.hsz_szerk_ikon { background-position-y: -392px; }
.hsz_torles_ikon { background-position-y: -431px; }
.tema_torles_ikon { background-position-y: -309px; height: 43px; }
.hibas_hsz_ikon { background: url(hibas_hsz.png); width: 42px; height: 31px; }

.nagy_avatar_elonezet {
	&:not(.sima_rejtett) { display: inline-block; background-color: #000; background-repeat: no-repeat; background-position: center center; background-size: cover; }
	&.allo { background-position-y: 30%; }
}
.nagy_avatar { position: absolute; top: 12px; left: 12px; width: 96px; height: 96px; }
.nagy_avatar_keret {
	background-image: url(avatar_keret_n.png); width: 120px; height: 120px; position: relative;
	&.online { background-position-x: -120px; }
}
.kis_avatar { width: 58px; height: 58px; position: absolute; top: 10px; left: 10px; }
.kis_avatar_keret {
	background-image: url(avatar_keret_k.png); width: 78px; height: 78px; position: relative;
	&.online { background-position-x: -78px; }
}
.avatar_befogo { position: relative; }

.stilus_abra { width: 240px; height: 95px; position: absolute; top: 10px; left: 10px; }
.stilus_keret { width: 260px; height: 115px; position: relative; background: url(stilus_keret.png); }
.stilus_befogo { position: relative; }

.legordulo_alap {
	position: fixed; z-index: 8; user-select: none; background-color: #f8f8f8; border: 1px solid #989898; border-radius: 3px; box-shadow: 1px 1px 2px #343434; font-size: var(--szov-s); font-weight: bold; color: #717171; margin: 2px 0 0 -1px; opacity: 0;
	li {
		background-color: #dfdfdf; margin: 2px; padding: 4px 8px 4px 6px; cursor: pointer; list-style: none;
		&:is(:hover, :focus) { background-color: #f8f8f8; }
	}
}

.hiba_ikon { background-position: 0 0; }
.info_ikon { background-position-x: -39px; }
.siker_ikon { background-position-x: -79px; }
.ertesito_ikon { height: 38px; width: 38px; background-image: url(ikon_ertesites.png); }

.f_vonal { background: url(data:image/gif;base64,R0lGODlhAgABAIAAAO/v78rKyiwAAAAAAgABAAACAgwKADs=) repeat-y; }
.v_vonal { background: url(data:image/gif;base64,R0lGODlhAQACAIAAAO/v78rKyiwAAAAAAQACAAACAgwKADs=) bottom repeat-x; }

.kis_szoveg { font-size: var(--szov-xs); line-height: calc(1em + 3px); }
.online_szoveg { color: #87d000; }
.offline_szoveg { color: var(--offline-szin); }
.offline_szoveg, .online_szoveg { font-size: var(--szov-xs); font-weight: bold; text-transform: uppercase; margin-top: -5px; }
.adatlap_jobb {
	dfn { margin: 10px 0 3px 0; text-indent: -5px; display: block; font-weight: bold; }
	span { font-style: italic; }
}
.felh_szoveg {
	line-height: calc(1em + 2px); width: 125px; max-width: 125px; overflow: hidden; margin: 0 auto;
	.rang { font-size: var(--szov-xs); line-height: 1em; }
	.nev { display: block; font-weight: bold; word-wrap: break-word; }
}
.nev { cursor: help; }
.hibas_hsz_szoveg { font-size: var(--szov-s); font-weight: bold; text-align: center; display: block; color: #ababab; margin: 1px 0 var(--koz-m) 0; }
code { line-height: 1em; vertical-align: middle; font-family: "Courier New", FreeMono, Courier, monospace; text-decoration: inherit; }
#elvetes_gombok {
	display: none;
	span { display: block; }
	&.lathato {
		display: block;
		+ div { display: none; }
	}
}

button { user-select: none; border: none; background-color: transparent; background-repeat: no-repeat; cursor: pointer; height: 29px; }

.gomb {
	min-width: 106px; padding: 0 11px; font-weight: bold; font-size: var(--szov-m); color: var(--sotet-szin); background-image: url(gombok.png), url(gombok.png), url(gomb_koz.png); background-position: top -31px left -54px, top -31px right -54px, center top -31px; background-size: auto, auto, calc(100% - 106px) 120px;
	&:is(:hover, :focus) { background-position: top -61px left -54px, top -61px right -54px, center top -61px; }
	&:active { background-position: top -91px left -54px, top -91px right -54px, center top -91px; color: #539f00; }
	&[disabled] { background-position: top -1px left -54px, top -1px right -54px, center top -1px; color: #9f9f9f; cursor: default; }
}
@supports (-webkit-box-reflect:unset) {
	/* Webkit-es illesztési hiba javítása */
	.gomb {
		background-size: auto, auto, calc(100% - 105.3px) 120px;
		&[disabled] { background-blend-mode: soft-light; }
	}
}
.k_gomb {
	display: flex; justify-content: center; align-items: center; width: 35px; background: url(gombok.png) 0 -121px no-repeat;
	&:is(:hover, :focus) { background-position: -36px -121px; }
	&:active { background-position: -72px -121px; padding-left: 2px; }
	&::after { content: ''; background-repeat: no-repeat; width: 25px; height: 25px; }
	&.felkover::after { background-position: 0 -1px; width: 22px; height: 23px; }
	&.alahuzott::after { background-position: -23px 0; }
	&.dolt::after { background-position: -49px -1px; width: 21px; height: 23px; }
	&.athuzott::after { background-position: -71px -1px; height: 23px; }
	&.kod::after { background-position: -98px -1px; width: 24px; height: 23px; }
	&.kiemelt::after { background-position: -122px 0; width: 23px; }
	&.idezet::after { background-position: -146px -2px; width: 24px; height: 21px; }
	&.link::after { background-position: -171px 0; width: 30px; }
	&.kep::after { background-position: -202px -2px; height: 21px; }
	&.video::after { background-position: -228px -1px; width: 23px; height: 23px; }
	&.smiley::after { background-position: -252px 0; }
	&.rss::after { background: url(k_gomb_rss.png); width: 26px; height: 27px; }
	&.torles::after { background-position: 0 -3px; width: 23px; height: 24px; }
	&.szerk::after { background-position: -24px; width: 24px; height: 27px; }
	&.athely::after { background-position: -49px -2px; width: 24px; }
}

.hsz_felh_befoglalo { flex-basis: content; text-align: center; }
.hsz_befoglalo {
	margin: 0 2px 0 13px; flex-grow: 1; overflow: hidden; position: relative;
	header { display: flex; flex-direction: column; flex-wrap: wrap; margin-bottom: var(--koz-s); padding: 1px 4px 7px 3px; width: calc(100% - 4px); height: 20px; font-size: var(--szov-xs); font-weight: bold; box-sizing: border-box; }
	time { align-self: flex-end; }
	.ip { width: max-content; }
}
.hsz_szoveg_befoglalo { text-align: left; overflow: hidden; }
.hsz_szoveg {
	line-height: calc(1em + 5px); text-align: left; margin: 2px 6px 4px 4px; word-wrap: break-word;
	img { user-select: all; } /* A szöveg végén maradó képek (és smileyk) enélkül sokszor nehezen kijelölhetőek */
}
.elonezet_doboz {
	margin: 16px 16px 18px 16px; overflow-y: auto; overflow-x: hidden; height: 253px; background-image: url(data:image/gif;base64,R0lGODlhAwADAIAAAMvLy////yH5BAEAAAEALAAAAAADAAMAAAIETHAZBQA7); border: 1px solid #cbcbcb;
	.hsz_befoglalo { margin: 9px 16px 16px 12px; }
}

.hasab_adat {
	font-weight: bold; text-align: center; margin-top: -1px;
	dfn { font-weight: normal; }
}

.cim_link { margin-left: var(--koz-m); font-size: var(--szov-l); line-height: normal; white-space: nowrap; color: #6e6e6e; overflow: hidden; text-overflow: ellipsis; }

.forum {
	margin-bottom: var(--koz-xl);
	> :nth-child(1) { width: 55px; }
	> :nth-child(2) { flex-basis: 0; flex-grow: 1; overflow: hidden; margin: 2px 4px 2px 0; word-wrap: break-word; position: relative; }
	> :nth-child(3) { width: 86px; }
	> :nth-child(4) { width: 86px; }
	> :nth-child(5) { width: 92px; }
	.f_vonal { background-size: 2px calc(100% - 9px); }
	.leiras_szoveg {
		padding: 2px 0 1px var(--koz-m);
		.smiley { margin-bottom: -1px; line-height: inherit; }
	}
}

.tema {
	margin-bottom: calc(var(--koz-xl) - 3px);
	> :nth-child(1) { width: 45px; }
	> :nth-child(2) { flex-basis: 0; flex-grow: 1; position: relative; overflow: hidden; }
	> :nth-child(3) { width: 87px; }
	> :nth-child(4) { width: 124px; word-wrap: break-word; }
	> :nth-child(5) { width: 95px; }
	.f_vonal { background-size: 2px calc(100% - 5px); }
}

.mod_gombok {
	display: none; position: absolute;
	.k_gomb {
		margin-left: var(--koz-s); border-radius: 5px; box-shadow: 0 0 1px 1px #fff;
		&::after { background-image: url(k_gomb_muvelet.png); }
	}
}
.hsz_befoglalo .mod_gombok { top: 10px; right: 11px; }
.fo_flex_sor .mod_gombok { right: 6px; top: 50%; transform: translateY(-50%); padding-bottom: 1px; }

label { display: flex; flex-flow: column-reverse; }
.szmezo {
	color: var(--szmezo-p-szoveg); background-color: var(--szmezo-p-hatter); box-shadow: var(--szmezo-p-arnyek); border: 1px solid #bdbdbd; border-radius: 4.5px; padding: var(--szmezo-szel); font-size: var(--szov-m); line-height: calc(1em + 5px); font-weight: bold; text-align: left;
	&:is(:focus, :focus-within) { color: var(--szmezo-a-szoveg); background-color: var(--szmezo-a-hatter); box-shadow: var(--szmezo-a-arnyek); border-color: var(--aktiv-szin); }
	&.f {
		color: #ff0000; background-color: #ffe6e6; border: 1px solid #ff0000; box-shadow: inset 0 0 2px 1px #fff, inset 0 0 2px 1px #fff, inset 1px 1px 1.2px 3.2px rgba(241,191,187, .91);
		+ span { color: #ff0000; }
	}
	+ span { color: #a8a8a8; text-align: left; font: normal normal bold var(--szov-s)/calc(1em + 1px) Arial, Verdana, Helvetica; margin: 0 0 2px 3px; cursor: default; user-select: none; }
	&:is(:focus, :focus-within, [type=checkbox]:active) + span { color: var(--aktiv-szin); }
	&::selection { background-color: var(--aktiv-szin); color: #fff; }
	&:-webkit-autofill {
		-webkit-text-fill-color: var(--szmezo-p-szoveg); box-shadow: var(--szmezo-p-arnyek), 0 0 0 30px var(--szmezo-p-hatter) inset;
		&::selection { -webkit-text-fill-color: #fff; }
		&:focus { -webkit-text-fill-color: var(--szmezo-a-szoveg); box-shadow: var(--szmezo-a-arnyek), 0 0 0 30px var(--szmezo-a-hatter) inset; }
	}
	&[type=checkbox] {
		+ span {
			margin: 0; height: 16px; line-height: 16px; display: flex; width: min-content; white-space: nowrap; cursor: pointer;
			&::after { content: ''; padding-left: 5px; display: inline-block; background: url(checkbox.png) no-repeat right 0; width: 17px; height: 16px; }
		}
		&:checked + span::after { background-position-y: -51px; }
		&:active + span::after { background-position-y: -17px; }
		&:checked:active + span::after { background-position-y: -34px; }
	}
	&:is(select) {
		-moz-appearance: none; -webkit-appearance: none; appearance: none; padding-right: 26px; background: var(--szmezo-p-hatter) url(select_nyil.png) right 10px top 0 / 10px 57px no-repeat; overflow: hidden; text-overflow: ellipsis; padding-inline-start: 7px;
		&:focus { background-position: right 10px top -19px; }
		&.f { background-position: right 10px top -38px; }
	}
	&:is(input[type=number]) {
		-moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield;
	}
	&:is(input[type=file]) {
		cursor: pointer;
		&::file-selector-button { font-family: Verdana, Arial, Helvetica; color: var(--szmezo-p-szoveg); font-weight: bold; text-decoration: underline; cursor: pointer; border-radius: 4.5px; background: none; opacity: .7; margin: 0 var(--koz-m) 0 0; padding: 1px; border: 0; }
		&:hover::file-selector-button { opacity: 1; }
	}
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.befogo {
	overflow: hidden; position: relative; box-sizing: content-box;
	mark { color: var(--szmezo-p-hatter); background-color: rgba(12,12,12,.46); border-radius: 1px; position: relative; z-index: 8; pointer-events: none; }
	&:focus-within {
		background-color: var(--szmezo-a-hatter);
		mark { color: var(--szmezo-a-hatter); background-color: rgba(42,42,42,.46); }
	}
	.szmezo { position: relative; padding: 0; border: 0; background: none; box-shadow: none; width: 100%; height: 100%; }
}
.hatoldal { pointer-events: none; touch-action: none; color: transparent; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: var(--szmezo-szel); overflow-y: auto; word-break: break-all; /* break-all régi Firefox-hoz */ word-break: break-word; white-space: pre-wrap; user-select: none; }

@media only screen and (hover: none) and (pointer: coarse) {
	body { touch-action: pan-x pan-y; }
}
@media screen and (max-width: 970px) {
	#keret {
		border: 0; padding-right: 16px; padding-left: 19px;
		> main { padding: 20px; }
	}
	body, body.fedett { padding: 0; margin: 0; }
}
@media screen and (max-width: 750px) {
	#fejlec_cimsor { margin-right: 19px; }
	#fejlec_belepo { flex-basis: auto; padding: 0 14px; }
	.forum > :nth-child(3), .forum > :nth-child(4), .tema > :nth-child(3) { width: 78px; }
	.tema > :nth-child(4), .forum > :nth-child(5) { display: none; }
	#keret > header { margin-bottom: 19px; }
	.nav_jobb select { min-width: unset; padding-left: 10px; }
	.hsz_flex_sor {
		flex-flow: column; margin-bottom: 7px;
		.hsz_befoglalo { align-self: auto; margin-left: 0; overflow: visible; }
		.felh_szoveg { margin: 0 0 4px 0; align-self: flex-end; width: auto; }
		.avatar_befogo { width: 68px; margin: 0; transform: scale(.8); transform-origin: bottom left; }
	}
	.hsz_befoglalo {
		.mod_gombok { top: -34px; right: -1px; }
		header { position: absolute; top: -21px; right: 0; width: max-content; background: none; }
	}
	.hsz_felh_befoglalo.ak { display: flex; flex-flow: row-reverse; margin: 0 0 4px -2px; text-align: left; background: none; border: 0; box-shadow: none; padding: 0; }
	.ip, .felh_megjelenes_tav3 { display: none; }
}
@media screen and (max-width: 640px) {
	nav { padding: 0 10px 0 9px; }
	#keret {
		padding: 10px 10px 0 10px;
		> main { padding: 17px; }
	}
	.forum > :nth-child(4) { width: 72px; }
	.tema > :nth-child(5), .forum > :nth-child(3) { display: none; }
	.alt_kepernyo { margin-bottom: 11vh; }
	.hsz_szoveg { margin-right: 9px; }
	:is(span, video).media { width: 100%; }
	span.media { padding-bottom: 56.25% }
}