:root {
	--kek: #20427A;
	--zold: #4E9600;
	--piros: #DF3311;
	--szurkespiros: #FFD5D5;
	--szurke1: #CCCCCC;
	--szurke2: #DDDDDD;
	--szurke3: #F3F3F3;
}

* {
	position: relative;
	font-family: 'Roboto', sans-serif!important;
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
	color: var(--kek);
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}


pre {
    font-size: 13px;
    line-height: 17px;
    color: #bb0000;
    padding: 20px;
    border: 1px solid;
    max-width: calc(100% - 40px);
    margin: 20px;
    display: table;
}

b, strong {
	font-weight: 700;
}


@media (max-width: 600px) {
	* {
		font-size: 16px;
	}
}
@media (max-width: 400px) {
	* {
		font-size: 14px;
	}
}


*:focus {
	outline: none;
}

.off {
	display: none!important;
}

body {
	margin: 0;
	overflow-y: scroll;
	overflow-x: hidden;
}

body h1,
body h2,
body form,
body section,
body footer {
	transition: opacity 0.3s;
	opacity: 1;
}

body.rejtett h1,
body.rejtett h2,
body.rejtett form,
body.rejtett section,
body.rejtett footer {
	opacity: 0;
}

small {
	font-size: 12px;
	line-height: 17px;
}

h1, h2 {
	font-weight: 900;
	font-size: 35px;
	line-height: 1.2;
	text-align: center;
	padding: 50px 0 0 0;
}

nav {
	display: block;
    background: var(--szurke2);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11;
	box-shadow: 0 0 0 rgba(0,0,0,0.5);
}

nav.fix {
	box-shadow: 0 0 25px rgba(0,0,0,0.5);
}


nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

nav ul li {
	list-style: none;
	display: inline-flex;
    margin-right: -4px;
}

nav ul li a {
    padding: 5px 25px;
    text-decoration: none;
    line-height: 50px;
	transition: all 0.1s;
}

nav ul li a:hover {
	background: var(--szurke2);
}

nav ul li.current a {
	background: #fff;
}

nav ul li a .logo {
	font-weight: 900;
	font-size: 20px;
}


a img,
button img {
    height: 20px;
    vertical-align: text-bottom;
    margin-right: 7px;	
}


@media (max-width: 1000px) {
	nav ul:not(.almenu) li a,
	nav ul:not(.almenu) li a .logo	{
		font-size: 0;
	}
	
	nav ul:not(.almenu) li a img {
		vertical-align: middle;
		margin-right: 0;
	}
}

@media (max-width: 400px) {
	nav ul:not(.almenu) li a {
		padding: 5px 15px;
	}
}

.almenu {
    padding: 0;
    text-align: center;
	background: #fff;
}
.almenu li {
	list-style: none;
	display: inline-flex;
    margin-right: 0;
}
.almenu li a {
    padding: 10px 15px;
    text-decoration: none;
    line-height: 20px;
    transition: all 0.1s;
}
.almenu li.current a {
    background: var(--kek);
	color: #fff;
}


section div {
	clear: left;
}

#uzenet {
	text-align: center;
}

#felugro {
	text-align: center;
    padding: 20px;
    background: var(--zold);
    color: #fff;
    position: fixed;
    width: 100%;
    z-index: 40;
    top: 60px;
}

#felugro a {
	color: inherit;
}

big {
    color: inherit;
    font-size: 130%;
    font-weight: 700;
    line-height: 1.8;
}


main section {
	max-width: 1200px;
	margin: 0 auto;
}



