html, body { 
	margin:0; 
	padding:0; 
}

body.pokojniki {
	background:#ccc;
}

img {
	max-width:100%;
	height:auto;
}

header,main,footer,section {overflow:auto;display:block;}

.pokojniki header {
	background:white;
	padding:20px 0;
}

#site {
	padding-top:20px;
}

.pokojniki #site {
	padding-top:0;
}

main {
	margin-top:30px;
	margin-bottom:35px;
}

.pokojniki main {
	margin-top:0;
	margin-bottom:0;
}

.pokojniki main > .container {
	background:white;
	margin-top:30px;
	margin-bottom:35px;
	border-top:4px solid #60ae31;
	border-bottom:4px solid #60ae31;
}


footer {
	background:#444;
	padding-top:20px;
}
section#slideshow {
	margin-top:0px;
}

section#important .container .module {
	background:#fcc0c7;
	color:#9c0006;
	padding-top:18px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	margin-top:25px;
	border: 1px solid #9c0006;
	text-align:center;
}

.important-custom {
	background:#fcc0c7;
	color:#9c0006;
	padding-top:18px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	border: 1px solid #9c0006;
	text-align:center;
	max-width:900px;
	margin:0 auto;
	margin-bottom:30px;
}

section#important-background .container .module {
	color:white;
	padding-top:28px;
	padding-bottom:30px;
	padding-left:20px;
	padding-right:20px;
	margin-top:25px;
	/*border: 1px solid #9c0006;*/
	text-align:center;
	background:url('/images/obvestila/splosno/slike/sveca-manj.jpg') top left no-repeat;
}

section#bottom {
	padding-top:26px;
	padding-bottom:35px;
	background:#f0f0f0;
}

section#icons {
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}

section#icons .row > div {
	align-self:center;
}

section#icons img {
	opacity:0.6;
	filter:grayscale(100%);
	transition: opacity 0.3s, filter 0.3s;
	/*margin:0 15px;*/
}

section#icons img:hover {
	opacity:1;
	filter:none;
}

section#icons a, .logo a {
	display:inline-block;
}


.pokojniki #aside {
	background:#f5f5f5;
	padding:30px 30px 40px 30px;
}

.pokojniki #aside h3 {
	border-bottom:1px solid #ccc;
	position:relative;
	padding-bottom:10px;
}

.pokojniki #aside h3::after {
	content:"";
	width:40%;
	height:1px;
	position:absolute;
	background:#60ae31;
	bottom:-1px;
	left:0;
}


#aside .module {
	margin-bottom:20px;
}

.pokojniki #aside .module {
	margin-bottom:40px;
}

.pokojniki.no-article-title h2 {
	display:none;
}

#aside .module:last-child {
	margin-bottom:0px;
}


header .top {
	text-align:right;
}

footer table {
	border-collapse:collapse;
}

footer .module {
	margin-bottom:20px;
}

.navigation {
	display:block;
	background:rgba(30,30,30,0.85);
	/*position:sticky;*/
	top:0;
	width:100%;
	margin-top:20px;
	z-index:999;
}

.pokojniki .navigation {
	margin-top:0;
}

/*body.fixed nav {
	position:fixed;
	top:0;
	left:0;
	margin-top:0;
	background:rgba(30,30,30,1);
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}*/

.nav-flex {
	display:flex;
}

nav {
	flex-grow:1;
}

nav ul {
	margin:0;
	padding:0;
	position:relative;
}

nav ul.menu > li {
	display:inline-block;
}

nav ul.menu > li > a {
	display:block;
	padding:20px 15px;
}

nav ul ul {
	display:none;
	position:absolute;
	width:300px;
	/*background:#555;*/
	background:rgba(30,30,30,0.85);
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border:1px solid black;
	z-index:999;
}

nav ul > li:hover > ul, nav ul > li.focused > ul {
	display:block;
}

nav ul ul li {
	display:block;
}


