.breadcrumbs > * {
	display: flex;
	align-items: center;
}

.breadcrumbs__sep {
	margin: 0 var(--spacing2);
}

.breadcrumbs a:hover {	
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: var(--color__blue--light);
	text-underline-offset: 0.3em;
}

.breadcrumbs__full a {
	max-width: 50ch;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}

	

.breadcrumbs__short a {
	display: flex;
	gap: var(--spacing1);
	align-items: center;
}

.breadcrumbs__short a span {
	max-width: 35ch;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}

.breadcrumbs__short a img {
	transform: rotate(180deg);
	width: 0.8rem;
}


.breadcrumbs span[aria-current="page"] {
	color: var(--color__gray);
}

.breadcrumbs__full {
	display: none;
}

table.table--default {
	width: 100%;
	border-collapse: collapse;
}

.dt-scroll-head {
	display: none;
}

table.table--default th, td {
	text-align: left;
	border-bottom: 1px solid var(--color__gray);
}

table.table--default th {
	padding: var(--spacing2) var(--spacing4) var(--spacing2) 0;
	
	font-weight: var(--weight__normal);
}

table.table--default td {
	padding: var(--spacing3) var(--spacing4) var(--spacing3) 0;
	
	font-size: var(--size__body--big);
}

table.table--default th:last-child, 
table.table--default td:last-child {
	text-align: right;
	padding-right: 0;
}

.tableWrap .dt-paging {
	margin-top: var(--spacing5);
}

.tableWrap .dt-paging nav {
	display: flex;
	justify-content: center;
	gap: var(--spacing1);
}

.tableWrap .dt-paging-button.first, 
.tableWrap .dt-paging-button.last {
	display: none;
}

.tableWrap .dt-paging-button {
	height: 3em;
	width: 3em;
	padding: 0 var(--spacing2);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	
	border: 0;
	background: transparent;
}

.tableWrap .ellipsis {
	height: 3em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.tableWrap .dt-paging-button {
	position: relative;
}

.tableWrap .dt-paging-button.current:after, 
.tableWrap .dt-paging-button:hover:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 2em;
	height: 2px;
	
	background-color: var(--color__navy);
	content: "";
}

.tableWrap .dt-paging-button.previous, 
.tableWrap .dt-paging-button.next {
	aspect-ratio: 1;
	border: 1px solid var(--color__gray);
	border-radius: 50%;
	transition: border-color .3s;
}

.tableWrap .dt-paging-button.previous:after, 
.tableWrap .dt-paging-button.next:after {
	content: none;
}

.tableWrap .dt-paging-button.previous:hover, 
.tableWrap .dt-paging-button.next:hover {
	border-color: var(--color__navy);
}

.tableWrap .dt-paging-button.previous img {
	transform: rotate(180deg);
}



figure.table table {
	--verticalPadding: var(--spacing3);
	margin-bottom: var(--spacing5);
	width: 100%;
	
	border: 0;
	border-collapse: collapse;
}

figure.table table tr {
	border-bottom: 1px solid var(--color__gray);
}

figure.table table tr td {
	padding: var(--verticalPadding) 0;
}

figure.table h3 {
	margin-top: var(--spacing3);
	margin-bottom: 0;
}

.e404 .blkHeader #main {
	min-height: 25em;
}