form {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

section {
	text-align: center;
}

section.reszletek {
	max-width: 1160px;
	margin: 0 auto;
}

section.egyeb,
section.tovabbi {
	padding: 40px 0 0 0;
}

section.egyeb a {
	cursor: pointer;
	padding: 25px 20px;
	border: 1px solid transparent;
	transition: all 0.1s;
}
section.egyeb a:hover {
	background: var(--szurke3);
	border-color: var(--szurke2);
}

section.egyeb a img {
	height: 40px;
	vertical-align: middle;
	transition: transform 0.1s;
}

section.egyeb a:active img {
	transform: scale(0.9);
	transition: transform 0.05s;
}

section article {
	text-align: left;
	width: 360px;	
	padding: 20px;
	display: inline-block;
	vertical-align: top;
}

section article.negyed {
	width: 291px;
    border: 1px solid var(--szurke2);
	margin-right: -1px;
	margin-bottom: -1px;
	display: inline-table;
}

section.reszletek article.negyed {
	
}
section article.negyed:hover {
    background: var(--szurke3);
}

section article.negyed div {
	display: table-cell;
    vertical-align: middle;	
}
section article.negyed div::first-letter {
	text-transform: uppercase;	
}

section article.dupla {
	width: 760px;
}
section article.tripla,
section article.slider {
	width: 1160px;
	display: block;
	margin: 20px auto;
}

section article.slider {
	margin: 20px auto;
	padding: 0;
}

section article.slider div {
	overflow: hidden;
	height: 600px;
	position: relative;
	background-color: var(--szurke1);
}
section article div#_kepek {
	padding: 0 !important;
}
section article div#_kepek p {
	margin: 0;
	left: 0;
	
}
section article div#_kepek p:not(.ui-draggable-dragging):not(.__){
	transition: left 0.3s;
	cursor: grab;
}
section article div#_kepek p:not(.ui-draggable-dragging):active{
	cursor: grabbing;
}
section article div#_kepek p.ui-draggable-dragging {
	cursor: grabbing;
}
section article.full div#_kepek p.ui-draggable-disabled {
	cursor: all-scroll;
}

section article img.elozo,
section article img.kovetkezo,
section article img.zoom,
section article img.minus,
section article img.plus,
section article img.original {
	position: absolute;
	width: 40px;
	left: 0;
	top: calc(50% - 20px);
	padding: 10px;
	cursor: pointer;
	background: rgba(255,255,255,0.5);
	transition: background 0.1s;
}
section article img.elozo:hover,
section article img.kovetkezo:hover,
section article img.zoom:hover,
section article img.minus:hover,
section article img.plus:hover,
section article img.original:hover {
	background: #fff;
}
section article img.kovetkezo,
section article img.zoom  {
	left: calc(100% - 40px);
}

section article img.zoom,
section article img.minus,
section article img.plus,
section article img.original  {
	top: 0;
}
section article img.minus,
section article img.plus,
section article img.original {
	display: none;
}

section article.full img.minus,
section article.full img.plus,
section article.full img.original {
	display: block;
}

section article img.plus {
	left: calc(100% - 160px);
}

section article img.minus {
	left: calc(100% - 120px);
}
section article img.original {
	left: calc(100% - 80px);
}

section article.slider div .kep {
	height: 600px;
	display: inline-table;
	background-size: cover;
	background-repeat: no-repeat;
    background-position: center;
}

section article.slider:not(.full) div .kep {
	background-size: cover!important;
}

@media (max-width: 1200px) {
	section article.slider,
	section article.tripla 	{
		width: calc(100% - 40px);
	}
	section article.slider div,
	section article.slider div .kep {
		height: 560px;
	}
}
@media (max-width: 1000px) {
	section article.slider div,
	section article.slider div .kep {
		height: 460px;
	}
}
@media (max-width: 800px) {
	section article.dupla 	{
		width: calc(100% - 40px);
	}
	section article.slider div,
	section article.slider div .kep {
		height: 360px;
	}
}
@media (max-width: 600px) {
	section article.slider div,
	section article.slider div .kep {
		height: 260px;
	}
}
@media (max-width: 400px) {
	section article,
	section article.negyed {
		width: calc(100% - 20px);
		margin: 10px;
	}
	section article.slider div,
	section article.slider div .kep {
		height: 180px;
	}
}


section article.full {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	margin: 0;
	z-index: 20;
}
section article.full div,
section article.full div p,
section article.full div .kep {
	height: 100%;
}


section article.full div .kep.allo {
	background-size: 100% auto;
}
section article.full div .kep.fekvo {
	background-size: auto 100%;
}

.tulajdonos_profilkep {
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 10px;
    background-size: cover;
}



