/* CSS */

body {
	position:relative;
	margin:0;
	padding:0;
	font:normal 14px "Trebuchet MS";
	width: 100%;
}

/* Logovanje */
.login {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	margin:0 auto;
}
.login h3 {
	text-align:center;
}
.login form {
	width:200px;
	margin:20px auto;
	text-align:center;
}
.login form input {
	width:180px;
	margin:5px;
	padding:10px;
	border:1px solid #aaa;
}
.login form input:focus {
	background:#afa;
}
.login form input[type=submit] {
	cursor:pointer;
}

/* Admin */
nav.admin {
	position:relative;
	width:100%;
	height:34px;
}
nav.admin form {
	float:left;
	padding:4px;
}
nav.admin input {
	padding:4px;
	border-radius:4px;
	border:1px solid #080;
	background:#dfd;
	width:200px;
}
nav.admin input:focus {
	background:#afa;
	width:250px;
}
nav.admin ul {
	float:right;
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	width:50%;
	text-align:right;
}
nav.admin li {
	float:left;
	text-align:right;
}
nav.admin li a {
	display:block;
	padding:5px 10px;
	border:1px solid #eee;
}
nav.admin li a:hover {
	background:#fdf;
	transition: all 0.3s ease;
}
nav.admin ul li ul {
	display:block;
	overflow: hidden;
	opacity: 0; 
	height: 0;
	position:absolute;
	transition: opacity 0.5s ease-out;
	z-index:1;
}
nav.admin ul li:hover > ul {
	opacity: 1;
    height: auto;
	overflow:visible;
}
nav.admin ul li.levo ul {
	right:100px;
}
nav.admin ul li.levo2 ul {
	right:80px;
}
nav.admin ul li ul li {
	clear:both;
	background:#fff;
	border:1px solid #aaa;
	border-top:none;
	text-align:left;
	width:120px;
}
nav.admin ul li ul li:hover {
	background:#afa;
	transition: all 0.3s ease;
}
nav.admin ul li ul li a {
	border:none;
	background:none;
}
nav.admin ul li ul ul {
	position:absolute;
	display: block;
	right:80px;
	margin-top:-26px;
}

/* NAV SUB */
nav.sub {
	position:relative;
	width:100%;
	height:34px;
}
nav.sub form {
	float:left;
	padding:4px;
}
nav.sub select {
	padding:4px;
	border-radius:4px;
	border:1px solid #080;
	background:#dfd;
	width:200px;
}
nav.sub select:focus {
	background:#afa;
}
nav.sub input {
	padding:4px;
	border-radius:4px;
	border: 1px solid #080;
	background: #dfd;
}
nav.sub input[type=submit] {
	padding: 2px 20px;
	border: 3px double #080;
	cursor: pointer;
	font-weight: bold;
}

section.admin-spisak {
	position:relative;
	float:left;
	width:50%;
	margin-top:20px;
	overflow: hidden;
}
table.korisnici {
	width:100%;
	border-collapse:collapse;
	border-bottom:1px solid #555;
	border-right:1px solid #555;
}
td.small {
	font-size: 8px;
}
table.korisnici th, table.korisnici td {
	border-top:1px solid #555;
	border-left:1px solid #555;
	padding:4px;
}
table.korisnici th {
	background:#ddd;
}
table.korisnici tr:hover td {
	background:#888;
	color:#fff;
}
table.korisnici tr.prikaz:hover td {
	background: none;
	color:#000;
}
table.korisnici tr.siva {
	background:#ccc;
}
table.korisnici tr.crvena {
	background:#fcc;
}
table.korisnici tr.zelena {
	background:#cfc;
}
table.korisnici tr.tzelena {
	background:#8f8;
}
table.korisnici tr.zuta {
	background:#ff9;
}
table.korisnici tr.eFaktura {
	background:#a8f;
}
table.korisnici p.pc {
	margin: 0;
	padding: 2px;
}
table.korisnici p.checked {
	background: #080;
	color:#fff;
}
table.korisnici input[type=submit].big {
	background: #080;
	color:#fff;
	padding: 10px 20px;
	font-size: 14px;
	border:1px solid #050;
	border-radius: 4px;
	cursor: pointer;
}

