@keyframes animacio_neve_kettospont_eltunes {

  0% 	{opacity: 1;}
  80% 	{opacity: 1;}
  100% 	{opacity: 0;}

}


@keyframes kapcsolo_mezok_animacio {

  0% 	{opacity: 0;}
  100% 	{opacity: 1;}

}







.feltunes {

	opacity: 0;

	animation-name: kapcsolo_mezok_animacio;
	animation-duration: 1s;
	animation-fill-mode: forwards;

}

.feltunes_lassu {

	opacity: 0;

	animation-name: kapcsolo_mezok_animacio;
	animation-duration: 1s;
	animation-fill-mode: forwards;

}

.villanas_lassu {

	opacity: 0;
	margin:8px;
	padding:8px;
	border-style: solid;
	border-radius: 5px;

	position:fixed;
	bottom:0%;
	right:0%;
	z-index:100;


	background-color: #d1e7dd;
	border-color: #badbcc;
	color: #0f5132;

	animation-name: animacio_neve_kettospont_eltunes;
	animation-duration: 5s;
	animation-fill-mode: forwards;

}


@keyframes eltunes {

  100% 	{opacity: 0;}
  0% 	{opacity: 1;}

}




.eltunes {

	opacity: 100%;

	animation-name: eltunes;
	animation-duration: 2s;
	animation-fill-mode: forwards;

}



.kapcsolo {

	opacity: 0;

	animation-name: kapcsolo_mezok_animacio;
	animation-duration: 2s;
	animation-fill-mode: forwards;

}

.info_sav_success {
	opacity: 0;

	background-color: #d1e7dd;
	border-color: #badbcc;
	color: #0f5132;
	

	animation-name: animacio_neve_kettospont_eltunes;
	animation-duration: 6s;
	animation-fill-mode: forwards;
}

.info_sav_danger {
	opacity: 0;

	background-color: #f8d7da;
	border-color: #f5c2c7;
	color: #842029;

	animation-name: animacio_neve_kettospont_eltunes;
	animation-duration: 6s;
	animation-fill-mode: forwards;
}

.info_sav_primary {
	opacity: 0;

	background-color: #cfe2ff;
	border-color: #b6d4fe;
	color: #084298;

	animation-name: animacio_neve_kettospont_eltunes;
	animation-duration: 6s;
	animation-fill-mode: forwards;
}


.info_sav_info {
	opacity: 0;

	background-color: #d1ecf1;
	border-color: #bee5eb;
	color: #0c5460;

	animation-name: animacio_neve_kettospont_eltunes;
	animation-duration: 6s;
	animation-fill-mode: forwards;
}



@keyframes elmentve_animacio {


  0% 	{color: inherit;}
  50% 	{color: #61ff5c;}
  100% 	{color: inherit;}

}


.edit {

	color: inherit;
	animation-name: elmentve_animacio;
	animation-duration: 1s;
	

}


.uj_kapcsolo:hover {

	stroke: #aafa7f;

}

.doboz:hover {

	stroke: #acb8fc;
	stroke-width:3

}




@keyframes animacio_loading {

  0% 	{color: #0f5132;}
  50% 	{color: #d1e7dd;}
  100% 	{color: #0f5132;}

}


.info_loading {	

	background-color: #d1e7dd;
	border-color: #badbcc;
	color: #0f5132;
	

	animation-name: animacio_loading;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}



@keyframes animacio_kerek {

  0% 	{color: #0f0c8b;}
  50% 	{color: #a6092e;}
  100% 	{color: #0f0c8b;}

}

.kerek_egyet {	

	
	color: #0f0c8b;
	

	animation-name: animacio_kerek;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}

pre {

	font-family: Verdana,sans-serif !important;
	font-size: 87.5% !important !important;
	vertical-align: bottom !important !important;
	margin: 0px !important;
}

.cella {

	font-family: Verdana,sans-serif !important;
	font-size: 87.5% !important !important;
	vertical-align: bottom !important !important;
	margin: 0px !important;
}

th {

	text-align: center;

    position: -webkit-sticky; 
    position: sticky;
    top: 0;
    z-index: 1; 
    background: #f2f6fc; 


}

/*
@media (prefers-color-scheme: dark) {
    html {
        filter: invert(1) hue-rotate(180deg);
    }
    img, video {
        filter: invert(1) hue-rotate(180deg);
    }
}
*/
html { filter: invert(1) hue-rotate(180deg); }
img, video, svg, picture, canvas, iframe { filter: invert(1) hue-rotate(180deg); }

/* Normál mód (toggle után) */
html.normal { filter: none; }
html.normal img, html.normal video, html.normal svg, html.normal picture, html.normal canvas, html.normal iframe { filter: none; }


/* ===== SOR MOZGATÁS ÉS BESZÚRÁS ===== */

/* a mozgató fogantyú mindig látszik (halványan), a soron állva kiemelkedik */
.sormozgat_fogo					{ opacity:0.55; transition:opacity 0.15s; font-size:15px; }
tr.adat_sor:hover .sormozgat_fogo	{ opacity:1; color:#0d6efd !important; }
.sormozgat_fogo:active			{ cursor:grabbing; }

/* a beszúró + jel csak a soron állva jelenik meg, de akkor jól láthatóan */
.sormozgat_plusz				{ opacity:0; transition:opacity 0.12s; }
tr.adat_sor:hover .sormozgat_plusz	{ display:flex !important; opacity:0.75; }
tr.adat_sor .sormozgat_plusz:hover	{ opacity:1; transform:scale(1.25); }

/* húzás közben a cél sor jelzése */
tr.adat_sor.sormozgat_cel		{ background-color:rgba(13,110,253,0.08); }