@import "sarabun-font.css";
@import "cabin-font.css";
@import "opfont.css";
@import "opfont-ie7.css";
@charset "UTF-8";

body { color: #444444; font-family: Sarabun, 'Trebuchet MS', Calibri, Helvetica, Arial, sans-serif; font-size: 0.98em; 
	font-weight: 400; font-style: normal; line-height: 1.7em;}
a:link, .sp-module ul > li > a { color: #2175ba;}
/*a:visited { color: #009966; } *//*zelena */ /* svetleje lila #69086b  ljubicasta  #781cba i #942196*/
h1, h2, h3, h4, h5 { font-family: Cabin, 'Trebuchet MS', Calibri, Helvetica, Arial, sans-serif; }
h1, .article-header h1 { font-size: 2.4em!important; margin: 0 0 0.6rem 0!important; font-weight: 600; 
	color: #2175ba!important; text-decoration: none!important; opacity: 1.0!important;} 
	/*.article-list .article .article-header h1*/ 
h2, .article-list .article .article-header h2 { font-size: 1.5rem; margin: 0 0 0.6rem 0; font-weight: 600; }
h3, #sp-right .sp-module .sp-module-title { font-size: 1.4rem; margin: 0 0 0.6rem 0; font-weight: 600; }
h4 { font-size: 1.3rem; font-weight: 400; line-height: 1.4em;} 
h5 { font-size: 1.1rem; font-weight: 400; } 
#sp-right .sp-module .sp-module-title { padding-bottom: 0px; font-weight: 600; border-bottom: 0px solid transparent; }
span.badge.bg-danger.featured-article-badge { display: none; } /* "Featured" badge na svakom featured tekstu*/
#sp-main-body { padding: 40px 0; }
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h2 a:active, .article-list .article .article-header h2 a:focus {
	color: #2175ba!important; }

p { text-align: justify; }
.zatvori { color: red; font-weight: 600; text-decoration: underline;}
.sakrij { display: none; }
.bgred{ background: red; }
.bgyellow{ background: #FDDB34; }
.bgblue { background: #0033FF; }
.bgliblue { background: #00BFFF; }
.bglila { background: #A020F0; }
.bggreen { background: #08691a; }
.bgorange {background: #FF7800; }
.txred{ color: red; }
.txyellow{ color: #FDDB34; }
.txblue { color: #0033FF; }
.txliblue { color: #00BFFF; }
.txlila { color: #A020F0; }
.txgreen { color: #08691a; }
.txorange {color: #FF7800; }
.txdark { color: #333333; }
.txlight { color: #ffffff; }
.opblue { color: #2175ba;}
.opliblue { background: #eaf6ff;} /*#e3f3ff  #e5edff*/
.opgrey { background: #e8eaf0; }
.opblueb { background: #2175ba; color: #ffffff;}
.opinversep { color: #ffffff; background: #2175ba; padding: 4px 20px;}
.opinversep a, .opinversep a:hover, .opinversep a:focus, .opinversep a:active  { color: #ffffff; }
a:hover { text-decoration: underline; }

/*.pagination .btn-secondary.next span { color: #FDDB34; }*/

/* Article info - print- email - category - date */
.articledetails .info dl.item_details, .articledetails .info dd.details { text-align: center; }
.detail_email::before, .detail_print::before { font-family: "Font Awesome 6 Free", sans-serif; font-weight: 900;
	font-size: 1.05em; display: inline-block; width: 24px; margin-left: 20px; margin-right: -4px; color: #aaaaaa;}
.detail_email::before { content: "\f658"; }
.detail_print::before { content: "\f02f"; }

.article-info > span { color: #aaaaaa; font-size: 0.85em; }
.article-info .category-name { margin-left: 20px; }
.article-info .category-name a { font-style:italic; }
.article-info .category-name a::before, 
.article-info .published time::before { font-family: "Font Awesome 6 Free", sans-serif; 
	margin-right: 6px; font-style: normal; }
.article-info .category-name a { color: #aaaaaa;  }
.article-info .category-name a::before { content:"\f07b";  }
.article-info .published time::before { content:"\f073";  }

/* Pomak zbog otvaranja sticky headera - kad se koriste anchors */
#sp-header.header-sticky ~ section#sp-main-body { padding-top: 160px; }
/* Pomak zbog otvaranja sticky headera - naslovna i sl. stranice */
.nostik #sp-header.header-sticky ~ section#sp-main-body { padding-top: 40px; }

/* Tekst (glavni sadržaj) */
.article-list .article { padding: 1px; border: 1px solid transparent; } /* #f5f5f5 */
/* Obican tekst u okviru div */
.okvit { padding: 20px; border: 1px solid #AABDD3; background: #eaf6ff; }

/* Tags - under article & category blog & featured blog */
.tags { margin-top: 5px; }
.tags > li a { padding: 0px 4px; margin-bottom: 4px; border-radius: 0.15rem; font-size: 0.85rem;}
.tags > li a::before {content:"#";}
/*.oznake .list-group-item h3 {font-size: 1.05em;}*/
.tag-category h2 { margin-bottom: 30px; }
.tag-category h2::before {content:"#";}
.tags > li a:hover { background: #2175ba; }

/* Table styles */
/*.table {
	--bs-table-color: var(--bs-body-color);
	--bs-table-bg: transparent;
	--bs-table-border-color: var(--bs-border-color);
	--bs-table-accent-bg: transparent;
	--bs-table-striped-color: var(--bs-body-color);
	--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
	--bs-table-active-color: var(--bs-body-color);
	--bs-table-active-bg: rgba(0, 0, 0, 0.1);
	--bs-table-hover-color: var(--bs-body-color);
	--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
	color: var(--bs-table-color);
}*/
.table { --bs-table-striped-bg: rgba(200,222,247, 0.5);  /* rgba(222,237,255, 0.6) */	
	--bs-table-hover-bg: rgba(195,205,230, 0.6); }   /*rgba(170,189,211, 0.6)*/

table.basic { width: 98%; overflow-x: auto; } /*line-height: 1.5em; font-size: 0.9em;*/
.basic tr:nth-of-type(2n)  { background-color: #e8eaf0;} /*#ecf0f3 #ebecf0  (2n+1)      rgba(200,222,247, 0.5) */
.basic td, .basic th { border: 1px solid #d8d8d8; padding: 8px; }
.basic.orga td, .basic.orga th { padding: 4px 8px; }

.basic td p, .basic th p { margin: 0px; }
.basic th, .basic th p { font-weight: 600; }
.basic th { text-align: center; background-color: #2175ba; color: #ffffff;}
.basic.nabava td, .basic.nabava th { padding: 4px; font-size: 0.9em; }

.linije tr:nth-of-type(2n)  { background-color: #E3EEFB ;} /* (2n+1)      rgba(200,222,247, 0.5) */
.linije.istakni tr:hover  { background-color: #C3CDE6; } /* rgba(170,189,211, 0.6) */

/* Category table */
table.category thead > tr, table.category tbody > tr { border: 1px solid #AABDD3; }
table.category thead tr th#categorylist_header_title,
table.category thead tr th#categorylist_header_date  { background: #2175ba; } /*rgba(124,158,217, 0.4)*//*#C8DEF7*/
table.category thead tr th#categorylist_header_title a,
table.category thead tr th#categorylist_header_date a  { color: #ffffff; }

.category.table.table-bordered { margin-bottom: 30px; }
.category.table.table-bordered th { padding: 3px 10px; font-weight: 600; font-size: 1.0em; vertical-align: middle; }
.category.table td.list-date { color: #777777; }

/* Linkovi na potkategorije */
.category-list .cat-children h3 { font-size: 1.1em; }
.category-list .cat-children .first { padding-top: 15px; }
.category-list .cat-children h3.page-header.item-title { padding-left: 20px; border-bottom: 1px dotted #cccccc;}
.category-list .cat-children .float-end span.icon-plus { padding-right: 20px; }

/* List styles */
ul.op21ul { list-style: square outside; }
.op21ul li::marker { color: #2175ba; font-size: 1.2em; }
.op21ul li { padding-left: 4px; padding-bottom: 4px;} 
.op21ul li li { padding-left: 4px; list-style: square outside none;}
.op21simpleul li { list-style: square outside none; }
.op21noul { list-style: none inside none; }
/* Posebno za ul liste u modulima rigt i left */
#sp-left .sp-module ul.op21ul > li:before, 
#sp-right .sp-module ul.op21ul > li::before {
	content:"\f0c8"; font-family: "Font Awesome 6 Free", sans-serif; 
	color: #2175ba; font-size: 5px; line-height: 1px; margin-right: 8px; font-weight: 900; }

/* External link */
.external::after { color: #2175ba; font-size: 0.85em; margin-left: 6px; font-weight: 900;
	content:"\f35d"; font-family: "Font Awesome 6 Free", sans-serif; display: inline-block;}
.wexternal::after { color: #ffffff; font-size: 0.85em; margin-left: 6px; font-weight: 900;
	content:"\f35d"; font-family: "Font Awesome 6 Free", sans-serif; display: inline-block;}
	
/* Grey back + blue left line - False accordion */
.folakord { padding: 8px 10px 8px 20px; margin-bottom: 30px; font-weight: 400; 
	background: #e8eaf0; border-left: 5px solid #098cd0; box-shadow: 0px 8px 10px 0px #dddddd;}
.folakord i {font-size: 1.3em; color: #098cd0; margin-right: 15px; }

/* Footer */
/*.sp-scroll-up { bottom: 80px; }*/

/*Menu*/
#sp-header { background: linear-gradient(#ffffff 40%, #e7ebee); background-color: #e7ebee; 
	border-bottom: 1px solid #dddddd;}
#sp-menu.menu-with-social .sp-megamenu-wrapper { justify-content: space-evenly; }
.sp-megamenu-parent > li > a { font-size: 1.16em; text-transform: uppercase; margin: 0px!important;
	padding: 6px 8px 6px 4px!important; line-height: 48px;  }
.sp-megamenu-parent .sp-menu-item a span::before { margin: 0px 8px 0px 6px; }
.sp-megamenu-parent > li > a:hover,
.sp-megamenu-parent > li.active > a:hover {
	border-top: 1px solid #2175ba; border-bottom: 1px solid #2175ba; background-color: #2175ba; 	color: #ffffff; }
.sp-megamenu-parent > li.active> a { border-top: 1px solid #2175ba; border-bottom: 1px solid #2175ba; }

/* Submenu - Dropdown 1 & 2 */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { padding: 4px; background: #f2f7fd;}
.sp-megamenu-parent .sp-dropdown-inner li.sp-menu-item a { color: #2175ba; font-size: 1.03em; 
	line-height: 32px; padding: 10px 2px; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover { color: #ffffff; background: #2175ba;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a { color: #ffffff;}

.sp-megamenu-parent .sp-dropdown-items li.sp-menu-item.sp-has-child.active
.sp-megamenu-parent .sp-dropdown-items li.sp-menu-item.sp-has-child.active li.sp-menu-item.current-item.active {
	color: #e8eaf0; }
.sp-megamenu-parent li.sp-menu-item.sp-has-child .active:hover,
.sp-megamenu-parent .sp-dropdown-items li.sp-menu-item.sp-has-child.active:hover,
.sp-megamenu-parent .sp-dropdown-items li.sp-menu-item.sp-has-child.active li.sp-menu-item.current-item.active:hover,
.sp-megamenu-parent li.sp-menu-item .sp-dropdown .sp-dropdown-items li.sp-menu-item.current-item {
	background: #2175ba; color: #ffffff; }
/*.sp-megamenu-parent li.sp-menu-item .sp-dropdown .sp-dropdown-items li.sp-menu-item.current-item {
	background: #2175ba; color: #ffffff; }*/
.sp-megamenu-parent li.sp-menu-item .sp-dropdown .sp-dropdown-items li.sp-menu-item.current-item a {
	color: #ffffff; }
ul.sp-megamenu-parent li.sp-menu-item.sp-has-child.active ul.sp-dropdown-items li.sp-menu-item.sp-has-child.current-item.active ul.sp-dropdown-items li a { color: #2175ba;}
ul.sp-megamenu-parent li.sp-menu-item.sp-has-child.active ul.sp-dropdown-items li.sp-menu-item.sp-has-child.current-item.active ul.sp-dropdown-items li a:hover { color: #ffffff;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) { padding: 4px; }

/* burger icon */
.sp-megamenu-parent a { margin: 0 15px; }
.burger-icon > span { height: 4px; background-color: #2175ba; }
.offcanvas-active .burger-icon > span:nth-child(3), #modal-menu-toggler.active .burger-icon > span:nth-child(3) {
	transform: translate(0, -10px) rotate(45deg); }
	
/* Offcanvas menu */
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
	color: #009966; } /*#fd7e14    #ffdd00     #ffc107  #781cba*/
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
	opacity: 0.8; }
.offcanvas-menu.border-menu .offcanvas-inner ul.menu ul { padding-bottom: 2px; }
.offcanvas-menu .menu-parent-open ul.menu-child li { border-bottom: thin dotted #2175ba; margin-left:10px; padding: 6px 0px;}
.offcanvas-menu .menu-parent-open ul.menu-child li:last-child { border-bottom: thin solid transparent; }
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a { font-size: 1.08em!important; line-height: 1.4em!important;
	padding: 1px 0px!important; /*margin-left:10px;*/}
/*.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
	font-size: 15px;
	padding: 4px 0px;
	line-height: 18px;
	font-weight: 400;
}*/

/* Offcanvas menu icons */
.offcanvas-menu ul.menu li a::before { font-family: "Font Awesome 6 Free", sans-serif; font-weight: 900;
	font-size: 0.9em; display: inline-block; width: 24px; margin-right: 10px;}
	/* Home icon */
.hr-hr ul.menu li.item-120 a::before, .en-gb ul.menu li.item-121 a::before { content:"\f015"; }
	/* Car icon - Parking */
.hr-hr ul.menu li.item-184 a::before, .en-gb ul.menu li.item-187 a::before { content:"\f1b9"; }
	/* Building icon - Dvorana */
.hr-hr ul.menu li.item-185 a::before, .en-gb ul.menu li.item-188 a::before { content:"\f1ad"; }
	/* Users icon - About us */
.hr-hr ul.menu li.item-186 a::before, .en-gb ul.menu li.item-189 a::before { content:"\f0c0"; }
	/* Envelope icon - Contact */
.hr-hr ul.menu li.item-871 a::before, .en-gb ul.menu li.item-190 a::before { content:"\f0e0"; }
/* Hide icons in submenus */
.offcanvas-menu ul.menu li ul.menu-child li a::before { display: none; }	
	
/* Language */
.zajik {/* max-width: 100px; */width: 100%; text-align: right; padding-top: 8px;}
.zajik .lang-inline li a img { border: 1px solid #2175ba; }
.zajik .lang-inline li.lang-active a img { border: 2px solid #e8eaf0; } /*#ecf0f3 #f2f7fd*/
.zajik div.mod-languages ul li.lang-active {	background-color: transparent !important; }

/*Search*/
/*.offcanvas-active .offcanvas-menu .awesomplete::after { display: inline; content: "\f002"; font-family: Font Awesome\ 6 Free; font-weight: 900;}
.offcanvas-menu .awesomplete > input { display: inline; } */
/*.trazi .icon-search { }
.trazi .icon-search::before { display: inline; content: "\f002"; }*/
/*.trazibut .modal-header { border-bottom: none; }
.trazibut .modal-title { color: #098cd0; }
.trazibut .btn-close { opacity: .4; }
.trazibut .modal-dialog { margin: 5rem auto; }*/
/*.trazi .awesomplete { display: none; }
.trazi:hover .awesomplete { display: block; position: fixed;
  left: auto; top: auto;  width: 300px; transition: width 0.4s linear;}*/
  
/* Slider */
/*.flexslider { margin-bottom: 0px!important; }*/
/*.flexslider .slides img { min-height: 30%; }*/
/*.slider .swiper-container .swiper-pagination-fraction { display: none; }*/

/* Flex Quick links */
#sp-upper { background-color: #f4f4f4; background-image: -webkit-linear-gradient(#f4f4f4, #ddd);
	background-image: linear-gradient(#f4f4f4, #ddd); }
#quick-links { display: flex; flex-wrap: wrap; }
#quick-links>* { flex: 1 1 120px; } 
#quick-links .qlink { border: 1px solid #f4f4f4; box-shadow: inset 1px 0 0 #f4f4f4; background: #ddd; }
/*#quick-links .qlink:last-child { border-right: 1px solid #f6f6f6;}*/
#quick-links .qlink a { display: inline-block; height: 140px; width: 100%; padding: 20px 20px; line-height: 1.1em; 
	text-align: center; color: #555555; background: rgb(246,246,246);
	background: -moz-radial-gradient(circle, rgba(246,246,246,1) 0%, rgba(221,221,221,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(246,246,246,1) 0%, rgba(221,221,221,1) 100%);
	background: radial-gradient(circle, rgba(246,246,246,1) 0%, rgba(221,221,221,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6",endColorstr="#dddddd",GradientType=1);}
#quick-links .qlink a:hover, 
#quick-links .qlink a:focus, 
#quick-links .qlink a:active { color: #2175ba; text-decoration: none; border: 1px solid #ffffff; 
	box-shadow: outset 1px 0 0 #ffffff; }	
.quicka {font-size: 1.06em; letter-spacing: -0.05em; font-stretch: extra-condensed; }
#quick-links .qlink i { font-size: 2.5em; display: block; color: #2175ba; font-stretch: normal; margin-bottom: 10px; }

/* Flex FAQ links */
#faq-links { display: flex; flex-wrap: wrap; /*margin-bottom: 10px;*/ background-color: #f4f4f4; background-image: -webkit-linear-gradient(#ddd, #f4f4f4); background-image: linear-gradient(#ddd, #f4f4f4); }
#faq-links>* { flex: 1 1 100px; } 
#faq-links .flink { border: 1px solid #f4f4f4; box-shadow: inset 1px 0 0 #f4f4f4; background: #ddd;}
#faq-links .flink a { display: inline-block; height: 120px; width: 100%; padding: 15px 15px; line-height: 1.1em; 
	text-align: center; color: #555555; background: rgb(246,246,246);
	background: -moz-radial-gradient(circle, rgba(246,246,246,1) 0%, rgba(221,221,221,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(246,246,246,1) 0%, rgba(221,221,221,1) 100%);
	background: radial-gradient(circle, rgba(246,246,246,1) 0%, rgba(221,221,221,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6",endColorstr="#dddddd",GradientType=1);}
#faq-links .flink a:hover, 
#faq-links .flink a:focus, 
#faq-links .flink a:active { color: #2175ba; text-decoration: none; border: 1px solid #ffffff; 
	box-shadow: outset 1px 0 0 #ffffff; }	
#faq-links .flink i { font-size: 2.5em; color: #2175ba; display: block; margin-bottom: 8px; }
.fquest.opliblue { border-left: 3px solid #2175ba; padding: 8px 15px; margin-bottom: 20px; line-height: 1.6em;}
.fqueans { padding: 0px 20px 0px 20px; }

/* FAQ accordions */
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
	margin-bottom: 1.00em;

}
[data-rlta-element="container"] > [data-rlta-element="button"] {
	background-color: #d9e8f9; /*#f4f5f6*/
/*	border: 1px solid #c0c6cf;
	border-radius: 5px 5px 0 0;*/
/*	margin-bottom: 15px;*/ /*-1px*/
/*	padding: .75rem 1.25rem;*/
}

/* Modules general */
/*#sp-right { margin-top: 24px; }*/
#sp-right .sp-module { padding: 24px; margin-top: 20px; border: 1px solid #e8eaf0;  }
#sp-right .adresbox { background: #e8eaf0; padding: 15px;}

/* Provjeri dDPK */
.sp-module.moddpk { padding: 15px!important; } 
.sp-module.moddpk,
.sp-module.moddpkmob { background-color: #d9e8f9; border 1px dotted #cccccc; border-radius: 5px;} /*#f2f7fd preblijedo*/
.sp-module.moddpkmob { padding: 15px; margin-bottom: 24px; } 

/* Link karta module */
#sp-right .sp-module.modmapa { background-color: #2175ba; padding: 18px; margin-bottom: 24px;}

/* JCE File downloads */
img.wf_file_icon { float: left; margin-right: 15px; margin-top: 3px; line-height: 24px; }
.wf_file_size { padding-left: 20px; font-size: 0.9em; font-style: italic;}
.downfile { margin: 30px 20px; }
.downfile p { border-bottom: 1px dotted #cccccc; padding-bottom: 4px; }
/*p a.wf_file { line-height: 36px; }*/

/* BLOG & FEATURED LAYOUT */
.blog.obiblog, .blog-featured.obiblog { margin-top: 30px; }
.blog.obiblog .article-list, .blog-featured.obiblog .article-list { padding: 1px; margin: 1px; }
.blog.obiblog .article-list .article, .blog-featured.obiblog .article-list .article { 
	padding: 15px; border: 1px solid #cccccc; margin-bottom: 20px; /*background: #ecf0f3;*/ }
.obiblog .article-intro-image, .obiblog .article-list .article .article-intro-image {
	height: 140px; width: 100%; overflow: hidden; margin: 0px 0px 10px 0px; display: block; }
.blog.obiblog .article-intro-image a img, .blog-featured.obiblog .article-intro-image a img { margin: 0px auto; }	
.blog.obiblog .article-header h1, .blog.obiblog .article-header h2,
.blog-featured.obiblog h1.item-title, .blog-featured.obiblog h2.item-title  { margin-bottom: 2px; line-height: 32px;}
.blog.obiblog .article-header h1 a, .blog.obiblog .article-header h2 a,
.blog-featured.obiblog h1.item-title a, .blog-featured.obiblog h2.item-title a { 
	font-size: 24px; line-height: 28px;/* mozda font-size: 28px;*/ /* line-height: 32px;*/ color: #2175ba; font-weight: 400; }
.blog.obiblog .article-info .category-name, .blog-featured.obiblog .article-info .category-name {	margin-left: 0px; }
.blog.obiblog .item-content ul.tags.mb-4, .blog-featured.obiblog .item-content ul.tags.mb-4 { margin-bottom: 1px!important; }
/* Links under blog & featured */
.obiblog .items-more ul, .obiblog .articles-more ol { 
	/*display: list-item;*/ margin: 20px 0px 30px 0px; padding-bottom: 10px; border-bottom: 1px solid transparent;}
.obiblog .items-more ul li, .obiblog .articles-more ol li, .obiblog .articles-more ul li { 
	display: list-item; list-style: square outside; margin-left: 40px; border-bottom: 1px solid #dddddd; padding: 8px 0px 10px 0px;}
.obiblog .items-more ul li::marker, .obiblog .articles-more ol li::marker, .obiblog .articles-more ul li::marker { color: #2175ba; font-size: 1.2em; }
.obiblog .items-more ul li a, .obiblog .articles-more ol li a, .obiblog .articles-more ul li a { font-size: 1.1em; }
.obiblog .list-group-item { padding: 6px 20px; border-radius: 0px; border-bottom: 1px solid #dddddd; 
	border-top: 1px solid transparent; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
/*.obiblog .list-group-item:first-child { border-top: 1px solid #ffffff; }*/

/* Category list table */
.category-list td.list-date.small { text-align: center;}

/* Vijesti - right */
#sp-right .sp-module.vijesti { background-color: #e8eaf0; padding: 15px; text-align: right;}
.vijesti li .mod-articles-category-group { padding: 2px 12px; font-weight: 400; font-size: 0.9em; 
	border-bottom: 2px solid #2175ba; color: #666666;}
#sp-right .sp-module.vijesti ul > li { border-bottom: 1px dotted #bbbbbb; }
#sp-right .sp-module.vijesti ul > li:last-child { border-bottom: none; }
#sp-right .sp-module.vijesti ul > li > a { line-height: 20px; margin-bottom: 0px; }
.vijesti .mod-articles-category-date { font-size: 0.85em; color: #aaaaaa; }
.vijesti .mod-articles-category-category { font-size: 0.85em; }
.vijesti .mod-articles-category-category a { color: #2175ba; font-style: italic;}

/* Grad Opatija, Opatija.city app, Webcams */
.sp-module.opapp { background: #e8eaf0; padding: 20px !important; }

/* Copyright in footer */
#sp-user1 .mykopi { font-size: 0.98em; }

/* Linkovi na propise */
.sp-module.propisi { background: #e8eaf0; margin: 10px auto; padding: 24px 24px 15px 24px !important; 
	max-width: 800px;}

/* Breadcrumbs */
.sp-module.mrve { padding-bottom: 20px; border-radius: .15rem; /*background-color: #ecf0f3;*/}
.mrve .breadcrumb { padding: 5px 20px; background-color: #e8eaf0; border-radius: .15rem;/*margin-bottom: 20px; */}
.mrve .breadcrumb span.divider.fas.fa-map-marker-alt { display: none; }
.sp-module.mrve .icon-location::before { content: "";}

/* Kako platiti parking -  module i linkovi ispod */
.sp-module.parkmod { background: #e8eaf0; border: 1px solid #bbbbbb; font-size: 0.9em; } 
#sp-right .sp-module.paylinks { padding: 0px; border: 1px solid transparent;}

/* Plavi naslovi u parking tekstovima s trokuticem */
h4.pricetitle {background: #2175ba; color: #ffffff; padding: 6px 15px; margin: 30px 0px; font-weight: 400;}
h4.pricetitle::before {margin-right: 10px; content: "\f0da"; font-weight: 900; font-family: "Font Awesome 6 Free", sans-serif;}
/* Plavi naslovi u parking tekstovima s upitnikom */
h5.pitatitle {background: #2175ba; color: #ffffff; padding: 8px 15px; margin: 10px 0px; font-weight: 400; font-size: 1.1em;}
h5.pitatitle::before {margin-right: 10px; content: "\f059"; font-family: "Font Awesome 6 Free", sans-serif;}
h5.pitatitle a {color: #ffffff; }
h5.pitatitle a:hover {color: #FDDB34; }
/* Svijetloplavi linkovi - naslovi s upitnikom u parking tekstovima */
h5.upilink { background: #eaf6ff; border-left: 3px solid #2175ba; padding: 8px 15px; margin: 10px 0px 15px 0px; font-weight: 400; font-size: 1.04em;}
h5.upilink::before {margin-right: 12px; content: "\f059"; font-family: "Font Awesome 6 Free", sans-serif; color: #2175ba; font-size: 21px; }

/* Cjenik parkiranja */

/* po karticama */
.parking-cjenik { display: grid;  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  gap: 20px;
  padding: 20px; max-width: 1200px; margin: 0 auto; }
.zona-card { background: #e8eaf0; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease; display: flex; flex-direction: column; border: 1px solid #ddd; border-top: 8px solid #ddd; 
  }
.zona-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); }

/* Boje za pojedine zone */
.zona-0 { border-top-color: red; }
.zona-0 .color-box { background-color: red; }
.zona-1 { border-top-color: #0033FF; }
.zona-1 .color-box { background-color: #0033FF; }
.zona-1a { border-top-color: #00BFFF; }
.zona-1a .color-box { background-color: #00BFFF; }
.zona-2 { border-top-color: #FDDB34; }
.zona-2 .color-box { background-color: #FDDB34; }
.zona-3 { border-top-color: #08691a; }
.zona-3 .color-box { background-color: #08691a; }
.zona-4 { border-top-color: #FF7800; }
.zona-4 .color-box { background-color: #FF7800; }

.card-header { display: flex; align-items: center; padding: 10px 20px; background: #f8f9fa; border-bottom: 1px solid #eee; }
.color-box { width: 18px; height: 18px; margin-right: 12px; border-radius: 4px; }
.card-header h3, .zona-pilule-kontejner h3 { margin: 0; font-size: 1.2rem; color: #333; }



.card-body { padding: 10px 20px; flex-grow: 1; display: flex; flex-direction: column; gap: 10px; }
.cijena-stavka { display: flex; justify-content: space-between; align-items: center; }
.cijena-stavka.full-width { flex-direction: column; align-items: flex-start; }
.cijena-stavka strong { font-size: 1.1rem; color: #333; }
.cijena-stavka small { font-size: 0.8em; color: #7f8c8d; font-weight: normal; }
.card-footer { padding: 15px 20px; background: #f8f9fa; border-top: 1px solid #eee; display: flex; 
	justify-content: space-between; align-items: center; font-size: 0.95rem; color: #555; }
.card-footer strong { color: #333; letter-spacing: 1px; }

.card-body p { margin-bottom: 1px; background: #f8f9fa; padding-left: 10px; padding-right: 10px;}

/* Glavni kontejner za cjenik i radno vrijeme */
    .parking-vrijeme { max-width: 1200px; margin: 0 auto; display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; }

/* Razmak za novu sekciju s radnim vremenom */
    .radno-vrijeme-sekcija { margin-top: 40px; }

/* Struktura reda unutar kartice za razdoblje naplate */
    .cijena-red { display: flex; justify-content: space-between; align-items: center; gap: 15px;
      padding-bottom: 10px; border-bottom: 1px dashed #dee2e6; }
    .cijena-red:last-child { border-bottom: none; padding-bottom: 0; }
    .sezona { font-size: 0.95rem; color: #495057; }
    .iznos { font-weight: 700; color: #212529; }
    
/* Posebna struktura headera za prvu karticu s grupom zona */
    .grupa-zona-card { border-top-color: #6c757d !important; /* Neutralna siva gornja linija */  }
    .grupa-zona-card .card-header { flex-direction: column; align-items: flex-start; gap: 10px; }

/* Stilovi za male pilule u boji zona */
    .zona-pilule-kontejner { display: flex; gap: 6px; flex-wrap: wrap; }
    .zona-pilula { font-size: 0.75rem; font-weight: bold; color: #fff; padding: 3px 8px; border-radius: 4px;
      letter-spacing: 0.5px; display: inline-block; text-align: center; }

    /* Boje pilula uskladi s cjenikom sustava */
    .p-zona-X { color: #212529 !important; }
    .p-zona-0 { background-color: red; }
    .p-zona-1 { background-color: #0033FF; }
    .p-zona-1a { background-color: #00BFFF; color: #fff; }
    .p-zona-2 { background-color: #FDDB34; color: #212529 !important; } 
    .p-zona-3 { background-color: #08691a; }
    .p-zona-4 { background-color: #ff7800; }
    
    /* Podešavanje za Zonu 2 u radnom vremenu */
    .zona-2-radno { border-top-color: #FDDB34; }
    
    .zona-2-radno .color-box { width: 16px; height: 16px; background-color: #FDDB34; border-radius: 4px; 
    	display: inline-block; }
    
    /* Isticanje radnog vremena */
    .radno-sat { font-size: 1.05rem !important; color: #212529 !important; background: #e9ecef; padding: 4px 10px;
      border-radius: 4px; white-space: nowrap; }
    
    /* Stil za istaknutu info obavijest */
    .info-obavijest { background-color: #e8f4fd; border-left: 5px solid #007bff; border-radius: 8px;
      padding: 20px; margin: 30px auto; max-width: 1200px; display: flex; align-items: center; gap: 20px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }

    .info-ikona { font-size: 2rem; color: #007bff; display: flex; align-items: center; justify-content: center; }

    .info-sadrzaj { display: flex; flex-direction: column; gap: 6px; }

    .naglasak-datum { font-size: 1.1rem; font-weight: 700; color: #0056b3; text-transform: uppercase; letter-spacing: 0.5px; }

    .tekst-obavijesti { font-size: 1.05rem; color: #2c3e50; line-height: 1.6; }

/* ostaje zbog rezerviranih mjesta, dok se ne promijeni */
.cijene { margin: 15px 0px 20px 0px; }
.cijene th, .cijene td { padding: 6px 8px; }
.cijene td { text-align: center; font-size: 0.98em; border-bottom: 1px solid #2175ba;}
.cijene th.cizona { line-height: 28px; padding-left: 30px; text-align: left;}
.cijene th.cizona span { vertical-align: top; white-space: nowrap; }
.cijene th i { font-size: 28px; width: 28px; height: 28px; margin-right: 10px;  
	text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; }

/*.ciraz { margin: 15px 0px 28px 0px; }
.ciraz td { text-align: center; border-bottom: 1px solid #2175ba; font-size: 1.0em; padding: 6px; }
.ciraz.dnek td { font-weight: bold;  }*/

/* nowrap za cijene */
td.wraped { white-space: nowrap; }
span.wraped { white-space: nowrap; }
	
/* Placanje racuna */
.racuni .card {border: 1px solid transparent; border-radius: 0rem; padding-left: 0px; margin-bottom: 15px; padding-right: 30px;}
.racuni .card:last-child { padding-right: 1px;}
.racuni .rac1inner {border: 1px solid #AABDD3; padding: 15px;}
.racuni .rac2inner {border: 1px solid #AABDD3; padding: 15px; background: #fafafa;}

/* Kontakt obrazac i Reklamacije obrazac */
#visform1, #visform7 { padding: 0px 30px 15px 30px; }
.ktkime, .ktkprezime, .ktkmail, .ktktel, .ktktvrtka, .ktkodjel, .ktkdpk, .ktknaslov { max-width: 640px; }
.ktkporuka { max-width: 800px;}
.ktkprivat  { padding-bottom: 15px; }
.ktk .btn.btn-primary.ktksalji, .ktk .btn.btn-light.ktkponisti { margin-top: 15px; /*margin-bottom: 10px;*/}
.btn-light {
	--bs-btn-bg: #DFE0E1;
	--bs-btn-border-color: #BABABB;
	--bs-btn-hover-bg: #ffc107;
	--bs-btn-hover-border-color: #6c757d;
	--bs-btn-active-bg: #ffc107;
	--bs-btn-active-border-color: #6c757d;
}

/* QuickIndex Styling */
.rl_quickindex.card { margin: 15px auto; max-width: 90%; --bs-card-border-radius: 0.1rem; background: #ecf0f3; }
.rl_quickindex.card ul { list-style: none; padding-left: 20px; }	

/* Sitemap */
/*#SchuWeb_Sitemap ul.level_3, */#SchuWeb_Sitemap ul.level_4 { display: none; visibility: hidden;}

  /* Bootstrap accordion */
/*#accordion-sadrzaj .accordion-button.collapsed { background-color: #f2f7fd; }*/
/*#accordion-sadrzaj .accordion-button::after { background-image: none; }*/

/* NASLOVNA STRANICA 1 DIO*/

.essentia .card { padding: 10px 16px; }
.essentia .card:hover { border: 1px solid #2175ba; background: #DBEBFE; } /*#C8DEF7*/
h1.essentia-title, h2.essentia-title { text-align: center; font-size: 1.5rem!important;}
.essentia-arti a:hover, .essentia-arti a:hover h1, .essentia-arti a:hover h2, .essentia-arti a:hover i
	{color: #444444!important; text-decoration:none;}
p.essentia-foto { margin-bottom: 10px; }
.essentia-foto i { text-align: center; font-size: 7.0em; display: block; }
.essentia-foto img { width: 100%; height: 160px; object-fit:cover; }

p.essentia-text { }

/* NASLOVNA STRANICA 2 DIO*/

.headlines .card { padding: 10px 16px; }
.headlines .card:hover { border: 1px solid #2175ba; background: #DBEBFE; }
.head-arti h2 { font-size: 1.6rem!important;}

.headlines .ininfo { font-size: 0.85em; text-align: right; color: #aaaaaa; margin-bottom: 5px;}
.headlines .incategory::before { content:"\f07c"; font-family: "Font Awesome 6 Free", sans-serif; 
	font-size: 0.5em; line-height: 1.8em; margin-right: 8px; }
.headlines .incategory, .headlines .indatum {white-space: nowrap;}	
.headlines .indatum::before { content:"\f073"; font-family: "Font Awesome 6 Free", sans-serif; 
	font-size: 0.5em; line-height: 1.8em; margin-left: 10px; margin-right: 8px; }
.headlines .inmore::before { content:"\f1ea"; font-family: "Font Awesome 6 Free", sans-serif; 
	font-size: 0.5em; line-height: 1.8em; margin-left: 10px; margin-right: 8px; }

/* ============== ZH MAP =============== */
.leaflet-attribution-flag { display: none!important; }
div#OMapsID.parkarta { z-index: 9; } /* zbog dropdown mainmenu */
.zhom-mapsmenu-advanced ul, ul.zhom-markergroup-group-ul-menu-advanced { display: flex; flex-wrap: wrap; /*background-color: #f2f7fd;*/}
.zhom-markergroup-group-li-advanced { margin-right: 10px !important; margin-bottom: 10px!important; font-size: 0.980rem!important; }
.zhom-markergroup-group-li-advanced div a { padding: 5px 20px 0px 15px; }
.zhom-mapsmenu-advanced #zhom-menu-advanced a.active, ul.zhom-markergroup-group-ul-menu-advanced a.active {
	background-color: #d9e8f9;	color: #2175ba; border: 1px solid #2175ba;}
.zhom-mapsmenu-advanced a:hover, ul.zhom-markergroup-group-ul-menu-advanced a:hover {
	background-color: #ffffff;	color: #2175ba;/* border: 1px solid #2175ba;*/ }
.zhom-mapsmenu-advanced a, ul.zhom-markergroup-group-ul-menu-advanced a {
	background-color: #ffffff;	color: #2175ba; border: 1px solid #dddddd;}
.zhom-mapsmenu-advanced a:link, #zhom-menu-advanced a:visited, ul.zhom-markergroup-group-ul-menu-advanced a:visited {	color: #2175ba; }
.zhom-markergroup-img-advanced img { float: left;/*margin-right: auto; margin-left: auto;*/ }
.zhom-markergroup-text-advanced { line-height: 48px; padding-left: 5px; }
.parkarta .leaflet-popup-content { margin: 10px 14px; line-height: 1.2; font-size: 13px;/*font-size: 1.0em;*/ width: 360px!important;}
.leaflet-popup-close-button { font-size: 28px!important; }
/*.placemarkGPS p { margin: 10px 0!important; }*/

/* tablica s cijenama na karti */
.parkarta h3.pathHead { margin-bottom: 2px; }
table.zhkarta { margin-top: 8px; } /*width: 94%; overflow-x: auto;*/
.zhkarta th { background-color: #dce1e9; }
.zhkarta td, .zhkarta th { border: 1px solid #c1c5cc; padding: 6px; }
.zhkarta tr:hover {background-color: #d9e8f9;}
.zhkarta th p { margin: 0px; }
.zhkarta .zhzona p { text-align: center; }
.zhkarta p.zhzoni i { font-size: 30px; width: 30px; height: 30px; margin: 0px 10px 4px 10px; text-shadow: -0.5px 0 #6e7074, 0 0.5px #6e7074, 0.5px 0 #6e7074, 0 -0.5px #6e7074;}
.zhkarta p.zhzonp { font-size: 14px;/*font-size: 1.2em;*/ }
.zhkarta .zhmoba p { text-align: right; margin-right: 15px; }
.zhkarta .zhmoba .zhmobt { font-size: 12px; /*font-size: 1.1em; text-align: right; margin-right: 15px;*/ }
.zhkarta .zhmoba .zhmobb { font-size: 22px; /*font-size: 2.0em; text-align: right; margin-right: 15px;*/ }
.zhkarta .zhmoba p.zhmob { font-size: 12px; font-weight: normal; font-style: italic;/*font-size: 0.95em;text-align: right; margin-right: 15px; */ }
.zhkarta .zhdat { font-size: 14px; font-weight: bold; text-align: left; white-space: nowrap;}
.zhkarta .zheuro { font-size: 14px; font-weight: bold; text-align: center; white-space: nowrap;}
/*p.zhnapom { font-style: italic; }*/
.zhkarta td.zhdatd, .zhkarta td.zheurod { width: 50%;}
/*.zhkarta path.leaflet-interactive:hover { display: block;} */

/* Footer */
#sp-footer .container-inner { padding: 30px 0px 6px 0px; }
/* Nastavak footera za privacy (cookies) */
#sp-underfoot { background: #2175ba; color: #ffffff; }
#sp-underfoot .container-inner { border-top: 1px dotted #eeeeee; padding: 10px 0px 20px 0px;}
#sp-underfoot a { color: #ffffff; }

/* n3t Cookie Consent */
.cc-trigger.cc-trigger-icon.cc-trigger-left { left: 4px!important; }
.cc-trigger.cc-trigger-icon svg { width: 44px!important; }

/* DJ Accessibility */
.djacc-opened .djacc-popup.djacc--center-left .djacc__openbtn, .djacc-opened .djacc-popup.djacc--center-right .djacc__openbtn, .djacc-popup.djacc--center-left:hover .djacc__openbtn, .djacc-popup.djacc--center-right:hover .djacc__openbtn {
	margin: 1!important; }
.djacc-opened .djacc-popup.djacc--bottom-left .djacc__openbtn, .djacc-opened .djacc-popup.djacc--bottom-right .djacc__openbtn, .djacc-opened .djacc-popup.djacc--top-left .djacc__openbtn, .djacc-opened .djacc-popup.djacc--top-right .djacc__openbtn, .djacc-popup.djacc--bottom-left:hover .djacc__openbtn, .djacc-popup.djacc--bottom-right:hover .djacc__openbtn, .djacc-popup.djacc--top-left:hover .djacc__openbtn, .djacc-popup.djacc--top-right:hover .djacc__openbtn {
	margin: 1px!important; }
.djacc-popup .djacc__openbtn--default {
	background: #2175ba!important; border-radius: 0% 10% 0% 10%!important; }
.djacc-popup .djacc__openbtn { border: 1px solid #eeeeee!important; }
.djacc-popup .djacc__panel { border-radius: 10px!important; }
.djacc-popup .djacc__close {
	background: #2175ba!important; } /*#098cd0  #eaf6ff*/
.djacc--sticky { z-index: 9999!important; }
.djacc--sticky.djacc--bottom-left { bottom: 36px!important; }
html.n3tcc-has-consent.n3tcc--loaded 
input.form-control:focus-visible { outline: 2px solid #FDDB34 !important; }
/* .djacc__panel--active li.djacc__item.djacc__item--full:first-child { display: none!important; }*/

/* Scroll to top */
.sp-scroll-up { font-size: 22px; bottom: 48px; right: 15px; width: 48px; height: 48px; line-height: 48px; border-radius: 0 10%; border: 1px solid #eeeeee; background: rgba(188,212,230,0.7);}

/* COOKIES */
.cc_div .cc-link { color: #2175ba!important; }

/* RESPONSIVE */
@media (max-width: 1200px) {
	.sp-megamenu-parent {display: none !important;}
}

@media (min-width: 1200px) {
	.sp-megamenu-parent > li > a { padding: 6px 10px 6px 6px!important; }
	.sp-megamenu-parent .sp-menu-item a span::before { margin: 0px 10px 0px 8px; }
	/*#sp-menu .sp-megamenu-parent {display: none !important;}*/
	/*	#sp-header .logo { align-items: self-start; }
	#sp-menu { align-items: self-end;} 	*/
}

@media (min-width: 992px) {
	/*#sp-header .logo { padding-left: 20px; }*/
	/*#sp-menu { padding-left: 60px;}*/
	.moddpkmob { display: none;}
	#myModal1 .modal-dialog { max-width: 800px; }
}

@media (max-width: 992px){
	#sp-main-body { padding: 20px 0; }
	.logo-image-phone { height: 30px!important; width: 186px;}
	.moddpk { display: none;}
	#visform1, #visform7 { padding: 0px 20px 15px 20px; }
}
@media (max-width: 576px){
	/*.logo-image-phone { height: 30px!important; width: 186px;}*/
	.zajik { padding-right: 10px; }
	.com-finder > * + *, .com-finder__results > * + * { margin-top: 0.6em; } /* zbog razmaka na gornjem rubu */
	#sp-upper { margin-top: 10px; }
	#quick-links .qlink a { height: 110px; padding: 10px 10px; }
	.parkarta .leaflet-popup-content { width: 280px!important;}
	.zhkarta .zhdat { white-space: normal;}
}
@media (max-width: 292px){
	.logo-image-phone { height: 20px!important; width: 130px; margin-bottom: 8px; margin-left: 10px;}
}