ul{
	list-style-type:circle;
}
body { 
    background:#eee;
	margin:0;
	font-family: 'trebuchet ms', sans-serif;
	font-size: 14px;
	color: #222;
	height:100%;
}
body, p, span, div, b, td {
word-wrap: break-word;
}
h1{
display:block;margin:0;
color:#000;
font-size:32px;
padding-right:20px;
font-family: 'Source Sans Pro', sans-serif, Arial;
word-wrap: initial;
}
.naslovnih1{
color:#a5a;
font-size:40px;
padding:0;
font-family: Times New Roman, Arial;
font-style:italic;
text-align:center;
margin:10px 0 5px 0;
}
h2 {
color:#000;
font-size:18px;
padding:0;
margin:0;
}
img {
border:none;
max-width:100%;
max-height:100%;
width:auto;
height:auto;
}
ul li{
margin-top:7px;
}
a:link {
	text-decoration: none;
	color: #555;
}
a:visited {
	text-decoration: none;
	color:#555;
}
a:hover {
	text-decoration: none;
	color:#999;
	transition: color 0.4s ease 0s;
	-webkit-transition-property: color;
	-webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0s;
}
input, select, textarea{
width:88%;
padding:2px;
float:left;
font-size:inherit;
color:#555;
border:1px solid #aaa;
}
input.istakni{
	width:80px;
	margin:0 10px;
	border:1px solid #ccc;
	float:none;
}
input[type=checkbox], input[type=radio]{
	width:auto; float:none;
}
.zuds{margin-right:10px;}
form .chkbox{
width:auto !important;
padding:0;
}