nav ul ul li a {
	padding:10px;
	width:100%;
	display:block;
}

nav ul ul li:last-child a {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

#mobile-menu {
	margin-top:15px;
	text-align:center;
	background:rgba(30,30,30,0.8);
	/*background:rgba(96,174,49,0.7);*/
	padding:20px 0;
}

#mobile-menu select {
	/*background:#60ae31;*/
	padding:5px;
	/*color:white;*/
	/*min-width:250px;*/
	width:100%;
}

#copyright {
	background:#333;
	padding:20px 0;
	border-top:1px solid #666;
	margin-top:10px;
}

.icons { 
	display:none;
}

.item-category .item {
	margin-bottom:15px;
	padding:10px;
}

.item-category .readmore a {
	padding:10px 20px;
	border-radius:5px;
	display:inline-block;
}

.item-category .category-desc {
	margin-bottom:30px;
}

.item-category img {
	margin-bottom:15px;
}

.item-content .table-wrapper, .cat-zoo-items .table-wrapper, .zoo-item .table-wrapper {
	width:100%;
	max-width:100%;
	box-sizing:border-box;
	overflow:auto;
	margin-bottom:15px;
}

.item-content .table-wrapper:last-child, .cat-zoo-items .table-wrapper:last-child, 
.zoo-item .table-wrapper:last-child {
	margin-bottom:0px;
}

.item-content table, .cat-zoo-items table, .zoo-item table {
	border-collapse:collapse;
	width:100%;
	margin-bottom:15px;
	min-width:500px;
	overflow:auto;
}

.item-content table:last-child, .cat-zoo-items table:last-child, .zoo-item table:last-child {
	margin-bottom:0;
}

.item-content table tr, .cat-zoo-items table tr, .zoo-item table tr {
	background:#f5f5f5;
}

.item-content table tr:nth-child(even), .cat-zoo-items table tr:nth-child(even),
.zoo-item table tr:nth-child(even) {
	background:#e8e8e8;
}

.item-content table tr:hover, .cat-zoo-items table tr:hover, .zoo-item table tr:hover {
	background:#60ae31;
	color:white;
}

.item-content table tr:hover a, .cat-zoo-items table tr:hover a, .zoo-item table tr:hover a {
	color:white;
}

.item-content table tr:first-child, .cat-zoo-items table tr:first-child, .zoo-item table tr:first-child, .zoo-item table tr:hover a {
	background:#777;
	color:white;
	font-weight:500;
}

.item-content table td, .cat-zoo-items table td, .zoo-item table td {
	padding:5px 7px;
}

.item-content table tr:first-child td, .cat-zoo-items table tr:first-child td,
.zoo-item table tr:first-child td {
	padding:8px 7px;
}

.cat-zoo-items table td:last-child {
	text-align:right;
}

.item-content .item-image {
	margin-bottom:15px;
	margin-top:-5px;
}

table.align-left td {
	text-align:left;
}

table.align-top td {
	vertical-align:top;
}

table tr.alert {
	background:#aa0000;
	color:white;
}

.item-contentpokojniki table.dataTable tbody tr, #jkpmodal table.dataTable tbody tr {
	/*background:#f5f5f5;*/
	background:rgba(96,174,49,0.1);
}

.item-contentpokojniki table.dataTable tbody tr:nth-child(even), #jkpmodal table.dataTable tbody tr:nth-child(even) {
	/*background:#e8e8e8;*/
	background:white;
}

.item-contentpokojniki table.dataTable tbody tr:hover, #jkpmodal table.dataTable tbody tr:hover {
	/*background:#60ae31;*/
	background:rgba(96,174,49,0.95);
	color:white;
	cursor:pointer;
}

.item-contentpokojniki iframe {
	height:635px;
}

table.dataTable tbody th, table.dataTable tbody td {
	padding:12px 10px;
}

.pokojniki #main {
	padding:40px;
}

#aside ul, #aside ul li {
	margin:0;
	padding:0;
}

