* {
	padding:0;
	margin:0;
}
 body { 
	background-color: white;
	width:100%;
	height:100%;
	}	

#firma{
	position:absolute;
	width:20%;
	left:40%;
	top:30%;
	height:20%;
	border:1px solid red;
	z-index:-100;
}
	
#kupac{
	position:absolute;
	width:20%;
	left:75%;
	top:35%;
	height:20%;
	border:1px solid red;
	z-index:-100;

}
#fakturirao{
	position:absolute;
	width:20%;
	left:75%;
	top:35%;
	height:20%;
	border:1px solid red;
	z-index:-100;
}
#end{
	position:absolute;
	width:20%;
	left:80%;
	top:-20%;
	height:24px;
	border:0px solid red;
	z-index:100;
}	

#footer{
	position:relative;
	width:100%;
	top:0%;
	left:0%;
	height:50px;
	background-color:#272727;
	z-index:120;
}
#datum{
	position:absolute;
	width:130px;
	top:20px;
	left:92%;
	height:20px;
	border:0px solid white;
	color:white;
	z-index:-1;
}
#datum1{
	position:absolute;
	width:130px;
	top:20px;
	left:80%;
	height:22px;
	border:1px solid white;
	color:black;
	z-index:-100;
}
#naruci{
	position:relative;
	width:188px;
	border:0px solid red;
	left:42.4%;
	display:block;
	top:0px;
	
}
#tablicax{
	position:relative;
	width:98.6%;
	left:0.6%;
	top:8%;
	border:0px solid green;
}
#otpremnica{
	position:absolute;
	width:20%;
	left:1%;
	top:2%;
	height:26px;
	border:0px solid blue;
	
}
#otp{
	position:absolute;
	width:20%;
	left:2%;
	top:5.4%;
	height:26px;
	border:0px solid blue;
}
#div1{
	position:relative;
	text-align:right;
	width:306px;
	top:-80px;
	padding-right:50px;
	margin: auto;
	height:auto;
	border:0px solid red;
	display:none	
}
#div2{
	position:relative;
	text-align:right;
	width:306px;
	top:-80px;
	padding-right:50px;
	margin: auto;
	height:auto;
	border:0px solid red;
	display:none
}

#upis{
	position:relative;
	text-align:left;
	width:320px;
	top:0px;
	padding-let:6px;
	margin: auto;
	height:26px;
	border:0px solid red;

}
.komerc{
display:none;
}
#komercijalista{
	position:relative;
	width:200px;
	height:28px;
	left: 0%;
	top:0px;
	border:0px solid red;
}
#komercijalista1{
	position:relative;
	width:40%;
	left:30%;
	top:-14%;
	height:30px;
	border:0px solid red;
	color:#FB510F;
	font-size:24px;
}
#container{
	position:relative;
	width:100%;
	height:100%;
	top:0px;
	background-color:white;
	padding-top:100px;
	padding-bottom:50px;
	margin: auto;
	height:auto;
	border:0px solid red;
	color:#676767;
}
#user{
	position:relative;
	margin:0 auto;
	width:400px;
	height:344px;
	top:20px;
	text-align:right;
	padding-top:6px;
	padding-right:4px;
	padding-right:12px;
	background-color:white;
	border-radius:8px;
	border:1px solid #CAC4C5;
	color:#676767;
}
#del{
	position:relative;
	margin:0 auto;
	width:400px;
	height:120px;
	top:60px;
	text-align:right;
	padding-top:6px;
	padding-right:4px;
	padding-right:12px;
	background-color:#FCB585;
	border-radius:8px;
	border:1px solid #CAC4C5;
	color:#676767;

}
#vlightbox1{
	position:relative;
	width:99.8%;
	top:4px;
	margin: auto;
	height:100%;
	border:0px solid green;
}
#userA{
	position:relative;
	text-align:right;
	width:300px;
	top:80%;
	margin: auto;
	height:auto;
	border:0px solid red;
	color:#676767;
}
#user1{
	position:relative;
	width:30px;
	height:30px;
	left:92%;
	top:-70px;	
	border:0px solid red;
}