.modul{
	width:auto;
	height:auto;
	padding: 8px;
	text-align:center;
	float:left;
	position:relative;
	max-width:10%;
}
.modul .fa {
	padding-bottom:10px;
}
.modul a:hover{
}
.design-forma input{
	text-align:center;
	margin:10px 0;
	width:76%;
	padding:5px 2%;
	left:10%;
	float:left;
	position:relative;
	border-radius:5px;
	border:1px solid #777;
}
.design-forma input.gumb-prijava{
	width:180px;
	padding:8px 26px;
	display:block;
	margin:auto;
	text-align:center;
	float:none;
	left:0;
	border:none;
	box-shadow:0 0 2px #000;
	cursor:pointer;
	background:#555;
	color:#fff;
}
.reg-forma input{
	text-align:left;
}
.reg-forma input.trecina{
	width:35% !important;
}
.naslovni{
	width:400px;
	height:400px;
	background:url('../images/pdca.png') center center no-repeat;
	left:50%;
	margin-left:-240px;
	padding:40px;
	margin-top:80px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	float:left;
	position:relative;
	text-align:center;
}
.naslovni-siroki{
	width:1300px;
	/*min-height:860px;;*/
	margin-bottom:40px;
	left:50%;
	margin-left:-650px;
	/*padding:40px;*/
	margin-top:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	float:left;
	position:relative;
	text-align:left;
}
.gumb{
width:auto;
padding: 8px 15px;
color:#1a1a1a;
font-size:inherit;
box-shadow:0 0 2px #555;
margin:3px;
}
.gumb:hover{
cursor:pointer;
opacity: 0.60;
}
form input[type=text], form input[type=date], form input[type=email],form input[type=number]{border:1px solid #ccc}
form input[type=submit]{border:none;cursor:pointer;}
.gumb a{ width:100%;}
.gumb-veliki{
	font-size:133%;
	padding:20px 45px;
	    width: 200px;
    display: block;
	text-align:center;
}
.content{
width:88%;
float:left;
position:relative;
left:50%;
margin-left:-44%;
}
.full{
width:100%;
position:relative;
float:left;
}
.sirina15{
width:14%;
float:left;
position:relative;
padding:0.95% 0.45%;
}
.sirina10{
width:9%;
float:left;
position:relative;
padding:0.95% 0.45%;
}
.sirina20{
width:18%;
float:left;
position:relative;
padding:0.95%;
}
.sirina30{
width:28%;
float:left;
position:relative;
padding:0.95%;
}
.sirina40{
width:38%;
float:left;
position:relative;
padding:0.95%;
}
.sirina60{
width:58%;
float:left;
position:relative;
padding:0.95%;
}
.sirina25{
width:20%;
float:left;
position:relative;
padding:0.45%;
}
.sirina33, .trecina{
width:31%;
float:left;
position:relative;
padding:0.95%;
}
.sirina50{
width:48%;
float:left;
position:relative;
padding:0.95%;
}
.sirina67, .dvijetrecine{
width:65%;
float:left;
position:relative;
padding:0.95%;
}
.sirina75{
width:78%;
float:left;
position:relative;
padding:0.45%;
}
.sirina80{
width:78%;
float:left;
position:relative;
padding:0.95%;
}
.sirina92{
width:98%;
float:left;
position:relative;
padding:1%;
}
.forma-p{
	margin:10px;
}
.tablica{
border-spacing:0;
width:100%;
border:0px;
font-size:13px;
}
.tablica td{
	padding:3px;line-height:1;
}
.tablica1{
width:100%;
border:1px;
border-collapse:collapse;
}
.tablica1 td {padding:5px 5px 2px;}

.tablica tr:nth-child(2n-1), .siva{
	background-color:#eee;
}
.infobckg{
	background:#ececec;
}
.zelena{background:#5acb8a;}
.crvena{background:#f0a9a9;}
.mcb-glavni{background:#fff;
border:1px solid #ccc;
}
.mcb1, .mcb2, .mcb3, .mcb4{
width:25%;
float:left;
position:relative;
height:10px;
}
.mcb1{ background:#ed1e24; }
.mcb2{ background:#ed1e24; }
.mcb3{ background:#ed1e24; }
.mcb4{ background:#ed1e24; }

.sjena{ background:#eee;}
.odmak-desno { margin-right:5px; }
.odmak-gore { margin-top:20px; }

.centriraj,td[c] {text-align:center;}
.podcrtaj {text-decoration:underline;}
.malifont{font-size:6px;}
.skriven{display:none;}

.ubaciurn-23{
	float:left;
	position:absolute;
	left:15%;
	padding:2.5%;
	width:65%;
	background:#fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	z-index:100;
	top:0%;
}
.bocnipadd{padding: 0 20px;}
.poravnajdesno {text-align: right;}
.div-desno{width:30% !important; float:right: right:0; position:relative;}
.max100 {
	max-width:70px;
}
.paged-navigacija a {padding:0 5px;}
.kriticni {background:#da251c !important;}
.kriticni, .kriticni a {color:#fff !important;}
.upozori {background:#ecd121 !important;}

.rezza {max-height:300px; overflow-y:auto;}
.pojam {
	margin: 4px 0;
    float: left;
    width: 100%;
    padding: 4px 0;
	cursor:pointer;
}
.prikazi,.point{cursor:pointer;}
.rezza .pojam:nth-child(2n-1) {background-color:#eee;}
.pojam:hover {background-color:#ddd !important;}

.zeleni {background-color:#7FFFD4 !important;}
.crveni {background-color:#e1210c !important; color:#fff;}
.crveni a {color:#fff !important}
.zuti {background-color:#fee832!important}

.floating-editor {float:left; position:absolute; z-index:100; width:400px; height:200px; overflow:hidden; top:0%; left:0%; background:rgba(250, 250, 250, 0.99); padding:12px; border-radius:5px;}
.textpolje {width:95%; min-height:100px; resize: none;}
.razine {    max-height: 340px;
    overflow: auto;}
.help{cursor:help}

.test-interno-info{    position: fixed;
    z-index: 100;
    background: #fff;
    padding: 20px;
    text-align: center;
    box-shadow: 0 0 3px #ccc;
    border-radius: 5px;
    right: 0;
    bottom: 0;}
	
@media screen and (min-width:900px) and (max-width:1199px){
	.naslovni-siroki{
		width:900px;
		margin-left:-450px;
		margin-top:20px;
	}
	.gumb {display:inline-block;}
}


/* TABLE JS */

table.tabjs {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

table.tabjs td, table.tabjs th {
  text-align: center;
  border: 1px solid #ddd;
  padding: 2px 5px;
  font-size: 16px;
  height: 30px;
}

table.tabjs th { background-color: #f4f4f4; }

table.tabjs th.title { }

table.tabjs tr {
  width: 100%;
  background-color: #fff;
}

table.tabjs td { text-overflow: ellipsis; }

table.tabjs td.edit {
  padding: 0px;
  cursor: pointer;
}

table.tabjs td.edit input.editcell {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  background: white;
  border: 1px solid #DDD;
  border-radius: 5px;
  box-shadow: 0 0 5px #DDD inset;
  color: #666;
  outline: none;
  width: 100%;
  height: 25px;
  line-height: 25px;
  margin: 0px;
  padding: 0px;
}
 table.tabjs td.edit input.editcell::-webkit-input-placeholder { /* WebKit browsers */
 color: #eee;
}
table.tabjs td.edit input.editcell:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #eee;
 opacity: 1;
}
table.tabjs td.edit input.editcell::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #eee;
 opacity: 1;
}
table.tabjs td.edit input.editcell:-ms-input-placeholder { /* Internet Explorer 10+ */
 color: #eee;
}

table.tabjs td.edit input.error { border: 1px solid red; }

table.tabjs td.money { /*min-width: 330px;*/
}

table.tabjs td.money:before { content: '$ '; }

table.tabjs td.remove { width: 30px; }

table.tabjs td.remove button {
  font-size: 9px;
  font-weight: bold;
  color: red;
  height: 26px;
  width: 26px;
}

.boldaj{font-weight: bold;}
.radiocontent input{margin:3px}
.predlozakedit input[type=text],.predlozakedit input[type=submit], .predlozakedit input[type=email], .predlozakedit input[type=email], .predlozakedit textarea, .predlozakedit select{border-radius:5px;border:none;box-shadow:0 0 3px #aaa;padding:5px 6px;width:calc(100% - 8px);margin:0 3px 3px;max-width:calc(100% - 8px)}

.predlozakedit .chkcontent .sirina50, .predlozakedit .chkcontent .sirina33, .predlozakedit .chkcontent .sirina10{padding-top:0}
.predlozakedit .chkcontent{margin-bottom:5px;padding:5px}
.predlozakedit .chkcontent:nth-child(2n-1){background:#eee}


.tabjs td input{width:100%}
/* KRAJ TABLE JS */


/* ZAPISNICI NOVO */
.navi-stranice .boldaj{background:#ddd !important}
.stranica.str_zap{padding:20px;width:80%;margin-left:10%;box-sizing:border-box;margin-top:30px}
.stranica.str_zap.bord, .pregled.bord{border:1px solid #555}
.stranica.str_zap .sirina80{width:100%;box-sizing:border-box}
.stranica .prekidstranice{display:none}
.stranica .naslov{font-size:2rem}
.zap_head img,.zap_foot img,.uvj_head img,.uvj_foot img{max-height:100px;display:block;width:auto;height:auto;max-width:800px;margin:auto} 
.zap_head,.zap_foot,.uvj_head,.uvj_foot{text-align:center} 


/* KRAJ ZAPISNICI NOVO */


.lebdeci{
	float:left;
	position:fixed;
	left:5%;
	padding:12px;
	width:90%;
	background:#fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	z-index:1009;
	top:3%;
	max-height:90%;
	overflow-y:auto;
	line-height:1
}

textarea.lebdeci{
    width: 95%;
    min-height: 160px;
    display: block;
    position: relative;
    left: 0;
    top: 0;
    padding: 0;
    box-shadow: none;
}

/* CSS Document, web by Danijel Vranesic, danijel.vranesic@gmail.com */