/* Általános üzenő ablak stílusok */

div.din_uzeno_hatter
	{
	background-color: #000000;
	filter: alpha(opacity=0);
	height: 100%;
	opacity: 0;
	position: fixed;
	top: 0;
	visibility: hidden;
	width: 100%;
	z-index: 1000;
	/* Ez a két transition sor zavarhatja a régebbi böngészőket. */
	/* Ha az üzenő ablakot slide-in menüvel együtt használjuk, akkor */
	/* az üzenő ablak nem jelenik meg. */
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	}

div.uzeno_hatter_lathato
	{
	filter: alpha(opacity=0.4);
	opacity: 0.4;
	visibility: visible;
	}

div.din_uzeno_ablak
	{
	bottom: 0;
	filter: alpha(opacity=0);
	left: 0;
	margin: auto;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 1500;
	/* 
	Fontos, hogy csak a visibility és opacity (meg a böngészőfüggő társai) legyenek
	benne a transition által érintett tulajdonságokban, hogy az egyes üzenő ablak méretek
	átméretezése ne látszódjon.
	*/
	-webkit-transition: visibility 0.3s ease-in, opacity 0.3s ease-in, filter 0.3s ease-in;
	transition: visibility 0.3s ease-in, opacity 0.3s ease-in, filter 0.3s ease-in;
	}

div.uzeno_ablak_lathato
	{
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=1);
	}

div.uzeno_ablak_tartalom_keret
	{
	background-color: #ffffff;
	/* Magasság állítás miatt fontos! */
	height: auto !important;
	overflow: auto;
	}
	
a.din_uzeno_ablak_bezaras
	{
	background-color: var(--msg_bg_color_1);
	border-radius: 100%;
	color: var(--btn_color_1);
	display: block;
	font-size: 25px;
	font-weight: normal;
	height: 25px;
	line-height: 25px; /* Bezáró x középre igazítása */
	outline: none;
	position: absolute;
	right: -13px;
	text-align: center;
	text-decoration: none;
	top: -15px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	vertical-align: center;
	width: 25px;
	z-index: 1002;
	}

/* Üzenő ablakon belüli termék lista */
	
div.din_uzeno_ablak div.uzeno_ablak_termeklista_tarto
{
	display: none;
	overflow: hidden;
	padding: 10px 0;
	width: 710px;
}

div.din_uzeno_ablak div#uzeno_ablak_termeklista_bal_funkcio,
div.din_uzeno_ablak div#uzeno_ablak_termeklista_jobb_funkcio
{
	cursor: pointer;
	float: left;
	margin-top: 20px;
}

div.din_uzeno_ablak div#uzeno_ablak_termeklista_bal_funkcio
{
	border-bottom: 50px solid transparent;
	border-top: 50px solid transparent;
	border-right: 30px solid var(--btn_color_1);
	height: 0;
	margin-right: 21px;
	width: 0;
}

div.din_uzeno_ablak div#uzeno_ablak_termeklista_bal_funkcio:hover
{
	border-right: 30px solid var(--btn_color_2);
}

div.din_uzeno_ablak div#uzeno_ablak_termeklista_jobb_funkcio
{
	border-bottom: 50px solid transparent;
	border-top: 50px solid transparent;
	border-left: 30px solid var(--btn_color_1);
	height: 0;
	margin-left: 21px;
	width: 0;
}

div.din_uzeno_ablak div#uzeno_ablak_termeklista_jobb_funkcio:hover
{
	border-left: 30px solid var(--btn_color_2);
}

div.din_uzeno_ablak div.uzeno_ablak_termeklista_keret
{
	float: left;
	overflow: hidden;
	padding: 10px;
	width: 588px;
}

div.din_uzeno_ablak div.termek_lista_flex
{
	margin: 0;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	position:relative;
	width: 9999px;
}

div.din_uzeno_ablak div.termek_lista_flex div.termek_lista_elem
{
	flex: 0 1 164px;
	margin: 0 10px;
	padding: 6px;
	width: 164px;
}