#reguser{
	position:relative;
	width:300px;
	margin: auto;
	height:auto;
	border:0px solid red;	
}
#regcamion{
	position:relative;
	width:30%;
	left:28%;
	height:60%;
}
#addoffer{
	position:relative;
	width:30%;
	left:28%;
	height:60%;
	display:none;
}
#offer{
	position:relative;
	width:80%;
	margin: auto;
	border:0px solid red;
	
}

table {
		position:relative;
		top:0px;
		margin: 0 auto;
		}
		
table,td {
		padding-left:0px;
		padding-bottom:0px;
		}		
table {
		border-collapse: collapse;
		border: 0px solid black;
		font-size:16px;
		color:#2C2D2C;
		}
table ,td {
		padding-right:0px;
		} 
table ,td.upis {
		padding-top:0px;
		padding-bottom:0px;
		 
		} 
th {
		height: 40px;
		}
tr:hover{
		background-color:#F8DBA2;
		}
tr:nth-child(even){
		background-color: #F8DBA2;
		}
.display{
	display:none;
}
.slike{
	position:absolute;
	width:80%; 
	margin: 0 auto;
	background-color:white;
	padding-left:6px;
	border-radius: 4px;
	border:1px solid #767779;
	font-size:14px;

}
.linkx{
	position:fixed;
	top:10px;
	left:80%;
	width:48px;
	height:48px;
	background-image: url('../images/hr.png');
	background-size: 100% 100%;
	border:0px solid red;
	z-index:1000;	
}
.linky{
	position:fixed;
	top:10px;
	left:80%;
	width:48px;
	height:48px;
	background-image: url('../images/srb.png');
	background-size: 100% 100%;
	border:0px solid red;
	z-index:1000;	
}
.linkx:hover{	
	width:54px;
	height:54px;	
}
.maska{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	opacity: 0.9;
	background-color:black;
	display:none;
	z-index:80;
}
.displaynone{
	display:none;	
}
.city{
	position:fixed;
	width:12%; 
	left:40%;
	top:20px;
	height:30px;
	border-radius: 4px;
	border:1px solid red;
	font-size:14px;
	z-index:1000;	
}
.country2{
	position:fixed;
	width:12%; 
	left:26%;
	top:20px;
	height:30px;
	border-radius: 4px;
	border:0px solid white;
	font-size:14px;
	z-index:1000;	
}
.country3{
	position:relative;
	width:100%; 
	left:0%;
	top:0px;
	height:30px;
	font-size:14px;
	z-index:1000;	
}
.country{
	position:fixed;
	width:12%; 
	left:26%;
	top:20px;
	height:30px;
	border-radius: 4px;
	border:1px solid red;
	font-size:14px;
	z-index:1000;	
}

