@font-face {
    font-family: "Open Sans";
    src: url('../fonts/OpenSans-VariableFont_wdth,wght.ttf') format('woff2');
    font-feature-settings: "lnum" 1;
    font-display: swap;
}

@font-face {
    font-family: "Merriweather";
    font-feature-settings: "tnum" 1;
    src: url('../fonts/merriweather/Merriweather.woff2') format('woff2');
    font-weight: 300 900;
    font-feature-settings: "locl" 0, "tnum" 1;   /* isključi srpske lokalne oblike */
}

body {font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:400; color:#16466f; background:#f2f2f2;}


/* GENERAL STYLES */
.wrapper {display: flex; flex-direction: column; min-height: 100vh;}
p {line-height:1.8rem; text-rendering: optimizeLegibility;}
strong{ font-weight:700;}
a {color:#0072bb; outline:0; text-decoration: none;}
a:hover {color:#0072bb; text-decoration:underline;}
a.hasPopover {display:inline-block !important;}
h1, h2, h3, h4, h5, h6 {font-family: 'Merriweather'; color:#16466f;}
h1 {font-size:34px; font-weight:700; margin-bottom:2rem;}
h2 {font-size:32px; font-weight:700; margin-bottom:2rem;}
h3 {font-size:28px; font-weight:700;}
h4 {font-size:18px; font-weight:600; line-height:170%; letter-spacing: 0.03em;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    background-color: transparent !important;
    box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #000 !important;
    transition: background-color 5000s ease-in-out 0s;
}
.table-striped > tbody > tr:nth-of-type(2n+1) > * {background: rgba(33, 132, 195, 0.05);}
.item-page h2 {padding:20px 0 20px 0;}
.item-page h3 {padding:20px 0 20px 0;}
#accordion h3{padding-top:15px}
.leftmenu h3, .moduletableposlednjevesti h3 { font-family:'Open Sans', sans-serif;}
ul li, ol li{margin-bottom:12px;}
img{max-width:100%; height:auto;}
#mainnav-logo {z-index: 999;}
#mainnav-logo img {max-width:inherit;}
blockquote{background:#fff; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.13); padding:20px; border-radius:10px;}
blockquote p{border-left:3px solid #1a73e8; padding-left:10px; font-weight:700}
.custom {width:100%; /*display:flex;*/}
.btn {color:#ffffff; border:none !important; padding: 0.5rem 1rem !important; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.3);}
.btn-primary, .btn-default {color:#ffffff; background:#0072bb !important;}
.btn-primary:hover, .btn-default:hover {color:#ffffff; background:#02609c !important;}
.btn-danger {}
.fullwidth {width: 100vw; position: relative; margin-left: -50vw; left: 50%;}
.fullwidthgray {background: #f5f6f7;}
.fullwidthblue {background: #16466f;}
#middle {overflow-x:hidden; flex:1;}
#mid {margin-top:50px; padding-bottom:30px;}
#right h3 {color:#16466f;}
.table-striped tbody tr:nth-of-type(2n+1){background:#f4f4f5}

#top-nav a[href^="http://"]:after, #footer_wrapper a[href^="http://"]:after,
#top-nav a[href^="https://"]:after, #footer_wrapper a[href^="https://"]:after{content: none;}

span.wf_caption span {font-size: 12px; background: #82917e; color: #e8e8e8; font-style: italic; line-height: 1.2rem; text-align: center;}
span.wf_file_size {font-size:0.75em; color:#999;}


/* PAGINATION */
div.pagination{display:block; text-align:center;}
div.pagination p.counter {float:none; font-size:13px; color:#959393; margin-bottom:5px;}
span.icon-first:after {font-family: 'FontAwesome'; content:"\f049";}
span.icon-previous:after {font-family: 'FontAwesome'; content:"\f048";}
span.icon-next:after {font-family: 'FontAwesome'; content:"\f051";}
span.icon-last:after {font-family: 'FontAwesome'; content:"\f050";}
.page-item {line-height:1.3;}
.page-link {padding:.15rem 0.75rem; font-size:13px; color: #1a73e8; height:24px;}
.page-item.active .page-link {background:#eaeaea; border-color:#dee2e6;}
.page-item.active .page-link:hover {color:#e9ecef}


/* TOP MENU */
#navigation-top {background:#16466f;}
#top-nav ul.nav {margin-left: auto; padding: 0;}
#top-nav ul.nav a {color:#fff; font-size:13px; padding:0px 10px;}
#top-nav ul.nav li {margin-bottom:0px;}
#top-nav {height:30px; display:flex; align-items:center;}

/* USER INFO */
span#user-info {color:#fff; font-size:13px;display: flex; align-items: center; gap: 6px;}

/* LOGO */
.logo-mobile {display:none;}

div.com-content-category__pagination {margin-top:30px; margin-bottom: 30px;}

/* FILTER FIELDS */
.com-content-category__table tbody th a {font-weight: normal;}
label.filter-search-lbl {display: none;}
.com-content__filter {}
.com-content-category__pagination {float: right;}
.com-content-category__pagination label {padding-top:5px;}
.com-content__filter input#filter-search {padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-clip: padding-box;
    border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.com-content__filter input#filter-search:focus {color: #495057; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);}
.com-content__filter button {}
.com-content__filter button.btn-primary {padding: 13px 35px !important; background: #20325a !important; border:none !important;}
.com-content__filter button.btn-primary:hover {background: #2f4c86 !important; border:none !important;}

.com-tags-tags__filter {display: block; margin-bottom: 15px; float: left;}
.com-tags-tags__filter input#filter-search {padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-clip: padding-box;
    border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.com-tags-tags__filter input#filter-search:focus {color: #495057; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);}
.com-tags-tags__filter button {display:none;}



/* MAIN MENU */
#navigation-main {display: flex;
    align-items: center;
    background: #f9f9fa;
    height: 80px;
    box-shadow: 1px 5px 5px rgba(0,0,0,0.1);
    z-index: 10;
}
.navbar-header {
    display: flex;
    align-items: center;
}
.mainmenu-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.fixedNav {position: fixed; background:#fafafa; top: -100%; left: 0; right: 0; height:60px !important; z-index:1000; transition:top 0.5s ease-in-out;}
.show-nav {top: 0%; box-shadow: 0 2px 5px 0 rgba(0,0,0,.22);}
.fixedNav .dj-megamenu-default li:hover div.dj-subwrap, .fixedNav .dj-megamenu-default li.hover div.dj-subwrap {top:33px !important;}
.fixedNav #mainnav-logo img {height:45px;}
.fixedNav .dj-megamenu-default li a.dj-up_a {height:45px;}
.fixedNav .dj-megamenu-default li a.dj-up_a span {height:45px; line-height: 45px;}
.fixedNav .dj-megamenu-default li a.dj-up_a span.arrow {height:14px; line-height: 14px;}
.fixedNav a.gs-toggle-button {pointer-events: none; color:#16466f; height:45px; line-height: 45px;}

body .jf_mm_pro_panelBtn {height:59px !important; position:relative !important; float:left; border-radius:0% !important;}
ul.jf_mm_pro li {margin-bottom:0px;}
.jf_mm_pro_wrapper li a {font-size:15px !important;}
.jf_mm_pro_wrapper li a:hover {color:#222222 !important}
#jf_mmpro_1 li a {line-height:100% !important; display:flex; align-items:center;}
#jf_mmpro_1 li span.nav-header {line-height:100% !important; display:flex; align-items:center; height:50px; padding:0px 20px; color: #0072bb;}
#jf_mmpro_1 li span.nav-header:hover {cursor: pointer; background:rgba(0,0,0,.07);}
.jf_mm_pro_wrapper li.parent > span.nav-header .jf_mmpro_dropdown_icon {
    position: absolute;
    top: 50%;
    right: 20px;
    line-height: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*** BREADCRUMBS ***/
#breadcrumbs {margin: 0px; width:100%; font-weight: 600;}
#breadcrumbs .breadcrumb {background: none; border-radius: 0; font-size: 12px; margin: 10px 0px 0px 0px; padding: 0px !important;}
.breadcrumb li:first-child {display: none;}
ul.breadcrumb > li.active {color: #b2b2b4 !important;}
.breadcrumb > li + li::before {content: none; padding: 0px;}
.breadcrumb li a {color: #70a9d6;}
#breadcrumbs .breadcrumb span.divider {color: #b2b2b4; margin: 0px 5px;}

/*** USER1 ***/
#user1_wrapper {display:flex; align-items:center; position:relative; min-height:110px; border-top:1px solid #f6f6f7;
    background:#f4f4f5;}


/*** FEATURED NEWS AND LATEST NEWS MODULE ***/

#latest-news-header {display: flex; align-items:center; margin-bottom: 40px;}
#latest-news-header h3 {float:left;display:inline-block; margin-bottom:0px; margin-right:20px;}
#latest-news-header span {display:inline-block;color:#747474; margin-right:5px;}
#latest-news-header a {display:inline-block;}
.iofh-news-item {width: 100%; display: flex; align-items: center; margin-bottom:8px;}
.iofh-news-item img {float: left; border:1px solid #e9e9eb; width:160px; min-width:160px; min-height:107px; height:107px; object-fit: cover;}
.iofh-news-item:hover .iofh-latest-title a{color:#0072bb}
.title-published {float: left; margin-left:20px;}
.iofh-latest-title a {font-family:'Merriweather'; font-size:16px; font-weight:700; color:#20325a;}
.iofh-latest-title a:hover {text-decoration: none; color:#0072bb}
.iofh-latest-published, dd.published {font-size:14px; color:#707070;}


/*** BOTTOM MODULES ***/
#bottom_wrapper {background:#fff; padding:40px 0 40px 0;}
div.bottom h3 {text-align:center; font-size:1.25em; color:#16466f;}
div.bottom .custom {padding-left:10px;}
div.bottom p {font-size:14px; margin-bottom:5px;}
div.bottom p a {}
div.bottom .custom h3 {padding:15px 0px 10px 0px;}

/*** FOOTER ***/
#footer_wrapper {min-height:65px; display:flex; align-items:center; background-color:#16466f; border-top:8px solid #71816D; padding:50px 0px 35px 0px;}
.footer, .footer a {color:#ffffff; font-size:14px; }
.footer p {margin-bottom:0px;}


/*** LEFT MENUS ***/
div.moduletable.leftmenu, div.moduletable.poslednjevesti {margin-right:11px; margin-bottom:25px; background: #edf2f8; border-radius:5px;  padding-bottom:20px;}
div.leftmenu h3, .moduletable.poslednjevesti h3 {font-family: 'Open Sans', sans-serif; padding:18px 0px 0px 12px; margin-bottom:18px; line-height:0.75;}
div.accordeonck ul.menu {background: none !important; border-radius:0px !important; border: none !important; box-shadow:none !important; padding:0px !important}
div.leftmenu ul.menu li.accordeonck {border:0px !important; margin-bottom:2px !important;}
.accordeonck a{color:#0072bb !important; font-family: 'Merriweather' !important;}  
.accordeonck a.isactive{color:#16466f !important; }
div.leftmenu ul.menu li.accordeonck span a.accordeonck {font-weight:bold !important;
    font-size:14px !important; padding:10px 10px 10px 12px !important; line-height:125% !important;}
div.leftmenu ul.menu li.accordeonck span a.accordeonck:hover, div.leftmenu ul.menu li.accordeonck span a.accordeonck.isactive
    {background:#fff url('../images/left-menu-arrow.png') 97% 50% no-repeat !important;}
div.leftmenu ul.menu li#item-336 span.accordeonck_outer a.separator:hover, div.leftmenu ul.menu li#item-337 span.accordeonck_outer a.separator:hover{background:none !important; cursor:default}
div.leftmenu a.hide-menu-item {display:none !important;}

/*** TAGOVI ***/
.leftmenu .ac-taglist ul {list-style-type: none; padding:0px; margin-bottom:0px;}
.leftmenu .ac-taglist ul li {padding: 10px 0px;}
.leftmenu .ac-taglist ul li a {color: #0072bb; font-size: 0.9rem; padding: 10px 10px 10px 12px; line-height: 125%; }
.leftmenu .ac-taglist ul li .tag-count {float:right; margin-right:10px; background-color: #d6d6d6 !important; color: #767676; border: 1px solid #c4c4c4;}

/*** LATEST DOCUMENST ***/
div.latestdocs .latestitems {padding:0px !important; background:none; border:none; margin:0px;}
div.latestdocs .latestitems div {border-top: 1px solid #ebebeb; margin: 0px; padding: 10px 10px !important; display:flex; align-items: center;}
div.latestdocs .latestitems div:first-child {border:none;}
div.latestdocs img {max-width:32px; max-height:32px; margin:0px 10px; }
div.latestdocs a {color:#0072bb; font-size:14px;}
div.latestdocs a:hover{}


/*** HOMEPAGE ***/
a.readmore {background:#fff; border:1px solid #1a73e8; text-transform: uppercase; font-size:12px; padding:5px 10px;}
a.readmore:hover {color:#fff; background-color:#1a73e8; text-decoration:none;}
a.readmore:after {display:inline-block; margin-left:10px; font-family: 'FontAwesome'; content:"\f054";}
a.readmore:hover:after {text-decoration: none;}
.custom-istrazivanja-bottom {border-right:1px solid #e9e9e9; min-height:305px}

/*** HOMEPAGE LATEST NEWS ***/
#home-latest-news {margin:0px 0px 50px 0px;}

/*** HOMEPAGE LATEST NEWS ***/
div#acarticles-slider .slick-dots li.slick-active button::before {color: #ffffff; opacity: 1; font-size: 15px;}
div#acarticles-slider .slick-dots li button::before { font-size: 15px; color: #888; opacity: 1;}
div#acarticles-slider .slick-dots {bottom:10px;}


/*** NEWS PAGES ***/
.newsblog_wrapper {border-bottom:1px solid #ebebeb; padding:30px 0px 30px 0px; display: inline-block; width:100%;}
.newsblog_image {float:left; margin-right:25px;}
.blog .items-row:nth-of-type(2n) .newsblog_image {float:right; margin-left:25px;}
.newsblog_image img {max-width:180px; min-height:220px; object-fit: cover;}
.newsblog_title a {color:#282c53;}
.newsblog_title a:hover {color:#0072bb;}
.newsblog_title h2 {font-family: 'Merriweather'; font-size:1.375em; font-weight: 600; margin-bottom:5px;}
span.newsblog_date {color:#959393; font-size:13px; display: block; margin-bottom:10px;}
.newsblog_text p{ font-size:15px; line-height:1.4rem}
.moduletable-najcitanije ul.mostread-najcitanije, .moduletable-povezani ul.relateditems-povezani  {list-style-type:none; padding-left:0px; font-size:0.875em; padding:10px 10px 25px 10px; }
.moduletable-najcitanije, .moduletable-povezani, .latestdocs {background:#f4f4f5;border-radius:10px}
.moduletable-najcitanije h3, .moduletable-povezani h3, .latestdocs h3{padding:25px 0 0 10px; font-size:18px;}


/*** LINKOVI ***/
table#tabela-linkovi td{vertical-align: middle;}
td.link-img {text-align: right;}
td.link-img img {max-height:60px;}

/*** FORME ***/
.col-form-label {font-weight: 600;}
.rsform-block {margin-bottom: 2rem !important;}

/* LOGIN PAGE */
.com-users-login__form, .com-users-login__options, .com-users-profile__edit-form {max-width:500px;}
.com-users-login__options a {border-radius: 0; border: none; background: none; color: #0072bb;}
.com-users-profile__edit-form .control-group {margin-bottom:20px;}
.input-password-toggle::before{font-family: 'FontAwesome'; content:"\f06e";}
.com-users-profile__edit-submit {margin:10px 0 30px 0;}

.login .control-group {margin:20px 0px 20px 0px;}
.login .control-group input {padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff;
    background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
ul.login-param {padding-left:0px;}
.login .control-group input:focus {border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);}
ul.login-param li {width:100%; font-size:14px; list-style:none; margin-bottom:5px;}
.remind .control-group {margin:20px 0px 20px 0px;}
.reset .control-group{margin:20px 0px 20px 0px;}

.moduletable.latestitems.latestdocs{ margin-bottom:50px;}
.leftmenu h3, .moduletable.poslednjevesti h3 {font-size:14px; text-transform:uppercase}
.moduletable.poslednjevesti ul.latestnews{list-style-type:none; padding-left:12px;}