* {
    box-sizing: border-box;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

[class*="col-"] {
    float: left;
}

.clear-float {
	clear: both;
	float: none;
}

.no-on-mobile {
	display: none;
}

html {
    font-family: "Tahoma", "sans-serif";
	min-height: 1000px;
	font-size: 16px;
	background-color: #eeeeee;
}

body {
	position: relative;
	width: 100%;
	min-height: 100%;
	margin: 0px;
	font-family: Tahoma;
	background-color: #eeeeee;
}

h1 {
	font-size: 1.5rem;
	color: #000000;
	text-align: left;
	margin: 7% 0 0 25%;
}

#copyright {
	font-size: 0.8rem;
	color: #aaaaaa;
	text-align: center;
}
#copyright a {
	font-size: 0.8rem;
	color: #aaaaaa;
	text-decoration: none;
}

#dim {
	display: none;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 100%;
	height: 100%;
	background: rgb(100,100,100,0.6);
	z-index: 10;
	cursor: not-allowed;
}

#aai {
	display: inline-block;
	position: absolute;
	top: -30px;
	right: 10px;
	margin: 0px;
	padding: 2px 8px;
	font-size: 0.6rem;
	color: #0d4da1;
	background-color: rgb(79,229,254,0.8);
	border: 1px solid #888888;
	border-radius: 5px;
}
#aai em {
	font-weight: bold;
	text-decoration: none;
}

#container {
	position: relative;
	width: 100%;
}

#container h1 {
	margin: 30px 5% 20px 5%;
	font-weight: normal;
	text-align: center;
	font-size: 14pt;
}

#log-ico {
	position: fixed;
	top: 0px;
	left: 35px;
	width: 30px;
	margin: 0px;
}
#log-ico img {
	width: 100%;
	height: auto;
}

#pre-login {
	display: none;
	position: relative;
	font-size: 1rem;
	top: 30px;
	width: 70%;
	min-height: 30%;
	margin: 15% 15%;
	padding: 20px;
	color: #0000aa;
	background-color: #a0cdf060;
	border: 1px solid #888888;
	border-radius: 15px;
	z-index: 151;
}
#pre-login h1 {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin: 20px auto;
	padding: 0;
}

#opis-usluge {
	display: block;
	position: relative;
	font-size: 1rem;
	width: 70%;
	min-height: 30%;
	height: auto;
	margin: 15% 15%;
	padding: 20px;
	color: #0000aa;
	background-color: #a0cdf060;
	border: 1px solid #888888;
	border-radius: 15px;
	z-index: 151;
}
#opis-usluge a {
	font-size: 1rem;
}
#opis-usluge #blogin {
	font-size: 1.2rem;
	width: 15vw;
	height: auto;
	border-radius: 10px;
}
#opis-usluge #opis-kontakt {
	display: block;
}
#opis-usluge #aailogin {
	display: block;
	position: absolute;
	right: 1px;
	top: 1px;
}


#help-ico {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 30px;
	margin: 0px;
}
#help-ico img {
	width: 100%;
	height: auto;
}
#help-box {
	display: none;
	position: relative;
	font-size: 0.8rem;
	top: 20px;
	width: 90%;
	height: 90%;
	margin: 5%;
	padding: 20px;
	color: #000000;
	background-color: #fcf9d2;
	border: 1px solid #888888;
	border-radius: 15px;
	z-index: 151;
}
#help-box h1 {
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	margin: 20px auto;
}
#help-box #help-close1 {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 30px;
}
#help-box #help-close1 img {
	width: 100%;
	height: auto;
}
#help-box #help-close2 {
	position: absolute;
	bottom: 15px;
	right: 1px;
	width: 30px;
}
#help-box #help-close2 img {
	width: 100%;
	height: auto;
}
#help-box p {
	margin: 2px 0px;
}
#help-box .himg {
	width: 50px;
}