@layer blocks {
	.blk {
		--innerPadding1: var(--spacing5);
		--innerPadding2: var(--spacing5);
		overflow: hidden;
	}
	
	.blk__column .b:not(:only-child) {
		margin-top: var(--spacing3);
	}
	
	.blk > hr {
		height: 1px;
		margin-bottom: var(--innerPadding1);
		border: none;
		background-color: var(--color__gray);
	}
	
	.theme--first.blk > hr {
		display: none;
	}
	
	
	.blk__row > * + * {
		margin-top: var(--spacing4);
	}
	
	.blk.theme--white + .blk.theme--silver hr, 
	.blk.theme--lime + .blk.theme--silver hr, 
	.blk.theme--navy + .blk.theme--silver hr {
		display: none;
	}
	
	.blk.theme--white:last-child,
	.blk.theme--white:has(+ .blk.theme--lime),
	.blk.theme--white:has(+ .blk.theme--silver),
	.blk.theme--silver:has(+ .blk.theme--navy),
	.blk.theme--silver:has(+ .blk.theme--lime),
	.blk.theme--silver:has(+ .blk.theme--white) {
		padding-bottom: var(--innerPadding2);
	}
	
	
	.blk + .blk {
		position: relative;
		padding-top: var(--innerPadding1);
	}
	
	
	
	.blk.theme--silver + .blk.theme--silver {
		padding-top: var(--innerPadding2);
	}
	
	.blk.theme--silver:has(+ .blk.theme--silver:has(hr)) {
		padding-top: 0;
	}
	
	.blk .breadcrumbs {
		margin-bottom: var(--spacing4);
	}
	
	.blk header {
		margin-bottom: var(--spacing4);
	}
	
	.blk header + * {
		margin-top: 0;
	}
	
	.blk .nadnaslov {
		margin-bottom: var(--spacing3);
	}
	
	.blk .nadnaslov + h2 {
		margin-top: 0;
	}
	
	.blk .blk__column h2:not(:only-child) {
		margin-bottom: var(--spacing4);
	}
	
	.swiper-navigation {
		display: flex;
		justify-content: flex-end;
		gap: var(--spacing2);
	}
	
	.swiper-navigation button {
		border: 0;
		background-color: transparent;
		padding: var(--spacing2);
	}
	
	.swiper-navigation button:hover {
		background-color: var(--color__silver--light);
	}
	
	.swiper-navigation .swiper-prev img {
		transform: rotate(180deg);
	}
	
	.form {
		--form-primary: var(--color__blue);          	
		--form-primary-hover: var(--color__navy);    	
		--form-text: var(--color__navy);             	
		--form-label: var(--color__navy);            	
		--form-placeholder: var(--color__gray);      	
		--form-border: var(--color__gray);           	
		--form-bg: transparent;              		 	
		--form-bg-focus: rgba(255, 255, 255, 0.5);        	
		--form-focus-shadow: var(--color__blue--light); 	
		--form-radius: 5px;                          	
		--form-error: #dc3545;    
		
		color: var(--form-text);
	}
	
	.form__reqHint {
		text-align: right;
		color: var(--form-text);
		opacity: 0.8;
	}
	
	.form__hint {
		color: var(--color__gray--dark);
		font-size: var(--size__body--small);
		margin-top:var(--spacing1);
	}
	
	.form .attachmentsHint p {
		color: var(--color__navy);
	}
	
	.form legend {
		font-size: var(--size__h5);
		font-weight: var(--weight__bold);
	}
	
	.form hr.sep {
		border-top: 1px solid var(--color__gray);
	}
	
	.form h3 {
		color: var(--color__navy);
		font-size: var(--size__h5);
	}
	
	.form__uploadInfo {
		font-size: var(--size__body--small);
		color: var(--color__gray);
	}
	
	.flatpickr-calendar {
		--bs-paper-bg: var(--color__white); 
		--bs-gray-50: var(--color__silver); 
		--bs-gray-75: transparent;

		--bs-body-color: var(--color__navy); 
		--bs-heading-color: var(--color__navy);
		--bs-secondary-color: var(--color__gray);

		--bs-border-color: var(--color__silver); 
		--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); 

		--bs-primary: var(--color__blue);  
		--bs-primary-bg-subtle: var(--color__blue--light);
		--bs-primary-contrast: var(--color__white); 
		--bs-primary-rgb: 0, 62, 87;
	}
	
	.flatpickr-calendar .flatpickr-days .flatpickr-day.today, 
	.flatpickr-calendar .flatpickr-days .flatpickr-day.today:hover {
		--bs-primary: var(--color__white); 
		--bs-primary-bg-subtle: var(--color__teal);
	}


	.flatpickr-calendar .flatpickr-days .flatpickr-day.inRange, 
	.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay.inRange, 
	.flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.today.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay.today.inRange {
		--bs-primary: var(--color__white); 
	}
	
	.input__ElementWrap, 
	.form input[type="text"],
    .form input[type="email"],
    .form input[type="password"],
    .form input[type="number"],
    .form input[type="tel"],
    .form input[type="url"],
    .form input[type="date"],
    .form input[type="time"],
    .form input[type="search"],
    .form input[type="range"],
	.form select,
	.form textarea {
		max-width: 36rem;
	}
	
	
	@media (min-width: 48rem) {
		.blk {
			--innerPadding1: calc(var(--spacing7) + var(--spacing2));
			--innerPadding2: calc(var(--spacing7) + var(--spacing2));
		}
		
		.blk__row {
			display: grid;
			grid-template-columns: subgrid;
			row-gap: var(--spacing5);
		}

		.blk__row > * + * {
			margin-top: 0;
		}
		
		.blk header {
			margin-bottom: var(--spacing4);
		}

		.blk__column:nth-child(1) {
			grid-column: span 5;
		}

		.blk__column:nth-child(2) {
			grid-column: 7 / -1;
		}
		
		.blk__column .b:not(:only-child) {
			margin-top: var(--spacing4);
		}
	}
	
	@media (min-width: 65rem) {
		.blk__column:nth-child(1) {
			grid-column: span 5;
		}
		
		.blk header {
			margin-bottom: var(--spacing5);
		}
	}
}

@media (min-width: 48rem) {
	.breadcrumbs__short {
		display: none;
	}

	.breadcrumbs__full {
		display: flex;
	}
	
	
}