form p {
	line-height: 1.5rem;
}

form p.check {
	display: flex;
	align-items: center;
}

input {
	border-radius: .25rem;
	border-color: #666666;
	margin: 3px;
	padding: 0 .25rem;
	display: block;
	height: 35px;
	width: 250px;
}

input[type=text],
input[type=number],
input[type=date],
input[type=password]{
	font-size: 20px;
}
input[type=checkbox]{
	display: inline;
	margin: 5px 1rem 5px 5px;
	width: 25px;
	font-size: 25px;
	/*display: block;*/
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	padding: 0px;

}
input[type=submit], input[type=button], button[type=submit]{
	/* background-color: #1B9BFF; */
	background-color: #A70B16;
	border:none;
	color: white;
	height: 35px;
	width: 250px;
	text-decoration: none;
	margin: 5px auto;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	border-radius: 8px;
}

input[type=submit].narrow, input[type=button].narrow, button[type=submit].narrow {
	width: auto;
	padding: 0 1rem;
}

select{
	font-size: 18px;
	margin: 5px;
	
}
.search{
	background-color: white;
    background-image: url('images/searchicon.png');
    background-position: 5px 5px; 
    background-repeat: no-repeat;
    padding-left: 40px;
    display: inline-flex;
}
#searchButton{
	position: relative;
	width:100px;
}
label{
	/*text-align: left;*/
	font-weight: bold;
	font-size: 1.125rem;
}
#userLogin #passwordLogin{
	margin: 0 auto;
	position: relative;
}
.searchForm{
	width: 370px;
}
.formItem{
	width: auto;
}
.persoTable{
	clear: both;
	margin: 0 auto;
	margin-left: 5px;
}
.navPersTable{
	clear: both;
	margin: 5 auto;
	margin-left: 5px;
	text-align: center;


}

.cols2 {
	display: flex;
	flex-direction: row;
	align-content: flex-start;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
}

.col2 {
	flex-grow: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-basis: 100%; /* Defaultně jeden sloupec */
    margin: 5px auto;
}

@media only screen and (min-width: 720px) {
	.col2 {
		flex-basis: 48%; /* 2 sloupce */
	}
}

@media only screen and (min-width: 990px) {
	.col2 {
		flex-basis: 32%; /* 3 sloupce */
	}
}
