@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Oswald:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap&subset=latin-ext');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&subset=latin-ext&display=swap');

:root {
	--bodyHatterSzin: #F2F2F2;
	--cegAlapSzine: hsl(210, 53%, 49%);
	--cegAlapSzineVilagos: hsl(210, 53%, 59%);
	--cegAlapSzineSotet: hsl(210, 53%, 39%);
	--betutipus: 'Inter', sans-serif;
	--cegNagyLogoURL: url('');
	--cegKisLogoURL: url('');
	--vilagosBetuSzin: #FFFFFF;
	--sotetSzurke: #1E1E1E;
	--kozepSzurke: #757575;
	--vilagosSzurke: #D9D9D9;
	--hivatkozasBetuSzin: #007BFF;
	--hivatkozasKijeloltHatterSzin: #007BFF;
	--hivatkozasKijeloltBetuSzin: #FFFFFF;
	--hivatkozasLatogatottBetuSzin: #FF156F;
	--panelHatterSzin: #FFFFFF;
	--panelHatterKiemeltSzin: #FFD700;
	--panelHatterHibaSzin: #DD0000;
	--torzsHatterSzin: #0BC0DE;
	--torzsBetuSzin: #000000;
	--gombHatterSzin: #0BC0DE;
	--loginGombHatterSzin: antiquewhite;
	--gombBetuSzin: #000000;
	--elvalasztoHatterSzin: #D4C2A8;
	--scrollbarSimaHatterSzin: #E1E1E1;
	--scrollbarKijeloltHatterSzin: #A1A1A1;
	--videopanelHatterSzin: #38B6FF;
	--hibaSzine: #FA605E;
	--alapBetuSzin: #000000;
	--szurke70: #b3b3b3;
}

* {
	font-family: var(--betutipus);
	font-variant-numeric: lining-nums;
	border: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	user-select: none;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
}

*, *::before, *::after {
	box-sizing: border-box;
}

::-webkit-scrollbar {
	width: min(0.5vw, 0.5vh);
}

::-webkit-scrollbar-thumb {
	background-color: var(--scrollbarSimaHatterSzin); /* Görgetősáv fogantyú */
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
	background-color: var(--scrollbarKijeloltHatterSzin); /* Görgetősáv fogantyú hover állapot */
}

body {
	display: grid;
	color: var(--alapBetuSzin);
	text-decoration: none;
	grid-template-rows: 1fr auto;
	height: calc(var(--vh, 1vh) * 100);
	background: var(--bodyHatterSzin);
	overflow: hidden;
}

button {
	cursor: pointer;
}

label {
	display: flex;
	align-items: center; /* szöveg középre igazítása a checkbox mellett */
	gap: 0.5em;
	margin-top: 2.5vh;
	margin-bottom: 0.5vh;
	border-bottom: solid var(--cegAlapSzine);
	/* padding-top: 2vh; */
	color: var(--alapBetuSzin);
	font-size: larger;
}

label input[type="checkbox"] {
	width: 1.2em;
	height: 1.2em;
	margin: 0; /* eltünteti a bal oldali térközt */
	accent-color: var(--cegAlapSzine); /* modern böngészőkben a checkbox színe */
}

img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.rejtett_tag {
	display: none !important;
	visibility: hidden !important;
}

/* CSAK SYSADMIN */
#login_div {
	display: grid;
	/* grid-template-rows: 6fr 4fr; */
	grid-template-rows: auto auto;
}

/* CSAK SYSADMIN */
#login_kepek_div {
	display: grid;
	grid-template-columns: 3fr 7fr;
}

/* CSAK SYSADMIN */
#login_kepek_logo_div {
	width: min(15vw, 15vh);
	margin-top: min(5vw, 5vh);
	margin-bottom: auto;
	margin-left: min(5vw, 5vh);
	padding-right: min(2vw, 2vh);
}

/* CSAK SYSADMIN */
#login_kepek_hatter_div {
	max-width: min(100vw, 100vh);
	margin-top: min(5vw, 5vh);
	margin-bottom: auto;
	margin-right: min(5vw, 5vh);
	margin-left: auto;
	padding-left: min(2vw, 2vh);
	padding-bottom: min(5vw, 5vh);
}

/* CSAK SYSADMIN */
#login_kepek_hatter_div img {
	border-radius: min(10vw, 10vh);
}

#login_belepes_div {
	display: grid;
	justify-content: center;
	justify-items: center;
	align-content: space-evenly;
}

#login_pajzs {
	width: 25%;
	height: auto;
	color: var(--cegAlapSzine);
	align-self: center;
	margin-bottom: 15px;
}

.login_konyvecske {
	width: 10%;
	height: auto;
	color: var(--cegAlapSzine);
}

