html {
	
}

.bg-iir { 
	--bs-bg-opacity: 1;
	background-color: rgb(17, 11, 131) !important;
}

.bg-iir-2 {
	background-color: rgb(192, 218, 255) !important;
}

.text-iir-2 {
	color: rgb(17, 11, 131) !important;
}

.navbar {
	background-color: #110B83 !important
}

table {
	/*width: 100%;*/
	border-top: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
	border-spacing: 1px;
}

table th, table tbody tr.th td {
	background-color: darkblue;
	border-bottom: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	padding: 2px 5px;
}

table th p, table tbody tr.th td p {
	color: white;
	margin: 0px;
	font-size: 1em;
	font-weight: 400;
}

table td {
	border-bottom: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	padding: 2px 5px;
}

table td p {
	margin: 0px;
	font-size: 1em;
	font-weight: 400;
}

td:empty::after {
	content: "\00a0";
}

.tablica {
	font-size: 0.8em;
	margin-top: 20px;
	margin-bottom: 20px;
}

.slika {
	font-size: 0.8em;
	margin-top: 20px;
	margin-bottom: 20px;
}

#bttnUp {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: red; /* Set a background color */
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 15px; /* Some padding */
	border-radius: 10px; /* Rounded corners */
	font-size: 18px; /* Increase font size */
}

#bttnUp:hover {
	background-color: #555; /* Add a dark-grey background on hover */
}

.text-container .naslov-poglavlja {
	margin-top: 60px
}

.text-container .naslov-2, .text-container h2 {
	margin-top: 50px
}

.text-container .naslov-3, .text-container h3 {
	margin-top: 40px
}

/*
.text-container img {
	max-width: 2000px;
	max-height: 1000px
}
*/
@media ( max-width : 575px) {
	.text-container table, .text-container img {
		width: 100%
	}
	.logo1, .logo2 {
		max-height: 70px
	}
}

@media ( min-width : 576px) {
	.text-container table, .text-container img {
		width: 100%
	}
	.logo1, .logo2 {
		height: 80px;
	}
}

@media ( min-width : 768px) {
	.text-container table, .text-container img {
		max-width: 500px
	}
	.logo1, .logo2 {
		height: 90px;
	}
}

@media ( min-width : 992px) {
	.text-container table, .text-container img {
		max-width: 600px
	}
	.logo1, .logo2 {
		height: 150px;
	}
}

@media ( min-width : 1200px) {
	.text-container table, .text-container img {
		max-width: 800px
	}
}

@media ( min-width : 1400px) {
	.text-container table, .text-container img {
		max-width: 1000px
	}
}

.bg-white {
	background-color: #fff !important;
}

.c-white {
	color: #fff !important
}

.c-red {
	color: red !important
}

.c-blue {
	color: blue !important
}

.bg-tbl-yellow {
	background-color: #f7cf60
}

.bg-tbl-green {
	background-color: #c3f78b
}

.bg-tbl-orange {
	background-color: #f5ad5b
}