section#reszletes {
	padding-top: 30px;
	background: var(--szurke3);
}


form input,
form textarea,
form label[for],
button,
form [contenteditable] {
	display: inline-block;
	margin: 0 auto;
	padding: 10px 10px;
	width: 100%;
	height: 43px;
	min-height: 43px;
	border: 1px solid var(--szurke1);
	position: relative;
	background-image: url(/images/check_w.svg);
    background-repeat: no-repeat;
    background-position: center left 5px;
	background-size: 0px;
	background-color: var(--szurke3);
	resize: unset;
	transition: background 0.15s, border 0.1s, height 0.1s, color 0.1s;
	z-index: 2;
}
form input.hiba,
form textarea.hiba,
form label[for].hiba,
button.hiba,
form [contenteditable].hiba {
	border-color: var(--piros) !important;
    color: var(--piros);
    box-shadow: inset 0 0 0 1px var(--piros);
	background: var(--szurkespiros);
}
form [contenteditable] {
	resize: auto;
	height: auto;
}

form #bemutatkozas {
	min-height: 286px;
}

form textarea {
	overflow: hidden;
}

section#reszletes div input,
section#reszletes div textarea,
section#reszletes div label[for],
section#reszletes div button,
section#reszletes div [contenteditable] {
	background-color: #fff;
}

form input[readonly],
form textarea[readonly] {
	cursor: pointer;
}

form input[type="radio"],
form input[type="checkbox"]{
	display: none;
}
form input[type="radio"] + label,
form input[type="checkbox"] + label {
    cursor: pointer;
	width: 50%;
	background-image: url(/images/check_w.svg), url(/images/uncheck_b.svg);
	background-repeat: no-repeat, no-repeat;
    background-position: center left 10px, center left 10px;
	background-size: 0px, 20px;
	padding-left: 40px;
}
form input[type="checkbox"] + label {
	width: 100%;
}

form input[type="radio"]:checked + label,
form input[type="checkbox"]:checked + label {
	background-color: var(--kek);
	color: #fff;
	font-weight: 500;
	background-position: center left 12px, center left 15px;
    background-size: 16px, 0;
	border-color: var(--kek);	
}

form input[type="checkbox"]#reszletes_valto + label {
	background-image: url(/images/sub_down_b.svg), url(/images/sub_up_b.svg), url(/images/sub_down_b.svg), url(/images/sub_up_b.svg);
	background-position: center left 12px, top -30px left 12px, center right 12px, top -30px right 12px;
    background-size: 16px, 16px;
	background-color: var(--szurke2);
	padding: 10px 10px;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 100%;
	margin: 0;
}
form input[type="checkbox"]#reszletes_valto:checked + label {
	background-color: var(--szurke2);
	color: var(--kek);
}
form input[type="radio"]:checked + label:hover,
form input[type="checkbox"]:checked + label:hover {
	
}

form input[type="checkbox"]#reszletes_valto:checked + label {
	background-position: bottom -30px left 12px, center left 12px, bottom -30px right 12px, center right 12px;
}

form input[type="radio"]:first-child + label,
form input[type="checkbox"]:first-child + label {
	margin-right: 10px;
}

form input:hover,
form input.hover,
form label[for]:hover,
form input:focus,
form input.focus,
form input.open,
form textarea:hover,
form textarea.hover,
form textarea:focus,
form textarea.focus,
form textarea.open,
form [contenteditable]:hover,
form [contenteditable].hover,
form [contenteditable]:focus,
form [contenteditable].focus,
form [contenteditable].open,
button:hover,
button:focus {
	border-color: var(--kek);
}

form div:has(header) {
	/*height: 75px;*/
}
form div:not(#_reszletes_valto) {
    padding-top: 10px;
	padding-bottom: 10px;
}

body.ingatlan section article.negyed div:not(#_reszletes_valto) {
	padding: 0;
}



form div header {
	font-weight: 700;
    padding: 5px 10px 0px 10px;
    display: block;
    margin-bottom: 0;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;	
}
form div header small {
	font-weight: 700;
	font-size: 13px;
	text-transform: none;
	letter-spacing: 0.5px;
}