.tip{
	position:fixed;
	width:10%; 
	left:11%;
	top:20px;
	height:30px;
	border-radius: 4px;
	border:1px solid red;
	font-size:14px;
	z-index:1000;	
}
.create{
	position:fixed;
	width:12%; 
	left:40%;
	top:20px;
	height:30px;
	border-radius: 4px;
	border:1px solid red;
	font-size:14px;
	cursor: pointer; 
	cursor: hand;
	z-index:1000;	
}
.create:hover{
	position:fixed;
	width:12.4%; 
	left:39.8%;
	top:18px;
	height:34px;
		
}
.create1{
	position:fixed;
	width:12%; 
	left:54%;
	top:20px;
	height:30px;
	border-radius: 4px;
	border:1px solid red;
	font-size:14px;
	cursor: pointer; 
	cursor: hand;
	z-index:1000;	
}
.create1:hover{
	position:fixed;
	width:12.4%; 
	left:53.8%;
	top:18px;
	height:34px;
		
}
#tip1{
	position:relative;
	width:100%; 
	left:0%;
	top:0px;
	height:30px;
	font-size:14px;
	z-index:1000;	
}
.artikli{
	position:relative;
	width:75%; 
	left:11%;
	top:0px;
	min-height:570px;
	min-width:1020px;
	border-radius: 4px;
	border:0px solid #767779;
	font-size:14px;
	display:none;
	z-index:1000;
	
}
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.artikal{
	position:relative;
	width:457px;
	height:300px;
	left:6%;
	padding:6px;	
	float:left;
	background-color:white;
	border-radius: 0px;
	border:0px solid red;
	font-size:14px;
}
.artikal5{
	position:relative;
	width:80%;
	top:400px;
	height:auto;
	margin:0 auto;
	padding:6px;	
	background-color:white;
	border-radius: 0px;
	border:0px solid red;
	font-size:14px;
}
.podloga{
	position:relative;
	width:100%; 
	left:0%;
	top:0px;
	height:130%;
	background-color:#DCDCDB;
	z-index:999;
}
.koleta{
	position:relative;
	width:60px; 
	left:1%;
	top:0%;
	padding:2px;
	text-align:center;
	font-size:16px;
	height:auto;
	background-color:#DCDCDB;
	z-index:999;
}
.kilograma{
	position:relative;
	width:80px; 
	left:1%;
	top:0%;
	padding:2px;
	text-align:center;
	font-size:16px;
	height:auto;
	background-color:#DCDCDB;
	z-index:999;
}
.kamion{
	position:relative;
	width:120px; 
	left:1%;
	top:0%;
	padding:2px;
	text-align:center;
	font-size:16px;
	height:auto;
	background-color:#DCDCDB;
	z-index:999;
}
.prikolica{
	position:relative;
	width:120px; 
	left:1%;
	top:0%;
	padding:2px;
	text-align:center;
	font-size:16px;
	height:auto;
	background-color:#DCDCDB;
	z-index:999;
}
.factura{
	position:relative;
	width:75%; 
	left:11%;
	top:68px;
	height:90%;
	min-width:800px;
	border-radius: 2px;
	background-color:white;
	border:1px solid #767779;
	font-size:14px;
	-webkit-box-shadow: 2px 2px 14px 0px rgba(186,182,186,1);
	-moz-box-shadow: 2px 2px 14px 0px rgba(186,182,186,1);
	box-shadow: 2px 2px 14px 0px rgba(186,182,186,1);
	z-index:1000;
	
}
.linija{
	position:relative;
	width:88%; 
	margin:0 auto;
	top:250px;
}

.brracuna{
	position:absolute;
	width:20%; 
	left:39.2%;
	padding:8px;
	top:232px;
	height:auto;
	border-radius: 6px;
	font-size:20px;
	text-align:center;		
	border:1px solid #767779;
	background-color:#F1F0EE;	
	z-index:1000;	
}
.brracuna1{
	position:absolute;
	width:23.4%; 
	left:39%;
	top:220px;
	height:40px;	
	border:0px solid #767779;
	background-color:white;	
	z-index:990;	
}
.art{
	position:relative;
	width:100%;
	height:26px;
text-align:center;	
	font-size:14px;
}
.select{
	position:fixed;
	width:75%; 
	left:11.05%;
	top:334px;
	height:auto;
	padding-left:0px;
	color:#848381;
	font-size:17px;
	padding-top:0px;
	background-color:white;
	border:0px solid #BDBCBB;	
	z-index:1000;	
}

.racun{
	position:relative;
	width:98.7%; 
	left:1.3%;
	top:330px;
	min-height:360px;
	height:540px;
	padding-left:0px;
	color:#848381;
	font-size:17px;
	padding-top:0px;
	background-color:white;
	overflow: auto;
	border:0px solid #BDBCBB;	
	z-index:1000;	
}
.logotip{
	position:absolute;
	width:92%; 
	left:0%;
	top:0px;
	height:52px;
	padding-left:68px;
	color:#848381;
	font-size:1.05vw;
	padding-top:14px;
	background-color:white;
	border:0px solid #767779;	
	z-index:1000;	
}