#login_tartalom_kod_input, .belepo_kod, .visszaszamlalo_megjelenito {
	display: flex;
	padding: 15px;
	margin: 2vh 0;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	border-radius: 10px;
	border: 1px solid var(--vilagosSzurke);
	background: var(--panelHatterSzin);
	box-shadow: 0 4px 4px -1px #0C0C0D20, 0 4px 4px -1px #0C0C0D10;
	width: 100%;
	color: var(--cegAlapSzine);
	text-align: center;
	font-size: 2.5vw;
	/* font-size: xxx-large; */
	font-weight: 700;
	letter-spacing: 5px;
	font-family: monospace;
}

.kozepre_igazitott {
	align-items: center;
	text-align: center;
	justify-content: center;
}

#login_tartalom_kod_input::-webkit-input-placeholder, #login_tartalom_kod_input::-moz-placeholder, #login_tartalom_kod_input:-ms-input-placeholder, #login_tartalom_kod_input::placeholder {
	color: var(--vilagosSzurke);
}

#loggedIn_div {
	display: grid;
	grid-template-columns: 1fr 5fr;
	height: calc(var(--vh, 1vh) * 96);
	width: 100%;
	grid-row: 1;
}

#loggedIn_tartalomjegyzek_div {
	background: var(--panelHatterSzin);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	position: relative;
}

#loggedIn_tartalomjegyzek_logo {
	background-color: var(--cegAlapSzine);
}

#loggedIn_tartalomjegyzek_logo img {
	max-width: 50%;
	margin: 2vh 0 2vh 1vw;
}

#loggedIn_tartalomjegyzek_lista_ul {
	list-style-type: none;
	/* padding-top: min(10vw, 10vh); */
	/* margin-right:  min(5vw, 5vh); */
}

#loggedIn_tartalomjegyzek_lista_ul a {
	display: flex;
	/* margin-top: min(2vw, 2vh); */
}

#loggedIn_tartalomjegyzek_kilepes_div {
	position: absolute;
	width: 100%;
	bottom: 0px;
}

#loggedIn_tartalom_div {
	overflow-x: hidden;
	height: fit-content;
	overflow-y: scroll;
}

.fejlec_es_tartalom {
	height: calc(var(--vh, 1vh) * 96);
	overflow-y: auto;
}

.betoltott_adatok_tabla {
	font-size: calc(var(--vh, 1vh) * 1.35);
	table-layout: fixed;
}

.betoltott_adatok_tabla td, #ugyfel_adatok_table td, #szamla_adatok_table {
	transition: background-color 0.5s;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	border-collapse: collapse;
	width: 100%;
}

.betoltott_adatok_tabla tr:hover td, #ugyfel_adatok_table tr:hover td {
	background-color: var(--panelHatterKiemeltSzin);
}

.betoltott_adatok_tabla_hibas_sor {
	background-color: var(--panelHatterHibaSzin) !important;
}

.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {
	border-radius: 100px !important;
	margin: 0px 5px;
}

.koros_x_svg {
	stroke: var(--hibaSzine);
	fill: var(--hibaSzine);
}

.koros_pipa_svg {
	stroke: var(--cegAlapSzine);
	fill: var(--cegAlapSzine);
}

#lablec_div {
	background: var(--cegAlapSzine);
	display: flex;
	width: 100%;
	height: calc(var(--vh, 1vh) * 4);
	align-items: center;
	text-align: center;
	flex-wrap: nowrap;
	justify-content: center;
	grid-row: 2;
}

#lablec_div span {
	color: var(--vilagosBetuSzin);
	font-size: calc(var(--vh, 1vh) * 1.25);
	margin: 0 20px;
}

div#lablec_div a {
	color: var(--vilagosBetuSzin);
}

.alap_panel {
	width: fit-content;
	height: fit-content;
}

.alap_panel_kozepen {
	position: absolute;
	display: flex !important;
	flex-direction: column;
	max-height: calc(var(--vh, 1vh) * 80);
	overflow: hidden;
	width: 50%;
	padding: 2vh 2vw;
	border-radius: 30px;
	background: var(--panelHatterSzin);
	left: 25%;
	/* top: 16%; */
	/* top: 20%; */
	top: 12.5%;
}

.alap_panel_kozepen_szeles {
	position: absolute;
	display: grid;
	grid-template-columns: 3fr 2fr;
	gap: 5vw;
	max-height: calc(var(--vh, 1vh) * 80);
	min-height: calc(var(--vh, 1vh) * 60);
	overflow: hidden;
	width: 75%;
	padding: 2vh 2vw;
	border-radius: 30px;
	background: var(--panelHatterSzin);
	left: 10%;
	top: 12.5%;
}

.alap_panel_kozepen_szeles_2_3 {
	position: absolute;
	display: grid;
	grid-template-columns: 2fr 3fr;
	gap: 5vw;
	max-height: calc(var(--vh, 1vh) * 80);
	min-height: calc(var(--vh, 1vh) * 60);
	overflow: hidden;
	width: 80%;
	padding: 2vh 2vw;
	border-radius: 30px;
	background: var(--panelHatterSzin);
	left: 10%;
	top: 12.5%;
}

.alap_panel_kozepen_szeles_elso {
	
}

