body{
background-color:#F0F0F0;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:6px;
}
img{
border:none;
}
img.logo{
border:thin solid;
}
pre {
font-family:"Courier New", Courier, monospace;
font-size:11px; border:1px solid;
background-color:#CCCCCC;
padding:10px
}
p, ol, ul, div, td, thead{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#272727;
}
h2{
font-family:"Courier New", Courier, monospace;
font-size:20px;
color:black;
}
div.hr{
border-bottom: 1px solid #333333;
margin-top:4px;
margin-bottom:4px;
height:1px;
width:100%;
}
div.title-container{
display: flex;
width:100%;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
img.oznaka{
float:right;
margin-bottom:0px;
}
hr.under-title{
border-top: 1px solid #333333;
border-bottom: 0px;
margin-top: 4px;
margin-bottom: 4px;
clear: both;
}
h1.naslov{
font-family:Verdana,Helvetica,sans-serif;
font-size:13px;
color:black;
font-weight:bold;
display: inline-block;
width:100%;
}
li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
white-space:normal;
line-height:normal;
letter-spacing:normal;
}
select{
width:170px;
font-family:Verdana,Helvetica,sans-serif;
font-weight:normal;
color:Black;
font-size:11px;
text-align:left;
border:1px solid #A9A9A9;
margin-bottom:0px;
padding:1px;
}
.multiselect, .multiselect_small{
width:320px;
height:300px;
font-family:Verdana,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
color:Black;
text-align:left;
border:1px solid #778899;
margin-bottom:0px;
padding:1px;
}

.multiselect_small{
	height:70px;	
}