div.din_uzeno_ablak div.termek_lista_flex h3 a,
div.din_uzeno_ablak div.termek_lista_flex p.termek_lista_uj_ar
{
	font-size: 0.875rem;
	height: 37px;
	min-height: auto;
}

div.din_uzeno_ablak div.termek_lista_flex div.termek_lista_kosarba_funkcio,
div.din_uzeno_ablak div.termek_lista_flex a.termek_lista_reszletek_funkcio
{
	font-size: 0.75rem;
	padding: 5px 8px;
}

div.din_uzeno_ablak div.termek_lista_flex div.termek_lista_elem div.termek_lista_kep_tarto
{
	min-height: 171px;
}

div.din_uzeno_ablak div.termek_lista_flex div.termek_lista_cimke_tarto span
{
	font-size: 0.75rem;
	padding: 5px 8px;
}

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

	div.din_uzeno_ablak div.uzeno_ablak_termeklista_tarto
	{
		display: block;
	}

}

/* Típusfüggő üzenő ablak stílusok: hiba ablak */
	
div.uzeno_ablak_hiba
	{
	color: var(--msg_color_2);
	height: 20%;
	max-width: 680px;
	width: 70%;
	}

div.uzeno_ablak_hiba div.uzeno_ablak_tarto
	{
	min-height: 80px;
	}

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

	div.uzeno_ablak_hiba div.uzeno_ablak_tarto
		{
		align-items: stretch;
		display: flex;
		padding-left: 80px;
		position: relative;
		}

	div.uzeno_ablak_hiba div.uzeno_ablak_tarto::after
		{
		color: var(--msg_color_2);
		content: "\f00d";
		/* Single-quotes kell MacOS Chrome miatt */
		font-family: 'Font Awesome\ 5 Free';
		/* Ez is kell a FontAwesome 5-nek */
		font-weight: 900;
		font-size: 60px;
		left: 15px;
		position: absolute;
		top: 0;
		}

}

div.uzeno_ablak_hiba div.uzeno_ablak_tarto div.uzeno_ablak_uzenet_tarto
	{
	background-color: var(--msg_bg_color_2);
	width: 100%;
	}

/* Típusfüggő üzenő ablak stílusok: kosárba ablak */
	
div.uzeno_ablak_kosarba
	{
	max-width: 820px;
	width: 70%;
	}

div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_sikeres_tarto,
div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_nem_sikeres_tarto
	{
	text-align: center;
	}
	
div.uzeno_ablak_kosarba img.uzeno_ablak_kosarba_termek_kep
	{
	float: none;
	background-color: #ffffff;
	padding: 8px;
	width: 80px;
	}

div.uzeno_ablak_kosarba p.uzeno_ablak_kosarba_uzenet
	{
	color: var(--msg_color_1);
	float: none;
	font-size: 0.875rem;
	padding: 10px;
	width: auto;
	}

div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_nem_sikeres_tarto p.uzeno_ablak_kosarba_uzenet
	{
	color: var(--msg_color_2);
	}
	
div.uzeno_ablak_kosarba_sikeres_tarto div.uzeno_ablak_kosarba_valasz_tarto
	{
	background-color: var(--msg_bg_color_1);
	}
	
div.uzeno_ablak_kosarba_nem_sikeres_tarto div.uzeno_ablak_kosarba_valasz_tarto
	{
	background-color: var(--msg_bg_color_2);
	}

div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_valasz_tarto
	{
	overflow: auto;
	}
	
div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_funkcio_tarto
{
	float: none;
	padding: 10px 0;
}
	
div.uzeno_ablak_kosarba a.uzeno_ablak_kosarba_kosar_funkcio,
div.uzeno_ablak_kosarba a.uzeno_ablak_kosarba_penztar_funkcio
{
	background-color: var(--btn_color_1);
	clear: both;
	color: #ffffff;
	display: block;
	font-size: 1rem;
	padding: 15px;
	text-decoration: none;
	-webkit-transition: background 0.1s ease-in;    
	transition: background 0.1s ease-in;
}

div.uzeno_ablak_kosarba a.uzeno_ablak_kosarba_kosar_funkcio:hover,
div.uzeno_ablak_kosarba a.uzeno_ablak_kosarba_penztar_funkcio:hover
{
	background-color:var(--btn_color_2);
}