#aside ul {
	list-style-type:none;
}

#aside ul a {
	color:#333;
	display:block;
	padding:6px 2px;
	border-bottom:1px solid rgba(0,0,0,.15);
	text-decoration:none;
}

.pokojniki #aside ul a {
	border-bottom:none;
}

#aside ul li:last-child > a {
	border-bottom:none;
}

#aside ul li > a:hover, #aside li.active > a {
	color:#60ae31;
}

#aside li.active > a {
	font-weight:500;
}

.pokojniki #aside li.active > a {
	font-weight:400;
}

#aside li.parent > a:before {
	font-family:"FontAwesome";
	content:"\f0d7";
	margin-right:4px;
}

#aside li.active > a:before {
	font-family:"FontAwesome";
	content:"\f0da";
	margin-right:4px;
}

.pokojniki #aside li.active > a:before {
	margin-right:8px;
}

#aside ul ul li a {
	padding:6px 2px;
	margin-left:10px;
}

#page-title {
	text-align:center;
	padding:80px 0;
	/*background:#555;*/
	color:white;
	background:url(/images/slideshow/pokopalisce.jpg) center center;
}

.item-contentpokojniki h1 {
	display:none;
}

/* ZOO Styles */
.zoo-item .metadata {
	margin-top:-22px;
	margin-bottom:30px;
}

.mod-zoo-items {
	overflow:auto;
}

.teaser-zoo-item{
	overflow:auto;
	margin-bottom:15px;
}

.cat-zoo-item {
	overflow:auto;
	margin-bottom:20px;
}

.teaser-zoo-item:last-child, .cat-zoo-item:last-child {
	margin-bottom:0;
}

.teaser-zoo-item h3 {
	margin-bottom:5px;
}

.teaser-zoo-item .metadata {
	float:left;
	margin-right:15px;
	padding:20px 10px;
	border-radius:5px;
}

.teaser-zoo-item .description {
	overflow:auto;
}

.teaser-zoo-item .readmore {
	overflow:auto;
	margin-top:5px;
}

.zoo-item .description {
	overflow:auto;
	margin-bottom:20px;
}

.zoo-item .description:last-child {
	margin-bottom:0;
}

.zoo-item ul {
	padding-left:25px;
	margin-top:-5px;
}

.zoo-item ul ul {
	margin-top:0px;
}

.zoo-item li {
	padding:3px 0;
}

/* End ZOO Styles */

/*@media screen and (min-width: 1400px) {
	.container {
		max-width:1320px;
	}
}*/

.nav-tabs li a {
	padding:5px 0;
	display:block;
	color:#333;
	background:#f0f0f0;
	border-left:1px solid #dee2e6;
	border-top:1px solid #dee2e6;
	border-right:1px solid #dee2e6;
	min-width:33px;
	text-align:center;
}

.nav-tabs li a.active {
	font-weight:bold;
	background:white;
}

.tab-content {
	padding:15px;
	border:1px solid #dee2e6;
	border-top:none;
}

.tab-content table {
	font-size:90%;
}

.tab-content table tr:first-child {
	background:#f5f5f5;
	color:#333;
	font-weight:normal;
}

.tab-content table tr:hover {
	background:#60ae31;
	color:white;
}

.tab-content table tr:first-child td {
	padding:5px 7px;
}

.formResponsive .formHorizontal .rsform-block {
	margin-bottom:10px !important;
}


/*#jkpmodal {
	display:none;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	padding:20px;
}

#jkpmodalcontent {
	text-align:center;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	margin:0 auto;
	max-width:1280px;
}*/

#jkpmodal {
	display:none;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	padding:20px;
	justify-content:center;
}

#jkpmodalcontent {
	align-self:center;
	max-width:1100px;
	background:#444;
	padding:40px;
	border-radius:5px;
	color:white;
	position:relative;
	flex-grow:1;
}

