body { 
	color: #444444; 
	font-family: 'Trebuchet MS', Calibri, Helvetica, Arial, sans-serif; 
	font-size: 0.95em; font-weight: 400; font-style: normal; line-height: 1.8em;}
h1,h2,h4 { color: #098cd0; }
b, strong { font-weight: 600;}
.opblue { color: #098cd0; }
.opliblue { background: #d8edfb;}
.opblueb { background: #098cd0; color: #ffffff;}
.opinversep { color: #ffffff; background: #098cd0; padding: 2px 20px;}
.opinversey { color: #333333; background: #FDDB34; padding: 2px 20px 4px 20px;}
.opinversep a, .opinversep a:hover, .opinversep a:focus, .opinversep a:active  { color: #ffffff; }
.opinversey a, .opinversey a:hover, .opinversey a:focus, .opinversey a:active  { color: #333333; }
.zatvori { color: red; font-weight: 600; text-decoration: underline;}
.sakrij { display: none; }
.cred{background: red; }
.cyellow{background: #FDDB34; }
.cgreen {background: green; }
.cblue {background: #1342DB; }
.tred{color: red; }
.tyellow{color: #FDDB34; }
.tgreen {color: green; }
.tblue {color: #1342DB; }
.badge-info { background-color: #098cd0; }

/* Top bar - Language & Search */
#sp-top-bar { background: #098cd0; color: #ffffff; padding: 0px;}
.pozicija1 { float: left; padding-top: 8px; } /*min-width: 10%;*/ 
.pozicija2 { float: right; padding-top: 8px; } 
.pozicija3 { float: right; text-align: center; padding: 6px 0px 3px 0px;}
.pozicija1 p { line-height: 1.3em; }
.pozicija2 .sp-module.zajik { vertical-align: top; padding-top: 4px; }
.sp-module.zajik .lang-inline li a img { border: 1px solid #098cd0; }
.sp-module.zajik .lang-inline li.lang-active a img { border: 2px solid #ecf8ff; }
.sp-module-content .mod-languages ul.lang-inline li { margin: 0 12px 0 0; }

.pozicija3 .sp-module.wise { font-size: 14px; }
.pozicija3 .finderwise input { width: 200px; float: left; font-size: 14px; padding: 4px 12px;}
.pozicija3 label.finderwise {	display: none; }
.pozicija3 .finderwise button { float: right; font-size: 1.05em; vertical-align: middle; padding: 2px 12px;}
.pozicija3 .finderwise .btn-primary, .pozicija2 .finderwise .sppb-btn-primary { color: #f5f5f5; margin-top: 4px; } 
.pozicija3 .finderwise .btn-primary:hover, .pozicija2 .finderwise .sppb-btn-primary:hover {
	border-color: #098cd0; background-color: #098cd0; 	color: #ffffff;}
.pozicija3 .btn-primary:not(:disabled):not(.disabled).active:focus, .pozicija3 .btn-primary:not(:disabled):not(.disabled):active:focus, .pozicija3 .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(9,140,208,.5); }
.pozicija3 .btn-primary::before { font-size: 18px; line-height: 18px; margin-right: 10px; font-weight: 900;
	content:"\f002"; font-family: "Font Awesome 5 Free", sans-serif; }

/* Fonts & Headings & Buttons */
.article-details .article-header h1, .article-details .article-header h2 { font-size: 2.15em;}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
  margin: 0 0 20px; padding-bottom: 10px; font-size: 1.7em; font-weight: 500; border-bottom: 1px solid #ecf0f3;}
.btn-primary, .sppb-btn-primary { border-color: #098cd0; background-color: #098cd0;}
.btn-primary:hover, .sppb-btn-primary:hover { border-color: #2f75b5; background-color: #2f75b5; color: #ffffff;}
a:hover, a:focus, a:active { color: #2f75b5;}
.btn-group-sm > .btn, .btn-sm { font-size: 12px; }
a.btn.btn-secondary.focus, a.btn.btn-secondary:focus { color: #ecf0f3;}

/* Helix MegaMenu & Offcanvas */
#sp-header { background: linear-gradient(#ffffff 40%, #e7ebee); background-color: #e7ebee; }
#sp-menu { padding-left: 0px; font-family: Cabin, 'Open Sans', 'Segoe UI', Helvetica, Arial, sans-serif;}
/*.offcanvas-menu .offcanvas-inner .sp-module ul > li ul { display: block !important; }*/
.offcanvs-position-right.offcanvas-active .body-wrapper { right: 0 !important; }
#sp-menu .fa { display: inline-block; font-family: "Font Awesome 5 Free", sans-serif; font-size: 16px; margin-right: 5px; }
.sp-megamenu-parent > li > a { font-size: 1.2em; text-transform: uppercase; padding: 3px 15px;
	 color: #098cd0; margin-top: 20px; line-height: 52px; }
.sp-megamenu-parent > li:hover > a { color: #ffffff; background: #098cd0; }
.sp-megamenu-parent > li.active > a {color:#098cd0; border-top:1px solid #098cd0; border-bottom:1px solid #098cd0; font-weight:300;}
.sp-megamenu-parent > li.active:hover > a { color: #ecf0f3; background: #098cd0; }
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { background: #ecf0f3; padding: 10px 5px; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { color: #098cd0; font-size: 1.02em; /*font-weight:300;*/}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover { color: #ffffff; background: #098cd0;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a { color: #ffffff;}
.sp-megamenu-parent .sp-dropdown-items { font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;}
.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 {
	background: #098cd0; color: #ffffff; }
.sp-megamenu-parent li.sp-menu-item .sp-dropdown .sp-dropdown-items li.sp-menu-item.current-item {
	background: #098cd0; color: #ffffff; }
.sp-megamenu-parent li.sp-menu-item .sp-dropdown .sp-dropdown-items li.sp-menu-item.current-item a {
	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: 6px; }
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after { margin-left: 8px; margin-top: 8px; }

/* Offcanvas toggler & Menu */
#offcanvas-toggler { margin-top: 20px; height: 52px; line-height: 52px; }
#sp-menu .offcanvas-toggler-right .fa { font-size: 36px; color: #098cd0; margin-left: 20px; padding: 6px; }
#sp-menu .offcanvas-toggler-right .fa:hover { color: #ffffff; background: #098cd0; }

.offcanvas-menu { background-color: #264F7F; opacity: 0.92; color: #ffffff; }
.close-offcanvas { background: #ffffff; color: #264F7F; }
.close-offcanvas:hover { background: #FDDB34; color: #264F7F; }
.offcanvas-menu .offcanvas-inner { padding: 30px 20px; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a { 
	color: #ecf0f3; font-size: 1.05em; border-bottom: thin dotted #87B0E0;}
	.offcanvas-menu ul.menu li a span.menu-toggler { border-bottom: thin dotted transparent;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li:hover {
	background: #3167A5;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a, .offcanvas-menu .offcanvas-inner .sp-module ul > li:hover span,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li:hover a {
	color: #ecf0f3;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler { color: #ecf0f3;}
.offcanvas-menu .offcanvas-inner .sp-module-content { padding: 30px 0; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li { padding: 6px 10px; margin: 2px; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li .current a, .offcanvas-menu .offcanvas-inner .sp-module ul > li .current span,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li .current a { color: #FDDB34;}

/* Offcanvas icons */
.offcanvs-position-right .sp-module-content ul.menu::before {content:"MENU";font-size:1.0em;color:#c1c1c1;margin-bottom:5px; }
.offcanvas-menu ul.menu li a::before { font-family: "Font Awesome 5 Free", sans-serif; font-weight: 900;
	font-size: 1.0em; line-height: 1.2em;	margin-right: 10px;}
	/* Home icon */
.hr-hr ul.menu li.item-103 a::before, .en-gb ul.menu li.item-105 a::before { content:"\f015"; }
	/* Car icon - Parking */
.hr-hr ul.menu li.item-152 a::before, .en-gb ul.menu li.item-458 a::before { content:"\f1b9"; }
	/* Building icon - Dvorana */
.hr-hr ul.menu li.item-366 a::before, .en-gb ul.menu li.item-459 a::before { content:"\f1ad"; }
	/* Users icon - About us */
.hr-hr ul.menu li.item-157 a::before, .en-gb ul.menu li.item-460 a::before { content:"\f0c0"; }
	/* Envelope icon - Contact */
.hr-hr ul.menu li.item-156 a::before, .en-gb ul.menu li.item-201 a::before { content:"\f0e0"; }
/* Hide icons in submenus */
.offcanvas-menu ul.menu li ul.menu-child li a::before { display: none; }

/* Main content */

/* Pomak kod otvaranja sticky-menu */
#sp-main-body { padding: 30px 0;	}
#sp-header.header-sticky ~ section#sp-main-body { padding-top: 200px; }
.canchors #sp-header.header-sticky ~ section#sp-main-body { padding-top: 180px; }
.pocetak #sp-header.header-sticky ~ section#sp-main-body,
.firstpage #sp-header.header-sticky ~ section#sp-main-body { padding-top: 40px; }
.pitanja #sp-header.header-sticky ~ section#sp-main-body { padding-top: 200px; }

/* Breadcrumbs */
.mrve .breadcrumb { padding: 3px 15px; margin-bottom: 0px; border-radius: .15rem; margin-bottom: 20px; background-color: #ecf0f3;}
.breadcrumb.mrve li .divider img { display: inline-block; margin: 0px 8px; vertical-align: baseline;}
.breadcrumb.mrve li a {color: #098cd0; font-size: 0.9rem;}
.mrve .breadcrumb li.active { display: none; visibility: hidden; }

/* Search results page */
#finder-search fieldset.word a.btn.btn-secondary { margin-left: 10px; font-size: 0.9rem; border-radius: .25rem;}
#finder-search fieldset.word button.btn.btn-primary { font-size: 0.9rem;}
.finder .search-results.list-striped li { padding: 10px 10px 5px 10px; border-bottom: 1px solid #ecf0f3; }
#finder-search #advancedSearch #finder-filter-window {display: none; visibility: hidden;}

/* Article details - date & category */
.article-details .article-info { margin-bottom: 6px; }
.article-print-email.mt-3 { display: block; width: 100%; float: right; margin-right: 60px; clear: both; text-align: right;}
.article-info, .article-info > span a { color: #aaaaaa; }
.article-info > span { letter-spacing: -0.5px;}
.article-info .category-name a::before { content:"\f07b"; font-family: "Font Awesome 5 Free", sans-serif; 
	margin-right: 6px; }
.article-info .category-name, .article-info .published time { color: #aaaaaa; }
.article-info .published time::before { content:"\f073"; font-family: "Font Awesome 5 Free", sans-serif; 
	margin-right: 6px; }
.article-list .article .readmore { text-align: right; padding-right: 30px; }
.article-list .article .readmore a { color: #ffffff; background: #098cd0; padding: 3px 6px;
	border-radius: 0.25rem; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; }
#sp-main-body nav.d-flex.pagination-wrapper { margin-bottom: 15px; }

/* 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:"#";}

/* Pagination */
.page-item.active .page-link { background-color: #098cd0; border-color: #098cd0; }
.pagination-counter {color: #aaaaaa;}

/* Footer */
#sp-footer { background: #098cd0; margin-top: 30px; }
#sp-privacy { background: #098cd0; margin-top: 0px; }
a.sp-scroll-up span.fa { color: #ffffff; }

/* FavContent on top of slider */
#sp-position8 { margin-top: -90px; z-index: 9;}
.topimgs a { color: #ffffff!important; }
.topimgs .favth-row {padding: 0px 100px 0px 100px;}
.topimgs div[id^="favcontent-box"], .topimgs div[id*=" favcontent-box"] { background-color: rgba(100, 100, 100, 0.8);
	border-left: 1px solid #ecf0f3;margin-right: 3px;}
.topimgs div[id^="favcontent-description"].favth-clearfix, 
.topimgs div[id*=" favcontent-description"].favth-clearfix { padding: 0px 12px 0px 12px; margin: auto 0px; }
.topimgs .favth-col-lg-3.favth-col-md-3.favth-col-sm-6.favth-col-xs-12 { padding-right: 0px; padding-left: 0px; }
.topimgs .favcontent-imgicon-left { padding-bottom: 0px; margin-bottom: 5px;}
.topimgs div[id^="favcontent-description-text"] p { padding-top: 8px; padding-bottom: 5px; }

/* Parkingmap table */
.parkingmap table td,.parkingmap table th { padding: 6px 9px; border-color: #ffffff;}
.parkingmap th {font-weight: bold; font-size: 16px;}
.parkingmap p { text-align: right; margin-top: 5px; margin-bottom: 0.4rem; }
.parkingmap p a:before { font-size: 16px; line-height: 16px; margin-right: 10px; font-weight: 900;
	content:"\f14d"; font-family: "Font Awesome 5 Free", sans-serif; }
.parkingmap td { text-align: center; font-weight: bold; }
/*.parkingmap td:nth-child(2) { text-align: right!important;}
.parkingmap tr:nth-child(even) { opacity: 0.9; }*/

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

/* External link */
.external::after { color: #098cd0; font-size: 0.85em; margin-left: 10px; font-weight: 900;
	content:"\f35d"; font-family: "Font Awesome 5 Free", sans-serif; }
.wexternal::after { color: #ffffff; font-size: 0.85em; margin-left: 10px; font-weight: 900;
	content:"\f35d"; font-family: "Font Awesome 5 Free", sans-serif; }
	
/* List styles */
ul.op21ul { list-style: square outside url("../images/ulli1.png"); }
#sp-left .sp-module ul.op21ul > li:before, #sp-right .sp-module ul.op21ul > li::before {
	content:"\f0c8"; font-family: "Font Awesome 5 Free", sans-serif;
	color: #098cd0; font-size: 0.5em; line-height: 1.8em; margin-right: 10px; font-weight: 900; }
.op21ul li { color: #444444; padding-left: 4px;} 
.op21ul li li { color: #444444; padding-left: 4px; list-style: square outside none;}
.op21simpleul li { color: #444444; list-style: square outside none; }
.op21noul { list-style: none inside none; }

/* Table styles */
.category.table.table-bordered th { background: #C8DEF7; padding: 3px 10px; font-weight: 600; 
	font-size: 1.0em; vertical-align: middle;}
.category-list .cat-children h3 {font-size: 1.2em; margin-left: 20px;}
.category-list .cat-children h3::before { color: #098cd0; font-size: 0.5em; line-height: 1.8em; margin-right: 10px;
	font-weight: 900; content:"\f0c8"; font-family: "Font Awesome 5 Free", sans-serif; }
.category-list .cat-children .first { margin-top: 36px;}
.category.table tr:nth-of-type(2n+1), table.basic tr:nth-of-type(2n+1)  { background-color: #fafafa;}
table.basic tr:hover, .category.table tr:hover {background-color: #E5F2FF;}
table.basic { width: 100%; line-height: 1.5em; font-size: 0.9em; overflow-x: auto;}
.basic td, .basic th { border: 1px solid #ddd; padding: 8px; }
.basic td p, .basic th p { margin: 0px; }
.basic th, .basic th p { font-weight: 600; }
.basic th { text-align: center; background-color: #098cd0; color: #ffffff;}
/* Wide tables za planove nabave */
.basic.naba { font-size: 0.8em;}

/* QuickIndex Styling */
.rl_quickindex.well { 
	margin: 15px auto; max-width: 90%; padding: 10px 10px 6px 10px; border: 1px dotted #cccccc; background: #ecf0f3;}
.rl_quickindex.well ul { list-style: none; padding-left: 20px; }
.rl_quickindex.well ul li a strong { font-weight: 400; }

/* Modules general */
#sp-left .sp-module, #sp-right .sp-module {
	margin-top: 30px; border: 1px solid #ecf0f3; padding: 20px; }
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
	margin: 0 0 10px; padding-bottom: 1px; border-bottom: 1px solid transparent; }
	
/* RokSprocket Home - Parking News - module under home content */
.rokhome li {padding: 10px 20px 10px 1px;}
.rokhome .sprocketin img { border: 1px solid #ffffff; }
.rokhome li:nth-child(odd) .sprocket-strips-s-item { border: 2px solid #098cd0; border-radius: 2px;}
.rokhome li:nth-child(even) .sprocket-strips-s-item { border: 2px solid #FDDB34; border-radius: 2px; }
.rokhome li:nth-child(odd) .sprocket-strips-s-item:hover { background-color: #098cd0; }
.rokhome li:nth-child(even) .sprocket-strips-s-item:hover { background-color: #FDDB34; }
.rokhome .sprocketin { padding: 15px 15px 0px 15px; }
.rokhome .sprocket-strips-s-text { font-size: 0.95em; font-weight: 400; color: #444444; line-height: 1.4em;}
.rokhome li:nth-child(odd) .sprocket-strips-s-item:hover .sprocket-strips-s-text { color: #ffffff; }
.rokhome h4 { padding: 10px 15px 10px 15px; margin-bottom: 0px; font-size: 18px; font-weight: 400; }
.rokhome li:nth-child(odd) h4 { background-color: #098cd0; }
.rokhome li:nth-child(even) h4 { background-color: #FDDB34; }
.rokhome li .sprocket-strips-s-item:hover h4 { background-color: #444444; }
.rokhome li:nth-child(odd) h4 a { color: #ffffff; }
.rokhome li:nth-child(even) h4 a { color: #444444; }
.rokhome li:nth-child(even) .sprocket-strips-s-item:hover h4 a { color: #ffffff; }
.rokhome a.nlin i { font-family: "Font Awesome 5 Free", sans-serif; font-size: 16px; /*font-weight: 600;*/ padding-right: 12px;}
.rokhome a.tlin:hover {text-decoration:none; }

/* Vijesti - right */
.sp-module.vijesti { background: #ecf0f3; }
.vijesti li .mod-articles-category-group { padding: 2px 12px; font-weight: 600; font-size: 0.9em; 
	text-align: right; border-bottom: 2px solid #098cd0;}
.vijesti a.mod-articles-category-title { font-size: 0.9em; color: #098cd0; text-align: right; }
#sp-right .sp-module.vijesti ul > li { border-bottom: 1px solid #aaaaaa; }
#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: -5px; }
.vijesti .mod-articles-category-date { font-size: 0.85em; color: #aaaaaa; line-height: 14px; }
.vijesti .mod-articles-category-category { font-size: 0.85em; color: #aaaaaa; line-height: 14px; margin-right: 15px;}
.vijesti .mod-articles-category-category a { color: #339933; }
	

/*.Category blog & Featured blog */
.blog-featured.novice.featured, .blognovice.parking, .novice.vijesti { margin-top: 30px; }
.novice.featured .col-md-4.item {padding-left: 5px;}
.novice .fulfeature { padding: 10px; border: 1px solid #dddddd; margin-bottom: 20px; }
.novice h2.item-title, .novice .article-details .article-header h2,
.novice .article-list .article .article-header h2 { font-size: 1.25em; color: #098cd0; font-weight: 400; }
.novice .article-list .article .article-header h1 a,
.novice .article-list .article .article-header h2 a { color: #098cd0;}
.novice .article-list .article { padding: 10px; border: 1px solid #dddddd; margin-bottom: 20px; }
.novice .article-introtext { display: none; }
.novice .article-intro-image,
.novice .article-list .article-intro-image { height:140px; width:100%; overflow:hidden; margin: 0px 0px 10px 0px; display:block;}
.novice .mydatein .article-info { display: inline-block; }
.novice .article-info { margin-bottom: 1px; position: relative; bottom: 0px; left: 0px; }
.novice .article-info > span + span::before { content: " ";}

/* Links under blog & featured */
.novice .items-more, .novice .articles-more { margin: 20px 0px 30px 0px; }
.novice .items-more ul li::before, .novice .articles-more ul li::before { 
	content:"\f0c8"; font-family: "Font Awesome 5 Free", sans-serif; color: #098cd0;
	font-size: 0.5em; line-height: 1.8em; margin-right: 10px; font-weight: 900;}
.novice .list-group-item { padding: 6px 20px; border-bottom: 1px solid #dddddd; 
	border-top: 1px solid #dddddd; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.novice .list-group-item:first-child { border-top: 1px solid #ffffff; }

/* font-size on buttons - also on forms buttons */
.btn,.form-control, input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), 
input[type="url"]:not(.form-control), input[type="date"]:not(.form-control),
input[type="password"]:not(.form-control), input[type="search"]:not(.form-control),
input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-control) { font-size: 0.95rem;}

/* Visforms kontakt*/

.reporf, .konporf { min-width: 220px; width: 94%; max-height: 320px; }
.kontaf .konodjf {min-height: 50px; }
/*div.tooltip.vistt.fade.in { opacity:1;}
div.tooltip.vistt.fade { opacity:0; }*/

div.tooltip.vistt.fade { opacity:0.8; }

/* input:focus-within div.tooltip.vistt.fade, select:focus div.tooltip.vistt.fade { opacity:1; }*/
/*.visToolTip:focus, .visToolTip:focus-within div.tooltip.vistt.fade { opacity:1; }*/

/*div.tooltip.vistt.fade:focus, div.tooltip.vistt.fade:hover { opacity:1;}*/
/*.visform .fade,
div.tooltip.vistt.fade {
	opacity:0;
	transition:opacity .15s linear
}
.visform .fade.in,
div.tooltip.vistt.fade.in {
	opacity:1
}
*/

/* Kontakt */
.sp-module.adresdesno { background: #ecf0f3; font-size: 0.9em;}
.sp-module.adresbox { background: #ecf0f3; }
/*.contact-form label.hasTip.required:after { content:"*"; color: #098cd0; }*/
/*.customadresbox i { color: #098cd0; margin-right: 8px;}*/
.contact-form .form-actions { text-align: center; }
/*textarea#contact-form-message { min-width: 220px; max-width: 380px; display: block; width: 100%;
	padding: 0.5rem 0.75rem; font-size: 1rem; border: 1px solid rgba(0, 0, 0, .15); 	border-radius: 0.25rem;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }*/
/*.gdprstar::before {content:"*"; color: #098cd0; }*/
/*.contact-form .form-actions { margin-top: 10px;}*/
	  /* Resized Checkboxes */
/*.pisimi input[type=checkbox], .pisimi2 input[type=checkbox], .pisimi3 input[type=checkbox]{
  -ms-transform: scale(1.5);  -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); 
  transform: scale(1.5);  padding: 10px; margin: 0px 10px; vertical-align: text-bottom;}*/
  
/* Opatija.city app */
.sp-module.opap { background: #ecf0f3; padding: 20px !important; }
.customopap p, .customparkmod p { margin-bottom: 6px; } 

/* Kako platiti parking -  module i linkovi ispod */
.sp-module.parkmod { background: #ecf0f3; border: 1px solid #bbbbbb; font-size: 0.9em; } 
.custom.paylinks {margin-top: 15px;}

/* Sjednice NO category */
.nodat td.list-title { padding-left: 30px; }

/* Opatija grad */
#sp-right .sp-module.gradlink { border: 1px solid #098cd0; }

/* MyCopyright Module */
.sp-module-content span.copyright { font-size: 0.95em; }

/* JCE popup map */
#jcemediabox-popup-iframe .article-details .article-header h1,
#jcemediabox-popup-iframe .article-details .article-header h2 { font-size: 1.3em; color: #098cd0;}
/* JCE Mediabox */
#jcemediabox-popup-content { padding: 6px 25px; }

/* Plain okvir (table) */
.okvir { width: 280px; float: right; border: 1px solid #098cd0; margin: 0 0 10px 20px; }
.okvir td { padding: 10px; }
.okv.lijevi { padding: 15px 20px 15px 0px; float: left; }
.okv.desni { padding: 15px 0px 15px 20px; float: right;}
.okvin { padding: 15px 15px 5px 15px; border: 2px solid #098cd0; background: #ecf0f3; }

/* Questions & Answers */
#faqord h4 button { font-size: 1.05em; color: #098cd0; width: 100%; white-space: normal;}
#faqord h4 button i { margin-right: 10px; }

#faqord .pocetakbutona { float: left; display: table-column; max-width: 85%; text-align: left;}
#faqord .krajbutona { float: right; display: table-column; max-width: 10%; text-align: right; }
#faqord button[aria-expanded="false"] .krajbutona:after { content: "\f078"; font-family: "Font Awesome 5 Free", sans-serif; color: #098cd0;
	font-size: 0.3em; line-height: 1.8em; margin-right: 2px; font-weight: 900; }
#faqord h4 button[aria-expanded="true"] .krajbutona:after { content: "\f077"; font-family: "Font Awesome 5 Free", sans-serif; color: #098cd0;
font-size: 0.3em; line-height: 1.8em; margin-right: 2px;  font-weight: 900; }
#faqord p a, #faqord li a { font-weight: 500; }
#faqord p a:hover, #qa-accordion li a:hover { text-decoration: underline; } 
#faqord h3 { margin-bottom: 15px; }

.faqicons { margin: 20px 0 30px 0; color: #098cd0;}
.faqicons table {	width: 100%; }
.faqicons td {	text-align: center; }
.faqicons i { font-size: 2.8em; font-weight: 900; }
.faqicons td span { font-size: 0.95em; line-height: 1.4em; }
.faqicons .col-6.col-xs-6.col-sm-4.col-md-2.col-lg-2 { width: 100%; }

/* Pojedini moduli */
.struktura h5 { margin-top: 25px; }
#sp-right .sp-module.cjeniklink { border: 1px solid transparent; padding: 5px; display: block;}
.alertokvir .fade { opacity: inherit; }

/* Pristup info - modul */
.sp-module-content-bottom.clearfix div.module.pravo {width: 100%; clear: both; }
.pravo ul.category-module li {margin-left: 10px;}
.pravo ul.category-module li::before {content:"\f0c8"; font-family: "Font Awesome 5 Free", sans-serif; color: #098cd0;
	font-size: 0.3em; line-height: 1.8em; margin-right: 10px; font-weight: 900; }

/* Scroll to top (zbog EU privacy)  */
.sp-scroll-up { bottom: 56px; }
/* EU privacy directive */
.activebar-container { margin:0; display:block; position:fixed; bottom:0; left:0; width:100%; height:auto; 
	z-index:9999; overflow:hidden; overflow-x:hidden; }.activebar-container p {display:block; overflow:hidden;}
.activebar-container { background-color:#ecf0f3; opacity: 0.9;  border-top:1px solid #bbbbbb; color:#333333; }
.activebar-container p { margin:10px 25px; text-align: left; font-size: 13px; opacity: 1;}
.activebar-container button { float:right; clear:none; margin: 5px 10px; padding: 5px 10px; }
.accept.btn, .decline.btn { font-size: 14px; }
.activebar-container ul.links,.activebar-container ul.links li { display:block; }
.activebar-container ul.links li { margin: 0 15px; float:left; clear:none; font-size: 13px; }
#sp-bottom4 .plg_system_eprivacy_module div.plg_system_eprivacy_accepted, 
#sp-bottom4 .plg_system_eprivacy_module div.plg_system_eprivacy_declined { overflow: hidden; border-top: 1px solid #ecf0f3;
	border-left: 0px solid #098cd0; border-right: 0px solid #098cd0; border-bottom: 0px solid #098cd0;color: #ecf0f3; 
	vertical-align: middle; padding: 5px; font-size: 0.9em; }
#sp-bottom4 button.plg_system_eprivacy_reconsider, 
#sp-bottom4 button.plg_system_eprivacy_accepted { background: none; border: transparent; color: #FDDB34; cursor: pointer; } 

/* Parking bonovi */
.bonovi .card {border: 1px solid transparent; border-radius: 0rem; padding-left: 0px; margin-bottom: 15px;}
.bonovi .bonin {margin: 5px; padding: 20px; background: #098cd0; min-height: 130px;} /*#ecf0f3*/
/*.bonovi h4 {color:#098cd0; margin-bottom: 0px; }*/
.bonovi i {font-size: 24px; width: 20px; height: 24px; margin-right: 10px;}
.bonovi .external::after { font-size: 0.8rem;}
.bonovi img {margin-left: auto; margin-right: auto;}

/* Headlines - Naslovna */
.container.headlines  { margin-bottom: 20px; }
.headlines .col-lg-6.col-md-6.col-sm-12 {margin-bottom: 15px;}
.headlines .card {border-radius: 1px; border-color: #dddddd; box-shadow: 5px 5px 20px #ecf0f3; padding: 0px;}
.headlines h2 { font-size: 1.2em; padding: 0px 20px 5px 20px; line-height: 1.2em;}
.headlines h2::before { content:"\f02e"; font-family: "Font Awesome 5 Free", sans-serif; color: #098cd0; 
	margin-right: 12px; font-size: 0.8em; font-weight: 900;}
.headlines img.infoto { width: 140px; height: 140px; overflow: hidden; float: left; margin-right: 12px; object-fit: cover; border-radius: 8px;} /*border-bottom: 1px solid #dddddd; padding-top: 5px;*/
.headlines p {font-size: 0.9em; line-height: 1.6em; padding: 0px 20px;}
.headlines .ininfo { font-size: 0.85em; text-align: right; color: #aaaaaa; margin-bottom: 5px;}
.headlines .incategory::before { content:"\f07c"; font-family: "Font Awesome 5 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 5 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 5 Free", sans-serif; 
	font-size: 0.5em; line-height: 1.8em; margin-left: 10px; margin-right: 8px; }
	
	
.modal { z-index: 10010; }

/* =========== NOVO UZ CJENIK 1-08-2024  =============== */
/* buton u najavi */
.najavaou .btn-outline-primary { color: #098cd0; border-color: #098cd0; }
.najavaou .btn-outline-primary:hover { color: #ffffff; background-color: #098cd0; border-color: #098cd0; }
 /* Cijene */
 .kostanje {border: 1px solid transparent; border-radius: 0rem; padding-left: 0px; margin-bottom: 15px; /*padding-right: 10px;*/}
 .kosta01, .kosta02, .kosta03 { border: 1px solid #098cd0; border-radius: 2px;}
 .kosta01 th, .kosta02 th, .kosta03 th {background: #098cd0; color: #ffffff; padding: 6px 15px; font-weight: 900; }
 .kosta01 .kore { border-bottom: 1px solid #098cd0;}
 .kosta01 tr:nth-child(even) { background-color: #ecf8ff;}
 .kosta01 .kopri { border-right: 1px solid #098cd0;}
 .kosta01 .kozo {background: #098cd0; color: #ffffff; padding: 6px 15px; font-weight: 900; line-height: 32px; vertical-align: middle;}
 .kosta01 .kozo i { font-size: 28px; width: 28px; height: 28px;  
	text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; margin-right: 10px; }
 .kosta01 .kozo span { color: #ffffff; vertical-align: top; white-space: nowrap;}
 .kosta01 .kopri, .kosta01 .komo { font-weight: 900;}
/* Razdoblja i DPK */
.kosta02 td:first-child,
.kosta03 td:first-child { background: #098cd0; color: #ffffff; padding: 6px 15px; font-weight: 900; border-bottom: 1px solid #ecf8ff;}
.kosta02 .kodug { line-height: 20px;}


/* Novi cjenik parkiranja */
/*==================================================================*/
/*.testn .article-header h1 {font-size: 2.1em;}*/	
h4.pricetitle {background: #098cd0; 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 5 Free", sans-serif;}

/* Miniprice*/
.miniprice .card {border: 1px solid transparent; border-radius: 0rem; padding-left: 0px; margin-bottom: 15px; padding-right: 10px;}
.miniprice .card:last-child { padding-right: 1px;}
.miniprice table { width: 100%; font-size: 0.9em; line-height: 1.3em!important; height: 280px;}
/*.miniprice.deskp table { height: 250px;}*/
.miniprice table th { background-color: #098cd0; color: #ffffff; height: 82px; }
/*.miniprice.deskp table th { height: 82px; }*/
.miniprice table th:first-child { border-top-left-radius: 4px; 	-moz-border-top-left-radius: 4px; 
	-webkit-border-top-left-radius: 4px; border-right: 1px solid #ecf8ff;}
.miniprice table th:last-child {	 border-top-right-radius: 4px; -moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;}
.miniprice .z0 th {border-bottom: 4px solid red;}
.miniprice .z1 th {border-bottom: 4px solid #1342DB;}
.miniprice .z2 th {border-bottom: 4px solid #FDDB34;}
.miniprice table td { border: 1px solid #098cd0; }
.miniprice table td p, .miniprice table th p { 	margin-bottom: 4px; }
.miniprice tr:nth-child(even) { background-color: #ecf8ff;}
.miniprice td:first-child { border-right: 2px solid #098cd0; }

.miniprice .zkoc { padding: 6px; text-align: center; vertical-align: center; width: 90px;}
/*.miniprice.deskp .zkoc { width: 98px;}*/
.miniprice .zkoc i { font-size: 36px; width: 36px; height: 36px; margin-bottom: 4px; 
	text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; }
.miniprice .znasl { text-align: right; padding: 6px; }
/*.miniprice.deskp .znasl { padding-right: 30px; }*/
.miniprice .zzon {font-size: 1.05rem; font-weight: 600; }
.miniprice .zmpar {font-size: 0.75rem; font-style: italic; color:#ecf0f3; font-weight: 400; }
/*.miniprice.deskp .zmpar {font-size: 0.85rem; }*/
.miniprice .zmnr {font-size: 1.5rem; }
/*.miniprice.deskp .zmnr {font-size: 1.6rem; letter-spacing: 1.5px; }*/
.miniprice .zrazdob {padding-left: 4px;}
/*.miniprice.deskp .zrazdob {padding-left: 15px;}*/
.miniprice .zci {width: 70px; padding-right: 4px; font-size: 0.95rem; letter-spacing: -0.5px; font-weight:700; text-align: right;}
/*.miniprice.deskp .zci {width: 110px; padding-right: 15px; font-size: 1.05rem; letter-spacing: -0.1px;}*/
.miniprice .zdate {font-weight: 700; font-size: 0.95rem; }
/*.miniprice.deskp .zdate {font-size: 1.0rem; }*/
.miniprice .zdan {font-style: italic; letter-spacing: -0.5px; font-size: 0.8rem; }
/*.miniprice.deskp .zdan {letter-spacing: -0.1px; font-size: 0.9rem; }*/
.miniprice td.zsat {font-style: italic; letter-spacing: -0.5px; width: 36px; 
	vertical-align: top; border-right: 2px solid #098cd0;font-size: 0.8rem; }
/*.miniprice.deskp td.zsat { width: 80px; letter-spacing: -0.1px;font-size: 0.9rem; }*/
.miniprice td.zsat, .miniprice td.zci3 {padding: 6px 2px;}
.miniprice td.zci1 {vertical-align: top; }

/*Dnevne i tjedne*/
/*.dnevtje .card {border: 1px solid transparent; border-radius: 0rem; padding-left: 0px; margin-bottom: 15px; padding-right: 10px;}*/
.dni table { width: 100%; font-size: 0.9em; line-height: 1.3em!important; height: 280px;; }
.dni th {font-size: 1.1rem; text-align: center; height: 50px!important; font-weight: 600; border-bottom: 1px solid #ecf8ff; 
	color: #ffffff; background:#098cd0; }
.dni td { border: 1px solid #098cd0;}
.dni .kocz { background: #098cd0; border-left: 0px solid transparent; text-align: center; color: #ffffff; width: 78px;}
.dni .kocz i { font-size: 24px; width: 24px; height: 24px; margin-bottom: 3px; 
	text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; }
.dni .dsecrow {text-align: center; font-weight: 600; background: #d8edfb!important;}
.dni .dzci { text-align: right; vertical-align: middle; font-weight: 500; font-size: 0.95em; padding-right: 4px;}

/* Lista cjenika za odabir - desktop */
.container.cjlinks {margin-bottom: 15px;}
.cjlinks .col-lg-6.col-md-6.col-sm-6 { padding-right: 5px;}
.cjlinks ul.op21ul { padding-inline-start: 10px; margin: 0;}
/* Button za odabir cjenika - mobile */
.cjenicimob .navbar-toggler { padding: 5px 8px;	border-radius: 0rem; background:#ecf0f3; color: #098cd0; }
.cjenicimob .cmobbut {width: 100%; background:#ecf0f3; padding: 1px;}
.cjenicimob button span.navbar-toggler-icon {width: 100%; font-size: 0.95rem; letter-spacing: -0.5px; vertical-align: baseline;}
.cjenicimob button span.navbar-toggler-icon::after { font-weight: 900; float: right; margin-left: 7px; margin-top: 5px;
	content: "\f107"; font-family: "Font Awesome 5 Free"; }
.cjenicimob .bte {line-height: 22px; vertical-align: baseline;}
.cjenicimob ul.nav.flex-column.bir {margin: 10px 0px 10px 10px; color:#098cd0;}
.cjenicimob .bir .nav-link { padding: 3px 8px; color:#098cd0; }

table.basic.gorovotable, table.basic.dvoranatable, 
table.basic.povlastable, table.basic.reztable,
table.basic.pauktable, table.basic.bustable, table.basic.zautable
	{width: 90%; margin-left:auto; margin-right:auto; margin-bottom: 20px; font-size: 0.95em;}
.gorovotable td.gci, .dvoranatable td.dci { text-align: right; font-weight: 600;}
.gnap i {color: #098cd0; margin-right: 10px; }
table.bontable {width: 50%; margin-left:auto; margin-right:auto; margin-bottom: 20px;}
.pauktable td.pci, .bustable td.bci, .reztable td.rezci, .povlastable td.pci
	{ text-align: right; font-weight: 600; min-width: 90px;}

.zautable td { border: 1px solid #098cd0;}
.zautable .zauz { background: #098cd0; border-left: 0px solid transparent; text-align: center; color: #ffffff; width: 90px;}
.zautable .zauz i { font-size: 24px; width: 24px; height: 24px; margin-bottom: 3px; 
	text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; }
.zautable .zauzci { text-align: right; vertical-align: middle; font-weight: 500; font-size: 1.0rem; padding-right: 8px;}

/* False accordion */
.folakord { padding: 8px 10px 8px 20px; margin-bottom: 30px; font-weight: 400; 
	background: #ecf0f3; border-left: 3px solid #098cd0; box-shadow: 0px 8px 10px 0px #dddddd;}
.folakord i {font-size: 1.3em; color: #098cd0; margin-right: 15px; }

/* 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 #dddddd; padding: 15px;}
.racuni .rac2inner {border: 1px solid #098cd0; padding: 15px; background: #fafafa;}

/* Tabs & Sliders styles in plugins/content/jw_ts/jw_ts/tmpl/Custom/ includes template.css 
   plugins/content/jw_ts/jw_ts/includes/ js  */
   
/* ========== Responsive ========== */

@media screen and (min-width: 991px){
/*	.miniprice.mobp {display: none; visibility: hidden;}*/
	.mobodabir {display: none; visibility: hidden;}
	.modal-dialog { max-width: 800px; }
/*	table.kosta01 { min-width: 80%; }*/
}

@media screen and (max-width: 1201px) {
	ul#engmenu {display: none; visibility: hidden;}
	#sp-logo img.logo-image { width: 132px; height: 61px;}
	img.logo-image-phone { max-height: 84px; height: 48px;}
}

@media screen and (max-width: 990px){
/*	.miniprice.deskp {display: none; visibility: hidden;}*/
	.deskodabir {display: none; visibility: hidden;}
}
@media screen and (max-width: 991px) {
	#sp-header, #sp-logo { height: 72px; }
	#sp-header .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%;	flex: 0 0 25%;	max-width: 25%;}
	#sp-header .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%;	flex: 0 0 75%;	max-width: 75%;}
	#sp-header .logo { height: 62px; }
	#sp-logo img.logo-image { width: 100%; height: 100%; }
	#sp-header .logo a { width: 200px; }
	#sp-logo a::after{ box-sizing: content-box;	}
	#sp-logo a::after { content:"Opatija 21"; font-size: 1.1rem; line-height: 48px; color: #098cd0; 
		display: inline-block; float: right; box-sizing: content-box; white-space: normal;}
	#sp-position1 { display: none; visibility: hidden; }
	.sp-module.zajik .lang-inline li a img { width: 30px; height: 20px; }
	#offcanvas-toggler { margin-top: 4px; font-size: 36px;}
	section#sp-sliderow { background: #ecf0f3; max-height: 100%;}
	#sp-position8 .sp-module.topimgs { display: none; visibility: hidden; }
	.pisimi .form-horizontal .controls { margin-left: 0px; }
	.pisimi2 .form-horizontal .controls, .pisimi3 .form-horizontal .controls { margin-left: 0px !important;}
	.placanje .plati1 { width: 100%;}
	.placanje .plati2 { width: 100%; margin-top: 15px; margin-left: 0px;}
}

@media screen and (max-width: 769px){
	#sp-logo a::after { font-size: 1.0rem;}
	table.gorovotable, table.basic.dvoranatable, table.basic.povlastable, table.basic.zautable,
	table.bontable, table.basic.pauktable, table.basic.bustable, table.basic.reztable {width: 100%;}
	.video-container video {  width: 99%; height: 99%; }
	.pajdo { min-height: 31px; min-width: 80px; }
	.pajdoo { height: 72px; width: 72px; }
	ul.op21ul { padding-inline-start: 24px; }
	.racuni .card { padding-right: 1px;}
}
/*@media screen and (max-width: 576px){
	.miniprice.mobp .card { padding-right: 1px;}
}*/

@media screen and (max-width: 481px) {
	#sp-header .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 35%;	flex: 0 0 35%;	max-width: 70%;}
	#sp-header .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 65%;	flex: 0 0 55%;	max-width: 30%;}
	#sp-header .logo a { width: 164px; }
	#sp-logo a::after { font-size: 0.9rem; padding-left: 2px; }
	.pisimi .adresar { display: none; visibility: hidden; }
	.mrve { display: none; visibility: hidden; }
	}
@media screen and (max-width: 399px) {
	#sp-logo { max-width: 45%; }
	.pozicija3 .finderwise input { width: 160px; }
	#sp-menu { max-width: 55%;	}
}