#maincontrols {
	position: fixed;
	width: auto;
	height: 80px;
	top: 10px;
	right: 10px;
	margin: 0px;
	padding: 2px;
	color: #0d4da1;
	background-color: rgb(79,229,254,0.9);
	border: 1px solid #888888;
	border-radius: 15px;
	z-index: 9;
}
#maincontrols .div25percent {
	font-size: 0.8rem;
	height: 100%;
	text-align: center;
	float: left;
}
#maincontrols .div50percent {
	font-size: 0.8rem;
	text-align: center;
	margin-right: 5px;
	float: left;
}
#mainbutton {
	width: 30px;
	margin: auto 8px;
	float: left;
}
#mainbutton img {
	width: 100%;
	height: auto;
}
#select-folder {
	width: 120px;
	font-size: 0.8rem;
	color: #0d4da1;
	margin: 0px 0px 0px 1px;
	padding: 1px;
	background-color: #fff1aa;
	border: 1px solid #888888;
	border-radius: 10px;
	overflow: hidden;
	text-overflow: clip;
	float: left;
}
#select-folder ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#select-folder li {
	width: 150px;
	font-size: inherit;
	line-height: 0.85rem;
	text-align: left;
	text-indent: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 1px;
	overflow: hidden;
	text-overflow: clip;
}
#select-folder li:hover {
	width: 150px;
	color: #0d4da1;
	text-decoration: none;
	background-color: #ffffff;
	border-radius: 5px;
}
#select-folder a {
	width: 150px;
	color: #0d4da1;
	text-decoration: none;
}
#select-folder .selected {
	width: 150px;
	background-color: rgb(255,255,255,0.5);
	border: 1px solid #888888;
	border-radius: 5px;
	overflow: hidden;
	text-overflow: clip;
}
#select-zapisa {
	position: absolute;
	left: 2px;
	bottom: 1px;
	width: 120px;
	font-size: 0.8rem;
	text-align: left;
	color: #0d4da1;
	margin: 2px;
	padding: 1px;
	background-color: #fff1aa;
	border: 1px solid #888888;
	border-radius: 5px;
	overflow: hidden;
}
#select-zapisa a {
	color: #0d4da1;
	font-weight: normal;
	text-decoration: none;
}
#select-zapisa .active {
	color: #0d4da1;
	font-weight: normal;
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #888888;
	border-radius: 10px;
}

/* search and report call form */
#search-form {
	display: none;
}
#report-form {
	display: none;
}
#iso-form {
	display: none;
}
#iso-form a {
	color: #0d4da1;
	text-decoration: none;
}
.search-form {
	position: fixed;
	width: auto;
	top: 100px;
	right: 10px;
	font-size: 0.8rem;
	margin: 0px;
	padding: 2px;
	color: #0d4da1;
	background-color: rgb(79,229,254,1);
	border: 1px solid #888888;
	border-radius: 15px;
	z-index: 9;
}
.search-form .div25percent {
	width: 30%;
	float: left;
}
.search-form .div75percent {
	width: 70%;
	float: left;
}
.search-form .hght {
	height: 27px;
}
.search-form h1 {
	font-size: 0.9rem;
	text-align: left;
	margin: 0 0 1% 0;
	padding: 1px;
}
.search-form label {
	display: inline-block;
	margin: 0px;
	padding: 3px;
}
.search-form #b_search {
	width: 25%;
	color: #000000;
	margin: 1%;
	padding: 4px;
	background-color: #e9f5ef;
	border-radius: 10px;
}
.search-form input[type="text"] {
	font-size: inherit;
	width: 90%;
	color: #000000;
	margin: 0px;
	padding: 3px;
	background-color: #eeeeee;
	border-radius: 10px;
}
.search-form #s-ccb_did {
	width: 90%;
	color: #000000;
	margin: 0px;
	padding: 3px;
	background-color: #eeeeee;
	border-radius: 10px;
}
.search-form input[type="radio"] {
	color: #000000;
	margin: 5% 0;
	width: 15%;
	padding: 5px;
	background-color: #ffffff;
	border-radius: 10px;
}
.search-form #search-form-close1 {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 30px;
}
.search-form #search-form-close1 img {
	width: 100%;
	height: auto;
}