section div.ok input,
section div.ok textarea,
section div input:checked + label,
section div.ok button,
section div.ok [contenteditable],
section#reszletes div.ok input,
section#reszletes div.ok textarea,
section#reszletes div input:checked + label,
section#reszletes div.ok button,
section#reszletes div.ok [contenteditable] {
	font-weight: 500;
	border-color: var(--kek);
	background-color: var(--kek);
	color: #fff;
}
form div.ok input:hover,
form div.ok textarea:hover {
	
}

form div.ok + input,
form div.ok + textarea,
form div.ok [contenteditable],
form div.ok header + input,
form div.ok header + textarea {
	padding-left: 40px;
    background-size: 16px;
	background-position: center left 12px;
}

form div.kitoltendo:not(.ok) header:after {
    content: 'A mező kitöltése kötelező!';
    color: #ff3c00;
    font-weight: 700;
    display: block;
    text-transform: none;
    letter-spacing: 0.5px;
    font-size: 16px;
	margin-bottom: 5px;
}

form div.kitoltendo:not(.ok) input,
form div.kitoltendo:not(.ok) textarea,
form div.kitoltendo:not(.ok) [contenteditable] {
	border-color: #ff3c00;
	background-color: #ffdacf;
}

form input:focus,
form input.focus,
form label[for]:active,
form textarea:focus,
form textarea.focus
form [contenteditable]:focus,
form [contenteditable].focus {
	color: var(--kek);
	font-weight: 500;
}

form input.szam {
	width: calc(100% - 70px);
}
form input.hazszam_emelet_ajto {
    width: calc(100% / 3);
}
form input#hazszam {
    border-right: none;
}
form input#emelet {
	border-left: none;
    border-right: none;
}
form input#ajto {
    border-left: none;
}


form input[id*=_min],
form input[id*=_szam]:not([id*=_egyseg]) {
	border-right: none;
}

form input[id*=__] {
	width: 10px;
	border-left: none;
	border-right: none;
	padding-left: 0;
	padding-right: 0;	
}
form input[id*=_max] {
	border-left: none;
	border-right: none;

}
form input[id*=_egyseg] {
	width: 70px;
	border-left: none;
	text-align: right;
}

form input[id*=_min] {
	border-right: none;
	width: calc(100% - 100px);
}
form input[id*=_min].focus, 
form div.ok input[id*=_min] {
	width: calc(50% - 25px);
}
form input[id*=_max] {
	width: 0;
}
form input[id*=_max].focus,
form div.ok input[id*=_max] {
	width: calc(50% - 55px);
}

form div.ok input[id*=_max] {
	padding-left: 10px;
	padding-right: 10px;

}
form div.ok input[id*=_egyseg] {
	padding-left: 10px;
}

form div.ok input[id*=_min] {
	padding-right: 10px;
}

form div input.szuletesnap {
	width: calc(100% / 3 + 2px);
    margin-right: -7px;
    text-align: center;
}
form div input.szuletesnap:hover,
form div input.szuletesnap:focus {
	z-index: 3;
}

form input + span {
	display: table;
	padding: 7px 10px;
}
form input + span.hiba {
	color: var(--piros);
	font-weight: 700;
}
form input + span + a {
	display: block;
	text-align: center;
	font-weight: 700;
	margin-top: 15px;
	padding: 14px 10px 11px 10px;
	background: var(--szurke2);
	color: var(--kek);
	border: 1px solid var(--szurke1);
	transition: all 0.1s;
	text-decoration: none;
}

form input + span + a:hover {
	border: 1px solid var(--kek);
}
form input + span + a:active {
	border: 1px solid var(--kek);
	background: var(--kek);
	color: #fff;
}

#_kereso {
	width: 300px;
    margin: 40px auto;
    display: block;
    padding: 10px 16px;
	position: relative;
	cursor: pointer;
}


#_kereso input {
	width: 100%;
	text-align: left;
}
#_kereso button {
	width: 39px;
    min-height: 41px;
    height: 38px;
    text-align: center;
    position: absolute;
    bottom: 11px;
    right: 1px;
    z-index: 2;
    border: none;
}

