body {
 background-color: #f1f1f1;
  margin:0px; 
}

.cookie-banner {
  position: fixed;
  bottom: 40px;
  left: 10%;
  right: 10%;
  width: 80%;
  padding: 5px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #eee;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.close {
  height: 20px;
  background-color: #777;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer;
}


#keret_kulso{
 	background-color:#f1f1f1;
}



#keret{
 	background-color:#f1f1f1;
    position: fixed;
	width:100%;
}

#logo{
	margin-left: 40px;
	margin-top:23px;
	margin-right:30px;
    position: fixed;
}

#lang{
	float:right;
	margin-top:3px;
	margin-right:15px;
	font-size: 12px;
}

#lang a{
	color:#000;
	font-weight:bold;
	padding: 4px 8px;
  	text-align: center;
    text-decoration: none;
}
#lang a.active2 {
	color:#C00;
}

.button {
  background-color: #ce2d39; /* Green */
  border: none;
  color: white;
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.button2:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}


input[type=number] {
  /*  height: 30px;*/
	width: 150px;
}

input[type=number]:hover::-webkit-inner-spin-button {  
    width: 14px;
   /* height: 30px;  gomb magassága és szélessége a numerikus mezőknél*/
}


#tartalom{
	 padding-top:150px;
	 padding-left:30px; 
	 padding-right:30px;
	 min-height: 93vh;
	 text-align:justify;
}

#submit_none{
	border:hidden;
	background-color:inherit;
}
#submit_none:hover{
  color: #555;
  text-decoration: none;
  font-weight:bold;
}

#talloz{
  margin: auto;
  width: 50%;
}

#talloz a{
  color: #333;
  text-decoration: none;
  font-size: 15px;
  border:1 solid #0CF;
  padding-left:8px;
}
#talloz a:hover{
  color: #555;
  text-decoration: none;
  font-size: 15px;
  font-weight:bold;
  padding-left:8px;
}
#talloz active{
  color: #333;
  text-decoration: none;
  font-size: 15px;
  padding-left:8px;
}

#talloz2{
}

#talloz2 a{
  color: #333;
  text-decoration: none;
  border:1 solid #0CF;
  padding-left:8px;
}
#talloz2 a:hover{
  color: #555;
  text-decoration: none;
  font-weight:bold;
  padding-left:8px;
}
#talloz2 active{
  color: #333;
  text-decoration: none;
  padding-left:8px;
}

/* táblázatok fromázása*/
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  font-size: 12px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

/* táblázat fromázása keres*/
#keres {
  font-family: arial, sans-serif;
  /* border-collapse: collapse;
  width: 100%;*/ 
    list-style-type:none;
}

#keres li {
  float:left;
  font-size: 12px;
  text-decoration:none;
  list-style-type:none;
  padding:5px ;
  }

#lapoz_ossz{ 
	margin-top:-5px;
}

#lapoz{
  font-size: 12px;
  float:left;
	margin-top:-5px;	
}
#lapoz a{
  font-size: 12px;
  border:1px solid #999;
  padding:2px;
  margin:2px;
  float:left;
}
#lapoz a:hover{
  font-size: 12px;
  border:1px solid #999;
  float:left;
  background-color:#ccc;
}

#lapoz_line{
	float:right;
	margin-right:5px;
	font-size: 12px;
}

#lapoz_line a{
	color:#000;
	font-weight:bold;
	padding: 2px 8px;
  	text-align: center;
    text-decoration: none;
}
#lapoz_line a.active2 {
	color:#C00;
}

#doku_link{
	color:#333;
	margin:2px;
}
#doku_link a{
	color:#333;
	text-decoration:none;
	padding: 4px 8px;
}
#doku_link a:hover{
  background-color:#ccc;
}
#nincs{
	margin-top:15px;
}
#alert{
	color:#FF0000;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