.checkbox{
width:17px
}
label.checkbox-label input[type=checkbox]{
    position: relative;
    vertical-align: middle;
    bottom: 1px;
}
textarea{
width:420px;
height:150px;
font-family:Verdana,Helvetica,sans-serif;
font-weight:normal;
color:Black;
font-size:11px;
text-align:left;
border:1px solid #A9A9A9;
margin-bottom:0px;
padding:1px;
}
input{
width:170px;
height:17px;
font-family:Verdana,Helvetica,sans-serif;
font-weight:normal;
color:Black;
font-size:11px;
text-align:left;
border:1px solid #A9A9A9;
margin-bottom:0px;
padding:1px;
}
.input_upload{
width:190px;
height:17px;
font-family:Verdana,Helvetica,sans-serif;
font-weight:normal;
color:Black;
font-size:11px;
text-align:left;
border:1px solid #A9A9A9;
margin-bottom:0px;
padding:1px;
}
.gumb{
width:93px;
height:19px;
color:white;
padding-left:12px;
font-size:12px;
font-family:Verdana,Helvetica,sans-serif;
font-weight:bolder;
text-align:left;
background:url(/images/button.gif);
border:none;
}
.adminbutton{
width:93px;
height:19px;
color:white;
padding-left:12px;
font-size:10px;
font-family:Verdana,Helvetica,sans-serif;
font-weight:bolder;
text-align:left;
background:url(/images/button.gif);
border:none;
}
.gumb-mali{
width:auto;
text-align:center;
vertical-align:middle;
}
div.widgets{
width:100%;
text-align:right;
vertical-align:middle;

margin:0px;
}
div.widgets img{
vertical-align:middle
}
#facebook{
background-image:url(/images/net16/facebook_16.gif);
width:16px;
height:16px;
cursor:pointer;
margin-left:6px;
float:right;
}
#twitter{
background-image:url(/images/net16/twitter_16.gif);
width:16px;
height:16px;
cursor:pointer;
margin-left:6px;
float:right;
}
#delicious{
background-image:url(/images/net16/delicious_16.gif);
width:16px;
height:16px;
cursor:pointer;
margin-left:6px;
float:right;
}
#digg{
background-image:url(/images/net16/digg_16.gif);
width:16px;
height:16px;
cursor:pointer;
margin-left:6px;
float:right;
}
#feed{
background-image:url(/images/net16/feed_16.gif);
background-repeat:no-repeat;
width:16px;
height:16px;
margin-left:6px;
float:right;
}
/* cite div */
#cite{
display:none;
border-style:solid;
border-width:thin;
padding:4px;
width:100%;
margin-top:4px;
border-color:#CCCCCC;
}
/* linkovi */
a{
color:#0080C1;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
a:hover{
color:red;
text-decoration:none;
}
a.menulink{
color:black;
background-color:#F0F0F0;
padding:2px;
display:block;
width:17em;
text-align:left;
text-decoration:none;
border:1px solid #696969;
border-style:none none solid none;
}
a.menulink:hover{
color:#a00;
text-decoration:none;
background-color:#efefef;
}
a.link_footer{
color:silver;;
font-size:10px;
text-decoration:none;
font-weight:bold;
}
a.link_footer:hover{
color:White;
font-size:10px;
text-decoration:none;
font-weight:bold;
}
a.toc{
color:#0080C1;
text-decoration:none;
font-weight:bold;
}
a.toc:hover{
color:red;
text-decoration:none;
}
a.link_naslov{
font-family:Verdana,Helvetica,sans-serif;
font-size:13px;
color:#0080C1;
font-weight:bold;
text-decoration:none;
}
a.link_naslov:hover{
color:red;
font-weight:bold;
text-decoration:none;
}
a.normal{
font-size:12px;
}
/* glavna tablica */
table.tablebody{
width:1000px;
background-color:white;
margin-left:auto;
margin-right:auto;
border-spacing:0px;
border-collapse:collapse;
}
table.tablebody td{
padding:0px;
}
table.default{
border-spacing:0px;
border-collapse:collapse;
width:100%;
}
table.default td{
padding:0px;
}
table.spaced{
border-spacing:1px;
border-collapse:separate;
}
table.spaced td{
padding:1px;
vertical-align:top;
}
table.spaced th{
padding:1px;
vertical-align:top;
text-align:left;
}
/* menu_css*/
td#navigation{
width:180px;
vertical-align:top;
padding-top:20px;
text-align:left;
}
/* search css */
td#search{
width:180px;
vertical-align:top;
padding-top:20px;
text-align:center;
}
td#sadrzaj{
width:640px;
vertical-align:top;
padding:12px 30px 20px 30px;
}
/* body css */
tr#hrcak{
background-color:#f0f0f0;
border-color:#f0f0f0;
text-align:center;
}
#hrcak-logos{
width:100%;
height:106px;
}
.logo-spacer{
width:100%;
}
td#body{
font-size:12px;
text-align:left;
vertical-align:top;
padding-left:15px;
padding-right:15px;
}
td#header{
width:640px;
height:8px;
background-color:#d7182a;
font-size:1px;
}
td#footer{
text-align:center;
background-color:#aeaeae;
color:white;
height:14px;
}
/* begin dceljak*/
table#toc-table{
margin: 8px 0px;
border-color:black;
border-top-style:inset;
border-top-width:1px;
border-bottom-style:inset;
border-bottom-width:1px;
border-spacing:0px;
border-collapse:collapse;
width:100%;
}
table#toc-table th{
border-bottom-style:inset;
border-bottom-width:1px;
border-color:black;
padding:6px 0px;
}
table#toc-table td{
padding:2px 3px;
}
table#toc-table td.dodatno{
font-size:11px;
color:#305E86;
padding:2px 3px 6px 20px;
}
.bg-odd{background-color:#FCDADA;}
.bg-even{background-color:#F0F0F0;}

TR.grey_row TD{background-color: #DBDBDB ;}
TR.white_row TD{background-color:#EBEBEB;}

.rss{
font-weight:bold;
border-color:#FF9900; 
border-style:solid;
border-width:1px;
}
.rss a:hover{
color:#FF9900
}
.uvuceno{
font-size:11px;
color:#305E86;
white-space:normal;
line-height:normal;
letter-spacing:normal;
padding: 0px 0px 0px 20px;
}
.normalno{
font-size:11px;
color:#305E86;
white-space:normal;
line-height:normal;
letter-spacing:normal;
}
.obavijest{
font-size:11px;
color:black;
white-space:normal;
line-height:normal;
letter-spacing:normal;
border:solid;
border-color:#999999;
/* border-color:#FF9999; */
padding:6px;
}
.pages{
font-size:11px;
color:#305E86;
white-space:normal;
line-height:normal;
letter-spacing:normal;
}
dl{
margin:2px 2px 12px 2px;
padding:2px;
}
dt{
font-weight:bold;
padding:4px;
margin:0px 8px;
float:left;
clear:left;
}
dd{
padding:4px;
margin:0px;
}
dl.search-ex dt{
width:108px;
}
dl.search-ex dd{
margin-left:128px;
}

#menu{
width:16em;
}
#menu ul{
list-style:none;
margin:0px;
padding:0px;
}
#menu a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#5E5E5E;
display:block;
border-width:1px;
border-style:none none solid none;
border-color:white #555 #555 white;
margin:0;
padding:2px 3px;
}
#menu a{
color:#000;
background-color:#F8F8F8;
text-decoration:none;
}
#menu a:hover{
color:#a00;
background:#efefef;
}
#menu li{
position:relative;
}
#menu ul ul ul{
position:absolute;
top:0;
left:100%;
width:100%;
}
div#menu ul ul ul, div#menu ul ul li:hover ul ul{
display:none;
}
div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul{
display:block;
}

