.filter
{

float:left;
color:#191919;
width:500px;	
}

.report
{
float:left;
color:#191919;
border-left: solid;
padding-left:2%;
border-width: 1px;

margin-left:1%;
}

body
{
margin-top:25px;
background-image:url(../_images/wraper_bg.png);
color:#191919;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
}

h1
{
color:#00cc44;
}
h2
{
color:#ffffff;

}
h3
{
color:#00cc44;

}
h4{
	font-size:18px;
color:#cc3300; 
}

.loader {
	
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;

	background: url('../_images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

tr.selected td {
    background-color: #c6d9ec;
    color:#204060;
}


.svetlo
{
background-color:#f2f2f2;
color:#404040;
padding: 2px 5px 2px 5px ;
text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}
.tamno
{
background-color:#e6e6e6;
color:#404040;
padding: 2px 5px 2px 5px ;
text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}

.crveno
{
background-color:#ff3300;
color:#ffffff;
padding: 2px 5px 2px 5px ;
text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}

.zeleno
{
background-color:#00cc44;
color:#ffffff;
padding: 2px 5px 2px 5px ;
text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}

.laser
{
color:#ff8000;
background-color:#ffe680 ;
padding: 2px 5px 2px 5px ;
text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}

.odobrenja
{
color:#ffffff;
background-color:#4dd2ff;
padding: 2px 5px 2px 5px ;
text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}

.odobrenja2
{
color:#ffffff;
background-color:#4d88ff;
padding: 2px 5px 2px 5px ;
text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}

.pakovanje
{
color:#ffffff;
background-color:#00e64d;
padding: 2px 5px 2px 5px ;
text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}
.pakovanje2
{
color:#ffffff;
background-color:#009933;
padding: 2px 5px 2px 5px ;
text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}

.ok
{
color:#009933;
background-color:#ffffff;
padding: 2px 5px 2px 5px ;

text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}

.izvoz
{
color:#ffffff;
background-color:#0080ff;
padding: 2px 5px 2px 5px ;
text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}

.pauza
{
color:#ffffff;
background-color:#cc9966;
padding: 2px 5px 2px 5px ;
text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}

.hold
{
color:#ffffff;
background-color:#ff3300 ;
padding: 2px 5px 2px 5px ;
text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}

.upozorenje
{
color:#ff3300;
padding: 2px 5px 2px 5px ;
text-align: left;
font-weight:bold ;
font-style:italic;

}



.dorada
{
color:#ffffff;
background-color:#ffad33;
padding: 2px 5px 2px 5px ;
text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}

.rr_rad
{
background-color:#ff33cc;
color:#ffffff;
padding: 2px 5px 2px 5px ;
text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}

.ctp
{
color:#ffffff;
background-color:#006080;
padding: 2px 5px 2px 5px ;
text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}




.td_2
{
padding: 2px 5px 2px 5px ;
text-align: left;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
height:25px ;
}



.div_table{
	
	
}
.warning{
	color:#cc3300; 
	font-weight:bold ;
}
.navigacija
{
font-size:14px;
padding-left:10px;
}

.marquee{
	color: 668566;
}

.tlp{
	
text-align:center;

padding:5px ;
color: #ffffff;
background-color:#00cc44;

	
}

.kockica{
text-align:center;
padding-top:5px;
float:left;
margin-top:5px;
margin-left:5px;
width:30px;
height:25px;
background-color:red;
color:#ffffff;
font-size:18px;
}

.kockica2{
text-align:center;
padding-top:5px;
float:left;
margin-top:5px;
margin-left:5px;
width:30px;
height:25px;
background-color:#00cc44;
color:#ffffff;

}

a:link {color:#1a1a1a;}      /* unvisited link */
a:visited {color:#1a1a1a;}  /* visited link */
a:hover {color:#8c8c8c;}  /* mouse over link */
a:active {color:#1a1a1a;}  /* selected link */
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

.mala_navigacija {
    display: block;
	float:left ;
	margin: 0px 5px 5px 0px;
	padding: 8px;
	
	color: #285064;
	background-color: #e6e6e6;
}
.mala_navigacija:hover {
    display: block;
	float:left ;
	margin: 0px 5px 5px 0px;
	padding: 8px;
	
	color: #ffffff;
	background-color: #666666;
}

.xls {
    display: block;
	width:150px;
	margin: 0px 5px 5px 0px;
	padding: 8px;
	cursor:pointer;
	color: #285064;
	background-color: #e6e6e6;
}
.xls:hover {
    display: block;
	width:150px;
	margin: 0px 5px 5px 0px;
	padding: 8px;
	cursor:pointer;
	color: #ffffff;
	background-color: #666666;
}


.div_hover {
    display: block;
	float:left ;
	margin: 0px 5px 5px 0px;
	padding: 15px;
	
	color: #285064;
	background-color: #e6e6e6;
}
.div_hover:hover {
    display: block;
	float:left ;
	margin: 0px 5px 5px 0px;
	padding: 15px;
	
	color: #ffffff;
	background-color: #666666;
}

.active{
    display: block;
	float:left ;
	margin: 0px 5px 5px 0px;
	padding: 15px;
	
	color: #ffffff;
	background-color: #00cc44;
}
.activ1{
    display: block;
	float:left ;
	margin: 0px 5px 5px 0px;
	padding: 8px;
	
	color: #ffffff;
	background-color: #00cc44;
}

.clock {
    display: block;
	float:right ;
	
	padding: 15px;
	
	color: #ffffff;
	background-color: #00cc44;
}

fieldset {
  border: 2px solid #cccccc;
}

.red
{
	color:#ff8c1a;
	font-size:25px;
}

.button

{
    border: none; 
    font-size:14px;
    padding-top: 8px;
    height:25px;
	background-color:#00cc44;
	text-align: center;
	color: #ffffff;
	width:100px;
	cursor:pointer;
	}


input[type=submit] {
    border: none; 
    font-size:14px;
    padding: 2px;
    height:30px;
	background-color: #00cc44;
	text-align: center;
	color: #ffffff;
	width:100px;
	 margin: 0 0 5px 0;
	}
	


.select_date
{
    border: 1px solid #A1A1A1; 
    font-size:14px;
    height:30px;	
	text-align: center;
	color:#191919;
	width:100%;
    padding: 2px;
    background: rgba(#00cc44);
    margin: 0 0 2px 0;
	/* IE explorer effects*/
    behavior: url(_pie/PIE.htc);
	}
	
input[type=text] 
{
    border: 1px solid #A1A1A1; 
	height:25px;
	width:300px ;
    background-color : #f2f2f2; 
    padding: 2px;
    background: rgba(#00cc44);
    margin: 0 0 5px 0;
    behavior: url(_pie/PIE.htc);
}



input[type=number] 
{
    border: 1px solid #A1A1A1; 
	height:25px;
	width:300px ;
    background-color : #f2f2f2; 
    padding: 2px;
    background: rgba(#00cc44);
    margin: 0 0 5px 0;
	
}

.field
{
    border: 2px solid #cccccc; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 2px;
    background: rgba(#00cc44);
    margin: 0 0 2px 0;
	/* IE explorer effects*/
    behavior: url(_pie/PIE.htc);
}

input[type=password]  {
    border: 1px solid #A1A1A1; 
	height:25px;
    -webkit-box-shadow: 
	
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 2px;
    background: rgba(#00cc44);
    margin: 0 0 10px 0;
	/* IE explorer effects*/
    behavior: url(_pie/PIE.htc);
}
input[type=date]  {
    border: 2px solid #cccccc; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 2px;
    background: rgba(#00cc44);
    margin: 0 0 10px 0;
	/* IE explorer effects*/
    behavior: url(_pie/PIE.htc);
}
.textarea
 {
	
    border: 1px solid #A1A1A1; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 2px;
    background: rgba(#00cc44);
    margin: 0 0 10px 0;
	/* IE explorer effects*/
    behavior: url(_pie/PIE.htc);
}

.forma
{
	display:inline-block;
	color : #ff8c1a;
	font-weight: bold;
	 height:22px;
}



.details_td
{
	
	color : #ffffff;
	
	
}

.wraper1
{
width: 100%;
margin-left:auto;
margin-right:auto;
}

.wraper_a
{
float: left ;
position:relative;
width: 350px;
color:#666666;
margin-left:20px;
background-color:#ffffff;
padding:20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
 border-radius:20px 20px 20px 20px;
margin-bottom:10px;
background-color:#ffffff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
/* IE explorer effects*/
 behavior: url(../_pie/PIE.htc);
}

.wraper_pp
{
float: left ;

width: 50%;
color:#666666;
margin-left:20px;
background-color:#ffffff;
padding:20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
 border-radius:20px 20px 20px 20px;
margin-bottom:10px;
background-color:#ffffff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
/* IE explorer effects*/
 behavior: url(../_pie/PIE.htc);
}

.wraper_main_admin
{
float: left ;
position:relative;
color:#666666;
margin-left:20px;

background-color:#ffffff;
padding:20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
 border-radius:20px 20px 20px 20px;
margin-bottom:10px;
background-color:#ffffff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
/* IE explorer effects*/
 behavior: url(../_pie/PIE.htc);
}
.details
{
float: left ;
position:relative;
width: 350px;
color:#666666;
margin-left:20px;

background-color:#ffffff;
padding:20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
 border-radius:20px 20px 20px 20px;
margin-bottom:10px;
background-color:#ffffff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
/* IE explorer effects*/
 behavior: url(../_pie/PIE.htc);
}

.shadow1{
word-wrap: break-word;
padding-bottom: 30px;
padding-left:5px;
padding-right:5px;
padding-top:25px;

}

.kraj
{
clear:both;
text-align:center;
color:#999999;
}

.preform
{
width:150px;
padding :5px;
}


/* tabela */

.lista
{
	
color: #ffffff;
height:30px;
background-color:#BCBCBC;
text-align: center;
}
.lista_2
{
height:25px;	
color: #ffffff;
background-color:#00cc44;
text-align: center;
padding: 5px;
text-align: left;
cursor:pointer;
}


.ident
{
margin-bottom:15px; 
width:200px;	
height:21px;
padding: 2px;
font-size:14px;	
float:left;
}	

.td_h
{
	color: #ffffff;
padding: 2px 5px 2px 5px;
text-align: center;
background-color : #b3b3b3 ;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 2px solid;
border-color : #a6a6a6 ;
word-wrap: break-word;
}
.td
{
padding: 2px 5px 2px 0px;
text-align: left;
border-right: #cccccc 2px solid;
border-bottom: #cccccc 2px solid;

}




.clear{
clear:both;
}

.footer_wraper
{

width:200px;
height:50px;
float:left;
margin-left:30px;
}



.check_box2
{
height:15px ;
width:15px;
float:left;
margin-right:1px;
margin-left:1px;
background-color:#BCBCBC;
}


.check_box 
{
border: 2px solid #002223 ;	
height:15px ;
width:15px;
float:left;
margin-right:10px;
margin-left:10px;
}
.name
{
height:30px ;
width:100px;
}

.po_input_wraper
{
border-style:solid;
border-color:#cccccc;
border-width:2px;
padding:10px ;
margin-bottom:10px;	
	
}