div.uzeno_ablak_kosarba a.uzeno_ablak_kosarba_kosar_funkcio
{
	margin-bottom: 10px;
}

@media only screen and (min-width: 801px) {
	
	div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_sikeres_tarto
	{
	min-height: 52px;
	padding-left: 80px;
	position: relative;
	text-align: left;
	}

	div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_sikeres_tarto::after
	{
	color: var(--msg_color_3);
	content: "\f00c";
	/* Single-quotes kell MacOS Chrome miatt */
    font-family: 'Font Awesome\ 5 Free';
	/* Ez is kell a FontAwesome 5-nek */
	font-weight: 900;
	font-size: 60px;
	left: 10px;
	position: absolute;
	top: 0;
	}
	
	div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_nem_sikeres_tarto
	{
	min-height: 52px;
	padding-left: 80px;
	position: relative;
	text-align: left;
	}

	div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_nem_sikeres_tarto::after
	{
	color: var(--msg_color_2);
	content: "\f00d";
	/* Single-quotes kell MacOS Chrome miatt */
    font-family: 'Font Awesome\ 5 Free';
	/* Ez is kell a FontAwesome 5-nek */
	font-weight: 900;
	font-size: 60px;
	left: 15px;
	position: absolute;
	top: 0;
	}
	
	div.uzeno_ablak_kosarba img.uzeno_ablak_kosarba_termek_kep
	{
		float: left;
		padding: 2px;
		width: 58px;
	}
	
	div.uzeno_ablak_kosarba p.uzeno_ablak_kosarba_uzenet
	{
		float: left;
		padding: 10px;
		width: 350px;
	}

	div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_funkcio_tarto
	{
		float: right;
		padding: 10px 0;
	}

	div.uzeno_ablak_kosarba a.uzeno_ablak_kosarba_kosar_funkcio,
	div.uzeno_ablak_kosarba a.uzeno_ablak_kosarba_penztar_funkcio
	{
		font-size: 0.75rem;
		padding: 5px 15px;
	}
	
	div.uzeno_ablak_kosarba a.uzeno_ablak_kosarba_kosar_funkcio
	{
		margin-bottom: 5px;
	}

}

/* Szövegek */

h1.torzs_cim,
h2.torzs_cim,
h3.torzs_alcim
{
	background-color: var(--bg_color_3);
	border-bottom: 1px solid var(--border_color_1);
	clear: both;
    color: var(--header_color_1);
	font-weight: normal;
	padding: 15px 20px;
    text-align: center;
}

h1.torzs_cim,
h2.torzs_cim
{
	font-size: 1.25rem;
}

h3.torzs_alcim
{
	font-size: 1.125rem;
	margin-top: 20px;
}

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

    h1.torzs_cim, h2.torzs_cim, h3.torzs_alcim
    {
		text-align: left;
    }
	
}

a.torzs_cim_ikon_link i
{
	color: var(--txt_color_3);
}

a.torzs_cim_ikon_link i:hover
{
	color: var(--txt_color_7);
}

p.torzs_szoveg
{
	color:var(--txt_color_1);
	font-size: 0.875rem;
	line-height:200%;
	padding: 10px 20px;
    text-align: justify;
}

p.torzs_szoveg a
{
	color:var(--txt_color_1);
}

/* Üzenetek */

div.hiba_uzenet_tarto
{
	animation-duration: 0.4s;
	animation-name: fadeInUp;
	background-color: var(--msg_bg_color_2);
	border-bottom: 1px solid var(--border_color_4);
	clear:both;
	margin:20px 0 0;
	padding: 15px 0;
	overflow:auto;
}

p.hiba_szoveg
{
	color:var(--txt_color_1);
	font-size: 0.875rem;
	line-height:170%;
	padding: 5px 20px;
}

p.hiba_szoveg a
{
	color:var(--txt_color_1);
}