#_kereso:hover input {
	border-color: var(--kek);
}

#_kereso_alap {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	cursor: pointer;
}

body:not(.kereses):not(.hirdetesfeladas):not(.hirdetesmodositas) #kereso {
	display: none;
}

#keress {
	z-index: 10;
    width: auto;
    display: table;
    margin: 30px auto;
}

#keress input[name] {
	display: none;
}

#keress button {
	background: var(--kek);
    color: #fff;
    padding: 10px 20px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    font-size: 18px;
    height: 50px;
}
#keress button:hover,
#keress button:active,
#keress button:focus {
    background: var(--kek);
	border-color: var(--kek);
}


#keress button img {
	height: 20px;
    margin-right: 10px
}


#ingatlanlista {
	display: none;
	width: calc(100% - 40px);
	margin: 0 auto;
}


#ingatlanlista ul {
	padding: 0;
}

#ingatlanlista ul li {
	list-style: none;
	display: inline-table;
	margin: 0 -1px -1px 0;
	width: calc(25% + 1px);
    border: 1px solid var(--szurke1);
    background: #fff;
	transition: all 0.1s;
}

@media (max-width: 1400px) {
	#ingatlanlista ul li {
		width: calc(100% / 3 + 1px);
	}
}
@media (max-width: 1000px) {
	#ingatlanlista ul li {
		width: calc(50% + 1px);
	}
}
@media (max-width: 600px) {
	#ingatlanlista ul li {
		width: calc(100% + 1px);
	}
}

#ingatlanlista ul li:hover {
	border-color: var(--kek);
	z-index: 1;
	background: var(--szurke3);
}

#ingatlanlista ul li a {
	padding: 20px;
	display: block;
}

#ingatlanlista ul li a span {
	display: inline-table;
}
#ingatlanlista ul li a span.forint {
	width: 120px;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
}
#ingatlanlista ul li a span.cim {
	width: calc(100% - 120px);
	text-align: right;
}
#ingatlanlista ul li a span.kep {
	height: 300px;
	background-size: cover;
	background-position: center;	
	width: 100%;
	margin-bottom: 10px;
}
@media (max-width: 1400px) {
	#ingatlanlista ul li a span.kep {
		height: 250px;
	}
}
@media (max-width: 1000px) {
	#ingatlanlista ul li a span.kep {
		height: 225px;
	}
}

@media (max-width: 600px) {
	#ingatlanlista ul li a span.kep {
		height: 300px;
	}
}

@media (max-width: 500px) {
	#ingatlanlista ul li a span.kep {
		height: 250px;
	}
}

@media (max-width: 400px) {
	#ingatlanlista ul li a span.kep {
		height: 200px;
	}
}
@media (max-width: 350px) {
	#ingatlanlista ul li a span.kep {
		height: 150px;
	}
}
#ingatlanlista ul li a span.kep.nincskep {
	background-repeat: no-repeat;
	background-image: url(/images/nincskep.svg);
	background-size: 50%;
}


@media (min-width: 601px) and (max-width: 700px) {
	#ingatlanlista ul li a span.cim,
	#ingatlanlista ul li a span.forint	{
		width: 100%;
		text-align: center;
	}
	
	#ingatlanlista ul li a span.forint {
		margin-top: 10px;
	}
}

@media (max-width: 400px) {
	#ingatlanlista ul li a span.cim,
	#ingatlanlista ul li a span.forint	{
		width: 100%;
		text-align: center;
	}
	
	#ingatlanlista ul li a span.forint {
		margin-top: 10px;
	}
}


/* Chrome, Safari, Edge, Opera */
input:not(.szuletesnap)::-webkit-outer-spin-button,
input:not(.szuletesnap)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number]:not(.szuletesnap) {
  -moz-appearance: textfield;
}

::-webkit-input-placeholder {
	color: rgba(0,0,0,0.3);
	font-weight: 500;
}

:-ms-input-placeholder {
	color: rgba(0,0,0,0.3);
	font-weight: 500;
}