.logo{
	position:absolute;
	width:30%; 
	left:6%;
	top:80px;
	height:156px;
	border-radius: 8px;
	background-color:#F1F0EE;
	border:1px solid #767779;	
	z-index:1000;	
}
.logo1{
	position:absolute;
	width:30%; 
	left:6%;
	top:240px;
	height:82px;
	border-radius: 8px;
	background-color:#F1F0EE;
	border:1px solid #767779;	
	z-index:1000;	
}
.okupcu{
	position:absolute;
	width:30%; 
	left:63.7%;
	top:80px;
	height:156px;
	border-radius: 8px;
	background-color:#F1F0EE;
	border:1px solid #767779;
	font-size:14px;	
	z-index:1000;	
}
.okupcu1{
	position:absolute;
	width:30%; 
	left:63.7%;
	top:240px;
	height:82px;
	border-radius: 8px;
	background-color:#F1F0EE;
	border:1px solid #767779;
	font-size:14px;	
	z-index:1000;	
}
.kupac{
	position:absolute;
	width:90%; 
	left:5%;
	top:10px;
	height:auto;
	color:#81817F;
	border:0px solid #767779;
	font-size:1.3vw;	
	z-index:1000;	
}
.kupac1{
	position:absolute;
	width:90%; 
	left:5%;
	top:4px;
	height:auto;
	color:#81817F;
	border:0px solid #767779;
	font-size:15px;	
	z-index:1000;	
}
.adresa{
	position:absolute;
	width:90%; 
	left:5%;
	top:37px;
	height:auto;
	border:0px solid #767779;
	color:#81817F;
	font-size:15px;	
	z-index:1000;	
}
.adresa1{
	position:absolute;
	width:100%; 
	left:5%;
	top:20px;
	height:auto;
	border:0px solid #767779;
	color:#81817F;
	font-size:15px;	
	z-index:1000;	
}
.grad{
	position:absolute;
	width:90%; 
	left:5%;
	top:55px;
	height:auto;
	border:0px solid #767779;
	color:#81817F;
	font-size:15px;	
	z-index:1000;	
}
.grad1{
	position:absolute;
	width:90%; 
	left:5%;
	top:60px;
	height:auto;
	border:0px solid #767779;
	color:#81817F;
	font-size:15px;	
	z-index:1000;	
}
.drzava{
	position:absolute;
	width:90%; 
	left:5%;
	top:74px;
	height:auto;
	border:0px solid #767779;
	color:#81817F;
	font-size:15px;	
	z-index:1000;	
}
.oib{
	position:absolute;
	width:90%; 
	left:5%;
	top:93px;
	height:auto;
	border:0px solid #767779;
	color:#81817F;
	font-size:15px;	
	z-index:1000;	
}
.eori{
	position:absolute;
	width:90%; 
	left:5%;
	top:112px;
	height:auto;
	border:0px solid #767779;
	color:#81817F;
	font-size:15px;	
	z-index:1000;	
}
.pdv{
	position:absolute;
	width:90%; 
	left:5%;
	top:131px;
	height:auto;
	border:0px solid #767779;
	color:#81817F;
	font-size:15px;	
	z-index:1000;	
}
.dobavljac{
	position:absolute;
	width:90%; 
	left:5%;
	top:10px;
	height:auto;
	color:#81817F;
	border:0px solid #767779;
	font-size:23px;	
	z-index:1000;	
}
.dobavljac1{
	position:absolute;
	width:90%; 
	left:5%;
	top:4px;
	height:auto;
	color:#81817F;
	border:0px solid #767779;
	font-size:15px;	
	z-index:1000;	
}
.adresadobavljac{
	position:absolute;
	width:90%; 
	left:5%;
	top:37px;
	height:auto;
	border:0px solid #767779;
	color:#81817F;
	font-size:15px;	
	z-index:1000;	
}
.adresadobavljac1{
	position:absolute;
	width:90%; 
	left:5%;
	top:22px;
	height:auto;
	border:0px solid #767779;
	color:#81817F;
	font-size:15px;	
	z-index:1000;	
}
.graddobavljac{
	position:absolute;
	width:90%; 
	left:5%;
	top:55px;
	height:auto;
	border:0px solid #767779;
	color:#81817F;
	font-size:15px;	
	z-index:1000;	
}
.graddobavljac1{
	position:absolute;
	width:90%; 
	left:5%;
	top:40px;
	height:30;
	border:0px solid #767779;
	color:#81817F;
	font-size:15px;	
	z-index:1000;	
}
.drzavadobavljac{
	position:absolute;
	width:90%; 
	left:5%;
	top:74px;
	height:auto;
	border:0px solid #767779;
	color:#81817F;
	font-size:15px;	
	z-index:1000;	
}
.pibdobavljac{
	position:absolute;
	width:90%; 
	left:5%;
	top:93px;
	height:auto;
	border:0px solid #767779;
	color:#81817F;
	font-size:15px;	
	z-index:1000;	
}