#jkpmodalcontent #pokojniki-table_wrapper {
	max-height:85vh;
	overflow-y:auto;
	overflow-x:hidden;
}

.modalinverse #jkpmodalcontent {
	background:white;
	color:#333;
}

.showmodal #jkpmodal {
	display:flex;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .showmodal #jkpmodal {
		display:block;
	}
	
	#jkpmodalcontent {
		align-self:auto;
		margin:0 auto;
	}
}

#jkpmodal .close-button {
	position:absolute;
	right:-16px;
	top:-16px;
	font-size:32px;
	color:white;
	cursor:pointer;
}

.pokojnik-container {
	/*display:flex;*/
	align-items:center;
}


.pokojnik-container hr {
	margin: 20px 0;
	overflow:auto;
	clear:both; 
	border-color:#888;
}

.pokojnik-container .nagrobnik {
	/*flex: 0 0 60%;*/
	box-sizing:border-box;
	padding-right:20px;
	text-align:center;
}

.pokojnik-container .nagrobnik img {
	max-height:500px;
}

.pokojnik-container .podatki {
	/*flex: 0 0 40%;*/
	box-sizing:border-box;
	padding-left:20px;
}

.pokojnik-container .meta {
	overflow:auto;
}

.pokojnik-container .podatki .foto {
	flex-grow:0;
	float:left;
	padding-right:20px;
}

.pokojnik-container .podatki .foto img {
	max-height:100px;
	filter:grayscale(100%);
	border:2px solid white;
}

.pokojnik-container .podatki .pokojnik-data {
	overflow:auto;
}

.pokojnik-container .podatki .pokojnik-naziv {
	font-size:1.7em;
	font-weight:400;
	margin-bottom:15px;
}

.pokojnik-container .podatki .pokojnik-datum {
	margin-bottom:5px;
}

.pokojnik-container .virtualna-sveca  {
	display:flex;
	align-items:center;
}

.pokojnik-container .virtualna-sveca .sveca {
	flex:0 0 30%;
}

.pokojnik-container .virtualna-sveca .sveca-data {
	margin-left:25px;
}

.pokojnik-container .virtualna-sveca .sveca-data p {
	font-size:1.5em;
}

.virtualne-svece-form {
	margin-bottom:40px;
}

.virtualne-svece-form textarea {
	margin-bottom:20px;
}

.virtualne-svece-list .virtualna-sveca-meta {
	overflow:auto;
	margin-bottom:12px;
}

.virtualne-svece-list .virtualna-sveca-meta .date {
	float:left;
	font-size:1.2em;
}

.virtualne-svece-list .virtualna-sveca-meta .number {
	float:right;
	font-size:0.8em;
}

.virtualne-svece-list .content strong {
	cursor:pointer;
}

#sveca-info-not-ok, #sveca-info-ok, #sveca-info-already, #sveca-info-pending,
#osmrtnica-sveca-info-not-ok, #osmrtnica-sveca-info-ok, #osmrtnica-sveca-info-already, #osmrtnica-sveca-pending,
#osmrtnica-sozalje-info-not-ok, #osmrtnica-sozalje-info-ok, #osmrtnica-sozalje-pending, #osmrtnica-sozalje-ai-reject {
	display:none;
	margin-top:15px;
	margin-bottom:0;
}

#osmrtnica-sozalje-form {
	display:none;
	max-width:710px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}

#osmrtnica-sozalje-list-wrapper {
	max-width:710px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}

#osmrtnica-sozalje-list-wrapper .sozalje-datum {
	font-size:1.2em;
	margin-bottom:15px;
}

#osmrtnica-sozalje-list-wrapper .sozalje-naziv {
	font-size:0.9em;
	text-align:right;
	margin-top:10px;
}

#osmrtnica-sozalje-list-wrapper h4 {
	margin-bottom:20px;
	margin-top:40px;
	font-size:1.3em;
}

.alert-pokopalisceitems {
	background:#f5f5f5;
	border-color:#efefef;
}