section.admin-spisak article {
	position:relative;
	margin:0 0 0 20px;
	background:#efe;
}
section.admin-spisak article h2 {
	margin:0;
	padding:13px;
}
section.admin-spisak article h3 {
	float: right;
	width: 90%;
	margin:0 5px;
	padding:0;
	text-align: right;
}
section.admin-spisak article h3 span {
	display: block;
	color:#888;
	overflow: hidden;
}


section.admin-spisak article form {
	padding:10px;
}
section.admin-spisak article form input, section.admin-spisak article form select, section.admin-spisak article form textarea {
	padding:5px;
	border:1px solid #aaa;
}
section.admin-spisak article form textarea {
	width: 250px;
	height: 100px;
}
section.admin-spisak article form input:focus, section.admin-spisak article form select:focus {
	background:#555;
	color:#fff;
}
section.admin-spisak article form input[type=submit] {
	width:200px;
	cursor:pointer;
	background:#555;
	color: #fff;
}
section.admin-spisak article form input[type=button] {
	width:200px;
	cursor:pointer;
	background:#999;
	color:#fff;
}
section.admin-spisak article form input[type=button].red {
	background:#f66;
	color:#fff;
}
section.admin-spisak article form span {
	color:#888;
}
section.admin-spisak article form select[name=kfirma] option.neaktivan {
	color:#a00;
	background:#070;
}
section.admin-spisak article form textarea {
	padding:5px;
	font-family:Arial;
}


form#top {
	position:absolute;
	top:34px;
	left:4px;
	margin-top:4px;
}

/* NAPOMENA */
.napomena {
	width:100%;
	height:auto;
	overflow:hidden;
}
.napomena h3 {
	margin:10px 0 0 0;
	padding:5px;
	color:#f00;
	background:#ffc;
}
.napomena p {
	margin:0;
	padding:5px;
	color:#555;
	background:#ff8;
}
.napomena .boje {
	background: #fca;
}
.napomena .boje-opis {
	background: #fb8;
}

#objekti p {
	margin:0;
}
#objekti p.checked {
	background:#080;
}


section.admin-proizvodi {
	position:relative;
	display:block;
	width:100%;
	margin-top:20px;
	clear:both;
}

#klijent {
	display:none;
	position:absolute;
	width:75%;
	height:auto;
	max-height: 200px;
	background:#eef;
	padding:5px;
	opacity:1;
	overflow:auto;
	z-index:1;
}
.klijenti {
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #000;
	border-left:1px solid #000;
	
}
.klijenti th, .klijenti td {
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	padding:5px;
	margin:0;
}
.klijenti tr:hover > td {
	background:#ffa;
	cursor:pointer;
}
#klijent input {
	margin-bottom:4px;
}

a.izvodi {
	float: right;
	display: block;
	background: #080;
	border: 1px solid #555;
	border-radius: 4px;
	padding: 4px 10px;
	color: #fff;
	text-decoration: none;
}
a.izvodi:hover {
	background: #fff;
	color: #080;
}

tr td.linija {
	height: 4px;
	background: #080;
}


/* Izvestaj */
#datumod, #datumdo {
	position: absolute;
	background: #fff;
}
#datumod th.red, #datumdo th.red {
	background:#900;
	color:#fff;
}
#datumod td,#datumdo td {
	width: 40px;
	text-align: center;
}
#datumod td:first-child, #datumdo td:first-child {
	background: #900;
	color:#fff;
}
#datumod td.current, #datumdo td.current {
	background: #080;
	color: #fff;;
}
#datumod td:hover, #datumdo td:hover {
	background: #afa;
}
.kalendar th a {
	text-decoration: none;
	font-weight: bold;
}

/* IZVODI PRENOS */
span#holding {
	display:none;
}
span#holding label {
	color:#080;
	font-weight: bold;
}


.download {
	float: right;
	clear: both;
}
.download input {
	background: #080;
	color: #fff;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #050;
	border-radius: 4px;
	cursor: pointer;
}
.download input:hover {
	background:#afa;
	color: #080;
}