.mobdobavljac{
	position:absolute;
	width:90%; 
	left:5%;
	top:112px;
	height:auto;
	border:0px solid #767779;
	color:#81817F;
	font-size:15px;	
	z-index:1000;	
}
.whatsappdobavljac{
	position:absolute;
	width:90%; 
	left:5%;
	top:131px;
	height:auto;
	border:0px solid #767779;
	color:#81817F;
	font-size:15px;	
	z-index:1000;	
}
.naslov{
	position:relative;
	width:80%;
	top:5px;
	height:auto;
	margin:0 auto;
	background-color:#E3E2E0;	
	text-align:center;
	font-size:14px;
}
.naziv{
	position:relative;
	width:200px;
	height:66px;
	top:-80px;

padding-top:2px;
padding-left:4px;	
	left:6px;
	background-color:black;
	opacity: 0.4;
	color:white;
	border:2px solid black;
	border-radius: 8px;
	font-size:14px;
}
.barcode{
	position:relative;
	width:200px;
	height:14px;
	top:0px;	
	color:white;
	font-size:14px;
}
.dimenzije{
	position:relative;
	width:200px;
	height:14px;
	top:0px;	
	color:white;
	font-size:14px;
}
..dimenzije{
	position:relative;
	width:200px;
	height:14px;
	top:0px;	
	color:white;
	font-size:14px;
}
.opis_top{
	position:relative;
	width:46%; 
	height:26px;
	top:360px;
	left:10px;
	padding-top:6px;
	padding-left:6px;
	background-color:red;
	border-radius: 4px;
	border:1px solid #767779;
	font-size:14px;
}
.brous{
	position:relative;
	width:30%; 
	margin: 0 auto;
	background-color:#F8DBA2;
	padding:12px;
	border-radius: 4px;
	border:1px solid #F28A10;
	font-size:14px;
}

.input{
	width:130px; 
	height:26px;
	padding-left:6px;
	border-radius: 4px;
	border:1px solid #767779;
	font-size:14px;
}
.button {
   color: red               !important;
     
}
.input1{
	width:44px; 
	height:20px;
	padding-left:4px;
	padding-bottom:6px;
	border-radius: 4px;
	border:1px solid #767779;
}