#itemlist_container {
	width: 100%;
	min-height: 800px;
	margin: 1% 0 0 0;
	overflow: scroll;
}
.itemlist_zaodobrenje {
	background-color: rgb(246,214,92,0.5) !important;
	color: #000000 !important;
}
.itemlist {
 	width: 100%;
	font-size: 0.8rem;
	margin: 10px 0px;
	padding: 0px;
	background-color: #ffffff;
	border-collapse: collapse;
}
.itemlist th {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
	background-color: rgb(79,229,254,0.5);
	color: #000000;
	overflow: hidden;
}
.itemlist tr {
	background-color: rgb(233,245,239,0.5);
}
.storno {
	background-color: rgb(246,214,92,0.1) !important;
}
.bris {
	background-color: rgb(246,214,92,0.4) !important;
}
.itemlist tr:nth-child(even) {
	background-color: rgb(254,254,254,0.5);
}
.itemlist td {
	position: relative;
	overflow: hidden;
}
.itemlist td, .itemlist th {
  border: 1px solid #1764af;
  padding: 8px;
}
.itemlist td a {
	color: #000000;
	text-decoration: none;
}
.itemlist tr:hover {
	background-color: #fcf9d2;
}
.itemlist th:nth-child(1) {min-width: 10px; max-width: 50px;}
.itemlist th:nth-child(2) {display:none;}
.itemlist th:nth-child(3) {min-width: 10px; max-width: 50px;}
.itemlist th:nth-child(4) {display:none;}
.itemlist th:nth-child(5) {min-width: 10px; max-width: 50px;}
.itemlist th:nth-child(6) {display:none;}
.itemlist th:nth-child(7) {min-width: 10px; max-width: 50px;}
.itemlist td:nth-child(1) {min-width: 10px; max-width: 50px;}
.itemlist td:nth-child(2) {display:none;}
.itemlist td:nth-child(3) {min-width: 10px; max-width: 50px;}
.itemlist td:nth-child(4) {display:none;}
.itemlist td:nth-child(5) {min-width: 10px; max-width: 50px;}
.itemlist td:nth-child(6) {display:none;}
.itemlist td:nth-child(7) {min-width: 10px; max-width: 50px;}
.nid {
	width: 40px;
	text-align: right;
	padding: 2px 3px;
	background-color: #ffffff;
	border: 1px solid #ff0000;
	border-radius: 5px;
	cursor: zoom-in;
}
.okvirnacijena {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 0.8rem;
	text-align: left;
	width: 68px;
	height: 1rem;
	padding: 0 2px 2px 2px;
	color: #000000;
	background-color: #ffc298;
	border-radius: 5px;
}
.vrsta {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 0.8rem;
	text-align: right;
	width: 50px;
	height: 1rem;
	padding: 0 2px 2px 1px;
	color: #000000;
	background-color: rgb(255,0,0,0.3);
	border-radius: 5px;
}
.malizavod {
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 0.8rem;
	text-align: right;
	min-width: 50%;
	height: 1rem;
	padding: 1px;
	color: #000000;
	overflow: hidden;
	background-color: rgb(255,227,171,0.7);
}

.action-dim {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 1px;
	background-color: rgb(128,128,128,0.2);
}
.action-dim:hover {
	background-color: rgb(255,255,255,0);
}
.action-ico {
	width: 30px;
	margin: 2px 0 0 3px;
	float: left;
}
.action-ico img {
	width: 100%;
	height: auto;
}
.action-ico:hover {
	background-color: #ff5a39;
	border-radius: 15px;
}
.margin-clearstatus {
	margin-left: 5px;
}