div.uzenet_tarto
{
	animation-duration: 0.4s;
	animation-name: fadeInUp;
	background-color: var(--msg_bg_color_3);
	border-bottom: 1px solid var(--border_color_3);
	clear:both;
	margin:20px 0 0;
	padding: 15px 0;
	overflow:auto;
}

p.uzenet_szoveg
{
	color:var(--txt_color_1);
	font-size: 0.875rem;
	line-height:170%;
	padding: 5px 20px;
}

p.uzenet_szoveg a
{
    color:var(--txt_color_1);
}

/* Kifejezés felhők */

div#termek_kereso_felho
{
	padding: 20px;
}

div#termek_kereso_felho a
{
	background-color: var(--btn_color_1);
	color:#ffffff;
	display: inline-block;
	font-size: 1rem !important;
	margin:5px 10px;
	padding: 3px 8px;
	text-decoration:none;
}

div#termek_kereso_felho a:hover
{
	background-color: var(--btn_color_2);
}

/* Süti figyelmeztetés */

div#suti_figyelmeztetes_ablak_fix
{
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	z-index:10000;
}

div#suti_figyelmeztetes_ablak_hatter
{
	background-color: #000000;
	bottom: 0;
	left: 0;
	opacity: 0.7;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10001;
}

div#suti_figyelmeztetes_ablak
{
	bottom: 0;
	left: 0;
	position: relative;
	right: 0;
	top: 0;
	z-index: 10002;
}

p.suti_figyelmeztetes_szoveg
{
	color: #ffffff;
	margin: 0 auto;
	padding: 10px 10px 0;
	text-align: center;
}

p.suti_figyelmeztetes_szoveg a
{
	color: #ffffff;
	text-decoration: underline;
}

div#suti_figyelmeztetes_bezar_funkcio_tarto
{
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}

input.suti_funkcio
{
	color: #000000;
	cursor: pointer;
	margin: 5px;
	padding: 5px;
}

input#suti_figyelmeztetes_bezar_funkcio
{
	color: #000000;
	cursor: pointer;
	padding: 5px;
	width: 100px;
}

/* Livesearch keresés */

div.livesearch_tarto
	{
	position: relative;
	}

div.din_livesearch_ablak
	{
	filter: alpha(opacity=0);
	left: 0;
	margin-top: 60px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	visibility: hidden;
	z-index: 1100;
	}

div.livesearch_formazo
	{
	background-color: var(--bg_color_4);
	padding: 2%;
	}

div.livesearch_ablak_lathato
	{
	filter: alpha(opacity=1);
	opacity: 1;
	visibility: visible;
	}

ul.termek_livesearch_lista
	{
	list-style: none;
	line-height: 110%;
	max-height: 200px;
	overflow-y: auto;
	}

@media only screen and (min-width: 900px)
	{
	div.din_livesearch_ablak
		{
		margin-top: 3px;
		}

	div.livesearch_formazo
		{
		background-color: transparent;
		padding: 0;
		}
	}

ul.termek_livesearch_lista li a
	{
	background-color: #ffffff;
	display: block;
	overflow: auto;
	-webkit-transition: background-color 0.1s linear, box-shadow 0.1s linear;    
	transition: background-color 0.1s linear, box-shadow 0.1s linear;
	text-decoration: none;
	}

ul.termek_livesearch_lista li a.termek_livesearch_lista_elem_csikos
	{
	background-color: var(--bg_color_1);
	}

ul.termek_livesearch_lista li a:hover
	{
	background-color: var(--bg_color_2);
	}

div.termek_livesearch_lista_kep_tarto
	{
	float: left;
	width: 100px;
	}

div.termek_livesearch_lista_kep_tarto img
	{
	display: block;
	max-width: 100%;
	}

div.termek_livesearch_lista_adat_tarto
	{
	box-sizing: border-box;
	padding: 15px 15px 15px 115px;
	}

p.termek_livesearch_lista_nev
	{
	color: var(--txt_color_1);
	font-size: 0.875rem;
	margin-bottom: 3px;
	}

p.termek_livesearch_lista_ar
	{
	color:var(--txt_color_1);
	font-size: 0.75rem;
	font-weight: bold;
	}