.input_text{
	width:192px; 
	height:20px;
	padding-left:6px;
	border-radius: 4px;
	border:1px solid #767779;
	color:#767779;
	cursor: pointer; 
	cursor: hand;
}
.input_textv{
	width:192px; 
	height:20px;
	padding-left:6px;
	border-radius: 4px;
	border:1px solid #767779;
	color:#767779;
}
.input_textx{
	width:188px; 
	font-size:20px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
	border-radius: 6px;
	border:1px solid #767779;
	color:#767779;
}
.input_textx:hover{
	width:196px; 
	background-color:#FAA974;
	border-radius: 6px;
	border:1px solid #767779;
	color:#B14C01;
}
.input_text1{
	width:90%; 
	height:30px;
	font-size:16px;
	padding-left:6px;
	border-radius: 4px;
	border:1px solid #767779;
	color:#767779;
}
.input_text11{
	width:188px; 
	height:26px;
	padding-left:0px;
	border-radius: 4px;
	border:1px solid #767779;
	color:#767779;
	cursor: pointer; 
	cursor: hand;
}
.input_text1a{
	width:188px; 
	height:26px;
	padding-left:6px;
	border-radius: 4px;
	border:0px solid #767779;
	color:#767779;
}
.input_text2{
	width:55.7%; 
	height:28px;
	padding-left:6px;
	border-radius: 4px;
	border:1px solid #767779;
	color:#767779;
	font-size:16px;
	cursor: pointer; 
	cursor: hand;
}
.input_text2:hover{
	font-size:20px; 
	height:40px;
}
.input_text3{
	width:90%; 
	height:24px;
	padding-left:6px;
	border-radius: 4px;
	border:1px solid #767779;
	color:#767779;	
}
.input_text3a{
	width:60px; 
	height:24px;
	padding-left:6px;
	border-radius: 4px;
	border:1px solid #767779;
	color:#767779;
	cursor: pointer; 
	cursor: hand;	
}
.input_text3b{
	width:26px; 
	height:20px;
	padding-left:6px;
	border-radius: 4px;
	border:1px solid #767779;
	color:#767779;
	cursor: pointer; 
	cursor: hand;	
}
.input_text4{
	width:80px; 
	height:24px;
	padding-left:6px;
	border-radius: 4px;
	border:1px solid #767779;
	color:#767779;	
}
.input_text5{
	width:254px; 
	height:24px;
	padding-left:6px;
	border-radius: 4px;
	border:1px solid #767779;
	color:#767779;
	
}
.input_texta{
	width:188px; 
	height:24px;
	padding-left:6px;
	border-radius: 4px;
	background-color:green;
	border:1px solid #767779;
	color:white;
	cursor: pointer; 
	cursor: hand;
}
.input_textb{
	width:188px; 
	height:24px;
	padding-left:6px;
	border-radius: 4px;
	background-color:red;
	border:1px solid #767779;
	color:white;
	cursor: pointer; 
	cursor: hand;
}
.upis{
width:100%;
height:32px;
top:2px;
border:0px solid red;
padding-top:0px;
padding-bottom:0px;
background-image: url('../img/enter.png');
background-size: 100% 100%;
}
.upis1{
position:fixed;
}
.rec{
width:40px;
height:32px;
top:4px;
border:0px solid red;
padding-top:0px;
padding-bottom:0px;
background-image: url('../img/rec.jpg');
}
.upis1{
display:none;
}
.sati{
	width:100%;
	height:100%;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	color:#767779;
	border:0px;
	font-size:18px;
}
.datum{
	width:100%;
	height:100%;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	color:#767779;
	border:0px;
	font-size:18px;
}
.ime{
	height:100%;
	text-align:right;
	padding-right:10px;
	color:#767779;
	font-size:17px;
}
.ime1{
	height:100%;
	text-align:right;
	padding-left:10px;
	padding-right:10px;
	color:#767779;
	font-size:17px;
}
.upisan{
	position:relative;
	width:32px;
	height:32px;
	border:1px soolid red;
}

.dat{
	position:relative;
	width:90px;
	top:8px;
	left:70%;
	border:0px;
	border-radius:6px;
	padding-top:6px;
	padding-bottom:4px;
	padding-left:8px;
	color:#767779;
	font-size:16px;
}
.zadaj{
	position:relative;
	width:120px;
	top:6px;
	left:74%;
	border:0px;
	border-radius:6px;
	padding-top:5px;
	text-align:center;
	padding-bottom:5px;
	color:#767779;
	font-size:14px;
}
.label{
	padding-right:4px;
	color:#767779;
	font-size:11px;
}

.alert{
	position:absolute;
	width:370px;
	height:30px;
	left:0%;
	margin-bottom: 20px; 
	top: -36px;
	color:red;
	border:1px solid black;
	font-size: 18px;
	}
.alertx{
	position:relative;
	width:300px;
	height:24px;
	margin:0 auto;
	color:red;
	font-size: 14px;
	}

.popis{
	position:relative;
	width:640px;
	height:100%;
	margin: 0 auto;
	min-height:570px;
	text-align:center;
	top: 0px;
	border:0px solid red;
	color:blue;
	font-size: 16px;
	z-index:200;
	}
	
