/* Pénztár overflow állítás, fontos a pénztár folyamat követő linkek miatt */

div.tartalom_tarto div.mod_penztar,
div.tartalom_tarto div.mod_rendeles {
	overflow-y: initial !important;
}

/* Pénztár FLEX felépítés */

section#penztar_tarto {
	display: flex;
	flex-wrap: nowrap;
	position: relative;
}

section#penztar_informaciok {
	flex: 0 0 100%;
	padding: 50px 0 20px;
	width: 100%;
}

section#penztar_folyamat_kovetes {
	background: linear-gradient(90deg, #f5f5f5 0%, #ffffff 10rem, #ffffff 100%);
	display: none;
	flex: 0 0 33.3333333333%;
	padding: 50px 0 20px 20px;
	position: relative;
	width: 33.3333333333%;
}

div#penztar_folyamat_tarto {
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
	transition: top ease 0.5s;
}


@media only screen and (min-width: 800px) {

	section#penztar_informaciok {
		flex: 0 0 66.6666666666%;
		padding: 50px 20px 20px 0;
		width: 66.6666666666%;
	}

	section#penztar_folyamat_kovetes {
		display: block;
	}

}

/* Pénztár folyamat követő */

a.penztar_folyamat_koveto {
	background-color: var(--background_color_1);
	border-radius: 10px;
	cursor: pointer;
	display: block;
	margin-bottom: 2px;
	padding: 7px 20px;
	text-transform: uppercase;
	transition: all ease 0.5s;
}

a.penztar_folyamat_koveto.latomezoben {
	background-color: var(--background_color_2);
	color: var(--text_color_6);
	/* font-size: 1.05rem; */
}

/* Kosár és pénztár táblázatok általános formázása */

div#din_kosar {
	overflow-x: hidden;
	overflow-y: auto;
}

div#din_kosar a, div#din_penztar a {
	color: var(--text_color_1);
}

div#din_kosar table,
div#din_penztar table,
table#mentett_kosar_tablazat {
	border-spacing: 0;
	color: var(--text_color_1);
	font-size: 0.875rem;
	margin: 10px 0 50px;
	text-align: left;
	width: 100%;
}

div#din_kosar table {
	font-size: 0.8rem;
}

div#din_penztar table#penztar_feltetel_tablazat {
	margin-top: 0;
}

div#din_penztar table {
	float: none;
}

@media only screen and (min-width: 701px) {

	div#din_kosar table {
		font-size: 0.875rem;
	}

}

div#din_kosar table thead,
div#din_penztar table thead,
table#mentett_kosar_tablazat thead {
	background-color: var(--background_color_3);
}

div#din_kosar table tfoot, div#din_penztar table tfoot {
	background-color: var(--background_color_3);
}

div#din_kosar table th,
div#din_penztar table th,
table#mentett_kosar_tablazat th,
div#din_kosar table td,
div#din_penztar table td,
table#mentett_kosar_tablazat td {
	padding: 10px 2%;
}

div#din_penztar table#penztar_szallitasi_mod_tablazat th,
div#din_penztar table#penztar_szallitasi_mod_tablazat td,
div#din_penztar table#penztar_fizetesi_mod_tablazat th,
div#din_penztar table#penztar_fizetesi_mod_tablazat td,
div#din_penztar table#penztar_bizonylat_tipus_tablazat th,
div#din_penztar table#penztar_bizonylat_tipus_tablazat td {
	padding: 15px 2%;
}

div#din_kosar table#kosar_tablazat th.kosar_termekkep,
div#din_kosar table#kosar_tablazat td.kosar_termekkep {
	padding: 0;
}

@media only screen and (min-width: 601px) {
	div#din_kosar table th,
	div#din_penztar table th,
	table#mentett_kosar_tablazat th,
	div#din_kosar table td,
	div#din_penztar table td,
	table#mentett_kosar_tablazat td,
	div#din_penztar table#penztar_szallitasi_mod_tablazat th,
	div#din_penztar table#penztar_szallitasi_mod_tablazat td,
	div#din_penztar table#penztar_fizetesi_mod_tablazat th,
	div#din_penztar table#penztar_fizetesi_mod_tablazat td,
	div#din_penztar table#penztar_bizonylat_tipus_tablazat th,
	div#din_penztar table#penztar_bizonylat_tipus_tablazat td,
	div#din_kosar table#kosar_tablazat th.kosar_termekkep,
	div#din_kosar table#kosar_tablazat td.kosar_termekkep {
		padding: 15px 2%;
	}

}

td.kosar_termekkep img.kosar_termekkep_elem {
	background-color: #ffffff;
	display: none;
	width: 58px;
}