p.termek_livesearch_lista_regi_ar
	{
	color:var(--txt_color_5);
	font-size: 0.75rem;
	text-decoration: line-through;
	}

div.termek_livesearch_lista_ajandekpont span
	{
	background-color: var(--label_color_1);
	color: #ffffff;
	font-size: 0.625rem;
	line-height: 200%;
	padding: 3px;
	}

/* Funkciók */

a.fo_funkcio,
div.fo_funkcio,
a.al_funkcio,
div.al_funkcio
	{
	display: block;
	font-size: 0.875rem;
	padding: 10px 15px;
	text-decoration: none;
	transition: background 0.1s ease-in;
	}

a.fo_funkcio,
div.fo_funkcio
	{
	color: #ffffff;
	background-color: var(--btn_color_1);
	}

a.fo_funkcio:hover,
div.fo_funkcio:hover
	{
	background-color: var(--btn_color_2);
	}

a.al_funkcio,
div.al_funkcio
	{
	color: var(--txt_color_2);
	background-color: var(--btn_color_3);
	}

a.al_funkcio:hover,
div.al_funkcio:hover
	{
	background-color: var(--btn_color_4);
	}

/* Egyéb általános szabályok */

.igazodas_bal
	{
	float: left;
	}

.igazodas_jobb
	{
	float: right;
	}

/* Animációk */

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}

/* Termék szűrő űrlap */

form#din_termek_szuro_urlap
{
	padding-bottom: 20px;
}

form#din_termek_szuro_urlap legend
{
	background-color: var(--bg_color_8);
	box-sizing: border-box;
	color:var(--txt_color_2);
    font-size: 1rem;
	font-weight:normal;
	padding: 13px;
	width: 100%;
}

form#din_termek_szuro_urlap div
{
	box-sizing: border-box;
	clear:left;
	font-size: 0.875rem;
	overflow:auto;
    padding:13px;
}

form#din_termek_szuro_urlap div.termek_szuro_urlap_kotelezo_sor
{
	font-weight:bold;
}

form#din_termek_szuro_urlap label
{
	color:var(--txt_color_2);
	display:block;
	padding-bottom:10px;
}

form#din_termek_szuro_urlap div input, form#din_termek_szuro_urlap div select
{
	box-sizing: border-box;
    color:var(--txt_color_1);
	font-size: 0.875rem;
	font-weight:normal;
    padding: 6px;
    width:100%;
}

form#din_termek_szuro_urlap div select
{
  height: 100%;
}

form#din_termek_szuro_urlap input.termek_szuro_urlap_checkbox
{
    margin-top:9px;
	width:auto;
}

form#din_termek_szuro_urlap input#termek_szuro_urlap_kereses_funkcio
{
	background-color: var(--btn_color_1);
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: 0.875rem;
	margin:13px;
 	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition: background 0.1s ease-in;    
	transition: background 0.1s ease-in;
}

form#din_termek_szuro_urlap input#termek_szuro_urlap_kereses_funkcio:hover
{
	background-color:var(--btn_color_2);
}

/* Az alábbi sorokat kikapcsoljuk a jobb áttekinthetőség miatt,
de a script tudja őket kezelni, ha mégis kellenének */ 
div#termek_szuro_urlap_termeknev_sor,
div#termek_szuro_urlap_termek_gyarto_sor,
div#termek_szuro_urlap_termek_rovid_leiras_sor,
div#termek_szuro_urlap_termek_leiras_sor
{
	display: none;
}

/* Szűrő */

div.szuro_megjelenites_funkcio
{
	background-color: var(--btn_color_1);
	box-sizing: border-box;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 10px;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background 0.1s ease-in;    
	transition: background 0.1s ease-in;
	width: 100%;
}

div.szuro_megjelenites_funkcio.szuro_megjelenites_funkcio_zart:after
{
	content: "\f0fe"; 
	float: right;
	/* Single-quotes kell MacOS Chrome miatt */
    font-family: 'Font Awesome\ 5 Free';
	/* Ez is kell a FontAwesome 5-nek */
	font-weight: 900;
}