.alap_panel_kozepen_szeles_masodik {
	background-color: var(--cegAlapSzine);
	border-radius: 25px;
	padding: 2vh 2vw;
}

.alap_panel_tartalom {
	/* display: contents; */
	/* flex: 1; */
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	max-height: 75vh;
}

.alap_panel_tartalom input {
	margin-bottom: 3vh;
	margin-top: 0.5vh;
	padding: 5%;
	border-radius: 7.5px;
}

.menu-icon {
	width: 7vw;
	height: 5vw;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 1vw;
	margin: 5vw auto auto 85vw;
	display: none;
	position: absolute;
}

.menu-icon span {
	display: block;
	height: 0.6vw;
	background-color: var(--vilagosSzurke);
	border-radius: 10px;
	z-index: 1000;
}

.gomb {
	display: flex;
	margin: 5px;
	padding: 7.5px;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	font-size: min(1.5vw, 1.5vh);
	border-radius: 8px;
	text-transform: uppercase;
	width: -webkit-fill-available;
	max-width: 12.5vw;
	min-width: 5vw;
	cursor: pointer;
	/* padding: min(1vw, 1vh) min(2vw, 2vh); */
	/* margin: 5vh 0px; */
	/* border-radius: min(3vw, 3vh); */
	/* background: var(--cegAlapSzine); */
	/* background-color: var(--gombHatterSzin); */
	/* color: var(--vilagosBetuSzin); */
	/* color: var(--gombBetuSzin); */
}

.gomb_szeles {
	max-width: none !important;
	margin-top: 5vh !important;
}

.gomb_primary {
	background: var(--cegAlapSzine);
	color: var(--vilagosBetuSzin);
	stroke: var(--vilagosBetuSzin);
	border: solid var(--cegAlapSzine);
}

.gomb_secundary {
	background: var(--cegAlapSzineVilagos);
	color: var(--vilagosBetuSzin);
	stroke: var(--vilagosBetuSzin);
	border: solid var(--cegAlapSzineVilagos);
}

.gomb_keretes {
	background: none;
	color: var(--cegAlapSzine);
	stroke: var(--cegAlapSzine);
	border: solid var(--cegAlapSzine);
}

.gomb_csakfelirat {
	background: none;
	color: var(--cegAlapSzine);
	stroke: var(--cegAlapSzine);
	border: solid none;
}

.gomb_primary:hover {
	background: var(--cegAlapSzineSotet);
	color: var(--vilagosBetuSzin);
	stroke: var(--vilagosBetuSzin);
	border: solid var(--cegAlapSzineSotet);
}

.gomb_secundary:hover {
	background: var(--cegAlapSzineSotet);
	color: var(--vilagosBetuSzin);
	stroke: var(--vilagosBetuSzin);
	border: solid var(--cegAlapSzineSotet);
}

.gomb_keretes:hover {
	background: var(--cegAlapSzineSotet);
	color: var(--vilagosBetuSzin);
	stroke: var(--vilagosBetuSzin);
	border: solid var(--cegAlapSzineSotet);
}

.gomb_csakfelirat:hover {
	background: none;
	color: var(--cegAlapSzine);
	stroke: var(--cegAlapSzine);
	border: solid var(--cegAlapSzine);
}

.gomb_disabled, .gomb_disabled:hover {
	background: var(--cegAlapSzine);
	color: var(--vilagosBetuSzin);
	stroke: var(--vilagosBetuSzin);
	border: solid var(--cegAlapSzine);
	cursor: not-allowed !important;
	opacity: 0.25;
}

.menupont {
	display: flex;
	padding: 10px;
	border-radius: 10px;
	background: none;
	color: black;
	stroke: black;
	/* margin: 1vh 1vw; */
	margin: 0vh 1vw;
	cursor: pointer;
	border: solid white;
	transition: color 0.3s, border 0.3s, stroke 0.3s; /* Animáció */
	font-size: calc(var(--vh, 1vh) * 1.45);
	/* font-size: 1.1vw; */
	/* font-size: min(3vw, 3vh); */
}

.menupont:hover {
	/* border: none; */
	/* background: var(--cegAlapSzine); */
	/* color: var(--vilagosBetuSzin); */
	color: var(--cegAlapSzine);
	stroke: var(--cegAlapSzine);
	border: solid var(--cegAlapSzine);
}

.aktiv_menupont {
	background: var(--cegAlapSzine);
	color: var(--vilagosBetuSzin);
	stroke: var(--vilagosBetuSzin);
	transition: color 0.3s, background 0.3s, stroke 0.3s; /* Animáció */
}

.aktiv_menupont:hover {
	background: var(--cegAlapSzine);
	color: var(--vilagosBetuSzin);
	stroke: var(--vilagosBetuSzin);
}

.menupont svg, .gomb svg {
	margin-right: 10px;
}

.contentbook_elem_tartalom_gombok_panel {
	grid-column: 1 / -1;
	display: flex;
	justify-content: space-around;
	margin: 4vh 0 2vh 0;
}

