.container {
	width: 100%;
	margin-bottom: 100px;
}

a {
	text-decoration: none;
	color: inherit;
}

header {
	height: 100px;
	display: flex;
	align-items: center;
	column-gap: 30px;
	background-color: rgb(118, 201, 118);
	margin-bottom: 30px;
	padding: 0 30px;
}

header h1 {
	font-size: 2rem;
	font-weight: bold;
}

header button.vlozit {
	padding: 10px 20px;
	color: white;
	background-color: cadetblue;
	border-radius: 20px;
	border: none;
}

form {
	display: flex;
	gap: 30px;
}

.form-control {
    width: 500px;
    height: 40px;
    font-size: 1.2rem;
    border: 1px solid lightgrey;
	padding-left: 5px;
}

#formular-novinka {
    display: flex;
    flex-direction: column;
    width: 95%;
    margin: auto;
}

form button {
	display: flex;
	justify-content: center;
	font-weight: bold;
	align-self: end;
	padding: 10px 20px;
}

.input_wrap {
	margin-bottom: 20px;
}

.chyba {
	color: red;
	font-size: 1.2rem;
}

.novinky {
	width: 80%;
	margin: auto;
	margin-bottom: 40px;
}

.novinky.detail {
    display: flex;
    width: 80%;
    flex-direction: column;
    align-items: center;
}

.novinky.detail article {
	display: flex;
	flex-direction: column;
	margin: auto;
}

.novinky.detail figure {
	height: fit-content;
	margin: auto;
}

.novinky.detail img {
	width: auto;
	height: auto;
}

.novinky h2 {
	font-size: 1.5rem;
}

.novinky time {
	font-size: 0.8rem;
	color: lightgrey;
}

.novinky article {
	display: flex;
	width: 700px;
	gap: 20px;
}

.novinky article p {
	font-size: 1rem;
	line-height: 1.5;
	text-align: justify;
}


figure img{
	height: 96px;
}

a.btn {
	text-decoration: none;
	color: inherit;
	padding: 10px 20px;
	background-color: burlywood;
}

label {
	font-weight: bold;
}

table {
	width: 100%;
}

table, tr, th, td {
	border: 1px solid gray;
	border-collapse: collapse;
	padding: 7px;
	font-size: 14px;
}

table th {
	background-color: bisque;
	font-weight: bold;
}

.platnost-datum {
	display: flex;
	flex-direction: column;
	width: 200px;
	gap: 20px;
}

input[type='checkbox'] {
	width: 25px;
	height: 25px;
}

.checkbox-wrap {
	display: flex;
	align-items: center;
	gap: 20px;
}

.vypis-novinek table tr td a.edit:hover {
	color: rgb(101, 101, 253);
}

.vypis-novinek table tr td a.odstranit:hover {
	color: rgb(255, 66, 66);
}

figure.detail {
	width: 80%;
	display: flex;
	justify-content: center;
	gap: 20px;
}

.vodoznak {
    display: none;
    align-items: center;
    gap: 20px;
}

#vodoznak:checked + .vodoznak {
    display: block; /* Zobrazení prvku při zaškrtnutí */
}