/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 @media print {
 @page :footer {color: #fff }
 @page :header {color: #fff}
  #printPageButton, .select_razdoblje {
    
    display: none;
  }
}
.select_razdoblje {padding:10px; margin:auto; text-align:center;}
select {border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    background-color: #fff;
    color: #32373c;
    outline: 0;
    padding: 2px;
    line-height: 28px;
    height: 28px;
    vertical-align: middle;
}
#printPageButton  {
  float:right;
  background-color: #008CBA; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
body {font-family:Arial, Helvetica, sans-serif !important;}
b, h3 {font-weight:bold !important;}
p {padding:3px 0 !important;}
.naslov {font-size:14pt;line-height:16px;margin-bottom:20px;text-align:center; font-weight:bold;}
.rez {margin:0 auto;width:595px;font-family: sans-serif;font-size: 10pt;margin-top: 20px;}
.rez table {width:100%;margin: 0 0 30px 0;}
.rez tr,.rez td {border: 1px solid black;}
table.blank,.blank tr,.blank td  {border:none !important;}
.bijelo, .zbijelo {border: 1px solid white !important;}
.zbijelo {border-right: 1px solid black !important;}
.desno {text-align:right;}
/*.entry-content {text-align:center;}*/
/* #cookie-law-info-bar, #cookie_hdr_showagain, #cookie-law-info-again {display:none !important;}*/
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
		.wrap { max-width: 100%; width: 500px; margin: 5px auto; background: white; padding:0 40px 40px 40px; border-radius: 3px; text-align: left;}
		@media only screen and (max-width: 700px) { .wrap { padding: 15px; } }
		h1.rekap { text-align: center !important; margin: 40px 0 5px 0 !important; font-size: 22px !important; font-weight: bold !important; color: #666 !important; }
		a { color: #399ae5; text-decoration: none; } a:hover { color: #206ba4; text-decoration: none; }
		.note { padding:  0 5px 25px 0; font-size:80%; color: #666; line-height: 18px; }
		.block { clear: both; min-height: 50px; border-top: solid 1px #ECE9E9; }
		.block:first-child { border: none; }
		.block .img { width: 50px; height: 50px; display: block; float: left; margin-right: 10px; }
		.block .file { padding-bottom: 1px; }
		.block .data { line-height: 1.3em; color: #666; }
		.block a { display: block; padding: 5px; transition: all 0.35s; }
		.block a:hover, .block a.open { text-decoration: none; background: #efefef; }
		
		.bold { font-weight: 700; }
		.upper { text-transform: uppercase; }
		.fs-1 { font-size: 1em; } .fs-1-1 { font-size: 1.1em; } .fs-1-2 { font-size: 1.1em; } .fs-1-3 { font-size: 1.3em; } .fs-0-9 { font-size: 0.9em; } .fs-0-8 { font-size: 0.8em; } .fs-0-7 { font-size: 0.7em; line-height: 17px;}
		
		.jpg, .jpeg, .gif, .png { background-position: -50px 0 !important; } 
		.pdf { background-position: -100px 0 !important; }  
		.txt, .rtf { background-position: -150px 0 !important; }
		.xls, .xlsx { background-position: -200px 0 !important; } 
		.ppt, .pptx { background-position: -250px 0 !important; } 
		.doc, .docx { background-position: -300px 0 !important; }
		.zip, .rar, .tar, .gzip { background-position: -350px 0 !important; }
		.swf { background-position: -400px 0 !important; } 
		.fla { background-position: -450px 0 !important; }
		.mp3 { background-position: -500px 0 !important; }
		.wav { background-position: -550px 0 !important; }
		.mp4 { background-position: -600px 0 !important; }
		.mov, .aiff, .m2v, .avi, .pict, .qif { background-position: -650px 0 !important; }
		.wmv, .avi, .mpg { background-position: -700px 0 !important; }
		.flv, .f2v { background-position: -750px 0 !important; }
		.psd { background-position: -800px 0 !important; }
		.ai { background-position: -850px 0 !important; }
		.html, .xhtml, .dhtml, .php, .asp, .css, .js, .inc { background-position: -900px 0 !important; }
		.dir { background-position: -950px 0 !important; }
		
		.sub { margin-left: 20px; border-left: solid 5px #ECE9E9; display: none; }
		
		body.dark { background: #1d1c1c; color: #fff; }
		body.dark h1 { color: #fff; }
		body.dark .wrap { background: #2b2a2a; }
		body.dark .block { border-top: solid 1px #666; }
		body.dark .block a:hover, body.dark .block a.open { background: #000; }
		body.dark .note { color: #fff; }
		body.dark .block .data { color: #fff; }
		body.dark .sub { border-left: solid 5px #0e0e0e; }
/**
 * Tabs
 */
.tabs {
	display: flex;
	flex-wrap: wrap; 
}
.tabs label {
	order: 1;
	display: block;
	padding: 1rem 2rem;
	margin-right: 0.2rem;
	cursor: pointer;
  background: #FF0000;
	color:#FFF;
  font-weight: bold;
  transition: background ease 0.2s;
}
.tabs .tab {
  order: 99; 
  flex-grow: 1;
	width: 100%;
	display: none;
  padding: 1rem;
  background: #fff;
}
.tabs input[type="radio"] {
	display: none;
}
.tabs input[type="radio"]:checked + label {
	background: #fff;
	color:#000;
}
.tabs input[type="radio"]:checked + label + .tab {
	display: block;
}

@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    order: initial;
  }
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}