html *
{
	font-family: "Calibri";
}

h1, h2, h3, h4, h5, h6
{
	color: #002768;
}

table
{
	width : 100%;
}

table, th, td
{
	text-align:center;
	padding: 2 0;
}

.tablazat1
{
		margin:0;
}
.container_alap
{
	margin:0;
	padding:0;
	background-color:#e5ecf2;
	height:auto;
	min-height:100%;
	width:100%;
	text-align:center;
}

.login_input
{
    width: 30%;
	min-width: 300px;
    padding: 12px 20px;
    margin: 0px 0px 16px 0px;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	border-radius: 25px;
}

.data_input
{
    width: 80%;
	min-width: 300px;
	max-width: 500px;
    padding: 8px 20px;
    margin: 0px 0px 16px 0px;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	border-radius: 25px;
	font-size: 20px;
}

.data_input_vakcina
{
    width: 80%;
	min-width: 300px;
	max-width: 500px;
    padding: 8px 20px;
    margin: 0px 0px 16px 0px;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	border-radius: 25px;
	font-size: 20px;
}
@media (min-width: 768px) 
{
	.data_input
	{
		position: absolute;
		left: 0px;
		text-align:left;
	}

	.data_input_vakcina
	{
		position: absolute;
		left: 0px;
		text-align:left;
	}
	
	.lista_name
	{	
		text-align: left;
	}

	.lista_valasztas
	{
		margin:0 0 0 0;
	}
	
	.lista_fejlec
	{
		margin:0;
	}
	
	.div2
	{
		width:90%;
		height:25%;
		margin-top:20;
		padding-top:20px;
		border-style:groove;
		background-color:#e5ecf2;
	}
	
	.div1
	{
		width:90%;
		height:11%;
		margin-top:20;
		padding-top:20px;		
		border-style:groove;
		background-color:#e5ecf2;
	}
	
}

@media (max-width: 768px) 
{
	.data_input
	{
		text-align:left;		
	}
	
	.data_input_vakcina
	{
		text-align:left;		
	}	
	
	.lista_name
	{
		text-align: center;
	}

	.lista_valasztas
	{
		margin:0 0 15 0;
	}

	.lista_fejlec
	{
		margin:0;
	}

	.div2
	{
		width:90%;
		height:40%;
		min-height:100px;
		margin-top:20;
		border-style:groove;
		background-color:#e5ecf2;
	}
	
	.div1
	{
		width:90%;
		height:15%;
		margin-top:20;
		border-style:groove;
		background-color:#e5ecf2;
	}	
}

.login_label
{
	color:#002768;
	font-size: 20px;
}

.data_label
{
	width: 50%;
	max-width: 300px;
	color:#002768;
	font-size: 20px;
}

@media (min-width: 768px) 
{
	.data_label
	{
    text-align: left;
	}
}

.login_submit
{
    width: 30%;
	min-width: 300px;
    padding: 12px 20px;
    margin: 0px 0px 16px 0px;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	border-radius: 25px;
	background-color : #002768;
	color:white;
}

.table_submit
{
	min-width: 100px;
    padding: 0px 0px;
    margin: 0px 0px;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	border-radius: 25px;
	background-color : #002768;
	color:white;
}
.input_fomenu
{
	width : 100%;
	padding : 15px 0px;
	border-radius : 10px;
	color : white;
	background-color : #002768;
	font-size: 20px;
}

.input_fomenu_inaktiv
{
	width : 100%;
	padding : 15px 0px;
	border-radius : 10px;
	color : gray;
	background-color : #002768;
	font-size: 20px;	
}

.input_kilepes
{
	width : 10%;
	padding : 5px 0px;
	margin-right : 20px;
	margin-top : 10px;
	border-radius : 10px;
	color : white;
	background-color : #002768;	
}

.data_submit
{
    background-color: #4CAF50;
    color: white;
    padding: 0px;
    margin: 5px 0px;
    border: none;
    cursor: pointer;
    width: 50%;
	border-radius: 10px;
	height: 50px;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.korlap_textarea
{
    width: 90%;
    padding: 8px 20px;
    margin: 0px 0px 16px 0px;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	border-radius: 25px;
	font-size: 20px;
}

.korlap_torzs
{

}