:root {
    --blue2: #123f5e;
    --grey: #f0efeb;
    --orange: #fe4d09;
    --brown: #807056;
    --lightbrown: #cfbc9e;
	--aktiv: #2ec4bc;
	--darkblue: #0d263a;
	--greeyblue: #394b59;
}
body {width: 100%;padding: 10px}
button {margin-top: 20px;}
.kozepre {
	vertical-align: middle;
}

.adat_keret, .adat_1keret {
	list-style-type: none;
	margin: 0;
	padding: 0;
	list-style-position: inside;
}
.adat_keret li{
	list-style: none;
	min-width: 300px;
	display: inline-block;
	padding: 5px;
	margin: auto;
}
.adat_1keret li{
	list-style: none;
	width: 100%;
	padding: 5px;
}
.adat_fejlec {
	background-color: var(--aktiv);
	color: white;
}
.adat_fejlec1 {
	background-color: var(--aktiv);
	padding: 10px;
	margin: 20px 0px 0px 0px;
	color: white;
}

.adat_tabla {
	margin-top: 0px;
	margin-bottom: 20px;
	border: none;
}
.adat_tabla li.adat_bel {
	border: none;
	background-color: #f0ede8;
}
.adat_tabla li.adat_bel input, .adat_tabla li.adat_bel select {
	border: none;
}
.adat_tabla li.adat_bel1 {
	border: none;
	background-color: #d1cbbb;
}
.adat_keret select {width: 100%}

.adat_keret img {width: 200px}

