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

div#din_kosar
{
	overflow: auto;
}

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

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

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

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_penztar table
    {
    	float:right;
    	width:80%;
    }

}

div#din_kosar table thead,
div#din_penztar table thead,
table#mentett_kosar_tablazat thead
{
	/*	background-color:#fafbfa; */
}

div#din_penztar table tfoot
{
	background-color:#fafafa;
}

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 5px;
}

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 10px;
}

@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
	{
        padding:15px 1.97368%;
    }

}

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

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

	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%;
}

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(--msgbgc3);
	border-bottom: 3px solid var(--msgcolor3);
	color:var(--msgcolor3);
}

td.radio
{
	width:15%;
}

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

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

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

a.kosar_plusz_funkcio,
a.kosar_minusz_funkcio,
a.kosar_torles_funkcio
{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	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(--btnbgc2);
}

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

/* 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 /* KELL EZ A SOR IS! */
{
	background-color: #eaeaea;
	clear:both;
	color: #777;
	display: block;
	float: right;
	font-size: 0.875rem;
   	margin: 0 1.97368% 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 /* KELL EZ A SOR IS! */
{
	background-color:#dadada;
}

div#din_kosar a#kosar_penztar_funkcio
{
	background-color: var(--color1);
	color: #fff;
}

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

/* Pénztár */

p.penztar_tajekoztato_felirat
{
	border-bottom:1px solid #dadada;
	clear:both;
	color:var(--color1);
	font-family: 'Play', sans-serif;
    font-size: 1rem;
	font-weight:normal;
	padding:20px 2.04678% 10px;
}

table#penztar_bejelentkezes_tablazat
{
	background-color: #fafafa;
}

table.penztar_kedvezmeny_tablazat thead tr
{
	background: url(../kep/hatter_kedvezmeny_tablazat.png) top right no-repeat;
	background-color: var(--btnbgc2);
	color:#ffffff;
}

table.penztar_kedvezmeny_tablazat tfoot tr
{
	background-color:#dadada;
	color:#000000;
}

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

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

table#penztar_szallitasi_mod_tablazat td,
table#penztar_fizetesi_mod_tablazat td
{
	border-bottom: 1px solid #f5f5f5;
}

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: "\f046";
	color: var(--color1);
	font-family: FontAwesome;
	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: #fff;
	border: 3px solid;
	border-color: var(--color1);
	border-radius: 5px;
	height:24px;
	cursor: pointer;
	width:24px;
}

input.penztar_kedvezmeny
{
    border:1px solid #dadada;
    color:var(--color2);
    height:16px;
	float:left;
	font-weight:normal;
	margin:0 5px;
    padding:7px 5px;
    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: #eaeaea;
	color: #777;
	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:#dadada;
}

p.penztar_kedvezmeny_magyarazat
{
	font-style:italic;
}

p.penztar_kedvezmeny_magyarazat a
{
	color:#999999;
}

input.penztar_alt_szoveg
{
    border:1px solid #dadada;
    color:var(--color2);
    height:16px;
	float:right;
	font-weight:normal;
    padding:7px 5px;
    width:100%;
}

p.penztar_magyarazat
{
	font-style:italic;
}

select.penztar_alt_valaszto
{
    border: 1px solid #dadada;
    color:var(--color2);
    margin:6px 0;
    padding:3px 3px 3px 0;
    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 #dadada;
    color:var(--color2);
    height:50px;
	float:right;
	font-weight:normal;
    padding:7px 5px;
    width:100%;
}

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

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

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

input#penztar_megrendeles_funkcio
{
	background-color: var(--color1);
	color: #fff;
	display: block;
	clear:both;
	float: none;
	font-size: 0.875rem;
	letter-spacing: 2px;
   	margin: 20px auto 0;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition: background 0.1s ease-in;    
	transition: background 0.1s ease-in;
}

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

@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:#f5f5f5;
}

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

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

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

}

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;
}

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

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

div#barion_fizetes_logo
{
	background:url(../kep/barion_logo.png) no-repeat;
	float:left;
	height:120px;
	width:110px;
}

div#borgun_fizetes_logo
{
	background:url(../kep/borgun_logo.png) no-repeat;
	float:left;
	height:120px;
	width:110px;
}

div#payu_fizetes_logo
{
	background:url(../kep/payu_logo.png) no-repeat;
	float:left;
	height:36px;
	width:110px;
}

div#otps_fizetes_logo
{
	background:url(../kep/otps_logo.png) no-repeat;
	float:left;
	height:28px;
	width:110px;
}

div#bb_fizetes_logo
{
	background:url(../kep/bb_logo.png) no-repeat;
	float:left;
	height:120px;
	width:110px;
}

div#uni_fizetes_logo
{
	background:url(../kep/uni_logo.png) no-repeat;
	float:left;
	height:120px;
	width:110px;
}

div#paypal_fizetes_logo
{
	background:url(../kep/paypal_logo.png) no-repeat;
	float:left;
	height:70px;
	width:110px;
}

div#kh_fizetes_logo
{
	background:url(../kep/kh_logo.png) no-repeat;
	float:left;
	height:125px;
	width:110px;
}

div#cib_fizetes_logo
{
	background:url(../kep/cib_logo.png) no-repeat;
	float:left;
	height:100px;
	width:110px;
}

div#otp_fizetes_logo
{
	background:url(../kep/otp_logo.png) no-repeat;
	float:left;
	height:100px;
	width:110px;
}

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

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

a#elektronikus_fizetes
{
	background-color: var(--color1);
	color: #fff;
	display: block;
	float: right;
	font-size: 0.875rem;
   	margin: 0 1.97368%;
	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(--btnbgc2);
}