.radnik{
	position:fixed;
	top:10px;
	left:260px;
	width:48px;
	height:48px;
	background-image: url('../images/worker.png');
	background-size: 100% 100%;
	border:0px solid red;
	z-index:1000;	
}
.radnik:hover{	
	width:66px;
	height:70px;	
}
.zakljucak{
	position:fixed;
	top:6px;
	left:78.4%;
	width:48px;
	height:54px;
	background-size: 100% 100%;
	border:0px solid red;
	z-index:1000;	
}
.zakljucak:hover{	
	width:54px;
	height:54px;
	border:1px solid white;	
}
.logof{
	position:fixed;
	top:10px;
	left:160px;
	width:48px;
	height:48px;
	background-image: url('../images/logoff.png');
	background-size: 100% 100%;
	border:0px solid red;
	z-index:1000;	
}
.logof:hover{	
	width:54px;
	height:54px;	
}
.link{
	position:fixed;
	top:10px;
	left:20px;
	width:46px;
	height:48px;
	background-image: url('../images/home.png');
	background-size: 100% 100%;
	border:0px solid red;
	z-index:1000;	
}
.link:hover{	
	width:54px;
	height:54px;	
}	
.new{
	position:fixed;
	top:10px;
	left:260px;
	width:50px;
	height:50px;
	background-image: url('../images/plus.png');
	background-size: 100% 100%;
	border:0px solid red;
	z-index:1000;	
}
.new:hover{	
	width:56px;
	height:56px;	
}
.fakture{
	position:relative;
	width:80%;
	height:auto;
	left:10%;
	top:80px;
	border:0px solid red;
	}		
.alert5{
	position:absolute;
	width:100%;
	height:22px;
	left:0%;
	top: 340px;
	text-align:center;
	border:0px solid red;
	color:red;
	font-size: 16px;
	z-index:200;
	}			
.alert1{
	position:absolute;
	width:99%;
	height:22px;
	left:0%;
	top: 0.4%;
	text-align:center;
	border:0px solid red;
	color:blue;
	font-size: 16px;
	z-index:200;
	}	
.izbornik{
	position:absolute;
	width:693px;
	left:12px;
	margin-bottom: 20px; 
	margin-top: 20px;
	padding-left:0px;
	border:0px solid black;
	 margin: 0;
	 list-style: none;
	 //display:none;
	}
.izbornik_1{
	left:60%;
	position:absolute;
	top:8px;
	}
.zastave{
	margin-bottom: 30px; 
	margin-top: 20px;
	padding: 0;
	margin: 0;
	list-style: none;
	}
  
textarea {
  max-width: 330px;
}

.izbornik li {
  float: left;
}
.zastave li {
  float: left;
}

.izbornik li a {
  display: block;
  padding: 12px 7px;
  //background: #ccc;
  background-image: url('../img/bg.jpg');
  background-size: 100% 100%;
  border-left: 1px solid #464646;
  border-bottom:1px red;
  color: white;
  text-decoration: none;
}
.zastave li {
  position:relative;
  left:870px;
  top:-50px;
  display: none;
  padding: 5px 5px 5px 5px;
  background-image: url('../img/bg.jpg');
  background-size: 100% 100%;
  border-left: 1px solid #464646;
  border-bottom:1px red;
}
.slika {
  padding-top:20px;
}
.radio {
position:relative;
margin: auto;
width:300px;
height:100px;
border:1px solid #656566;
border-radius:6px;
background-color:#white;
-webkit-box-shadow: 0px 0px 6px 0px rgba(64,61,64,1);
-moz-box-shadow: 0px 0px 6px 0px rgba(64,61,64,1);
box-shadow: 0px 0px 6px 0px rgba(64,61,64,1);
}
.izbornik1 li a {
  display: block;
  padding: 10px 10px;
  padding-bottom:10px;
  background-image: url('../img/bg.jpg');
  border-left: 1px solid #464646;
  color: white;
  text-decoration: none;
}
.izbornik li a:hover {
    background-image: url('../img/bg_hover.jpg');
  color: white;
}
.zastave li a:hover {
  background: #FD5144;
  color: white;
}
.menu-holder{
		width:100%;
		height:54px;
		background-color:#FF6600;
        border-bottom:1px solid black;
		padding-top:10px;
        position: relative;
		position:fixed;
		z-index:1000;
}
.slika{
padding: 10px;
}

.none{
       display:none;
}
 
.gumb{
       display:none;
        padding-left:10px;
}
.flags{
        position:relative;
		width:400px;
		border:0px solid red;
		left:708px;
		display:block;
		top:0px;
}
.tablecontainer{
        position:relative;
		width:100%;
		height:460px;
		border:0px solid red;
		overflow: auto;
}
@media screen and (min-width: 721px){
        .izbornik{display: block !important;}
}
 
