body, td, select, input { font: 12px verdana }

body {
  color: black;
  background:#fafafa;
  margin:1px;
}

a {
  color:black;
}

div#header {
  text-align:center;
  font-weight:bold;
  margin-bottom:20px;
}

div#header table#H2 {
  background: url(img/menu_background.gif)
}

div#header table#H2 td {
 height:39px;
}

div#header table#H2  td.sep{
  background: url(img/menu_separator.gif) no-repeat;
  width:3px;
}

div#header .title {
 font: 20px verdana;
 border-bottom:1px solid black;
}

div#header table tr td {
  text-align:center;
}

div#header table#h2 tr td a:hover {
  text-decoration:none;
  border-bottom: 1px solid #02C0FF;
}
/*
ul#akcioslista {
	padding-left:0;
	margin-left:0;
	width:100%;
}
#akcioslista .panel{
  height:185px;
  font-size:12px;
  width:32%;
  padding:3px;
  margin:0 auto;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  float:left;
  overflow: hidden;
}
*/

ul#akcioslista {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* Opcionális: távolság az elemek között */
  list-style: none; /* Eltávolítja a bullet pontokat */
  padding: 0;
  margin: 0;
}

ul#akcioslista li.panel {
  flex: 1 1 calc(31% - 10px); /* Képszélesség 1/3-a, gap figyelembevételével */
  max-width: 600px;
  min-width: 300px; /* Minimum szélesség, hogy ne legyenek túl keskenyek */
  height: 200px;
  /* További stílusok az LI elemekhez */
  padding: 5px;
  background-color: #f0f0f0; /* Példa háttérszín */
  border: 1px solid #ccc;
}

#akcioslista .panelMenu {
	background:#ddd;
	font-size:10px;
	padding:2px 0 4px 3px;
	margin-top:5px;
}
#akcioslista .panelMenu a {
	padding-right:5px;
}

#akcioslista .latszikI:hover {
  background:#f0f0f0;
}

#akcioslista .latszikI{
}
#akcioslista .latszikN{
  color:#bbb;
  background:transparent url('img/out_stock.gif') no-repeat right bottom;
}


#akcioslista .panel img {
  float:left;
  margin-right:4px;
  margin-top:6px;
}

#akcioslista .panel div.rovidnev {
  margin:0em;
  padding:0.5em 0 0.125em 0.25em;
  font-family: verdana;
  font-size: 1em;
  font-weight:bold;
  /* background: url(img/img03.gif); */
  background-color: #295e87;
  border:1px solid black;
  color:white;
  min-height:1.6em;
}

#akcioslista .panel div.gysz {
  margin:8px 0px 3px 5px;
  font: 14px courier;
}

#akcioslista .panel div.ar {
  margin:2px 0px 0px 5px;
  color:purple;
  font-weight:bold;
}

#akcioslista .panel div.kiskepek {
  margin:0px 0px 2px 5px;
}

#akcioslista .panel div.komment {
  margin:5px 20px 3px 0px;
  clear:left;
  line-height:150%;
}
/*
ul li.empty {
  list-style-type:none;
}
*/
ul.pmenu li {
  line-height:150%;
}

tr.data:hover td {
  background:#ddd;
}
tr.header td {
  background:#ddd;
  font-weight: bold;
}


div#feedback {
  border:1px solid black;
  background: #eee;
  padding:5px;
}


h2.akcio {
  color:black;
  text-align:center;
  clear:both;
  padding-top:5px;
  font-size:14pt;
}

h2.akcio a img {
	border:none;
}

img.close {
  float:right;
  border:none;
}

fieldset.login {
  width:300px;
  clear:both;
  padding:20px 5px 5px 5px;
  margin-top:40px;
}

fieldset legend {
  border:1px solid black;
  padding:3px;
  background: #EEE;
}

tr.sep td {
  border-bottom:1px solid #ccc;
  padding-bottom:5px;
  padding-top:4px;
}

button {
  background: #304aa2;
  color: white;
}

button.disabled {
  background: #ddd;
  color: black;
  font-style:italic;
}



h3 {
  text-decoration:underline;
  margin:0;
  margin-bottom:10px;
}

div.longtext {
  line-height:150%;
}

a img {
  border:1px solid #666;
}

a img.logo {
 border:0px;
}

.adminCikkNev {
  font-weight:bold;
  font-size:150%;
  margin-top:5px;
  padding:3px 0px 3px 5px;
}

.I {
}

.N {
  background:#F88;
}


div.legend {
 clear:both;
 color:#777;
}
div.legend hr {
  height:1px;
  border:0;
  border-bottom:1px solid black;
}
div.legend img{
  float:left;
  padding:0px 5px 0px 5px;
}
td.userDataInOrderList {
  color:red;
  font-weight:bold;
}

table#cikkmenu tr td {
  border:1px solid #aaa;
  width:100px;
  height:30px;
  padding:3px;
  margin-right:3px;
  text-align:center;
}

ul.submenuitem {
  line-height:200%;
}

.numeric {
  text-align:right;
}

table#leltar tr.header td {
	font-weight:bold;
}
table#leltar tr.zero td {
	color:#BBB;
}
table#leltar tr.summary td {
	font-weight:bold;
}
div.CsopFilter {
}
.onlyForInline{
	display:none;
}
.nocheck {
	background:transparent;
}

table.pending tr td {
	font: 10px verdana
}


input, 
button, 
textarea {
  border:2px solid black;
}

table.cikkForm input:focus,
table.cikkForm select:focus,
table.cikkForm textarea:focus {
  border:2px solid red !important;
  outline:none !important;
}


table.cikkForm:focus-within {
  background: #ffeeee;  
}


table#cikklista {
  margin:0 auto;
  border-collapse:collapse;
}