.contentbook_elem_tartalom .gomb {
	width: 14vw;
}

.contentbook_szerkesztes_gomb, .contentbook_elem_statusz_szerkesztes {
	color: #FFFFFF;
	background: #000000;
	font-weight: 700;
}

.contentbook_javitas_gomb, .contentbook_elem_statusz_javitas {
	color: #000000;
	background: #FFFF00;
	font-weight: 700;
}

.contentbook_ellenorzes_gomb, .contentbook_elem_statusz_ellenorzes {
	color: #FFFFFF;
	background: #000080;
	font-weight: 700;
}

.contentbook_kesz_gomb, .contentbook_elem_statusz_kesz {
	color: #FFFFFF;
	background: #008000;
	font-weight: 700;
}

.contentbook_validalva_gomb, .contentbook_elem_statusz_validalva {
	color: #FFFFFF;
	background: #800080;
	font-weight: 700;
}

.contentbook_export_gomb {
	color: #000000;
	background: #FFDB58;
	font-weight: 700;
}

.tartalomjegyzek_nyelv_gomb {
	border-radius: 5px;
	margin: 5px 0 5px 10px;
	padding: 2px;
}

.tartalom_adatok_vezerlo_gombok {
	display: flex;
	gap: 1vw;
	justify-content: center;
}

.fejlec_teteje {
	grid-column: 1 / -1;
}

.fejlec_teteje_div {
	display: grid;
	grid-template-columns: 7fr 1fr 1fr 0.3fr;
	margin-top: 2vh;
}

.fejlec_teteje_modvaltas_button {
	grid-column: 2;
	position: relative;
	z-index: 100;
}

.fejlec_teteje_kilepes_gomb {
	grid-column: 3;
	position: relative;
	z-index: 100;
}

.fejlec_div {
	position: absolute;
	width: auto;
	height: calc(var(--vh, 1vh) * 15);
	background: var(--cegAlapSzine);
	/* top: calc(var(--vh, 1vh) * 5); */
	top: calc(var(--vh, 1vh) * 1.5);
	left: 1.5vw;
	right: 1.5vw;
	border-radius: 20px;
}

.hivatkozas {
	padding: 1vh 1vw !important;
	margin-right: 2vw;
	border-radius: 5px; /* Lekerekített sarkok */
	transition: background-color 0.3s, border 0.3s, color 0.3s; /* Animáció */
	color: var(--hivatkozasBetuSzin); /* Szöveg színe */
	cursor: pointer;
}

.hivatkozas:hover {
	color: var(--cegAlapSzine);
	border: solid var(--cegAlapSzine);
	/* color: var(--hivatkozasKijeloltBetuSzin); /* Hover szöveg színe */
	/* background-color: var(--hivatkozasKijeloltHatterSzin); /* Hover háttérszín */
}

.hivatkozas a {
	text-decoration: none; /* Alapértelmezett aláhúzás eltávolítása */
	color: var(--hivatkozasBetuSzin); /* Szöveg színe */
	font-weight: bold; /* Szöveg vastagsága */
	border-radius: 5px; /* Lekerekített sarkok */
	transition: background-color 0.3s, color 0.3s; /* Animáció */
	cursor: pointer;
}

.hivatkozas a:hover {
	background-color: var(--hivatkozasKijeloltHatterSzin); /* Hover háttérszín */
	color: var(--hivatkozasKijeloltBetuSzin); /* Hover szöveg színe */
}

/* .hivatkozas a:visited, a.latogatott_hivatkozas { */
a.latogatott_hivatkozas {
	color: var(--hivatkozasLatogatottBetuSzin); /* Látogatott hivatkozás színe */
	/* color: var(--vilagosSzurke); /* Látogatott hivatkozás színe */
}

li.futo_video_hivatkozas {
	background-color: var(--cegAlapSzine); /* világoskék háttér */
	color: var(--vilagosBetuSzin) !important;
	position: relative;
	/* padding-left: 1.5em; /* hely a háromszögnek */
}

li.futo_video_hivatkozas::before {
	content: "▶ "; /* Unicode háromszög */
}

li.futo_video_hivatkozas a {
	color: var(--vilagosBetuSzin) !important;
}

hr {
	/* PETI SZERINT
	border: 0;
	height: 1vh;
	width: 100%;
	background: linear-gradient(to right, transparent, var(--elvalasztoHatterSzin), transparent);
	margin: 20px 15px 20px 10px;
	border-radius: 10px; /* Kerekített végek */
	/* ZSÓFI SZERINT */
	border: 0;
	height: 0.5vh;
	background: var(--kozepSzurke);
	margin: 2vh 1vw;
	border-radius: 10px;
}

#design_div {
	position: absolute;
	width: calc(var(--vh, 1vh) * 15);
	height: calc(var(--vh, 1vh) * 15);
	bottom: calc(var(--vh, 1vh) * 5);
	right: calc(var(--vw, 1vw) * 1);
	z-index: -1000;
	/* right: 20px; */
	/* border-radius: 20px; */
}