div.szuro_megjelenites_funkcio.szuro_megjelenites_funkcio_nyitott:after
{
	content: "\f146"; 
	float: right;
	/* Single-quotes kell MacOS Chrome miatt */
    font-family: 'Font Awesome\ 5 Free';
	/* Ez is kell a FontAwesome 5-nek */
	font-weight: 900;
}

div.szuro_megjelenites_funkcio:hover
{
	background-color: var(--btn_color_2);
}

div.szuro_tartalom
{
	animation: szuro_megjelenes 0.2s;
	overflow: auto;
}

@keyframes szuro_megjelenes {
    from {transform: scale(0.95); opacity: 0;}
    to {transform: scale(1); opacity: 1;}
}

div.szuro_tartalom_parameterek
{
	border-bottom: 3px solid var(--border_color_5);
	display: none;
}

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

	div.szuro_tartalom_parameterek
	{
		border-bottom: none;
		display: block;
	}
	
}

div.din_szuro_tarto p.szuro_cim
{
	background-color: var(--bg_color_8);
	box-sizing: border-box;
	color:var(--txt_color_2);
   	font-size: 1rem;
	font-weight:normal;
	padding:13px;
	width: 100%;
}

ul.szuro_csoport_lista
{
	background-color: var(--bg_color_3);
	box-sizing: border-box;
	overflow: auto;
	width: 100%;
}

ul.szuro_csoport_lista li.szuro_alcsoport_lista
{
	list-style-type: none;
}

ul.szuro_csoport_lista li.szuro_alcsoport_lista li
{
	clear:left;
	font-size: 0.875rem;
	list-style-type: none;
	padding: 5px 13px;
	overflow:auto;
}

ul.szuro_csoport_lista li.szuro_alcsoport_lista_rejtett
{
	display: none;
}

ul.szuro_csoport_lista li.szuro_alcsoport_lista_tovabbiak
{
	background-color: var(--bg_color_1);
}

ul.szuro_csoport_lista li.szuro_alcsoport_lista_tovabbiak span
{
	color: var(--txt_color_3);
	cursor: pointer;
	float: right;
	line-height: 200%;
	padding-right: 13px;
}

ul.szuro_csoport_lista.arkeret li
{
	overflow: hidden;
	padding: 5px 13px;
}

div.din_szuro_tarto a
{
	color: var(--txt_color_1);
	line-height: 200%;
	text-decoration: none;
}

div.din_szuro_tarto span.szuro_passziv
{
	color: var(--txt_color_5);
	line-height: 200%;
}

div.din_szuro_tarto a.szuro_normal span.szuro_jelolo:before,
div.din_szuro_tarto span.szuro_passziv span.szuro_jelolo:before {
   content: "\f0c8";
   display: inline-block;
	/* Single-quotes kell MacOS Chrome miatt */
    font-family: 'Font Awesome\ 5 Free';
   padding-right: 5px;
}

div.din_szuro_tarto a.szuro_normal.szin span.szuro_jelolo:before {
   content: "\f0c8" !important;
}

div.din_szuro_tarto a.szuro_aktiv span.szuro_jelolo:before {
   content: "\f14a";
   display: inline-block;
	/* Single-quotes kell MacOS Chrome miatt */
    font-family: 'Font Awesome\ 5 Free';
   padding-right: 5px;
}

div#szuro_arkeret_slider
{
	box-sizing: border-box;
	margin: 15px 13px;
}

div#szuro_arkeret_slider span.ui-slider-handle
{
	background: none;
	background-color: var(--btn_color_1);
}

div#szuro_arkeret_slider .ui-widget-header
{
	background: none;
}

p#szuro_arkeret_slider_min
{
	float: left;
	font-size: 12px;
}

p#szuro_arkeret_slider_max
{
	float: right;
	font-size: 12px;
}


/* Közös űrlap formázások */

.hibas_mezo
{
	border: 2px solid !important;
	border-color: var(--border_color_4) !important;
}

.hibas_mezo_hatter
{
	background-color: var(--msg_bg_color_2) !important;
}








p.stockfiltering,
ul.keszlet
{
	display: none;
}