/* CSS Document */
section {
	padding: 30px 0 50px;
}


body, html {
	margin: 0;
	padding: 0;
}

.navbar {
	background-color: #000; /* Černá barva pozadí */
}

.navbar-brand {
	color: white !important;
}




.sticky-top {
	position: sticky;
	top: 0;
	z-index: 1020; /* Aby byla lišta nad ostatními prvky */
}



.nav-icons-container {
	width: 100%; /* Zajistí, že .nav-icons-container zabere celou šířku svého rodiče */
	display: flex;
	justify-content: flex-start; /* Zarovná obsah doleva */
	align-items: center; /* Centruje položky ve vertikálním směru */
}



.nav-icon {
	width: 64px;
	height: 64px;
	display: inline-block;
	margin: 5px;
	margin-left: 20px; /* Přidáváme odstup mezi ikonami */
	background-color: #444; /* Barva ikon */
	border-radius: 4px; /* Kulaté rohy */
	text-align: center;
	line-height: 42px; /* Vertikální zarovnání ikony */
}

.nav-icon i {
	color: white; /* Nastavuje barvu ikon */
}

.nav-icon:hover {
	background-color: #555; /* Barva ikon při najetí myší */
}

.required-tooltip {
	color: red;
	cursor: help;
}

.btn-save-changed {
	background-color: red;
	color: white; /* Nastavte text na bílou pro lepší čitelnost */
}

.btn-danger {
	background-color: red;
	color: white; /* Text bílý pro lepší kontrast */
	border-color: darkred; /* Tmavší červená pro okraje */
}


.container {
	width: 100%; /* Toto zůstává beze změny */
	padding-left: 15px; /* Přidáno odsazení zleva, aby se nadpis a tabulka začaly na stejném místě */
	padding-right: 15px; /* Přidáno odsazení zprava pro konzistentní vzhled */
	
}

#handsontable-container {
	max-width: 100%; /* Aby kontejner zabíral celou dostupnou šířku v .container */
	margin: 20px 0; /* Doladíme okraje pro vizuální oddělení od ostatního obsahu */
	height: 400px; /* Výška kontejneru */
}