#design_udvozlo_div {
	position: relative;
	width: calc(var(--vh, 1vh) * 20);
	height: calc(var(--vh, 1vh) * 10);
}

#design_tartalomjegyzek_div {
	background: var(--cegAlapSzine);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	margin-top: 0px;
	padding: 10px;
}

#design_tartalomjegyzek_div .ceg_nagy_logo_img {
	margin-top: 0px;
	background-position-x: left;
	left: 0%;
}

.ceg_nagy_logo_img {
	position: relative;
	margin-top: 1vh;
	height: 8.5vh;
	width: 90%;
	left: 5%;
	background-image: var(--cegNagyLogoURL);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.ceg_kis_logo_img {
	position: absolute;
	background-image: var(--cegKisLogoURL);
	width: 100%;
	height: 100%;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

#konyvtar_lista_root {
	max-height: 150vh;
}

.konyvtar_lista_root li {
	padding-left: 10px;
}

.konyvtar_lista_mappa {
	padding-top: 10px;
	padding-bottom: 10px;
}

.konyvtar_lista_mappa>div, input[type="checkbox"] {
	cursor: pointer;
}

.konyvtar_lista_mappa>div>span {
	cursor: auto;
}

/* 📁📂🗀🗁 */
.konyvtar_lista_mappa_nyitva>div::before {
	content: "🗁 ";
}

.konyvtar_lista_mappa_zarva>div::before {
	content: "🗀 ";
}

.konyvtar_lista_mappa li {
	padding-left: 3vw;
}

#tartalom_lista_div {
	display: grid;
	grid-template-columns: 1fr 3fr;
}

#tartalom_lista_tartalomjegyzek_div {
	grid-column: 1;
	margin-top: 12.5vh;
	margin-left: 3vw;
	border-radius: 20px;
	height: calc(var(--vh, 1vh) * 80);
	padding-right: min(1vw, 1vh);
	z-index: 100;
}

#tartalom_lista_tartalomjegyzek_div ul {
	padding-bottom: 1.5vh;
	font-size: 1.75vh;
}

#tartalom_lista_tartalomjegyzek_jegyzek_div {
	height: calc(var(--vh, 1vh) * 62);
	background: var(--panelHatterSzin);
	border-radius: 20px;
	padding-top: calc(var(--vh, 1vh) * 3);
	padding-bottom: calc(var(--vh, 1vh) * 3);
	overflow: hidden;
	margin-bottom: calc(var(--vh, 1vh) * 3);
}

#tartalom_lista_tartalomjegyzek_jegyzek_ul {
	overflow-y: scroll;
	padding-left: 1.5vw;
	height: 85%;
	list-style: none;
}

#tartalom_lista_tartalomjegyzek_jegyzek_ul ul {
	padding-left: 0vw;
	padding-bottom: 2vh;
	list-style: none;
}

#tartalom_lista_tartalomjegyzek_jegyzek_ul li {
	padding-left: 0px;
	color: var(--cegAlapSzine);
}

#tartalom_lista_tartalomjegyzek_jegyzek_ul > li {
	font-weight: 700;
	cursor: pointer;
}

#tartalom_lista_tartalomjegyzek_szamlalo_div {
	background-color: var(--cegAlapSzine);
	color: var(--vilagosBetuSzin);
	justify-self: center;
	padding: min(1vw, 1vh) min(2vw, 2vh);
	border-radius: 20px;
	font-weight: 900;
	display: flex;
	flex-direction: row;
	height: calc(var(--vh, 1vh) * 15);
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

#tartalom_lista_tartalomjegyzek_szamlalo_div img {
	width: 20%;
}

#tartalom_lista_tartalomjegyzek_szamlalo_div > div {
	display: flex;
	flex-direction: column;
	padding-left: 10%;
}

#tartalom_lista_osszesTartalom_div {
	height: calc(var(--vh, 1vh) * 80);
	position: relative;
	overflow-y: auto;
	top: calc(var(--vh, 1vh) * 12.5);
	background-color: var(--panelHatterSzin);
	border-radius: 20px;
	padding: 25px;
	display: flex;
	margin-left: 5vw;
	right: 3vw;
	overflow: hidden;
}

#tartalom_lista_osszesTartalom_belso_div {
	width: 100%;
	overflow-y: scroll;
}

#tartalom_lista_osszesTartalom_tovabbiLehetosegek_div {
	display: grid;
	gap: 4vh;
	justify-items: center;
	min-height: min(45vw, 45vh);
	margin-bottom: min(10vw, 10vh);
}

#tartalom_intro_video_iframe {
	width: auto;
	height: auto;
	min-height: calc(var(--vh, 1vh) * 35);
	margin-bottom: 3vh;
}

.tartalom_torzs_szovege {
	overflow-y: scroll;
	color: var(--kozepSzurke);
	text-align: justify;
	max-height: calc(var(--vh, 1vh) * 45);
}