::placeholder {
	color: rgba(0,0,0,0.3);
	font-weight: 500;	
}

[contenteditable]:not(.ok):after {
    content: attr(placeholder);
	color: rgba(0,0,0,0.3);
	font-weight: 500;
}

.listazo:focus::-webkit-input-placeholder {
	color: var(--kek);
}
.listazo:focus:-ms-input-placeholder {
	color: var(--kek);
}
.listazo:focus::placeholder {
	color: var(--kek);
}



.ok ::-webkit-input-placeholder {
	color: rgba(255,255,255,0.3);
}

.ok :-ms-input-placeholder {
	color: rgba(255,255,255,0.3);
}

.ok ::placeholder {
	color: rgba(255,255,255,0.3);
}


button {
	cursor: pointer;
	background: var(--szurke2);
	font-weight: 700;
	height: 50px;
}

button img {
	transition: all 0.1s;
}

button:focus {
	background: rgba(0,0,0,0.7);
	color: #fff;
}
button:active {
	background: var(--kek);
	color: #fff;
}

button:focus img,
button:active img {
	filter: invert(1);
}

#keress button:focus img,
#keress button:active img {
	filter: invert(0);
}

.listazo {
	background-image: url(/images/check_w.svg), url(/images/sub_down_b.svg), url(/images/sub_up_b.svg);
	background-position: center left 12px, bottom -30px right 12px, top -30px right 12px;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: 0px, 16px, 16px;	
	padding: 10px 40px 10px 10px;
}


small[id*=_small] {
	display: none;
    background: var(--kek);
    color: #fff;
    padding: 0 40px 10px 40px;
    margin-top: -5px;
	cursor: text;
    z-index: 2;
	transition: transform 0.3s;
}

.open ~ ul ~ small[id*=_small] {
	transform: translateY(-100%);
}

textarea.listazo {
	margin-bottom: -7px;
}

.listazo:not(.map),
.listazo.map.v {
	background-position: center left 12px, center right 12px, top -30px right 12px;
	background-size: 0px, 16px, 16px;
}
.listazo:not(.map).open,
.listazo.map.v.open {
	background-position: center left 12px, bottom -30px right 12px, center right 12px;
}

form div.ok .listazo:not(.map),
form div.ok .listazo.map.v,
form div.ok .listazo:not(.map).open,
form div.ok .listazo.map.v.open {
	background-image: url(/images/check_w.svg), url(/images/sub_down_w.svg), url(/images/sub_up_w.svg);
	background-size: 16px, 16px, 16px;
}

#listaalap {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	
	display: none!important;
}

@keyframes forog {
	from { rotate: 0deg; }
	to { rotate: 360deg; }
}
#homokora {
    position: fixed;
    width: 80px;
    height: 80px;
    top: calc(50% + 70px);
    left: calc(50% - 40px);
    z-index: 30;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(/images/loading.svg);
    animation-name: forog;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    border-radius: 100%;
}
#homokoraalap {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 29;
	background: rgba(255,255,255, 0.9);
}

.lista {
	display: none;
	z-index: 3;
	width: 100%;
	margin: 0;
    padding: 20px;
    border: 1px solid var(--szurke1);
    border-top: none;
	background-color: var(--szurke3);
	/*position: absolute;*/
	/*box-shadow: 0 10px 20px rgba(0,0,0,0.5);*/
	/*top: calc(100% - 10px);*/
	transition: border 0.1s;
}


.lista.popup {
	position: absolute;
	border: 1px solid var(--kek);
	top: calc(100% - 11px);
}

:hover ~ .lista,
.hover ~ .lista,
:focus ~ .lista,
.focus ~ .lista,
.open ~ .lista {
	border-color: var(--kek);
}

#reszletes .lista {
	background-color: #fff;
}

.lista li {
	list-style: none;
	padding: 10px 10px;
	border-bottom: 1px solid var(--szurke1);
	cursor: pointer;
	line-height: 16px;
	transition: all 0.1s;
}
.lista#szuletesnap_honap_lista li {
	width: calc(100% / 3);
	display: inline-block;
	text-align: center;
	font-size: smaller;
	border-right: 1px solid var(--szurke1);
}