@media only screen and (min-width: 601px) {

	td.kosar_termekkep img.kosar_termekkep_elem {
		display: block;
	}

}

th.kosar_osszeg_darab, th.kosar_osszeg, td.kosar_osszeg_darab, td.kosar_osszeg {
	text-align: right;
}

th.kosar_termeknev, td.kosar_termeknev,
th.kosar_osszeg, td.kosar_osszeg {
	width: 25%;
}

span.tk_szinkod {
	border-radius: 50%;
	display: inline-block;
	height: 10px;
	margin-right: 5px;
	width: 10px;
}

div#din_penztar table tfoot tr td.kosar_osszeg {
	font-weight: bold;
}

th.kosar_darab, th.kosar_plusz, th.kosar_minusz, th.kosar_torles, td.kosar_darab, td.kosar_plusz, td.kosar_minusz, td.kosar_torles {
	text-align: center;
}

div#din_kosar table tbody td.kosar_keszlet_tullepes {
	background-color: var(--message_background_color_2);
	border-bottom: 1px solid var(--border_color_4);
	color: var(--text_color_1);
}

td.radio {
	width: 15%;
}

a.kosar_plusz_funkcio {
	background-color: var(--button_color_1);
	background-image: url(../kep/gomb_kosar_plusz.png);
	background-repeat: no-repeat;
}

a.kosar_minusz_funkcio {
	background-color: var(--button_color_1);
	background-image: url(../kep/gomb_kosar_minusz.png);
	background-repeat: no-repeat;
}

a.kosar_torles_funkcio {
	background-color: var(--button_color_2);
	background-image: url(../kep/gomb_kosar_torles.png);
	background-repeat: no-repeat;
}

a.kosar_plusz_funkcio,
a.kosar_minusz_funkcio,
a.kosar_torles_funkcio {
	border-radius: 3rem;
	display: block;
	height: 30px;
	transition: background-color 0.1s ease-in;
	width: 30px;
}

a.kosar_plusz_funkcio:hover,
a.kosar_minusz_funkcio:hover {
	background-color: var(--button_color_2);
}

a.kosar_torles_funkcio:hover {
	background-color: var(--button_color_3);
}

/* Kosár linkek */

div#din_kosar a#kosar_penztar_funkcio,
div#din_kosar a#kosar_elment_funkcio,
div#din_kosar a#kosar_visszaallit_funkcio,
a#kosar_visszaallit_funkcio	{
	background-color: var(--button_color_4);
	border-radius: 3rem;
	clear: both;
	color: var(--text_color_2);
	display: block;
	float: right;
	font-size: 0.875rem;
	margin: 0 2% 50px;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition: background 0.1s ease-in;
	transition: background 0.1s ease-in;
}

div#din_kosar a#kosar_elment_funkcio:hover,
div#din_kosar a#kosar_visszaallit_funkcio:hover,
a#kosar_visszaallit_funkcio:hover {
	background-color: var(--button_color_5);
}

div#din_kosar a#kosar_penztar_funkcio {
	background-color: var(--button_color_1);
	color: #ffffff;
}

div#din_kosar a#kosar_penztar_funkcio:hover {
	background-color: var(--button_color_2);
}

/* Pénztár */

p.penztar_tajekoztato_felirat {
	border-bottom: 1px solid;
	border-color: var(--border_color_1);
	clear: both;
	color: var(--header_color_1);
	font-size: 1rem;
	font-weight: normal;
	padding: 15px 2% 10px;
}

table#penztar_bejelentkezes_tablazat {
	background-color: var(--background_color_3);
}

table.penztar_kedvezmeny_tablazat thead tr {
	position: relative;
}

table.penztar_kedvezmeny_tablazat thead tr:after {
	color: var(--text_color_4);
	content: "%";
	font-size: 25px;
	position: absolute;
	right: 20px;
	top: 10px;
}

th.penztar_felirat,
td.penztar_felirat,
td.penztar_valaszto {
	width: 20%;
}

label.checkbox_kontener {
	cursor: pointer;
	display: block;
	float: right;
	font-size: 22px;
	margin-bottom: 35px;
	padding-left: 35px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

label.checkbox_kontener input {
	cursor: pointer;
	height: 0;
	opacity: 0;
	position: absolute;
	width: 0;
}

.check_jelolo {
	background-color: #ffffff;
	border: 3px solid var(--border_color_1);
	border-radius: 3px;
	box-sizing: border-box;
	height: 25px;
	left: 6px;
	padding: 2px;
	position: absolute;
	top: 6px;
	width: 25px;
}

.check_jelolo:after {
	content: "";
	display: none;
	position: absolute;
}

label.checkbox_kontener input:checked~.check_jelolo:after {
	display: block;
}

label.checkbox_kontener .check_jelolo:after {
	content: "\f00c";
	color: var(--text_color_3);
	font-family: 'Font Awesome\ 5 Free';
	font-size: 16px;
	font-weight: 900;
}

th.penztar_ertek, td.penztar_ertek {
	text-align: right;
}

table#penztar_szallitasi_mod_tablazat td,
table#penztar_fizetesi_mod_tablazat td {
	border-bottom: 1px solid var(--border_color_1);
}