.hf_gomb {background-color: var(--lightbrown);text-align: center;color: white;text-decoration: none;vertical-align: middle;height: 50px;}
.hf_gomb span {float: left;font-size: 32px;margin-left: 10px}
.hf_gomb label {margin: 12px 0px;padding: 0px;vertical-align: middle;cursor: pointer}
.aktiv {
	background-color: var(--aktiv);color: white;
}
.hf_gomb i {float: right;font-size: 47px;margin: 0px;margin-right: 10px}
.input_text1 {
	
}
.hirdetes_menu {margin: 0px;padding: 0px;}
.hirdetes_menu .megszolitas {padding: 30px 0px;font-size: 20px}
.hirdetes_menu .megszolitas span {color: var(--red);font-weight: bold}
.hirdetes_menu label {cursor: pointer}
.hirdetes_menu .fejlec_kezdo{background-color: #2ec4bb;color: white}
.hirdetes_menu .fejlec_kezdo a {color: white;text-decoration: none}
.hirdetes_menu p {margin: 0px;padding: 5px 0px;padding-left: 15px}
.hirdetes_menu h6 {background-color: var(--brown);color: white;padding: 10px 15px;font-weight: normal;margin: 0px;cursor: pointer}
.hirdetes_menu h6.aktiv {
	background-color: var(--aktiv);
	color: white;
}
.hirdetes_menu h6.szeparator {margin-top: 20px;}
.hirdetes_menu p a, .hirdetes_menu p label {text-decoration: none;color: var(--brown);}
.hirdetes_menu p.sotet {background-color: var(--grey);}
.hirdetes_menu div.jobb_keret {padding: 0px 20px;}

.hirdetes_kozep {margin: 0px;padding: 0px;background-color: var(--grey)}
.hirdetes_kozep .megszolitas {padding: 30px 0px;font-size: 20px}
.hirdetes_kozep .megszolitas span {color: var(--red);font-weight: bold}
.hirdetes_kozep label {cursor: pointer}
.hirdetes_kozep .fejlec_kezdo{background-color: #2ec4bb;color: white}
.hirdetes_kozep .fejlec_kezdo a {color: white;text-decoration: none}
.hirdetes_kozep p {margin: 0px;padding: 5px 0px;padding-left: 15px}
.hirdetes_kozep h6 {background-color: var(--brown);color: white;padding: 10px 15px;font-weight: normal;margin: 0px;}
.hirdetes_kozep h6.szeparator {margin-top: 20px;}
.hirdetes_kozep p a, .hirdetes_kozep p label {text-decoration: none;color: var(--brown);}
.hirdetes_kozep p.sotet {background-color: var(--grey);}
.hirdetes_kozep div.jobb_keret {padding: 0px 20px;}
#menu_alj {
	display: table;
	width: 100%;
	background-color: var(--grey);
	padding: 10px;
	margin-bottom: 20px;
}
#menu_alj div {
	display: table-cell;
	width: 50%;
	color: var(--braun);
}
#menu_alj label {
	background-color: white;
	padding: 10px 20px;
	color: var(--braun);
}
#menu_alj label span {
	color: var(--red);
}
#fejlec {text-align: center;vertical-align: middle;margin: 10px}
#fejlec font {font-size: 25px;color: var(--brown);}
.m_keret {display: inline-block;height: 100%}
.m_keret:last-child {float: right}
.m_keret:last-child table tr td:last-child {background-color: #aba28d;height: 100%}
#menu {width: 100%; background-color: var(--brown);margin: 0px;padding: 0px;}
#menu table {width: 100%;height: 100%;margin: 0px;padding: 0px;}
#menu table tr td {text-align: center;padding: 8px 20px;width: 20%}
#menu table tr td a {color: white;}
.jobb_fejlec {
	background-color: var(--brown);
	color: white;
	padding: 8px 20px;
	margin-bottom: 20px;
}

figure {display: block;margin: 10px}

.lista_elem {
    display: table;
    margin-top: 10px;
    width: 100%;
    border: 1px solid var(--greeybrown);
	font-size: 15px;
    border-bottom: 1px solid #969696;
}
.lista_elem figure {
    width: 270px;
    height: 200px;
    display:block ;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    position: relative;
	margin: 0px;
	padding: 0px;
}
.lista_elem figure img {
    position: absolute;
    margin: auto;
    left: 0px;
	min-width: 100%;
	min-height: 100%;
}
.lista_elem section {
    height: 100%;
    width: 69%;
    display: table-cell;
    vertical-align: top;
    padding: 0px 5px
}
.lista_elem section div table {width: 100%}
.lista_elem p.cim {margin: 0px;padding: 10px 0px 0px 0px}
.lista_elem p.cim a {font-size: 16px;font-weight: bold; color: var(--blue);text-decoration: none}
.lista_elem .reszlet {
    font-size: 15px;
}
.lista_elem .reszlet td {width: 33%;white-space: nowrap}

#lablec {background-color: var(--darkblue);text-align: center;margin-top: 20px}
#lablec img {height: 50px}
#lablec_alj {background-color: var(--greeyblue)}
.c_aktiv {text-align: center;padding-top: 30px}
.c_aktiv button {margin: 20px}

section.belep_form {background-color: #f0ede8;padding: 20px;}
section.belep_form ul {list-style: none;max-width: 1200px;margin: auto}
section.belep_form ul li {width: 49%;padding: 30px;display: inline-block;vertical-align: top;height: 100%}
section.belep_form ul li:first-child {background-color: white}
section.belep_form ul li:last-child { background-color: #f7f6f2}
.belepes_button {background-color: #edb94b;color: white;text-align: center;padding: 10px;font-size: 20px;cursor: pointer}
section.belep_form h1 {font-size: 22px;text-align: center;color: white;background-color: #2ec4bb;padding: 10px;width: 100%}
section.belep_form h5 {font-size: 12px;text-align: justify;color: #837366;}
section.belep_form table tr td {padding: 10px}
section.belep_form h3 {background-color: #cfcbbf;color: white;font-size: 18px;padding: 10px;text-align: center}

.uzenet {width: 100%;}

.uzenet tr td {padding: 5px;border: 1px solid #E3E3E3 ;text-align: left}
.uzenet tr:first-child td {border: 0px}
.uzenet tr td img { height: 20px;margin: auto;vertical-align: middle;cursor: pointer}
.uzenet tr td:first-child {vertical-align: middle;}
.banner {padding: 20px;text-align: center}
.banner img {margin: auto;align-content: center}
@media screen and (min-width:864px){
	.adat_keret li{
		width: 50%;
	}
}
.lista_ing {width: 100%;margin: 10px 0px;}
.lista_ing tr {border: 1px solid #5A5A5A;}
.lista_ing tr td {vertical-align:text-top;height: 100%}
.lista_ing tr td.kep {width: 200px;}
.lista_ing tr td.leiras {width: 70%;padding: 10px}
.lista_ing tr td.modosit {padding: 10px}
.lista_ing tr td.modosit label {cursor: pointer;}
.nyito_keret {width: 100%}
.nyito_szam {padding-bottom: 30px}
#kepek_sor {margin: auto}
#kepek_sor tr td {padding: 5px 10px;width: 320px;height: 200px;}
#kepek_sor tr td.elso_kep label {background-color: var(--blue2);color: white;padding: 5px 10px}
#kepek_sor tr td.nem_elso_kep label {background-color: var(--brown);color: white;padding: 5px 10px;cursor: pointer}
#kepek_sor tr td.torles label {background-color: var(--orange);color: white;padding: 5px 10px;cursor: pointer}
#kepek_sor tr td.elso_kep {border-right: 2px solid var(--blue2);text-align: right;padding-right: 0px;}
#kepek_sor tr td.nem_elso_kep {text-align: right;padding-right: 0px}
#kepek_sor tr td figure {width: 320px;margin: auto;height: 200px;overflow: hidden;position: relative}
#kepek_sor tr td figure img {position: absolute;left: 0px;width: 100%}
.level_reszlet {display: none;margin: 0px}
.level_reszlet p {margin: 0px}
.gdpr table tr td {vertical-align: top;font-size: 10px}
.gdpr table tr td input {margin-top: 5px}
.gdpr table tr td a {font-size: 14px;margin-top: 0px;color: var(--blue)}

.multi-select-container {
  display: inline-block;
  position:relative;

	width: 100%;
}

.multi-select-menu {
  position:absolute;
  left:0;
  top:0.8em;
  float:left;
  min-width:100%;
  background:#fff;
  margin:1em 0;
  padding:0.4em 0;
  border:1px solid #aaa;
  box-shadow:0 1px 3px rgba(0,0,0,0.2);
  display:none;
z-index: 1;
}

.multi-select-menu input {
  margin-right:0.3em;
  vertical-align:middle;

}
.multi-select-menuitems {
	padding: 5px;
}
.multi-select-menuitem {
	display: block;
	font-size: 14px;
	padding: 3px;
	vertical-align: middle;
	margin: 0px;
}
.multi-select-menuitem:hover {
	background-color: var(--grey);
}
.multi-select-button {
  display: inline-block;
  font-size:0.875em;
  padding:0.2em 0.6em;

  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  vertical-align:-0.5em;
  background-color:#fff;
  border:1px solid #aaa;
  border-radius:4px;
  box-shadow:0 1px 3px rgba(0,0,0,0.2);
  cursor:default;
	width: 100%;
}

.multi-select-button:after {
  content:"";
  display: inline-block;
  width:0;
  height:0;
  border-style:solid;
  border-width:0.4em 0.4em 0 0.4em;
  border-color:#999 transparent transparent transparent;
  margin-left:0.4em;
  vertical-align:0.1em;
}

.multi-select-container--open .multi-select-menu {display:block; }

.multi-select-container--open .multi-select-button:after {
  border-width:0 0.4em 0.4em 0.4em;
  border-color:transparent transparent #999 transparent;
}