.status-ico {
	width: 30px;
	margin: 2px 0 0 2px;
	float: left;
}
.status-ico img {
	width: 100%;
	height: auto;
}
#main {
	width: 95%;
	min-height: 100vh;
	font-size: 0.8rem;
	margin: 10px auto;
	padding: 10px;
	background-color: #e9f5ef;
	border: 1px solid #a9d5af;
	border-radius: 10px;
}

#fnarudzba {
	position: relative;
	font-size: 0.8rem;
	width: 95%;
	height: 110vh;
	margin: 50px 2%;
	padding: 1px;
	background-color: #fefefe;
	border: solid 1px #a9d5af;
	border-radius: 15px;
}	
#fnarudzba label {
	display: inline-block;
	width: 20%;
	margin: 10px 0 0 0;
}
#fnarudzba #b_submit {
	width: 30%;
	color: #000000;
	margin: 8% 0 0 22%;
	padding: 10px;
	background-color: #e9f5ef;
	border-radius: 10px;
}
#fnarudzba #b_exit {
	width: 30%;
	color: #000000;
	margin: 8% 0 0 2%;
	padding: 10px;
	background-color: #e9f5ef;
	border-radius: 10px;
}
#fnarudzba input[type="text"] {
	font-size: inherit;
	width: 75%;
	color: #000000;
	margin: 2% 0 0 0;
	padding: 5px;
	background-color: #eeeeee;
	border-radius: 10px;
}
#fnarudzba input[type="radio"] {
	color: #000000;
	margin: 5% 0;
	padding: 5px;
	background-color: #ffffff;
	border-radius: 10px;
}
#fnarudzba #oprema {
	font-size: inherit;
	font-weight: bold;
	width: 75%;
	height: 50px;
	background-color: #bcd8eb;
	border-radius: 10px;
}
#fnarudzba #kolic {
	font-size: inherit;
	font-weight: bold;
	background-color: #bcd8eb;
}
#fnarudzba #narucio {
	font-size: inherit;
	font-weight: bold;
	background-color: #eeeeaa;
}
#fnarudzba input[type="text"]:disabled {
	color: #888888;
}
#fnarudzba #ccb_did {
	width: 75%;
	color: #000000;
	margin: 2% 0 0 0;
	padding: 5px;
	background-color: #eeeeee;
	border-radius: 10px;

}
#fnarudzba #ccb_zid {
	width: 75%;
	color: #000000;
	margin: 2% 0 0 0;
	padding: 5px;
	background-color: #eeeeee;
	border-radius: 10px;
}

h2 {
	display: inline-block;
	font-size: 1.5rem;
	font-weight: normal;
	width: 80%;
	height: auto;
	margin: 0 10%;
	padding: 2px 5px;
	border: 1px solid #222222;
	bordeer-radius: 5px;
}

#postupaknabave {
	display: none;
	position: fixed;
	top: 1px;
	left: 1px;
	width: 50%;
	font-size: 0.8rem;
	padding: 5px;
	background-color: rgb(223,238,250,0.6);
	border: solid 10px #a0cdf0;
	border-radius: 15px;
}
#postupaknabave #close {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 30px;
}
#postupaknabave #close img {
	width: 100%;
	height: auto;
}

#ponuda {
	display: block;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 100px;
/*	height: 100px; */
	font-size: 0.8rem;
	text-align: center;
	margin: 0px;
	padding: 25px 5px 5px 5px;