.lista li.aktiv,
#reszletes .lista li.aktiv {
	border-bottom: 1px solid #fff;
	background: var(--kek);
	color: #fff;
}
.lista#szuletesnap_honap_lista li.aktiv {
	border-right: 1px solid #fff;
}

.lista#szuletesnap_honap_lista li:nth-child(3n+3){
	border-right: none;
}

.lista li.aktiv:hover,
#reszletes .lista li.aktiv:hover {
	background: var(--kek);
}
.lista li:last-child {
	border-bottom: none;
}
.lista#szuletesnap_honap_lista li:nth-last-child(-n+3) {
	border-bottom: none;
}
.lista li:hover {
	background: rgba(0,0,0,0.05);
}

.lista li.aktiv {
}
.lista li.aktiv span,
.lista li.aktiv small {
	color: #fff;
}

@keyframes forog {
  from	{transform: rotate(0);}
  to	{transform: rotate(360deg);}
}

.lista li.homokora {
	height: 50px;
}

.lista li b {
	position: absolute;
	animation-name: forog;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	font-size: 25px;
	font-weight: 400;
}

/*---------------------------------------------------------------*/

form label input[type="file"] {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
}

form label input[type="file"].full {
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

#feltolt {
	position: fixed;
    z-index: 9;
    fill: var(--kek);
    background-color: rgba(255,255,255,0.7);
	background-image: url(/images/upload.svg);
	background-size: 140px auto;
	background-position: center;
	background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

form label:has(input[type="file"]){
	cursor: pointer;
	position: relative;
	height: 100px;
	border-style: dashed;
}
form label:has(input[type="file"]:not(#profilkep)) {    
}

form article#_kepek,
form article#_profilkep {
	z-index: 10;
}

form article#_kepek,
form article#__leiras {
	width: calc(100% - 40px);
    max-width: 1280px;
}
form article#__leiras {
	margin: -20px 20px;
}

form div#_leiras p {
/*	
	border: 1px solid var(--szurke1);
    padding: 20px;
    transition: all 0.1s;
    background: var(--szurke3);
*/
	margin: 0;
	min-height: 100px;
}
/*
form div#_leiras p:hover,
form div#_leiras p:focus {
	border: 1px solid var(--kek);
	font-weight: 700;
}

form div#_leiras.ok p {
	background-color: var(--kek);
	color: #fff;
	font-weight: 700;
	border: 1px solid var(--kek);
}
*/	

form #jelenlegi_profilkep {
	width: 100%;
}

form ul#keplista,
form ul#uj_profilkep {
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 0;
}

form ul#keplista li {
	cursor: grab;
}
form ul#keplista li,
form ul#uj_profilkep li {
	padding: 5px;
    display: inline-flex;
	width: 200px;
	min-height: 35px;
    z-index: 1;
	overflow: hidden;
	vertical-align: top;
}

form ul#keplista li img {
	transition: all 0.05s;
	width: 100%;
	
}

form ul#keplista li img:active {
	cursor: grabbing;
	transform: scale(0.9);
	box-shadow: 0 0 0 4px var(--szurke2);

}

form ul#keplista li.ui-sortable-placeholder {
	display: inline-flex;
	visibility: visible!important;
    border: 3px solid var(--szurke1);
	background: #fff;
	transform: scale(0.8) translateY(10px);
}


form ul#keplista li img,
form ul#uj_profilkep li img {
	transition: all 0.1s;
	display: block;
	width: 100%;
}
form ul#keplista li:hover img,
form ul#uj_profilkep li:hover img {
}

form ul#keplista li img + button {
	width: 30px;
    height: 30px;
    line-height: 22px;
    padding: 0;
    min-height: unset;
    position: absolute;
    right: 5px;
    top: 5px;
	cursor: pointer;
	font-size: 26px;
    font-weight: 400;
}
form ul#uj_profilkep li img + button {
	display: none;
}


form ul#keplista li img:active + button {
	opacity: 0;
}

/*---------------------------------------------------------------*/

.R {
	text-align: right;
}
.C {
	text-align: center;
}