.heading{
text-align:center;
font-weight:bold;
}


.url_reg {display:none;}

.list-stat{
list-style:none;
margin:2px;
padding-left:10px;
}

table#downloads{
border-spacing:0px;
border-collapse:collapse;
width:100%;
}
table#downloads td, table#downloads a{
padding:2px 0px;
font-size:12px;
}
table#downloads tr.cite{
border-color:black;
border-top-style:inset;
border-top-width:1px;
border-bottom-style:inset;
border-bottom-width:1px;
display:none;
}
table#downloads tr.cite td{
padding-left:22px;
padding-bottom:4px;
font-size:11px;
}
.counter{
width:100%;
text-align:center;
font-size:11px;
color:#999999;
margin-top:15px;
}
.meta{
margin-left:3px;
font-size:11px;
font-style:normal;
font-style:italic;
color:#999999;
}
.disabled{
color:gray;
font-size:11px;
}
#stats th{
text-align:center;
padding-right:16px;
}
.top-box{
float:left;
width:49%;
margin: 14px 4px 16px 0px;
}
.top-box th{
text-align:left;
border-bottom-color:#d7182a;
border-bottom-width:thin;
border-bottom-style:solid;
}

.message{color:red; border:solid; border-width:1px; border-color:#999999; padding:5px;}
.al-l{text-align:left;}
.al-r{text-align:right;}
.al-c{text-align:center;}
.al-j{text-align:justify;}
.top-border{border-bottom:none; border-left:none; border-right:none;}
.val-t{vertical-align:top;}
.val-b{vertical-align:bottom;}
.val-m{vertical-align:middle;}
.width-auto{width:auto;}
.center{margin:auto;}
.no-wrap{white-space:nowrap;}
.b{font-weight:bold;}
.f-l{float:left; margin-right: 10px;}

.sadrzaj-modal{float:right; margin-right:10px;}
.flag-red{color:red;}
.flag-orange{color:orange;}
.flag-green{color:green;}
.flag-gray{color:gray;}

.prijava_radio{width: auto; height: auto;}

.fancyButton {
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #b8b8b8;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:14px;
	padding:6px 9px;
	text-decoration:none;
	text-shadow:0px 0px 0px #ffffff;
}
.fancyButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.fancyButton:active {
	position:relative;
	top:1px;
}
.fancyButton img {
vertical-align:middle;
}

/* Covid19 */
.covid19-h4tag-description {
	font-size: 11px;
	margin-top: -14px;
}

.covid19-article-list {
	list-style: decimal outside none;
}

.covid19-article-list-without-numbers {
	list-style-type: disc;
}

.covid19-article-list > li {
	font-size: 10px;
}

.covid19-article {
	padding: 6px 0;
}

.covid19-article-description {
	font-size: 11px;
	padding-right: 2px;
}

.covid19-article-description-light {
	font-size: 11px;
	color: gray;
}

.covid19-category-menu-list {
	list-style: circle outside;
}

.covid19-category-menu-list > li > a {
	font-size: 11px;
	padding-right: 2px;
	font-weight: 700;
}

.covid19-article-list-show-more {
	width: 100%;
	text-align: right;	
}

.covid19-search-results-menu { 
	display: table;
	border-bottom: 1px #cccccc solid;
	
}

.covid19-search-results-menu > span {
	display: table-cell;
	white-space: nowrap;
	padding: 4px 6px 6px 6px;
}

.covid19-search-results-menu > span > a {
	font-size: 12px;
}

.covid19-search-results-menu > span:first-child {
	width: 100%;
}

.covid19-search-results-menu > span:last-child {
	border-left: 1px #cccccc solid;
}

.covid19-footnote {
	font-size: 11px;
	color: gray;	
	padding-bottom: 10px;
}


/* Search */
.search-results-menu { 
	display: table;
}

.search-results-menu > span {
	display: table-cell;
	white-space: nowrap;
	padding: 4px 10px 6px 10px;
}

.search-results-menu > span > a {
	font-size: 12px;
}

.search-results-menu > span:first-child {
	width: 100%;
}

.search-results-menu > span:last-child {
	border-left: 1px #cccccc solid;
}

.search-checkbox-group {
	padding: 2px 15px;
}

.search-checkbox-group > label {
	display: block;
	float: left;
	vertical-align: middle;
	line-height: 17px;
	padding: 2px;
}

.search-checkbox-group > label > input[type="checkbox"] {
	width: 17px;
	vertical-align: middle;
	position: relative;
	bottom: 2px;
}

.search-facets-block {
	padding-bottom: 35px;
	text-align: left;
}

.search-facets-block-title {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

.search-facet-heading {
	padding-top: 10px;
}



.search-results-article {
	border-top: 1px #cccccc solid;
	padding: 10px 0px;
}

.search-results-article-title {
	border-bottom: 1px #f7f7f7 solid;
	line-height: 14px;
}

.search-results-article > div {
	font-size: 11px;
	padding: 2px;
}


.search-facets {
	text-align: left;
	padding: 6px 0px;
}

.search-facets-heading {
	padding-top: 14px;
	font-weight: bold;
}

.search-facets-group {
	padding-top: 4px;
}

.search-facets-items {
	padding: 4px 0px;
}

.search-facets-items > div {
	line-height: 14px;
	padding: 0px 4px;
}

div#project-dialog-form label {
	font-size: 13px;
}

div#project-dialog-form input, div#project-dialog-form select {
	font-size: 13px;
	display: block;
	padding: 4px;
	margin-bottom: 15px;
	width: 440px;
}
	