div.penztar_szallitas_mod_valaszto_aktiv, div.penztar_fizetes_mod_valaszto_aktiv, div.penztar_bizonylat_tipus_valaszto_aktiv, div.penztar_ado_statusz_valaszto_aktiv, div.penztar_szamla_adat_masolo_aktiv {
	height: 24px;
	cursor: pointer;
	width: 30px;
}

div.penztar_szallitas_mod_valaszto_aktiv::after,
div.penztar_fizetes_mod_valaszto_aktiv::after,
div.penztar_bizonylat_tipus_valaszto_aktiv::after,
div.penztar_ado_statusz_valaszto_aktiv::after,
div.penztar_szamla_adat_masolo_aktiv::after {
	content: "\f14a";
	color: var(--text_color_3);
	font-family: 'Font Awesome\ 5 Free';
	font-size: 30px;
	line-height: 60%;
}

input.penztar_szallitas_mod_valaszto_passziv,
input.penztar_fizetes_mod_valaszto_passziv,
input.penztar_bizonylat_tipus_valaszto_passziv, input.penztar_ado_statusz_valaszto_passziv, input.penztar_szamla_adat_masolo_passziv {
	background-color: #ffffff;
	border: 3px solid;
	border-color: var(--border_color_1);
	border-radius: 3px;
	height: 27px;
	cursor: pointer;
	width: 27px;
}

input.penztar_kedvezmeny {
	border: 1px solid;
	border-color: var(--border_color_1);
	border-radius: 5px;
	color: var(--text_color_1);
	height: auto;
	float: left;
	font-weight: normal;
	margin: 0 2%;
	padding: 15px;
	width: 30%;
}

@media only screen and (min-width: 401px) {

	input.penztar_kedvezmeny {
		width: 45%;
	}

}

a.penztar_bejelentkezes_link {
	display: block;
}

a#penztar_regisztracio_link {
	padding-bottom: 10px;
}

@media only screen and (min-width: 501px) {

	a.penztar_bejelentkezes_link {
		display: inline-block;
		padding: 0 0 0 15px !important;
	}

}

div#din_penztar a.penztar_kedvezmeny_funkcio,
div#din_penztar a.penztar_funkcio {
	background-color: var(--button_color_4);
	border-radius: 3rem;
	color: var(--text_color_2);
	display: block;
	float: right;
	font-size: 0.875rem;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition: background 0.1s ease-in;
	transition: background 0.1s ease-in;
}

div#din_penztar a.penztar_kedvezmeny_funkcio:hover,
div#din_penztar a.penztar_funkcio:hover {
	background-color: var(--button_color_5);
}

p.penztar_kedvezmeny_magyarazat {
	font-style: italic;
}

p.penztar_kedvezmeny_magyarazat a {
	color: var(--text_color_1);
}

input.penztar_alt_szoveg {
	border: 1px solid;
	border-color: var(--border_color_1);
	border-radius: 5px;
	color: var(--text_color_1);
	height: auto;
	float: right;
	font-weight: normal;
	padding: 15px;
	width: 100%;
}

p.penztar_magyarazat {
	font-style: italic;
}

select.penztar_alt_valaszto {
	border: 1px solid;
	border-color: var(--border_color_1);
	border-radius: 5px;
	color: var(--text_color_1);
	margin: 6px 0;
	/* padding:3px 3px 3px 0; */
	padding: 15px;
	width: 100%;
}

p.penztar_magyarazat span {
	font-size: 0.6875rem;
	font-style: normal;
}

span.penztar_magyarazat_cim {
	text-decoration: underline;
}

textarea#m_megjegyzes {
	border: 1px solid;
	border-color: var(--border_color_1);
	border-radius: 5px;
	color: var(--text_color_1);
	height: 50px;
	float: right;
	font-size: 0.875rem;
	font-weight: normal;
	padding: 15px;
	width: 100%;
}

div#penztar_rendeles_tarto {
	clear: both;
	padding: 20px 2%;
	overflow: auto;
	text-align: center;
}