.tartalom_cim {
	color: var(--cegAlapSzine);
	font-size: 2.5vh;
	font-weight: 700;
	margin-bottom: 2vh;
	line-height: 120%;
	/* text-align: center; */
	padding: 3vh 1vw;
	/* height: 10vh; */
}

#tartalom_tajekoztato_cim_p {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

#tartalom_tajekoztato_modositasdatum_p {
	padding-top: 0.5vh !important;
	margin-top: 0.5vh !important;
	margin-bottom: 5vh !important;
	color: var(--vilagosSzurke) !important;
	font-size: 1.75vh;
	font-weight: 700;
}

.tartalom_tooltip {
	color: var(--kozepSzurke);
	font-size: 2vh;
}

.elem_panel {
	display: grid;
	grid-template-rows: auto auto 1fr auto auto;
	padding: 1vh 1vw;
	box-sizing: border-box;
}

.elem_video_tarolo {
	position: relative;
	top: 0%;
	height: 30vw;
	overflow: hidden;
}

.elem_video_panel {
	text-align: center;
	padding-top: 1vh;
	grid-row: 2;
}

.elem_video_panel iframe {
	width: 100%;
	height: 100%;
	border: 0px;
}

.elem_tartalom_panel {
	display: grid;
	grid-template-rows: 2fr 5fr 3fr;
	overflow: hidden;
	grid-row: 1;
	grid-column: 2;
}

.elem_oldalszam {
	text-align: right;
	grid-row: 3;
	font-size: 1.25vh;
	color: var(--vilagosSzurke);
	font-weight: 900;
	align-content: center;
}

.elem_tartalom_leiras, .elem_tartalom_absztrakt, .elem_tartalom_torzs {
	overflow: auto;
	font-size: 1.75vh;
	padding: 1vh 2vw;
	text-align: justify;
}

.elem_tartalom_leiras {
	grid-row: 4;
}

.elem_tartalom_absztrakt {
	grid-row: 5;
}

.elem_tartalom_torzs {
	grid-row: 6;
}

.adatok_uj_sor_form {
	display: flex;
	flex-direction: column;
	justify-self: center;
	gap: 1.5vh;
	width: 35%;
}

.adatsorszerkeszto_adatsor {
	display: flex;
	flex-direction: column;
}

.adatsorszerkeszto_adatsor_felirat {
	font-size: 80%;
	text-align: left;
}

.adatsorszerkeszto_adatsor_adat {
	padding: 10px;
	border: solid var(--vilagosSzurke);
	margin-top: 5px;
	border-radius: 10px;
}

#visszaszamlalo_text_span {
	color: var(--cegAlapSzineSotet);
	padding: 5% 0;
	font-size: 1vw;
}

#visszaszamlalo_ertek_span {
	font-size: 2.5vw;
}

.tovabbiLehetosegekPanelok {
	/* background-color: var(--torzsHatterSzin); */
	padding: min(2vw, 2vh);
	border-radius: min(6vw, 6vh);
	/* width: min(25vw, 25vh); */
	width: 100%;
	font-size: clamp(min(1vw, 1vh), min(2vw, 2vh), min(3vw, 3vh));
	text-align: center;
	border: 1px solid #D9D9D9;
	box-shadow: 0px 4px 4px -1px #0C0C0D1A, 0px 4px 4px -1px #0C0C0D0D;
}

h2 {
	padding: 1vh 0;
}

#lekerdezesek_contentbook_letoltes_setup {
	margin-top: 2vh;
	display: flex;
	flex-direction: column;
	gap: 1vh;
}

#lekerdezesek_contentbook_letoltes_setup label {
	display: inline;
	font-size: unset;
	border: none;
	margin-left: 1vw;
}

.tovabbiLehetosegekPanelok h1 {
	color: var(--cegAlapSzine);
	text-align: left;
	font-size: clamp(min(2vw, 2vh), min(2.5vw, 2.5vh), min(3vw, 3vh));
	padding-bottom: min(3vw, 3vh);
}

.tovabbiLehetosegekPanelok p {
	text-align: left;
	font-size: clamp(min(1vw, 1vh), min(2vw, 2vh), min(3vw, 3vh));
	padding-bottom: min(3vw, 3vh);
	/* min-height: min(20vw, 20vh); */
}

.tovabbiLehetosegekPanelok a {
	/* background-color: var(--panelHatterSzin); */
	/* padding: min(1vw, 1vh) min(3vw, 3vh); */
	/* font-size: clamp(min(1vw, 1vh), min(1.5vw, 1.5vh), min(2vw, 2vh)); */
	/* font-weight: 900; */
	/* border-radius: min(10vw, 10vh); */
	text-decoration: none;
}

.tovabbi_lehetosegek_velemeny_kerdes {
	
}

.tovabbi_lehetosegek_velemeny_csillag span {
	font-size: 40px;
	margin-right: 20px;
	cursor: pointer;
	color: #ccc;
}