.daterangepicker td.in-range {
	background:rgba(96,174,49,0.2);
}

.daterangepicker td.active, .daterangepicker td.active:hover {
	background:#60ae31;
}

.virtualne-load-more {
	text-align:center;
	margin-top:30px;
}

.btn-jkpd, .drp-buttons .btn-primary {
	color:white;
	background:#60ae31;
	border-color:#60ae31;
}

.btn-jkpd:hover, .drp-buttons .btn-primary:hover {
	background:#609a31;
}

.form-control:focus {
	border-color:rgba(96,174,49,0.5);
	box-shadow:0 0 0 .2rem rgba(96,174,49,.25);
}

.form-control:focus {
	border-color:rgba(96,174,49,0.5);
	box-shadow:0 0 0 .2rem rgba(96,174,49,.25);
}

.alert-jkpd {
	background:rgba(96,174,49,0.2);
	border-color:rgba(96,174,49,0.3);
}


#system-message .alert-heading {
	display:none;
}

#pokopalisceitems-map-seznampokojnikov {
	overflow:auto;
	max-height:420px;
}


#accessibility-link a {
	padding:18px 15px;
	display:inline-block;
	font-size:21px;
	color:white;
}

#accessibility-link a:hover {
	background:#60ae31;
}

@media screen and (max-width: 1199px) {	
	.item-contentpokojniki iframe {
		height:560px;
	}
	
}

@media screen and (max-width: 1119px) {
	nav ul.menu > li > a {
		padding:15px 10px;
	}
	
	#accessibility-link a {
		padding:13px 10px;
	}
	
}

@media screen and (max-width: 991px) {
	nav { position:static; }
	
	#aside {
		margin-top:20px;
	}
	
	.pokojniki #aside {
		margin-top:0px;
	}
	
	#aside .module:first-child {
		border-top:1px solid rgba(0,0,0,0.2);
		padding-top:15px;
	}
	
	.pokojniki #aside .module:first-child {
		border-top:0;
		padding-top:0;
	}
	
	div.fast {
		margin-top:25px;
	}
}

@media screen and (max-width:767px) {
	section#icons .row > div {
		margin-bottom:20px;
	}
	
	section#icons .row > div:last-child {
		margin-bottom:0;
	}
	
	header .logo, header .top {
		text-align:center;
	}
	
	header .top {
		margin-top:15px;
	}
	
	.pokojnik-container .meta {
		padding-left:0;
		margin-top:20px;
		overflow:auto;
	}
	
	.pokojnik-container .virtualna-sveca .sveca {
		flex:0 0 20%;
	}
	
	.item-contentpokojniki iframe {
		height:420px;
	}
	
	.item-contentpokojniki .important-custom {
		display:none;
	}
	
	/*.item-contentpokojniki table.dataTable tbody tr td:first-child,
	.item-contentpokojniki table.dataTable thead tr th:first-child,
	#jkpmodal table.dataTable tbody tr td:first-child,
	#jkpmodal table.dataTable thead tr th:first-child {
		display:none;
	}*/
	
	table.dataTable tbody th, table.dataTable tbody td {
		padding:5px 2px;
		font-size:95%;
	}
	
	table.dataTable thead th, table.dataTable thead td {
		padding:5px 2px;
		font-size:95%;
	}
		
	#jkpmodalcontent {
		padding:15px;
	}
		
}

@media screen and (max-width:550px) {	
	.pokojniki #main {
		padding:20px;
	}
}

@media screen and (max-width:467px) {
	.item-contentpokojniki .important-custom {
		display:none;
	}
	
	.item-contentpokojniki iframe {
		height:340px;
	}
	
	.pokojniki #main {
		padding:20px;
	}
	
	#osmrtnica-sozalje-list-wrapper {
		margin-top:20px;
	}
	
	#osmrtnica-sozalje-list-wrapper h4 {
		margin-top:20px;
	}
}