p.penztar_vegleges_ar_szoveg {
	color: var(--text_color_1);
	font-size: 1.375rem;
	float: none;
	padding-right: 10px;
}

p.penztar_vegleges_ar {
	color: var(--text_color_1);
	font-size: 1.375rem;
	font-weight: bold;
	float: none;
}

input#penztar_megrendeles_funkcio {
	background-color: var(--button_color_1);
	border-radius: 3rem;
	color: #ffffff;
	display: block;
	clear: both;
	float: none;
	font-size: 0.875rem;
	letter-spacing: 2px;
	margin: 20px auto 0;
	padding: 15px 30px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: background 0.1s ease-in;
	transition: background 0.1s ease-in;
}

input#penztar_megrendeles_funkcio:hover {
	background-color: var(--button_color_2);
}

@media only screen and (min-width: 601px) {

	div#penztar_rendeles_tarto {
		text-align: left;
	}

	p.penztar_vegleges_ar_szoveg, p.penztar_vegleges_ar {
		float: left;
	}

	input#penztar_megrendeles_funkcio {
		float: left;
		margin: 20px 0 0;
	}

}

@media only screen and (min-width: 801px) {

	input#penztar_megrendeles_funkcio {
		clear: none;
		float: right;
		margin: 0;
	}

}

/* Rendelés táblázat */

table.rendeles_tablazat {
	border-spacing: 0;
	margin: 10px 0;
	text-align: left;
	width: 100%;
}

table.rendeles_tablazat thead {
	background-color: var(--background_color_1);
}

table.rendeles_tablazat thead tr th.rendeles_leiras {
	width: 40%;
}

table.rendeles_tablazat th, table.rendeles_tablazat td {
	color: var(--text_color_1);
	font-size: 0.875rem;
	padding: 15px 2%;
}

@media only screen and (min-width: 401px) {

	table.rendeles_tablazat th, table.rendeles_tablazat td {
		padding: 15px 2%;
	}

}

th.rendeles_osszeg_darab, td.rendeles_osszeg_darab, th.rendeles_osszeg, td.rendeles_osszeg {
	text-align: right;
}

table#rendeles_alapadat_nyomtatas_tablazat, table#rendeles_tetel_nyomtatas_tablazat {
	display: none;
}

table#rendeles_tetel_nyomtatas_tablazat thead tr th.rendeles_tetel_leiras {
	width: 40%;
}

/* Rendelés - Elektronikus fizetés */

div.elektronikus_fizetes_tarto {
	clear: both;
	margin-top: 20px;
	overflow: hidden;
}

div#barion_fizetes_logo {
	background: url(../../../../../_kozos/szolgaltatok/barion/img/barion_aruhaz_megjelenes_negyzetes.png) no-repeat;
	float: left;
	height: 120px;
	width: 110px;
}

div#borgun_fizetes_logo {
	background: url(../../../../../_kozos/szolgaltatok/borgun/img/borgun_aruhaz_megjelenes_negyzetes.png) no-repeat;
	float: left;
	height: 120px;
	width: 110px;
}

div#otps_fizetes_logo {
	background: url(../../../../../_kozos/szolgaltatok/simplepay/img/simplepay_aruhaz_megjelenes_negyzetes.png) no-repeat;
	float: left;
	height: 28px;
	width: 110px;
}

div#paypal_fizetes_logo {
	background: url(../../../../../_kozos/szolgaltatok/paypal/img/paypal_aruhaz_megjelenes_negyzetes.png) no-repeat;
	float: left;
	height: 70px;
	width: 110px;
}

div#kh_fizetes_logo {
	background: url(../../../../../_kozos/szolgaltatok/kh/img/kh_aruhaz_megjelenes_negyzetes.png) no-repeat;
	float: left;
	height: 125px;
	width: 110px;
}

div#cib_fizetes_logo {
	background: url(../../../../../_kozos/szolgaltatok/cib/img/cib_aruhaz_megjelenes_negyzetes.png) no-repeat;
	float: left;
	height: 100px;
	width: 110px;
}

p#elektronikus_fizetes_szoveg {
	color: var(--text_color_1);
	font-size: 0.875rem;
	line-height: 200%;
	margin: 0 20px 0 120px;
}

p#elektronikus_fizetes_szoveg a {
	color: var(--text_color_1);
}

a#elektronikus_fizetes {
	background-color: var(--button_color_1);
	border-radius: 3rem;
	color: #ffffff;
	display: block;
	float: right;
	font-size: 0.875rem;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition: background 0.1s ease-in;
	transition: background 0.1s ease-in;
}

a#elektronikus_fizetes:hover {
	background-color: var(--button_color_2);
}