.tovabbi_lehetosegek_velemeny_csillag span.aktiv {
	color: gold;
}

.objektum_szeparator {
	width: 1px;
	height: 2em;
	background-color: var(--vilagosBetuSzin);
	margin: 0 5px;
}

.valaszthato_tartalom {
	background: white;
	width: 96%;
	max-height: calc(var(--vh, 1vh) * 90);
	margin: 4% 2% 1% 2%;
	border-radius: 20px;
	padding: 1vh 1vw;
	overflow-y: hidden;
}

.tartalom_torzs {
	overflow-y: scroll;
	max-height: calc(var(--vh, 1vh) * 75);
}

.tartalom_adatok {
	width: 75vw;
	text-align: center;
	padding: 10px 0px 10px 0px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	user-select: none;
	overflow-x: auto;
}

.uj_sor_div, #uj_ugyfel_hozzaadasa_div {
	padding-bottom: 50px;
}

.uj_sor_table, #ugyfel_adatai {
	width: 75%;
	box-sizing: border-box;
	border-collapse: separate;
	border-spacing: 0 1vh;
}

.uj_sor_table td, #ugyfel_adatai td {
	text-align: left;
	box-sizing: border-box;
}

.uj_sor_table input, .uj_sor_table select, #ugyfel_adatai input, #ugyfel_adatai select {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid var(--cegAlapSzineVilagos);
	border-radius: 5px;
	padding: 3px;
	background-color: transparent;
}

.matrix_selector {
	width: 15vw;
}

.matrix_selector_halvany {
	opacity: 0.3;
}

.contentbook_elem_valaszto {
	display: flex;
}

.contentbook_elem_tartalom {
	display: grid;
	grid-template-columns: 1fr 1fr;
	row-gap: 0.75vh;
	column-gap: 0.75vw;
	width: 100%;
	min-height: 0vh;
}

.contentbook_elem_hozzadasa_button {
	width: 15vw;
}

.contentbook_elem_torlese_button {
	width: 15vw;
	float: right;
}

.contentbook_elem_tartalom_nyelv_panel {
	grid-column: 1 / -1;
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	align-items: flex-end;
}

.contentbook_elem_tartalom_bal_panel {
	display: flex;
	flex-direction: column;
}

.contentbook_elem_tartalom_jobb_panel {
	display: flex;
	flex-direction: column;
	overflow-y: scroll;
}

.contentbook_elem_tartalom_nagy_panel {
	overflow-y: scroll;
	height: 60vh;
	grid-column: 1 / -1;
}

.contentbook_elem_neve {
	margin-top: 1.5vh;
}

.contentbook_elem_erteke {
	padding: 0.25vh 0.25vw;
	border-radius: 10px;
	margin-left: 0.5vw;
	min-width: 25vw;
	min-height: 2.5vh;
	max-height: 50vh;
	display: inline-block;
	border: solid 1px;
	object-position: top;
	user-select: text;
}

span.contentbook_elem_absztrakt, span.contentbook_elem_text, span.contentbook_elem_leiras, span.contentbook_elem_biblio {
	overflow: auto;
	white-space: pre-line;
}

.contentbook_elem_leiras, .contentbook_elem_absztrakt, .contentbook_elem_text, .contentbook_elem_biblio, #szakterulet_elem_thumbnail_preview {
	min-height: 20vh;
	resize: none;
	font-size: calc(var(--vh, 1vh) * 1.75);
}

.contentbook_elem_valtozo {
	background-color: var(--szurke70);
	color: white;
	padding: 0 5px;
	border-radius: 5px;
}

.contentbook_elem_statusz_nincs {
	color: #FFFFFF;
	background: #B0B0B0;
	font-weight: 400;
}

.contentbook_fullscreen {
	position: fixed;
	top: 5vh;
	left: 5vw;
	width: 90vw;
	height: 90vh;
	max-height: 90vh;
	z-index: 9999;
	margin: 0;
}

.contentbook_balscreen {
	position: fixed;
	background: white;
	top: 5vh;
	left: 5vw;
	width: 42.5vw;
	height: 90vh;
	max-height: 90vh;
	z-index: 9999;
	margin: 0;
}

.contentbook_jobbscreen {
	position: fixed;
	top: 5vh;
	left: 52.5vw;
	width: 42.5vw;
	height: 90vh;
	max-height: 90vh;
	z-index: 9999;
	margin: 0;
}

.contentbook_elem_tartalom ul {
	list-style-type: none !important;
	/* overflow: auto; */
	/* max-height: 150vh; */
}

.tartalomjegyzek_nyelv_kattinthato {
	cursor: pointer !important;
}

.tartalomjegyzek_thumbnail {
	width: 1.5vw;
	margin: 5px 0 5px 10px;
	cursor: zoom-in;
}

.tartalomjegyzek_thumbnail_nagy {
	position: absolute;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	cursor: zoom-out;
}

#kodgenerator_tartalom_div select {
	margin-left: 1vw;
	font-size: medium;
}