/*	background-color: rgb(223,238,250,0.6); */
	background-color: rgb(255,170,200,0.9);
	border: 2px solid #a0cdf0;
	border-radius: 15px;
	overflow: hidden;
	z-index: 501;
}
#ponuda h1 {
	text-align: center;
	margin: 0px;
	padding: 0px
	float: none;
}
#ponuda #close {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 30px;
}
#ponuda #close img {
	width: 100%;
	height: auto;
}
#ponuda .item {
	display: block;
	position: relative;
	width: 60px;
	height: auto;
	margin: 10px 2px;
	padding: 2px;
	background-color: rgb(255,255,255,0.8);
	border: 2px solid rgb(100,100,100,0.5);
	border-radius: 15px;
}
#ponuda .item a {
	color: #000000;
	text-decoration: none;
}
#ponuda .item img {
	width: 100%;
	height: auto;
}
#ponuda .ponuda-img {
	position: absolute;
	width: 20px;
	left: 1px;
	bottom: 30px;
	border: 1px solid #ffff00;
	border-radius: 5px;
}
#ponuda .ponuda-img img {
	width: 100%;
	height: auto;
}
#ponuda .ponuda-pdf {
	position: absolute;
	width: 20px;
	right: 1px;
	bottom: 30px;
	border: 1px solid #ffff00;
	border-radius: 5px;
}
#ponuda .ponuda-pdf img {
	width: 100%;
	height: auto;
}
#ponuda #rabljeno .item {
	background-color: rgb(255,255,0,0.5);
}
#ponuda #rabljeno img {
	width: 50%;
}
#ponuda-u-nabavi {
	display: block;
	height: 100vh;
	width: 120px;
}
.ponudabox {
	display: inline-block;
	position: relative;
}
.ponudabox a {
	display: inline-block;
	position: relative;
	left: 2px;
	bottom: 2px;
	text-align: left;
	margin: 0 0 0 -50px;
}
#ponuda-u-pocetnoj {
	display: block;
	height: auto;
	overflow: hidden;
}
/*
#ponuda-u-pocetnoj h1 {
	text-align: left;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
*/
#ponuda-u-pocetnoj .ponuda-img {
	display: none;
}
#ponuda-u-pocetnoj .ponuda-pdf {
	display: none;
}
#expand {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 50px;
	margin: 3px;
	padding-top: 5px;
	font-size: 2rem;
	color: #000000;
	background-color: rgb(255,255,255,0.5);
	vertical-align: middle;
	text-align: center;
	border: 1px solid #000000;
	border-radius: 15px;
	z-index: 502;
}
#expand img {
	width: 30px;
	height: auto;
	opacity: 0.8;
}

.obavijestkorisniku {
	color: #00aa00;
}

#report01 {
	width: 100%;
	font-size: 0.8rem;
	margin: 0px 5px ;
	padding: 2px;
	border-collapse: collapse;
}
#report01 th {
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  background-color: #00b050;
  color: white;
}
#report01 tr {
	background-color: #e9f5ef;
}
#report01 tr:nth-child(even) {
	background-color: #fefefe;
}
#report01 td, #report01 th {
  border: 1px solid #007535;
  padding: 8px;
}
#report01 td a {
	color: #000000;
	text-decoration: none;
}
#report01 tr:hover {
	background-color: #ffd966;
}

#branch {
	font-size: 0.8rem;
	width: 100%;
	margin: 8% 0;
	padding: 5% 0;
	background-color: #a0cdf0;
	border: 1px solid #000000;
	border-radius: 15px;
}
#branch a {
	color: #0000aa;
	text-decoration: none;
}
#branch h1 {
	font-size: 1rem;
}
#branch ul {
	margin: 10% 0;
	padding: 5%;
	list-style-type:none;
}
#branch li {
	margin: 0 0 60px 0;
	clear: both;
	float: none;
}
#branch .help {
	color: #444444;
	margin: 5% 5%;
}
#branch img {
	width: 80px;
	height: auto;
	background-color: rgb(255,255,255,0.2);
	border-radius: 15%;
	float: left;
}
#branch p {
	margin: 0 0 0 30%;
}