div#project-dialog-form ul.ui-autocomplete .ui-menu-item {
	font-size: 13px;
	padding: 4px;
}



/* JATS Preview Hrčak verzija */

div#jats-preview {
	margin: 0 auto;
	max-width: 580px;
	padding-top: 12px;
}

div#jats-preview img {
	margin: auto;
	display: block;
	max-width: 100%;	
	padding: 4px 0;
}


div#jats-preview div#hrcak-custom-jats-toggle {
	cursor: pointer;
	color: #0080C1;
}

div#jats-preview div#article-front {
	display: none;
}

div#jats-preview div#article-front p:not(.metadata-entry) {
	text-align: justify;
}

div#jats-preview div.section h5.label {
	font-size: 12px;
}


div#jats-preview div.section p {
	text-align: justify;
}


div#jats-preview div.panel {
	text-align: center;	
}



div#jats-preview table {
	border-collapse: collapse;
	margin: 0 auto;	
}

div#jats-preview .table-wrap.panel {
	overflow-x: auto;
	margin: 0 auto;
	text-align: center;
	max-width: 100%;	
}

div#jats-preview table th {
	padding: 4px 6px;
}

div#jats-preview table td {
	padding: 4px 6px;
}

div#jats-preview .table-wrap.panel div.caption {
	padding: 8px 0 5px 0;
}

div#jats-preview div.panel p {
	width: 100%;
	text-align: center !important;
}

div#jats-preview .fig.panel div.caption {
	padding: 8px 0 5px 0;
}

div#jats-preview .disp-formula.panel {
	padding: 6px 0;
}

div#jats-preview .disp-formula.panel div.caption {
	padding: 8px 0 5px 0;
}







div#jats-preview div.def-item.row {
	display: flex;
	flex-direction: row;	
}

div#jats-preview div.def-item.row div.def-term.cell {
	padding-right: 10px;
}


div#jats-preview a {
	font-size: 1em;
}

div#jats-preview div.ref-list.table div.row {
	display: flex;
	flex-direction: row;
}

div#jats-preview div.ref-list.table div.row div.ref-label.cell {
	padding-right: 10px;
}