.beallitas_valasztasa_radiogombokkal_divben {
	display: grid;
	grid-template-columns: auto auto auto;
	gap: 1vw;
	/* border-bottom: solid var(--cegAlapSzine); */
	margin-left: 1vw;
}

.beallitas_valasztasa_radiogombokkal_divben label {
	border-bottom: none;
	font-size: medium;
	margin-top: 0px;
}

.beallitas_valasztasa_radiogombokkal_divben input {
	margin: 0 0 0 0;
	padding: 0;
	border: none;
	border-radius: unset;
}

#tartalom_kodmegjelenito_div .tartalom_cim {
	color: var(--vilagosBetuSzin);
	text-align: center;
	font-size: calc(var(--vh, 1vh) * 4);
}

#tartalom_kodmegjelenito_qrCodeHelye {
	padding: 3vh;
	background: white;
	border-radius: 40px;
	height: 30vh;
	width: 30vh;
	margin: 3vh 0;
	align-self: center;
}

#tartalom_kodmegjelenito_leirasHelye {
	padding: 3vh;
	background: white;
	border-radius: 20px;
	height: 100%;
	width: 105%;
	margin: 3vh 0;
	align-self: center;
	overflow-y: scroll;
}

#tartalom_kodgenerator_generalas_button {
	align-self: center;
	margin-top: 3vh;
}

#tartalom_kodmegjelenito_gombokHelye_div {
	display: grid;
	grid-template-columns: auto auto auto;
	justify-items: center;
}

.arculat_neve {
	text-align: left;
}

.arculat_ertek {
	text-align: right;
}

/* Alapértelmezett: fekvő, normál kép */
@media (aspect-ratio >= 1) and (aspect-ratio < 2) {
}

/* Fekvő, széles kép és érintő kijelző*/
@media (pointer: coarse) and (aspect-ratio >= 2) {
}

/* Álló, normál kép */
@media (aspect-ratio >= 0.7) and (aspect-ratio < 1) {
}

/* Álló, hosszú kép és érintő kijelző */
@media (pointer: coarse) and (aspect-ratio < 0.7) {
	#login_tartalom_kod_input {
		font-size: 11vw;
	}
	
	.alap_panel_kozepen {
		width: 95%;
		left: 2.5%;
		top: 12.5%;
		max-height: 70%;
	}
	
	.alap_panel_kozepen_szeles {
		width: 95%;
		left: 2.5%;
		top: 12.5%;
		max-height: 70%;
	}
	
	.menu-icon {
		width: 10vw;
		height: 8vw;
		display: flex;
		padding: 1vw;
		flex-direction: column;
	}
	
	.menu-icon span {
		height: 1vw;
	}
	
	.fejlec_menusor_rejtve {
		opacity: 0 !important;
		visibility: hidden !important;
	}
	
	.fejlec_div {
		top: 0vh;
		left: 0;
		right: -1px;
		border-radius: 20px 20px 0 0;
	}
	
	.design_div {
		width: 50%;
		left: 0px;
		height: 10vh;
		bottom: 35px;
	}
	
	.ceg_nagy_logo_img {
		width: 70%;
		background-position: left center;
	}
	
	.ceg_kis_logo_img {
		left: 50%;
	}
	
	#tartalom_lista_tartalomjegyzek_div	{
		position: absolute;
		padding: 10px;
		border-radius: 20px;
		left: 30vw;
		right: 5vw;
		top: 5vh;
		opacity: 1;
		transition: opacity 0.5s ease;
		margin-top: 0;
		background-color: white;
		height: calc(var(--vh, 1vh) * 85);
	}
	
	#tartalom_lista_osszesTartalom_div {
		grid-column: 1 / -1;
		position: absolute;
	}
	
	#tartalom_lista_osszesTartalom_tovabbiLehetosegek_div {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 0;
	}
	
	#tartalom_intro_video_iframe {
		min-height: 25vh;
	}
	
	#visszaszamlalo_text_span {
		font-size: 3vw;
	}
	
	#visszaszamlalo_ertek_span {
		font-size: 5vw;
	}
	
	.tovabbiLehetosegekPanelok {
		width: 80%;
		margin-bottom: 2.5vh;
	}
	
	.tovabbiLehetosegekPanelok h1 {
		font-size: 2vh;
	}
	
	.tovabbiLehetosegekPanelok p {
		font-size: 1.25vh;
		min-height: 5vh;
	}
	
	.tovabbiLehetosegekPanelok a {
		font-size: 1.2vh;
	}
}






/* Kódmaradványok

.torzs_div {
	background-color: var(--torzsHatterSzin);
	color: var(--torzsBetuSzin);
	border-radius: min(4vw, 4vh);
	margin-left: min(20vw, 20vh);
	margin-right: min(20vw, 20vh);
	width: auto;
}

.torzs_div_inner {
	overflow-y: scroll;
	height: 100%;
	padding-left: 16px;
	padding-right: 8px;
}

*/