@media screen and (max-width: 720px){
#user{	
	width:680px;
	height:340px;	
}

.naziv{
	height:74px;
	padding-top:0px;
	padding-left:4px;
	padding-bottom:4px;
	top:-88px;
}
.artikli{
	position:relative;
	top:0px;
	width:100%;
	left:0%;

}
.artikal{
	position:relative;
	width:340px;
	height:200px;
	left:0.5%;
	float:none;
	padding:6px;	
	border-radius: 0px;
	border:0px solid red;
	font-size:14px;
}

.link{
	position:fixed;
	top:8px;
	left:20px;
	width:50px;
	height:50px;
	border:0px solid red;
	z-index:1000;	
}
.logof{
	position:fixed;
	top:8px;
	left:90px;
	width:50px;
	height:50px;
	border:0px solid red;
	z-index:1000;	
}
.new{
	position:fixed;
	top:10px;
	left:150px;
	width:50px;
	height:50px;
	background-image: url('../images/plus.png');
	background-size: 100% 100%;
	border:px solid red;
	z-index:1000;	
}
#datum{
	display:none;
}
.zadaj{
	position:relative;
	width:52px;
	top:6px;
	left:30%;
	border:0px;
	border-radius:6px;
	padding-top:5px;
	text-align:center;
	padding-bottom:5px;
	color:#767779;
	font-size:14px;
}
.dat{
	position:relative;
	width:88px;
	top:8px;
	left:74%;
	border:0px;
	border-radius:6px;
	padding-top:6px;
	padding-bottom:4px;
	padding-left:8px;
	color:#767779;
	font-size:16px;
}
#user1{
	
	top:-54px;	
	
}


#tablica1{
	position:absolute;
	width:100%;
	left:1%;
	top:2%;
	height:60px;
	border:0px solid blue;
}
#tablica{
	position:relative;
	width:98%;
	left:0.6%;
	//top:8%;
	border:0px solid blue;
}  
.izbornik{
     display: none;
     position: absolute;
     top:100%;
     left:0;
     width:100%;
    z-index:99;
}
.izbornik li{float: none;}

.izbornik_1{
left:40%;
position:absolute;
top:6px;
z-index:100;
}

.submit{
position:absolute;
left:10px;
top:66px;
z-index:100;
}	
	   
.flags{ 
	position:absolute;
	width:30px;
	left:68px;
	top:110px;
	display:block;
}
.zastave li  {
  position:relative;
  left:120px;
  top:-50px;
  display: none;
  border:0px solid yellow;
  background-image: url('../img/bg.jpg');
  background-size: 100% 100%;
}
.zastave li  img{
  width: 8%;
    height: auto;
}	   
	   
	   }
@media screen and (min-width: 721px){
.logof{
	position:fixed;
	top:8px;
	left:90px;
	width:50px;
	height:50px;
	border:0px solid red;
	z-index:1000;	
}
.new{
	position:fixed;
	top:10px;
	left:150px;
	width:50px;
	height:50px;
	background-image: url('../images/plus.png');
	background-size: 100% 100%;
	border:px solid red;
	z-index:1000;	
}
#datum{
	display:none;
}
.zadaj{
	position:relative;
	width:52px;
	top:6px;
	left:120px;
	border:1px colid #C13A0A;
	border-radius:6px;
	padding-top:5px;
	text-align:center;
	padding-bottom:5px;
	color:#767779;
	font-size:14px;
	cursor: pointer; 
	cursor: hand;
}
.zadaj1{
	position:relative;
	width:100px;
	top:6px;
	left:110px;
	border:1px colid #C13A0A;
	border-radius:6px;
	padding-top:5px;
	text-align:center;
	padding-bottom:5px;
	color:#767779;
	font-size:14px;
	
}
.dat{
	position:relative;
	width:88px;
	top:6px;
	left:320px;
	border-radius:6px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	color:#767779;
	font-size:16px;
	cursor: pointer; 
	cursor: hand;
}
.menu-holder{
		position:fixed;
		width:100%;
}
	}