#set-tip {
	display: none;
	position: fixed;
	font-size: 1rem;
	top: 1px;
	right: 1px;
	width: 99%;
	min-height: 200px;
	padding: 10px;
	background-color: #005500;
	color: #ffffff;
	opacity: 0.8;
	border: 1px solid #000000;
	border-radius: 10px;
	z-index: 501;
}
#set-tip h1 {
	font-size: 1rem;
	color: #ffffff;
	margin: 1px;
	padding: 1px;
}
#set-tip label {
	display: inline-block;
	width: 150px;
	margin: 2px 0;
}
.set-tip-call {
	display: block;
	position: absolute;
	font-size: 0.6rem;
	top: 0px;
	right: 0px;
	width: 15px;
	height: 14px;
	margin: 0;
	padding: 1px;
	background-color: #00ff00;
	opacity: 0.9;
	cursor: pointer;
}
.set-tip-call-na {
	background-color: #ffff00 !important;
}
#set-tip #vecupisano {
	position: absolute;
	font-size: 0.8rem;
	text-align: right;
	right: 1px;
	top: 1px;
	width: 100%;
	height: 30px;
	margin: 2px;
	color: #ffff00;
}

.ico-doc {
	display: block;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
	height: 20px;
	font-size: 1rem;
	padding: 0px;
	margin: 0px;
	border-radius: 10px;
}
.ico-doc img {
	width: 100%;
	height: auto;
}

#report-tip {
	width: 90%;
	margin: 10px auto;
	padding: 10px;
	background-color: rgb(255,255,255,0.3);
}
#report-tip h1 {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
#report-tip h2 {
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
}
#report-tip h3 {
	text-align: center;
}
#report-tip a {
	font-size: 1rem;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
#report-tip table {
	width: 80%;
	margin: 10px auto;
}
#report-tip th {
	width: 10%;
	color: #ffffff;
	background-color: rgb(74,145,198,1);
}
#report-tip td, #report-tip th {
  padding: 2px;
  text-align: center;
}
#report-tip .row1 {
	background-color: rgb(254,254,254,0.8);
}
#report-tip .row2 {
	background-color: rgb(174,218,255,0.5);
}
#report-tip .rght {
	text-align: right;
}
#report-tip .fntclr0 {
	color: #888888;
}
#report-tip .ugovoreno {
	background-color: rgb(255,241,170,0.5);
}
#report-tip em {
	text-decoration: none;
	font-weight: 500;
	font-style: normal;
}


#upload_ponuda {
	display: none;
	position: absolute;
	top: 10%;
	right: 0;
	width: 40%;
	margin: 1%;
	padding: 10px;
	color: #ffffff;
	font-weight: bold;
	background-color: rgb(100,150,255,0.8);
	border: 1px solid #888888;
	border-radius: 15px;
	z-index: 9;
}
#upload_ponuda h1 {
	font-size: 1.2rem;
	font-weight: bold;
	color: #ffffff;
	margin: 1px;
}
#upload_ponuda #upload_close {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 30px;
}
#upload_ponuda #upload_close img {
	width: 100%;
	height: auto;
}

#subfolder {
	/*display: inline-block;*/
	display: none;
	position: absolute;
	font-size: 1rem;
	color: #00000;
	left: 5vw;
	top: -30px;
	min-width: 15rem;
	width: auto;
	height: 2rem;
	margin: 0px;
	padding: 1px 5px;
	background-color: rgb(79,229,254,0.5);
	border: 1px solid #888888;
	border-radius: 15px;
}
#subfolder .t {
	display: inline-block;
	width: auto;
	height: 100%;
	padding: 0;
	margin: -1.2rem 0;
}
#subfolder ul {
	display: inline-block;
	font-size: 1rem;
	margin: 0px;
	padding: 0px 5px;
}
#subfolder li {
	display: inline-block;
	font-size: inherit;
	min-width: 3rem;
	width: auto;
	line-height:1rem;
	text-align: left;
	text-indent: 0px;
	margin: 2px 3px;
	padding: 3px 5px;
	list-style-type: none;
	text-decoration: none;
	background-color: #fff1aae0;
	border: 1px solid #888888;
	border-radius: 10px;
	overflow: hidden;
	text-overflow: clip;
}
#subfolder li:hover {
	color: #0d4da1;
	background-color: #ffffffa0;
}
#subfolder li a {
	color: #0d4da1;
	text-decoration: none;
}
#subfolder .selected {
	color: #ffffff;
	background-color: #ff0000ee;
	overflow: hidden;
	text-overflow: clip;
}
#subfolder .selected a {
	color: #ffffff;
	background-color: #ff0000ee;
	overflow: hidden;
	text-overflow: clip;
}















