/* LAto font type importálása*/
/* @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap'); */
/* #16a nagyon jó szín */
:root {
  --szoveg: #1D242B;
  --kattinthato: #11447E; /*kek gombok, kattintható elemek*/

  --kiemeles: #DD322E; /* voros */
  --inputmezo_hatter: #F7F7F7;
  --inputmezo_border: #c4c4c4;
  --absztrakt_elvalaszto_vonal: #E7E8E9; /* helyette inputmezo_border-t használom */
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

@font-face { font-family: "Font Awesome 5 Free"; src: url("fa-solid-900.woff2") format("woff2") ; font-style: normal; font-weight: 900; font-display: auto; }


* {box-sizing:border-box;}

html 
{
	min-height:100vh;
	font-size:18px;
	border:0px;
	background-color:white;
	color: var(--szoveg);
	font-family: 'Open Sans', sans-serif; !important
}

body
{
  /* font-family: 'Lato', sans-serif; */
  background-color:white;
  overflow:auto;
  margin:0px;
  border:0px;
  min-height:100%;
}

.display_none
{
		display:none;
}

.display_block
{
		display:block;
}

.display_flex
{
		display:flex;
}

.clear_both
{
		clear:both;
}

a{
	text-decoration:none;
	color: var(--kattinthato);
}


input, button
{
	font-family: 'Open Sans', sans-serif; 
	border:1px solid var(--inputmezo_border);
	border-radius:9px;
}

input[type=text]::placeholder
{
		font-style:italic;
}

input[type=password]::placeholder
{
		font-style:italic;
}


a:hover{
	text-decoration:none;
	color: var(--kiemeles);
}

.oldalcim
{
	font-size:36px;
	font-weight:600;
}

.outer_wrapper
{
		max-width:1440px;
		margin:0px auto;
		background-color:white;
}

.material-icons.md-18 
{
	font-size: 22px; 
	vertical-align:sub;
}

.material-icons.md-24 
{
	font-size: 24px; 
	vertical-align:sub;
}

.material-icons.md-36 
{
	font-size: 36px; 
	/* vertical-align:sub;*/
	padding:0 10px 0 10px;
}

.material-icons.md-48 
{
	font-size: 48px; 
	/* vertical-align:sub;*/
	padding:0 10px 0 10px;
}

.material-icons:hover
{
	/*	color:var(--kiemeles); 
		 cursor:pointer; */
}


.material-icons-outlined.md-18 
{
	font-size: 22px; 
	vertical-align:sub;
}

.material-icons-outlined.md-24 
{
	font-size: 24px; 
	vertical-align:sub;
}

.material-icons-outlined.md-36 
{
	font-size: 36px; 
	/* vertical-align:sub;*/
	padding:0 10px 0 10px;
}

.material-icons-outlined.md-48 
{
	font-size: 48px; 
	/* vertical-align:sub;*/
	padding:0 10px 0 10px;
}


.button
{
		display:inline-block;
		background-color: var(--kattinthato);
		border-radius: 28px;
		color:white;
		padding:9px;
		padding-bottom:10px;
		outline:none;
		font-size:18px;
		font-weight:600;
		border:0;
		line-height:17px;
		cursor:pointer;
}

.button:hover
{
		background-color: var(--kiemeles);
}

.content
{
	width:100%;
	padding-left:5%;
	padding-right:5%;
	padding-top:0;
	padding-bottom:5%;
	position:relative;
}

.urlap_wrapper_keretes
{
	border:2px solid var(--absztrakt_elvalaszto_vonal); 
	border-radius:5px; 
	padding:10% 10% 3% 10%;
	margin-bottom:5%;
}

.belso_urlap_cim
{
	font-size:36px;
	margin-top:0;
}

/********************************************************************************************************************-
/
/				FEJLEC + LÁBLÉC
/
/********************************************************************************************************************/
		.fejlec_outer_wrapper
		{
		}

		.lablec_outer_wrapper
		{
		}

		

		.fejlec_sor
		{
			width:100%;
			padding-left:5%;
			padding-right:5%;
			border-bottom: 1px solid #E7E8E9;
			padding-top:15px;
			padding-bottom:15px;
			position:relative;
		}

		.flex_fejlec_1sor
		{ 
				display:flex;
				flex-direction:row;
				align-items: stretch; /* ez a default */
				align-items: center; /* flex containeren belül az elemek függőlegesen középre lesznek igazítva */
				background-color:white;
		}

		.flex_logo
		{
				min-width: 200px;
				flex-grow:1;
				flex-shrink:1;
				flex-basis:400px;
				display:flex;
				flex-direction:row;
				align-items: center; /* flex containeren belül az elemek függőlegesen középre lesznek igazítva */
		}

		.flex_logo img
		{
			display:block;
			width:200px;
		}

		.flex_login_container
		{
			display:flex;
				flex-direction:row;
				 justify-content: flex-end;
				align-items: stretch; /* ez a default */
				align-items: center; /* flex containeren belül az elemek függőlegesen középre lesznek igazítva */
		}

		.flex_login
		{
				min-width:80px;
				flex-grow:1;
				flex-shrink:1;
				flex-basis:100px;
				background-color:white;
				text-align:right;
				color: var(--kattinthato);
		}

		.flex_login:hover
		{
				min-width:80px;
				flex-grow:1;
				flex-shrink:1;
				flex-basis:100px;
				background-color:white;
				text-align:right;
				color: var(--kiemeles);
		}
		
		/*==============================================================================================*/
		.lablec_sor
		{
			width:100%;
			padding-left:5%;
			padding-right:5%;
			border-top: 1px solid #E7E8E9;
			padding-top:15px;
			padding-bottom:15px;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			align-items: center;
		}

		.flex_lablec_publish_by
		{
			flex-basis:95%;
			flex-grow:1;
			flex-shrink:1;
			font-size:18px;
		}

		.flex_lablec_publisher
		{
			flex-basis:45%;
			flex-grow:1;
			flex-shrink:1;
			font-size:14px;
		}

		.flex_lablec_publisher_logo
		{
			flex-basis:45%;
			flex-grow:1;
			flex-shrink:1;
			text-align:right;
		}

		.flex_lablec_copyright
		{
			flex-basis:95%;
			flex-grow:1;
			flex-shrink:1;
			font-size:14px;
		}
		
		.flex_search_for_articles
		{
				min-width: 150px;
				flex-grow:1;
				flex-shrink:1;
				flex-basis:200px;

		}

		.flex_form
		{
				flex-grow:10;
				flex-shrink:10;
				flex-basis:800px;
		}
		
		.flex_search_input
		{
				min-width: 200px;
				
				display:flex;
				flex-direction:row;
				align-items: stretch; /* ez a default */
				align-items: center; /* flex containeren belül az elemek függőlegesen középre lesznek igazítva */
				border:1px solid grey;
				border-radius:18px;
				padding: 0 10px 0 10px;
				background-color: var(--inputmezo_hatter);
		}

		.fooldali_search_mezo  /*input*/
		{
				width:100%;
				height:36px;
				border:0;
				outline:none;
				background-color:transparent;
				font-size:18px;
				font-weight:300;
				
		}
		.flex_search_input:focus-within
		{
				border:1px solid var(--kiemeles);
		}

		.search_icon
		{
				cursor:pointer;
		}
		
		.search_icon:hover
		{
				color:var(--kiemeles) !important;
		}
		
		.flex_advanced_search
		{
				min-width: 140px;
				flex-grow:1;
				flex-shrink:1;
				flex-basis:140px;
		}
		
		.button_advanced_search
		{
			display:inline-block;
			background-color: var(--kattinthato);
			border-radius: 28px;
			color:white;
			padding:9px;
			padding-bottom:10px;
			outline:none;
			font-size:14px;
			font-weight:600;
			border:0;
			line-height:17px;
			cursor:pointer;
		}
		
		.button_advanced_search:hover
		{
			background-color: var(--kiemeles);	
		}
		/*==============================================================================================
		/
		/		FELSŐ MENŰ
		/
		/*=============================================================================================*/
				.display_none_menu
				{
						
				}
					
				.display_block_menu
				{
						
				}
				
				.menu_icon_label
				{
					display: none;
				}
	
				.flex_menu_wrapper
				{
						flex-grow:1;
						flex-shrink:1;
						flex-basis:796px;
						background-color:white;
				}

				.flex_menu
				{
						display:flex;
						flex-direction:row;
						align-items: stretch; /* ez a default */
						align-items: center; /* flex containeren belül az elemek függőlegesen középre lesznek igazítva */
						background-color:white;	
				}

				.flex_menu_item
				{
						flex-grow:1;
						border-bottom:1px solid white; /* azért kell, mert ha ez nem volna, akkor a lenyíló menüt tartalmazó főmenüre húzva az egeret az egy kicsit függőlegesen elmozdul, amikor a piros aláhúzás vonal megjelenik. Így viszont nem mozdul el */
						
				}

				.flex_menu_item a
				{
					text-decoration: none;
					color:black;
				}

				.flex_menu_item div:first-child
				{

						 border-bottom:1px solid white;
				}

				.flex_menu_item:hover div:first-child
				{
						 border-bottom:1px solid red; 
				}

				.flex_menu_item:hover .dropdown_wrapper {
				  display: block;
				}

				.menu_item_label
				{
					cursor:pointer;
					padding: 15px 0px;
					display:inline-block;
				}

				.dropdown_wrapper {
				  display: none;
				  position: absolute;
				  background-color: var(--inputmezo_hatter);
				  min-width: 160px;
				  border: 1px solid #E7E8E9;
				  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
				  z-index: 1;
				}

				.dropdown_wrapper a {
				  float: none;
				  color: black;
				  padding: 10px 16px;
				  text-decoration: none;
				  display: block;
				  text-align: left;
				  background-color: var(--inputmezo_hatter);
				}

				.dropdown_wrapper a:hover {
				  background-color: #E7EAF0;
				}

				/*
				.flex_menu div.flex_menu_item:first-child
				{
						display:none;
				}
				*/




			/*====================================================================================================================================*/
			/*====================================================================================================================================*/
			/*====================================================================================================================================*/
			/*
					1. @MEDIA max-width:1000px
			*/
			/*====================================================================================================================================*/
			/*====================================================================================================================================*/
			/*====================================================================================================================================*/

			/* @media only screen and (min-resolution: 300dpi)*/
			/* EREDETILEG @media only screen and (max-width: 1000px) and (max-resolution: 120dpi) */
			@media only screen and (max-width: 1000px)
			{
			/*
				#hamburger_menu
				{
						display:inline-block;
				}
				
				.material-icons:hover
				{
						color:var(--kiemeles);
						cursor:pointer;
				}

				#hamburger_menu_2
				{
						display:inline-block;
				}
				
				#hamburger_menu_2:hover + div /*flex_menu megjelenítés
				{
						display:block;
				}
				
				#menu_icon + label:before
				{
						font-family: "Material icons";
						content:'\e5d2'; /* hamburger ikon 
						font-size:36px;
						color:black;
				}

				#menu_icon:checked + label:before
				{
						font-family: "Material icons";
						content:'\e5d2'; /* hamburger ikon 
						font-size:36px;
						color:black;
				}
			*/
			/*	
				.flex_menu > div:first-child:before
				{
						font-family: "Material icons";
						content:'\e5cd'; /* X icon 
						font-size:36px;
						color:black;
						
				}
			*/		
				/*
				#hamburger_menu:hover 
				{
						display:none;
				}
				*/
			/*	
				#topmenu
				{
						display:none;
				}
			*/
				.menu_icon_label
				{
						color:transparent;
				}
				
				.menu_icon_label
				{
					display: inline;
				}
				
				#menu_icon + label:before
				{
						font-family: "Material icons";
						content:'\e5d2'; /* hamburger menu  icon */
						font-size:36px;
						color:black;
				}
				
				#menu_icon:checked + label:before
				{
						font-family: "Material icons";
						content:'\e5cd'; /* X icon */
						font-size:36px;
						color:black;
				}
				
				.display_none_menu
				{
						display:none;
				}
				
				.display_block_menu
				{
						display:block;
				}
				
				.flex_menu_wrapper
				{
						/* display:none; nem szabad ideirni, mert a display_none-val lesz ez beállítva */
						
						position:absolute;
						top:86px;
						left:0;
						z-index:30;
						
						min-width:100%;
						background-color:var(--inputmezo_hatter);
						color:red;
						min-height:100vh;
						background-color:rgba(0,0,0,0.3);
						/* height:10px; */
				}
				
				
			/*	
				.flex_menu_wrapper:hover div.flex_menu
				{
					min-height:calc(100vh - 30px);
				}
			*/
				
				/*
				Ha ez van megadva, és az alábbi .flex_menu:hover nem, akkor is működik valamiért;
				.flex_menu_wrapper:hover div.flex_menu
				{
						display:block;
				}
				*/
				
			/*	
				.flex_menu:hover 
				{
						display:block;
				}
			*/
				
				.flex_menu
				{
					display:block;
					/*	
					position:absolute;
					top:60px;
					left:0px;

					z-index:20;
					*/
					/*background-color: var(--kattinthato); 
					background-color:rgba(0,0,0,0.6);
					background-color:red;
					background-color:transparent;*/
					background-color:var(--inputmezo_hatter);
					color: var(--kattinthato); 
					min-width:60%;
					max-width:300px;
					min-height:100vh;
				}
				

				.flex_menu_item
				{
					display:block;
					padding:5px 5px;
					border:0px;
					/* color: white; */
					width:100%;
				}

				.flex_menu div.flex_menu_item:first-child
				{
						display:block;
				}	
				
				.flex_menu_item a
				{
					 color: var(--kattinthato);
				}
				
				.flex_menu_item a:hover
				{
					 color: var(--kiemeles);
				}
				
				.flex_menu_item div:first-child
				{
						padding:5px 0px;
						border:0px;
				}
				
				.flex_menu_item div:first-child
				{

						 border-bottom:0px;
				}

				.flex_menu_item:hover div:first-child
				{
						 border-bottom:0px; 
				}
				
				/*
				.flex_menu_item:hover div:first-child
				{
						border:0px;
				}
				*/
				
				.menu_item_label:before /* ez azért kell, hogy amelyik főmenünek nincs almenüje, az is balról egy vonalba legyen azokkal, amelyeknek van almenüje, és ezért megjelenik egy nyíl balra */
				{
					font-family: "Material icons";
					font-size:14px;
					content: '\e5e1'; /* arrow forward IOS (jobbra nyíl) */
					color:var(--inputmezo_hatter);
				}
				
				.menu_item_label.dropdown_menu_item:before
				{
					font-family: "Material icons";
					font-size:14px;
					content: '\e5e1';
					color:white;
					color:var(--kattinthato);
					padding-left:5px;
					padding-right:5px;
				}

				.menu_item_label.dropdown_menu_item:hover
				{
				}
				
				.menu_item_label.dropdown_menu_item:hover:before
				{
					font-family: "Material icons";
					font-size:24px;
					content: '\e5cf'; /* expand more (lefelé nyíl) */
					color:var(--kattinthato);
					vertical-align:middle;
					padding-left:0px;
					padding-right:0px;
				}

				
				.dropdown_wrapper {
						display:none;
						position:relative;
						border:0;
						/* background-color: var(--kattinthato); */
						box-shadow:none;
						padding-left:14px;
				}
				.dropdown_wrapper a{
						/* background-color: var(--kattinthato);  */
						color: var(--kattinthato); 
				}
				
				.dropdown_wrapper a:hover {
					/* background-color: var(--kattinthato); */
					color: var(--kiemeles);
				}
				
				/*

				.dropdown_wrapper a {
				  float: none;
				  color: black;
				  padding: 10px 16px;
				  text-decoration: none;
				  display: block;
				  text-align: left;
				  background-color: #f9f9f9;
				}

				.dropdown_wrapper a:hover {
				  background-color: #E7EAF0;
				}
				*/
				
				.flex_lablec_publisher
				{
					flex-basis:45%;
					flex-grow:1;
					flex-shrink:1;
				}

				.flex_lablec_publisher_logo
				{
					flex-basis:95%;
					flex-grow:1;
					flex-shrink:1;
					text-align:center;
				}

				.flex_lablec_copyright
				{
					flex-basis:95%;
					flex-grow:1;
					flex-shrink:1;
				}
				
				.content
				{
					/*padding-left:0;
					padding-right:0;*/
				}	
			}


		/*====================================================================================================================================*/
		/*====================================================================================================================================*/
		/*====================================================================================================================================*/
		/*
				2. @MEDIA max-width:600px
		*/
		/*====================================================================================================================================*/
		/*====================================================================================================================================*/
		/*====================================================================================================================================*/
		/* @media only screen and (min-resolution:300dpi) 
		@media only screen and (max-width: 600px) and (max-resolution: 500dpi) */
		/* eredetileg @media only screen and (max-width: 600px) and (max-resolution: 120dpi) */
		@media only screen and (max-width: 600px) 
		{
			#search_for_articles
			{
					display:none;
			}
				
			#advanced_search
			{
					display:none;
			}
			
			
		}




/*=============================================================================================================*/
/* 
/*    HIBUZENET ABLAK
/*
/*=============================================================================================================*/
.message_window_cover_wrapper
{
		position:fixed; /* absolute  */
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		background-color: rgba(0,0,0, 0.4);
		z-index:20;
		
		justify-content: center;
		align-items: center;
		/*display:none és display:flex-et kell váltogatni;*/
}

.message_window_wrapper
{
		background-color:white;
		/* width:45%; */
		text-align:center;
		max-width:800px;
}

@media (max-width:800px)
.message_window_wrapper
{
		background-color:white;
		width:95%;
		text-align:center;
	
}
/*
.message_window_wrapper
{
		margin: 0 auto;
		background-color:white;
		width:45%;
		text-align:center;
		position:absolute;
		top:0px;
}
*/

.message_container
{
		
		display:inline-block;
		padding:20px;
		background-color: rgba(255,255,255, 1);
		z-index:200;
		text-align:center;
		width:100%;
		min-width:300px;
}

.message_ok_button
{
		padding:5px;
		margin:5px;
}


		
/*==============================================================================================*/
/*FŐOLDAL*/
/*==============================================================================================*/
.slogen_wrapper > div:first-child
{
		padding:6% 5% 6% 5%;
		background-image:url("slogen_hatter_x1_5.png");
		background-repeat: no-repeat;
		background-position: center center;
		
}

.slogen_wrapper > div:first-child img
{
		opacity:15%;
}

.slogen_fo
{
		margin-top:0;
		margin-bottom:0;
		font-size:48px;
		font-weight:600;
}

.kek
{
		color: var(--kattinthato);
}

.slogen_szoveg
{
		font-size:36px;
		width:70%;
		line-height: 38px;
}

.metric_wrapper 
{
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content:space-between;
		background-color: var(--inputmezo_hatter);
		padding:0% 5% 4% 5%;
		margin-bottom:5%;
}

.metric_wrapper > div
{
		flex-basis:49%;
}

.journal_metric_wrapper
{
		display:flex;
		flex-direction: row;
		align-items: stretch;
		justify-content:space-between;
}

.metric_column_wrapper
{
		display:flex;
		flex-direction: row;
		align-items: stretch;
		justify-content:space-between;
		padding-top:5%;
}

.metric_column_wrapper >div:first-child
{
		flex-basis:40px;
		align-self:center;
}


.metric_column_wrapper >div:nth-child(2)
{
		flex-basis:90%;
}

.info_icon
{
		display:inline-block;
		cursor:pointer;
}

.info_icon:hover
{
		color:var(--kiemeles);
}

.width_18
{
		width:18px;
}

/*
.info_icon_before::before
{
		content: "\e88e";
		font-family: "Material icons";
		color: black;
		cursor:pointer;
}
*/

.metric_title
{
	font-weight:600;
	font-size:24px;
	padding-bottom:3%;
}

.metric_text
{
	font-size:18px;
}

.padding_left_24px
{
	padding-left:24px;
}

.margin_right_6px
{
	margin-right:6px;
}
/*----------------------*/
._3column
{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		align-items: stretch;
		padding-left:5%;
		padding-right:5%;
		justify-content: space-between;
}

._3column > div
{
		background-color:var(--inputmezo_hatter);
		flex-basis: 32%;
}

._3column > div > div img
{
		display:block;
		width:100%;
}

._3column .header1
{
		font-size: 24px;
		padding: 20px 0 20px 0;
}

._3column .description
{
		font-size:16px;
		padding-bottom:20px;
}

.menu_in_text a
{
		display:block;
		margin-bottom:12px;
}

._3column .text
{
		padding:16px;
}

.sorrend1
{
		order:1
}

.sorrend2
{
		order:2
}

.about_the_journal
{
	background-image: url('about_journal.png');
	background-repeat: no-repeat;
	background-position:center;
	background-attachment: fixed;
	background-size:100%;
}

@media only screen and (max-width:1000px)
{
		.metric_wrapper 
		{
				display:flex;
				flex-direction: column;
				flex-wrap: wrap;
				
		}

		.metric_wrapper > div
		{
				flex-basis:100%;
		}
}
@media only screen and (max-width:1000px)
{
		.slogen_fo
		{
				font-size:36px;
		}

		.slogen_szoveg
		{
				font-size:24px;
				line-height: 30px;
				width:85%;
		}
		
		.metric_title
		{
			font-weight:600;
			font-size:24px;
			padding-bottom:3%;
		}
		
		.metric_text
		{
			font-size:18px;
		}
		
		._3column
		{
				width:100%;
				display:flex;
				flex-direction:column;
				flex-wrap: nowrap;
				align-items: stretch;
				padding-left:0%;
				padding-right:0%;
				justify-content: space-between;
		}
		
		.post > div:first-child
		{
				background-color:var(--inputmezo_hatter);
				flex-basis:40%;
		}

		.post > div:nth-child(2)
		{
				background-color:var(--inputmezo_hatter);
				flex-basis:60%;
		}
		
		.post + div + img
		{
				display:block;
				height:100%;
		}
		
		.post
		{
				width:100%;
				display:flex;
				flex-direction:row;
				flex-wrap: nowrap;
				align-items: stretch;
				padding-left:0%;
				padding-right:0%;
				justify-content: space-between;
				margin-bottom:2vh;
		}
		
		.post:nth-child(2n) > div:nth-child(2)
		{
				order:1
		}
		.post:nth-child(2n) > div:nth-child(1)
		{
				order:2
		}
		
		
}

@media only screen and (max-width:500px)
/*@media only screen and (min-resolution: 300dpi)*/
{
	
		.slogen_fo
		{
				font-size:24px;
		}

		.slogen_szoveg
		{
				font-size:18px;
				line-height: 24px;
				width:100%;
		}

		
		.metric_title
		{
			font-weight:600;
			font-size:18px;
			padding-bottom:3%;
		}
		
		.metric_text
		{
			font-size:16px;
		}
		
		._3column
		{
				width:100%;
				display:flex;
				flex-direction:column;
				flex-wrap: nowrap;
				align-items: stretch;
				padding-left:0%;
				padding-right:0%;
				justify-content: space-between;
		}
		
		.post
		{
				width:100%;
				display:flex;
				flex-direction:column;
				flex-wrap: nowrap;
				align-items: stretch;
				padding-left:0%;
				padding-right:0%;
				margin-bottom:2vh;
		}

		.post:nth-child(2n) > div:nth-child(2)
		{
				order:2
		}
		.post:nth-child(2n) > div:nth-child(1)
		{
				order:1
		}
		
		.metric_column_wrapper >div:first-child
		{
				display:none;
		}
}

/*==============================================================================================*/
/*ADVANCED SEARCH*/
/*==============================================================================================*/

.sinput
{
	font-size:16px;
	margin-bottom:20px;
	outline:0;
	padding:10px 5px;
}

.input_100
{
		width:100%;
		
}

.label_100
{
		width:100%;
		display:inline-block;
}

.input_30
{
		width:30%;
}



/*==============================================================================================*/
/*  ISSUE*/
/*==============================================================================================*/

.articles_wrapper
{
		background-color: var(--inputmezo_hatter);
		padding:5% 2%;
}

.one_article_wrapper
{
	
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	align-items: stretch;
	padding-left:0%;
	padding-right:0%;
	margin-bottom:2vh;
	background-color: white;
	justify-content:space-between;
}

.one_article_checkbox
{
	flex-basis:5%;
	align-self: center;
	text-align:center;
	padding-left:2%;
	padding-right:2%;
	
}
.one_article_data
{
	flex-basis:50%;
	padding-right:0;
	
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	
}

.one_article_data_adatresz
{
	width:100%;
}

.article_picture
{
	flex-basis:40%;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:20px;
}

.article_picture > img
{
		width:100%;
}

.one_article_title
{
		color: var(--kattinthato);
		padding:3% 3% 3% 0%;
}

.one_article_etc
{
		line-height:36px;
		font-size:16px;
}

.one_article_control
{

	display:flex;
	flex-direction:row;
	flex-wrap: nowrap;
	align-items: stretch;

	color: var(--kattinthato);
	font-size:16px;
	line-height:24px;
	padding-top:5%;
	justify-content: space-between;
}

.one_article_control > div
{
		/* flex-basis:32%; */
}

.abstract_nyito_zaro_label:after,
.export_citation_label:after
{
		font-family: "Material icons";
		font-size:24px;
		content: '\e5cf'; /* expand more (lefelé nyíl)*/
		color:var(--kattinthato);
		vertical-align:middle;
		
}

.download_label:after
{
		font-family: "Material icons Outlined";
		font-size:24px;
		content: '\e2c4'; /* file download */
		color:var(--kattinthato);
		vertical-align:middle;
		
}

.download_label:hover:after
{
		color:var(--kiemeles);
}

.klikkelheto:hover
{
	color:var(--kiemeles);
	cursor:pointer;
}

.klikkelheto:hover > label
{
	color:var(--kiemeles);
	cursor:pointer;
}

.klikkelheto:hover > :after
{
	color:var(--kiemeles);
	cursor:pointer;
}

.rejtett_checkbox
{
		display:none;
}

.toggle_checkbox:checked + label
{
		color:var(--kiemeles);
}


.toggle_checkbox:checked + :after
{
		color:var(--kiemeles);
		content: '\e5ce'; /* expand less (felfelé mutató nyil) */
}

/*
.select_all_label:before
{
		font-family: "Material icons Outlined";
		font-size:36px;
		content: '\e836';
		color:var(--inputmezo_border);
		vertical-align:middle;
}
*/
.select_all_checkbox:checked + label
{
	color:var(--kiemeles);
}

.select_all_checkbox:checked + label:before
{
		font-family: "Material icons";
		font-size:36px;
		content: '\e86c'; /* check circle (kor benne pipa) */
		color:var(--kiemeles);
		vertical-align:middle;
}

.one_article_wrapper_alahuzas
{
		border-bottom:1px solid grey;
}

.abstract_wrapper
{
		padding-left: 5%;
		padding-top:2%;
		padding-bottom:5%;
		padding-right:2%;
		text-align: justify;
		
}

.abstractelvalaszto_vonal
{
	/* 	width:50%; */
	/*	border-bottom:1px solid var(--inputmezo_border); */
}



.articles_control_band_left_section
{
	width:50%;
	min-width:450px;
	padding-left:1%;
	float:left;
	
	display:flex;
	flex-direction:row;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	
	color: var(--kattinthato);
	font-size:16px;
	line-height:24px;
	padding-bottom:5%;
	
}



/* .articles_control_band > div:not(:first-child) */
.articles_control_band > div
{
	/*
	flex-basis:16%; 
	min-width:150px;
	*/
}



/*.selection_icon:after*/
.selection_icon:before
{
		font-family: "Material icons Outlined";
		font-size:36px;
		content: '\e836'; /* radio button unchecked (ures kor) */
		color:var(--inputmezo_border);
		vertical-align:middle;
}

/*.selection_checkbox:checked + label:after*/
.selection_checkbox:checked + label:before
{
		font-family: "Material icons";
		font-size:36px;
		content: '\e86c'; /* check circle (kor benne pipa) */
		color:var(--kiemeles);
		vertical-align:middle;
}


.one_article_control_2
{
		display:none;
}



@media only screen and (max-width:720px)
{
		.one_article_wrapper
		{
			display:flex;
			flex-direction:column;
			flex-wrap: nowrap;
			align-items: stretch;
			padding-left:0%;
			padding-right:0%;
			margin-bottom:2vh;
			background-color: white;
			justify-content:space-between;
		}
	
		.one_article_checkbox
		{
				display:none;
		}
		
		.one_article_title
		{
				font-size: 16px;
		}
		.one_article_etc
		{
				font-size: 14px;
				line-height:24px;
				padding-bottom:3%;
		}
		.one_article_control
		{
				display:none;
		}
		.abstract_wrapper
		{
				font-size: 14px;
		}
		
		.abstractelvalaszto_vonal
		{
			width:100%;
		}
		
		.one_article_data
		{
			flex-basis:95%;
			padding-right:5%;
			padding-left:5%;
		}
		
		.article_picture
		{
			width:80%;
			margin:auto;
		}
		
		.one_article_control_2
		{
				flex-basis:95%;
				display:flex;
				flex-direction:row;
				flex-wrap: nowrap;
				align-items: stretch;
				justify-content: space-between;
				
				font-size:14px;
				padding-top:3%;
				padding-bottom:3%;
				padding-left:5%;
				padding-right:5%;
		}
		
		.articles_control_band_left_section
		{
				display:none;
		}
}


/*==============================================================================================*/
/*  ALL ISSUE*/
/*==============================================================================================*/

div.issues > div.volume
{
		padding:1% 0 1%;
		border-top:2px solid var(--absztrakt_elvalaszto_vonal);
}

div.issues > div.volume:last-child
{
		
		border-bottom:2px solid var(--absztrakt_elvalaszto_vonal);
}

.volume_toggle
{
		color: var(--kattinthato);
		font-size:24px;
		cursor:pointer;
}

.volume_toggle:before
{
		font-family: "Material icons";
		font-size:36px;
		content: '\e5cc'; /* chevron right (jobbra nyíl) */
		color: var(--kattinthato);
		vertical-align:middle;
		cursor:pointer;
}

.volume_toggle:hover,
.volume_toggle:hover:before
{
		color: var(--kiemeles);
}

.number
{
		display:none;
		border-top:2px solid var(--absztrakt_elvalaszto_vonal);
		padding:1% 0% 0% 5%;
		margin-top:1%;
}

.number > div 
{
		padding:1% 0 1% 0;
		
}

.checkbox_issue:checked + label
{
		color: var(--kiemeles);
}


.checkbox_issue:checked + label:before
{
		color: var(--kiemeles);
		font-family: "Material icons";
		font-size:36px;
		content: '\e5cf'; /* expand more (lefelé nyíl) */
}

.checkbox_issue:checked + label + div
{
		display:block;
}

/*
 [type="checkbox"]:checked + label:before
 {
		content: 'AA';
		color:blue;
 }
*/

@media only screen and (max-width: 600px) and (max-resolution: 120dpi)
{
		.volume_toggle
		{
				font-size:18px;
		}
		
		.volume_toggle:before
		{
				font-size:24px;
		}
		.checkbox_issue:checked + label:before
		{
			font-size:24px;
		}
		
		.number
		{
			font-size:14px;
		}
}

/*==============================================================================================*/
/*  EDITORIAL BOARD*/
/*==============================================================================================*/
.editor_wrapper
{
		display:flex;
		flex-direction:row;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: flex-start;
}

.editorial_portre
{
		
}

.editorial_portre_img
{
	width:20%;
	height:20%
	display:inline-block;
}

.editorial_nev
{
		display:flex;
		flex-direction:row;
		flex-wrap: nowrap;
		align-items: center;
		
		font-size:24px;
		font-weight:600;
		margin-bottom:0px;
}

.board_icon_img
{
		display:block;
		padding-left:14px;
}

.editorial_beosztas
{
		font-size:18px;
		font-weight:600;
		margin-top:0px;
}

.profil_wrapper
{
		padding:20px 20px 0 0;
}

.editor_portre_img {
  /* clip-path: circle(50% at center); */
  border-radius: 50%;
  
}

.fekete_keret
{
	border:4px solid black;
}

@media only screen and (max-width: 720px) and (max-resolution: 120dpi)
{
		.editor_wrapper
		{
				display:flex;
				flex-direction:row;
				flex-wrap: wrap;
				align-items: stretch;
				justify-content: flex-start;
		}

		.profil_wrapper
		{
				padding:0 0 0 0;
				margin:auto;
		}
}


/*==============================================================================================*/
/*  SCOPE*/
/*==============================================================================================*/
.scope_if_diagram_wrapper
{
		width:80%;
		margin:auto;
}
.scope_if_diagram
{
		width:100%;
}

/*=============================================================================================================*/
/* 
/*    DIALOGWINDOW 
/*
/*=============================================================================================================*/
div.formwrapper
{
		position: fixed;
		 top: 50%;
		 left: 50%;
		 transform: translate(-50%, -50%);
		background-color:rgb(238,238,238);
		border:1px solid rgb(138,138,138);
		 padding:1px; 
		z-index:10; 
		width:500px;
		max-width:90%;
		
}

div.formtitle
{
		background-color:rgb(78,150,50);
		padding:5px;
		cursor:move;
		color:white;
}

div.formcontent
{
		height:auto;
		max-height:70vh;
		overflow-y:auto;
}

input.balrauszogomb
{
	float:left;
	margin-left:20px;
	background-color:rgb(78,150,50);
	color:white;
	border:1px solid rgb(58,111,37) !important;
	border-radius: 2px;
	cursor:pointer;
	text-align:center;
}

input.balrauszogomb:hover
{
	box-shadow: 0px 0px 7px 0px black;
}

input.balrauszogomb:disabled
{
	background-color:rgb(120,120,120);
}

input.jobbrauszogomb
{
	float:right;
	margin-right:20px;
	background-color:rgb(78,150,50);
	color:white;
	border:1px solid rgb(58,111,37) !important;
	border-radius: 2px;
	cursor:pointer;
	text-align:center;
}
input.jobbrauszogomb:hover
{
	box-shadow: 0px 0px 7px 0px black;
}

/*=============================================================================================================*/
/* 
/*    URLAP
/*
/*=============================================================================================================*/
.urlap_ellenorzes_hiba
{
		color:red;
		text-align:right;
}

/*=============================================================================================================*/
/*  KEYWORD DIALOGWINDOW LISTABAN
/*=============================================================================================================*/ 
  .keyword_topic_closed
  {
		  /* content: ' \229E'; */
		  background-image: url('square_plus_11_15.png');
		  background-repeat: no-repeat;
		  padding-left: 17px;
		  cursor:pointer;
  }
  
  .keyword_topic_opened
  {
		  /* content: ' \229E'; */
		  background-image: url('square_minus_11_15.png');
		  background-repeat: no-repeat;
		  padding-left: 17px;
		  cursor:pointer;
  }
  
  /********************************
  KEYWORD ACCORDION
***/  
.accordion_unit
{
		margin:0 auto 1px auto;
		transition: ease 3s;
		position:relative;
		width:100%;
		max-width:800px;
		background-color: #E5E5E5;
		border: 1px solid #E5E5E5;
}

.accordion_unit:first-child
{
		border-radius: 3px 3px 0 0;
}

.accordion_unit input.keyword_topic
{
		display:none;
}

.accordion_unit .accordion_label
{
		color: #616161;
		border-bottom: 1px solid #C5C5C5;
		padding:12px 24px 12px 10px;
		display:block;
		cursor:pointer;
		position:relative;
		z-index:1;
		transition: ease 3s;
}

.accordion_unit .accordion_label::after
{
		content: '\f31e';
		font-family: "Font Awesome 5 Free";
		font-size:15px;
		font-weight:bold;
		position:absolute;
		right:2.5%;
		top:34%;
}

.accordion_unit input.keyword_topic:checked + .accordion_label::after
{
		content:'\f78c';
		font-family: "Font Awesome 5 Free";
		font-size:15px;
		font-weight:bold;
		position:absolute;
		right:2.5%;
		top:34%;
}

.accordion_unit input.keyword_topic + .accordion_label + .accordion_content
{
		display:block;
		height:0px; 
		
		font-size: 14px;
		transition:ease 3s;
		
		width:100%;
		max-width:800px;
		padding:0px 0 0px 0; /* fontos, hogy ne legyen felső és alsó padding, mert akkor nem lesz 0px a magassága! */
		opacity: 1;
		overflow:hidden;
		transition: height .7s linear;
		-moz-transition: height .7s linear;
		-ms-transition: height .7s;
		-o-transition: height .7s;
		-webkit-transition: height .7s;
			
}

/*==============================================================================================*/
/*
/* registration és password_reset.php */
/*
/*==============================================================================================*/
.betuszin_hiba
{
	color:red;
}	


fieldset
{
		border:2px solid var(--inputmezo_border);
		border-radius:9px;
		margin-bottom:5%;
}

fieldset > legend
{
		font-weight:600;
		font-size:20px;
}


.keywords_alapurlap_wrapper
{
		border:1px solid #c1c1c1
}

.keyword_alapurlap_label
{
		display:inline-block;
		float:left;
}

.keyword_alapurlap_remove
{
		display:inline-block;
		float:right;
}
/*==============================================================================================*/
/* MANUSCRIPT CENTRAL */
/*==============================================================================================*/
/*
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: rgb(255, 255, 255);

}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

input:autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  background-color:white !important;
}
input:-webkit-autofill {
  border: 3px solid blue;
  background-color:red; !important;
}
input:-moz-autofill {
  border: 3px solid blue;
  background-color:red; !important;
}
*/