#ok{
	color:#333;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	padding-top:10px;
}
#talalat{
	font-size:12px;
	font-style:italic;
}
#link a{
  color: #333;
  text-decoration: none;
  font-size: 12px;
}
#footer{
	height:50px;
	padding-top: 10px;
	padding-bottom:10px;
	  background-color: #333;
	  color:#FFF;
	  text-align:center;
	  font-size: 12px;
}
#clear {
  clear: both;			
}

#doboz{
	/*border:1px solid #F00;*/
	min-height:800px;
	background-color:#f1f1f1;
	}
#bal_szuro{
		border:1px solid #dddddd;
		float:left;
		width: 24%;
		padding:10px;
		text-align:left;
		min-height:600px;
}

#jobb_szuro {
	border:1px solid #dddddd;
		float:left;
		width: 76%;
		padding:20px;
		min-height:600px;
}

.back a{
  color: #333;
  text-decoration: none;
  font-size: 25px;
}
.back a:hover{
  color: #555;
  text-decoration: none;
  font-size: 25px;
}
.back active{
  color: #333;
  text-decoration: none;
  font-size: 25px;
}

#cim{
	margin-top:-7px;
	float:left;
}
/* Add a black background color to the top navigation és túlcsordulásnál nincs görgetés.*/
.topnav {
  background-color: #333;
  overflow: hidden;
  margin-top:90px;
  width:100%;
}
/* Style  navigation menun belül */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/*activ elem stilusa */
.active {
  background-color: #ce2d39;
  color: white;
}
/* Hide the link that should open and close the topnav on small screens/Rejtsd el a linket, amelynek nyitnia kell és bezárnia kell a felső képernyőt a kis képernyőkön */
.topnav .icon {
  display: none;
}
/* Dropdown container - needed to position the dropdown content / Legördülő tároló - a legördülő tartalom pozicionálásához szükséges */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
  font-size: 17px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
/* Style the dropdown content (hidden by default)//A legördülő tartalom stílusa (alapértelmezés szerint elrejtve) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button //Mutassa a legördülő menüt, amikor a felhasználó az egérrel mozgatja a legördülő gombot*/
.dropdown:hover .dropdown-content {
  display: block;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) / Ha a képernyő kevesebb, mint 600 pixel széles, elrejti az összes linket, kivéve az elsőt ("Otthon"). Mutassa a linket, amely tartalmazza a topnav (.icon) megnyitását és bezárását */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}



/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) /  
A "responsive" osztály hozzáadódik a topnavhoz JavaScript-kel, amikor a felhasználó rákattint az ikonra. Ez az osztály teszi a topnav kis képernyőkön jó megjelenését (a linkeket vízszintes helyett függőlegesen jelenítse meg)*/

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

/*Login Css*/
 * {
  	box-sizing: border-box;
  	font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;
  /*	font-size: 12px;*/
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

.login {
	/*  	width: 400px;*/
	width:300px;
  	background-color: #ffffff;
  	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
  	margin: 100px auto;
}

.login h2 {
  	text-align: center;
  	color: #5b6574;
  	font-size: 20px;
  	padding: 15px 0 15px 0;
  	border-bottom: 1px solid #dee0e4;
}

.login form {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	padding-top: 15px;
}

.login form label {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	width: 40px;
  	height: 40px;
  	background-color: #333;
  	color: #ffffff;
}

.login form input[type="password"], .login form input[type="text"] {
  	width: 230px;
  	height: 40px;
  	border: 1px solid #dee0e4;
  	margin-bottom: 20px;
  	padding: 0 15px;
}

.login form input[type="submit"] {
  	width: 100%;
  	padding: 15px;
 	margin-top: 20px;
  	background-color: #333;
  	border: 0;
  	cursor: pointer;
  	font-weight: bold;
  	color: #ffffff;
  	transition: background-color 0.2s;
}

.login form input[type="submit"]:hover {
	background-color: #5f574f;
  	transition: background-color 0.2s;
}