@media only screen and (min-width: 1000px) {    /* For desktop: */

	body {
		margin: 10px;
	}

	.no-on-mobile {
		display: block;
	}
	
	#log-ico {
		top: 4px;
		left: 70px;
		width: 50px;
	}
	
	#orgjedimg {
		top: 10px;
		left: 30px;
		width: 15%;
	}

	#aai {
		font-size: 1rem;
		right: 3%;
	}

	#pre-login {
		font-size: 0.8rem;
		top: 30px;
		width: 60%;
		margin: 5% 20%;
		min-height: 30%;
	}
	#pre-login h1 {
		font-size: 1.5rem;
	}
	
	#opis-usluge {
		font-size: 1rem;
		color: #000000;
		width: 60%;
		margin: 5% 20%;
		min-height: 30%;
		text-align: center;
	}
	#opis-usluge h1 {
		font-size: 1.5rem;
		margin: 2px 40%;
		padding: 0;
	}
	#opis-usluge a:* {
		font-size: 1.5rem;
		color: #000000;
		margin: 0;
		padding: 0;
	}
	#opis-usluge img {
		display: inline-block;
		position: relative;
		width: 25%;
		border-radius: 1%;
	}	

	#help-ico {
		top: 5px;
		left: 5px;
		width: 50px;
	}
	#help-box {
		top: 5px;
		height: 100%;
		font-size: 1rem;
	}
	
	#maincontrols {
		top: 60px;
		right: 3%;
		width: auto;
		height: 95px;
	}
	#maincontrols .div25percent {
		font-size: 1rem;
	}
	#maincontrols .div50percent {
		font-size: 1rem;
	}
	#mainbutton {
		width: 50px;
	}
	#select-folder {
		width: 170px;
		font-size: 1rem;
		margin: 2px 0px 2px 1px;
		padding: 1px 3px;
	}
	#select-folder ul {
		width: 100%;
		padding: 1px 2px;
	}
	#select-folder li {
		width: 100%;
		padding: 2px 0px;
	}
	#select-folder li:hover {
		width: 100%;
	}
	#select-folder a {
		width: 100%;
	}
	#select-folder .selected {
		width: 100%;
	}
	#select-zapisa {
		width: 170px;
		font-size: 1rem;
		margin: 2px;
		padding: 0px 3px;
	}
	.search-form {
		top: 160px;
		right: 3%;
		width: 350px;
	}
	
	.itemlist {
		width: 95%;
		margin: 10px auto;
		padding: 1px;
		font-size: 0.9rem;
	}
	.itemlist th {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.itemlist th:nth-child(1) {display:table-cell;}
	.itemlist th:nth-child(2) {display:table-cell;}
	.itemlist th:nth-child(3) {display:table-cell;}
	.itemlist th:nth-child(4) {display:table-cell;}
	.itemlist th:nth-child(5) {display:table-cell;}
	.itemlist th:nth-child(6) {display:table-cell;}
	.itemlist th:nth-child(7) {display:table-cell;}
	.itemlist td:nth-child(1) {display:table-cell;}
	.itemlist td:nth-child(2) {display:table-cell;}
	.itemlist td:nth-child(3) {display:table-cell;}
	.itemlist td:nth-child(4) {display:table-cell;}
	.itemlist td:nth-child(5) {display:table-cell;}
	.itemlist td:nth-child(6) {display:table-cell;}
	.itemlist td:nth-child(7) {display:table-cell;}
	
	#main {
		width: 90%;
		font-size: 1rem;
	}
	
	.vrsta {
		width: 60px;
		padding: 0 2px 2px 1px;
		color: #000000;
		background-color: rgb(255,0,0,0.3);
	}

	.action-dim {
		padding: 5% 0 0 0;
	}
	.action-ico {
		width: 30px;
		margin: 5px 0 0 5px;
	}
	.margin-clearstatus {
		margin-left: 20px;
	}

	.status-ico {
		width: 50px;
		margin: 2px 0 0 2px;
	}

	#fnarudzba {
		width: 80%;
		margin: 50px 10%;
		height: 150vh;
		padding: 10px;
		font-size: 1rem;
	}	
	#fnarudzba label {
		font-size: inherit;
		margin: 4px 0 0 0;
	}
	#fnarudzba #b_submit {
		width: 8%;
		font-size: inherit;
		margin: 2% 0 0 20%;
	}
	#fnarudzba #b_exit {
		width: 8%;
		font-size: inherit;
		margin: 2% 0 0 2%;
	}
	#fnarudzba #opis {
		font-size: inherit;
	}
	#fnarudzba #oprema {
		width: 60%;
		height: 80px;
	}
	#fnarudzba #ccb_did {
		width: 60%;
		font-size: inherit;
	}
	#fnarudzba #ccb_zid {
		width: 60%;
		font-size: inherit;
	}
	#fnarudzba input[type="text"] {
		width: 60%;
		font-size: inherit;
	}
	#fnarudzba input[type="text"]:disabled {
		font-size: inherit;
		color: #888888;
	}
	
	#ponuda {
		display: block;
		width: 150px;
		background-color: rgb(170,255,200,0.8);
	}
	#ponuda-u-nabavi {
		display: block;
	}
	#ponuda-u-pocetnoj {
		display: block;
	}
	#ponuda-u-pocetnoj #expand {
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 50px;
		height: 50%;
		margin: 3px;
		padding-top: 10px;
		font-size: 2rem;
		color: #000000;
		background-color: rgb(255,255,255,0.5);
		vertical-align: top;
		text-align: center;
		border: 1px solid #000000;
		border-radius: 15px;
		z-index: 502;
	}
	#ponuda-u-pocetnoj #expand img {
		width: 30px;
		height: auto;
		opacity: 0.8;
	}
	#ponuda-u-pocetnoj #ponuda {
		display: block;
		position: fixed;
		left: 80px;
		top: 1px;
		width: 380px;
		height: 120px;
		padding: 2px;
		overflow: hidden;
		z-index: 501;
	}
	#ponuda-u-pocetnoj #ponuda h1 {
		text-align: left;
		margin: 30px 10px 0 0;
		float: left;
	}
	#ponuda-u-pocetnoj #ponuda .item {
		width: 70px;
		top: 1px;
		min-height: 100px;
		margin: 2px;
		padding: 5px;
		float: left;
	}
	#ponuda-u-pocetnoj #ponuda .ponuda-img {
		display: none;
		left: 1px;
		top: 1px;
	}
	#ponuda-u-pocetnoj #ponuda .ponuda-pdf {
		display: block;
		right: -15px;
		bottom: 1px;
	}
	#ponuda .item {
		width: 100px;
	}
	#ponuda .ponuda-img {
		width: 30px;
	}
	#ponuda .ponuda-pdf {
		width: 30px;
	}
	#report01 {
		width: 95%;
		margin: 0px auto;
		font-size: 0.8rem;
	}
	
	#postupaknabave {
		display: block;
	}

	#branch {
		font-size: 1rem;
		width: 80%;
		margin: 5% 10%;
		padding: 3%;
	}
	#branch h1 {
		font-size: 1.5rem;
	}
	#branch ul {
		margin: 5% 0;
		padding: 5% 10%;
	}
	#branch li {
		margin: 0 0 80px 0;
	}
	#branch .help {
		margin: 5% 5%;
	}
	#branch img {
		width: 100px;
		height: auto;
		float: left;
	}
	#branch p {
		margin: 0 0 0 20%;
	}

	#set-tip {
		width: 550px;
		min-height: 200px;
	}
}