@CHARSET "UTF-8";

:root {
  /*var-panelPozadina: #EBEBEB;*/
   --tableLight_: 388CDC; 
  --tableLight: #4D6375; /* var(--tableLight) */

  --tableDark:#525555; /* var(--tableDark) */
  --tableDark_:525555;
}



body{
	font-family:Verdana, Geneva, sans-serif;
	position:relative;
	overflow-y:scroll;
}

h3{
	margin-top:3px;
	margin-bottom:3px;
}

textarea {
    resize: none;
}
.error-klasa{
	color:#FF0000;
	margin:10px;
}
.naslovStranice{
	margin:10px 0px;
	font-size:1.5em;
	font-weight:400;
	padding:10px 0px;
	border:1px solid #DEDEDE;
	background:#F0F0F0;
	text-indent:10px;
}


.header{
	position:relative;
	display:block;
	overflow:hidden;
	width:100%;
	/*height:75px;*/
	height:119px;
	border-bottom: 2px solid #FFFFFF; 
	clear:both;
	margin:0px;
	padding:0px;
	background: #FAFAFA url(images/head.gif) repeat-x left bottom; /*#008181*/
}

.logotip{
	position:relative;
	display:block;
	overflow:hidden;
	float:right;
	clear:right;
	width:200px;
	height:100%;
	margin-right:60px;/*
		background-color:transparent;
		background-image:url(images/logo/logo.png);
		background-position:center center;
		background-repeat:no-repeat;
		*/
}

.menuIcon{
	cursor:pointer;
	margin:10px;
	position:absolute;
	left:0px;
	bottom:0px;
}
.bodyTable{
	position:relative;
	border:none;
	width:100%;
	margin:0px;
	height:800px;
	min-height:800px;
	background-color:#FFFFFF;
}

.izbornikMain{
	width:240px;
	min-width:240px;
	background-color:#E4F2F4; /*#EEFEF5;  #008181; */
	padding:10px;
	vertical-align: top;
	font-size:1em;
background: #EDEDED url(images/sidebar.png) repeat-x left top;
background-attachment:fixed;
min-height:725px;
height:725px;
}

.uniplus_logo{
	position:absolute;
	display:none; /* block; */
	clear:both;
	bottom:0px;
	left:0px;
	width:41px;
	height:30px;
	background: transparent url(images/uniplus.png) no-repeat center center;
	margin:10px;
	cursor:pointer;
}
.izbornikBox{
	min-height:725px;
	font-weight:400;
	line-height:1.5em;
	text-decoration:none;
}

.bodyContent{
	/* background-color:#FFFFFF; */
	padding: 0px 10px 20px 10px;
	vertical-align: top;
	height:725px;
	background:#FFFFFF url(images/bg2.gif) no-repeat 1100px 180px;
	background-attachment:fixed;
	border-top: 2px solid #DEDEDE;  
}

.page404{
	background: transparent url(images/404-not-found-error.png) no-repeat center center;
}

.error_red{
	float:left;
	width:480px;
}
.dojavaGreske{
	position:relative;
	display:block;
	overflow:hidden;
	margin:10px 10px;
	padding:5px 10px;
	width:auto; /*100%; */
	height:auto;
	background-color:#FF0000;
	color:#FFFFFF;
}

.dojavaInfo{
	position:relative;
	display:block;
	overflow:hidden;
	margin:10px 0px;
	width:100%;
	height:auto;
	color:#008040;
	background-color:#FFFFFF;
}
/*
* akcija buttons
*/
.akcija{
	display:block;
	float:left;
	position:relative;	
	margin:0px 0px 0px 10px;
	padding:0px;
	background-color:transparent;
	border:none;
	color:#282828;
	cursor:pointer;
	height:18px;
	width:24px;
	clear:none;
	text-decoration:none;
}

.akcija img{
	vertical-align:bottom;
	margin:5px;
}
/* 
* >>>>>>>>>   form buttons 
*/
/*
.uniButton{
	display:block;
	float:right;
	position:relative;	
	margin:0px 0px 10px 10px;
	padding: 3px 5px;
	background-color:  #F9F9F9;
	border:1px solid #DEDEDE;
	text-indent:20px;
	color:#282828;
	cursor:pointer;
	height:25px;
	background-position: 3px center;
	background-repeat:no-repeat;
}
*/
.uniButtonHeader{
	display:block;
	position:relative;	
	margin:0px;
	padding: 3px 5px;
	background-color:#F9F9F9;
	border:none;
	text-align:center;
	text-indent:20px;
	color:#282828;
	cursor:pointer;
	height:auto;
	width:90%;
	font-weight:700;
	background-position: 3px center;
	background-repeat:no-repeat;
}

.redAkcije{
	display:block;
	clear:both; 
	margin:10px;
	height:25px;
	position:relative;
}
.uniSubmit{
	background-image:url(images/icons/save_16.png);
}
.uniReset{
	background-image:url(images/icons/refresh_16.png);
}
.uniCancel{
	background-image:url(images/icons/back_16.png);
}

.uniBrisi{
	background-image:url(images/icons/cancel_16.png);
}


.uniDodaj{
	background-image:url(images/icons/user_add_16.png);
}

.uniNovi{
	background-image:url(images/icons/edit_16.png);
}
.uniLista{
	background-image:url(images/icons/list_16.png);
}
.uniExcel{
	background-image:url(images/icons/export_16.png);
}
.uniCSV{
	background-image:url(images/icons/document_16.png);
}
.uniAplikacija{
	background-image:url(images/icons/next_16.png);
}

.uniPrinter{
	background-image:url(images/icons/printer_16.png);
}
.uniObnovi{
	background-image:url(images/icons/obnovi_16.png);
}

.uniPreuzmi{
	background-image:url(images/icons/preuzmi_16.png);
}

.uniPretrazi{
	background-image:url(images/icons/search_16.png);
}

.uniZakljucaj{
	background-image:url(images/icons/security_lock_16.png);
}
.uniSettings{
	background-image:url(images/icons/settings_16.png);
}

.uniStatus{
	background-image:url(images/icons/firewall_16.png);
}

.uniKom{
	background-image:url(images/icons/comment_edit_16.png);
}

.exportIzb{
	position:absolute;
	z-index:9000;
	/*right:-10px;*/
	right:0px;
	top:35px;
	width:auto;
	height:auto;
	overflow:none;
	display:none;
	padding:4px;
	border-radius:4px;
	background-color:  #525555;
	border:1px solid #DEDEDE;/*
	border-top:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
	border-right:2px solid #C7C7C7;
	border-bottom:2px solid #B5B5B5;
*/

}

.exportIzb input{
	border:none;
	float:none;
	clear:both;
	margin:3px;
	width:140px;
	text-align:center;
	display:block;
}
.exportIzb input:hover{
	background-color:#F4F4F4;
}
/* 
* >>>>>>>>>   paneli 
*/

.grupaPanela{
	display:block;
	position:relative;
	overflow:hidden;
	clear:both;
	width:960px;
	height:auto;
	margin:0px;
	padding:0px;	
}
.grupaPanelaScroll{
	display:block;
	position:relative;
	overflow-x:scroll;/*hidden; */
	overflow-y:hidden;
	clear:both;
	width:960px; /* 1280px; */
	height:auto;
	margin:0px;
	padding:10px 5px 0px 0px;	
}


.paginatorTabela{
	width:90%;
	text-align:center;
	border:none;
	margin:0px;
	padding:0px;
}

.filterPanel{
	display:block;
	position:relative;
	overflow:hidden;
	clear:both;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	
}
.panelNaslov{
	display:block;
	position:relative;
	overflow:hidden;
	clear:both;
	width:100%;
/*	height:1.5em;
	line-height:1.5em;*/
	padding:10px 15px; /* 5px; */
	/* background: #efefef url(jqueryvamenu/css/skins/images/bg_naslov.png) repeat-x top center; */
	background-color:#F0F0F0;
	margin:0px;
	  /* border-bottom: 1px solid #cfcfcf; */
  border-top: 1px solid #cfcfcf;
  border-bottom:2px solid #FFFFFF;
  cursor:pointer;
}

.obracunH{
	width:auto;
	background:#4d6375;
	border-bottom:none;
	border-top: 1px solid #c2c8c8;
}

.obracunH:hover{
	background:#525555;

	}

.status_open{
	position:absolute;
	display:block;
	width:8px;
	height:8px;
	right:45px;
	top:14px;
	overflow:hidden;
	background-color:#FF0000;
}
.formPanel{
	display:none;
	position:relative;
	overflow:visible;
	margin:5px 0px;
	padding:0px;
	/*background-color:#F9F9F9;*/
	width:950px;
	height:auto;
}
.noviRed{
	display:block;
	position:relative;
	overflow:hidden;
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	width:100%;
}
.uniPanel_mali{
	position:relative;
	overflow:visible;
	display:inline-block;	
	clear:none;
	width:auto; /*width:300px;*/
	min-width:300px;
	height:55px;
	margin:0px 5px 5px 0px;
	line-height:1.5em;
	border:1px solid #DEDEDE;
	background-color: #F8F8F8; /* #F9F9F9 */
	padding:0px;
	float:left;
}
.uniPanel_mali .CSSTableUniplus{
	width:auto; /*width:278px;*/
	min-width:278px;
	margin:0px 10px;
}

.uniPanel_mali h3{
	padding-right:10px;
	}
.uniPanel_srednji{
	position:relative;
	display:inline-block;	
	overflow:visible;
	clear:none;
	width:609px; 
	height:55px;
	margin:0px 8px 5px 0px;
	line-height:1.5em;
	border:1px solid #DEDEDE;
	background:#F8F8F8;
	padding:0px;
}

.uniPanel_srednji .CSSTableUniplus{
	width:589px;
	margin:0px 10px;
}
.uniPanel_veliki{
	position:relative;
	display:inline-block;
	overflow:visible;
	clear:none;
	width:921px; 
	height:55px;
	margin:0px 5px 5px 0px;
	line-height:1.5em;
	border:1px solid #DEDEDE;
	background:#F8F8F8;
	padding:0px;
}
.uniPanel_veliki .CSSTableUniplus{
	width:901px;
	margin:0px 10px;
}
.uniPanelText_mali{
	position:relative;
	overflow:visible;
	display:inline-block;	
	clear:none;
	width:300px;
	height:118px;
	margin:0px 5px 5px 0px;
	line-height:1.5em;
	border:1px solid #DEDEDE;
	background-color: #F8F8F8; /* #F9F9F9 */
	padding:0px;
}

.uniPanelText_mali .CSSTableUniplus{
	width:278px;
	margin:0px 10px;
}

.uniPanelText_srednji{
	position:relative;
	display:inline-block;	
	overflow:visible;
	clear:none;
	width:609px; 
	height:118px;
	margin:0px 8px 5px 0px;
	line-height:1.5em;
	border:1px solid #DEDEDE;
	background:#F8F8F8;
	padding:0px;

}
.uniPanelText_srednji .CSSTableUniplus{
	width:589px;
	margin:0px 10px;
}
.uniPanelText_veliki{
	position:relative;
	display:inline-block;
	overflow:visible;
	clear:none;
	width:921px; 
	height:118px;
	margin:0px 5px 5px 0px;
	line-height:1.5em;
	border:1px solid #DEDEDE;
	background:#F8F8F8;
	padding:0px;
}

.uniPanelText_veliki .CSSTableUniplus{
	width:901px;
	margin:0px 10px;
}

.uniPanelTextNiski_mali{
	position:relative;
	overflow:visible;
	display:inline-block;	
	clear:none;
	width:300px;
	height:65px;
	margin:0px 5px 5px 0px;
	line-height:1.5em;
	border:1px solid #DEDEDE;
	background-color: #F8F8F8; /* #F9F9F9 */
	padding:0px;
}

.uniPanelTextNiski_srednji{
	position:relative;
	display:inline-block;	
	overflow:visible;
	clear:none;
	width:609px; 
	height:65px;
	margin:0px 8px 5px 0px;
	line-height:1.5em;
	border:1px solid #DEDEDE;
	background:#F8F8F8;
	padding:0px;

}

.uniPanelTextNiski_veliki{
	position:relative;
	display:inline-block;
	overflow:visible;
	clear:none;
	width:921px; 
	height:65px;
	margin:0px 5px 5px 0px;
	line-height:1.5em;
	border:1px solid #DEDEDE;
	background:#F8F8F8;
	padding:0px;
}

/* 
* >>>>>>>>> form  elementi 
*/
.uniPanel_mali .uniDropDown, .uniPitanje_mali .uniDropDown{
	padding:3px;
	text-align:left;
	width:280px;
	margin:0px 10px 0px 10px;
}


.uniPanel_mali .uniDropDownMonth{
	padding:3px;
	text-align:left;
	width:100px;
	margin:0px 10px 0px 10px;
	clear:left;
}


.uniPanel_mali .uniDropDownYear{
	padding:3px;
	text-align:left;
	width:120px;
	margin:0px 10px 0px 10px;
}

.uniPanel_srednji .uniDropDown{
	padding:3px;
	text-align:left;
	width:592px;
	margin:0px 10px 0px 10px;
}

.uniPanel_veliki .uniDropDown{
	padding:3px;
	text-align:left;
	width:904px;
	margin:0px 10px 0px 10px;
}

.uniPanel_mali .uniInput{
	padding:3px;
	text-align:left;
	width:270px;
	margin:0px 10px 0px 10px;
}

.uniPanelText_mali .uniInput{
	padding:3px;
	text-align:left;
	width:270px;
	margin:0px 10px 0px 10px;
}

.uniPanel_mali .uniInput[type="button"]{
	text-align:center;
	width:280px;
	background-color:#F9F9F9;
	border:1px solid #DEDEDE;
	color:#282828;
	padding:5px;
	font-weight:700;
	cursor:pointer;
}
.uniPanel_mali .uniInputStaz{
	padding:3px;
	text-align:left;
	width:20px;
	margin:0px 0px 0px 10px;
	display:inline;
	text-align:right;
}

.uniPanel_mali .uniInputIznos{
	padding:3px;
	width:110px;
	margin:0px 0px 0px 10px;
	display:inline;
	text-align:right;
}

.uniPanel_mali .uniInputDatum{
	padding:3px;
	width:110px;
	margin:0px 0px 0px 10px;
	display:inline;
	text-align:center;
}

.uniPanel_mali .periodPicker{
	padding:3px;
	width:110px;
	margin:0px 0px 0px 10px;
	display:inline;
	text-align:center;
}
.uniPanel_srednji .uniInput{
	padding:3px;
	text-align:left;
	width:582px;
	margin:0px 10px 0px 10px;
}

.uniPanelText_srednji .uniInput{
	padding:3px;
	text-align:left;
	width:582px;
	margin:0px 10px 0px 10px;
}


.uniPanel_veliki .uniInput{
	padding:3px;
	text-align:left;
	width:892px;
	margin:0px 10px 0px 10px;
}

.uniPanelText_veliki .uniInput{
	padding:3px;
	text-align:left;
	width:892px;
	margin:0px 10px 0px 10px;
}

/*  pitanja */

.uniPitanje_mali{
	position:relative;


	overflow:hidden;
	display:inline-block;	
	clear:none;
	width:300px;
	height:26px;
	margin:0px 5px 5px 0px;
	line-height:25px;
	border:1px solid #DEDEDE;
	background-color: #F8F8F8; /* #F9F9F9 */
	padding:0px;
}

.uniPitanje_srednji{
	position:relative;
	display:inline-block;	
	overflow:hidden;
	clear:none;
	width:609px; 
	height:26px;
	margin:0px 8px 5px 0px;

	line-height:25px;
	border:1px solid #DEDEDE;
	background:#F8F8F8;
	padding:0px;
}

.uniPitanje_veliki{
	position:relative;
	display:inline-block;
	overflow:hidden;
	clear:none;
	width:921px; 
	height:26px;
	margin:0px 5px 5px 0px;
	line-height:25px;
	border:1px solid #DEDEDE;
	background:#F8F8F8;
	padding:0px;
}

.uniPitanje2_mali{
	position:relative;
	overflow:hidden;
	display:inline-block;	
	clear:none;
	width:300px;
	height:55px;
	margin:0px 5px 5px 0px;
	line-height:25px;
	border:1px solid #DEDEDE;
	background-color: #F8F8F8; /* #F9F9F9 */
	padding:0px;
}

.uniPitanje2_srednji{
	position:relative;
	display:inline-block;	
	overflow:hidden;
	clear:none;
	width:609px; 
	height:55px;
	margin:0px 8px 5px 0px;
	line-height:25px;
	border:1px solid #DEDEDE;
	background:#F8F8F8;
	padding:0px;
}

.uniPitanje2_veliki{
	position:relative;
	display:inline-block;
	overflow:hidden;
	clear:none;
	width:921px; 
	height:55px;
	margin:0px 5px 5px 0px;
	line-height:25px;
	border:1px solid #DEDEDE;
	background:#F8F8F8;
	padding:0px;
}


.uniPitanjeVisoki_mali{
	position:relative;
	overflow:hidden;
	display:inline-block;	
	clear:none;
	width:300px;
	height:55px;
	margin:0px 5px 5px 0px;
	line-height:25px;
	border:1px solid #DEDEDE;
	background-color: #F8F8F8; /* #F9F9F9 */
	padding:0px;
}

.uniPitanjeVisoki_srednji{
	position:relative;
	display:inline-block;	
	overflow:hidden;
	clear:none;
	width:609px; 
	height:55px;
	margin:0px 8px 5px 0px;
	line-height:25px;
	border:1px solid #DEDEDE;
	background:#F8F8F8;
	padding:0px;
}

.uniPitanjeVisoki_veliki{
	position:relative;
	display:inline-block;
	overflow:hidden;
	clear:none;
	width:921px; 
	height:55px;
	margin:0px 5px 5px 0px;
	line-height:25px;
	border:1px solid #DEDEDE;
	background:#F8F8F8;
	padding:0px;
}


.uniPitanje_veliki span, .uniPitanje_srednji span, .uniPitanje_mali span,
.uniPitanje2_veliki span, .uniPitanje2_srednji span, .uniPitanje2_mali span{
	margin:0px; 
	padding: 0px 5px;
	display:block;
	position:relative;
	overflow:hidden;
}


.uniPitanje_veliki input, .uniPitanje_srednji input, .uniPitanje_mali input,
.uniPitanje2_veliki input, .uniPitanje2_srednji input, .uniPitanje2_mali input,
.uniPitanjeVisoki_veliki input, .uniPitanjeVisoki_srednji input, .uniPitanjeVisoki_mali input
{
	margin:1px 10px 0px 10px; 
	padding:3px;
	text-align:left;
}
.uniPitanje_mali .uniInput, .uniPitanje2_mali .uniInput, .uniPitanjeVisoki_mali .uniInput{
	width:270px;
}
.uniPitanje_srednji .uniInput, .uniPitanje2_srednji .uniInput, .uniPitanjeVisoki_srednji .uniInput{
	width:582px;
}
.uniPitanje_veliki .uniInput, .uniPitanje2_veliki .uniInput, .uniPitanjeVisoki_veliki .uniInput{
	width:892px;
}

.uniPanelText_mali textarea, .uniPanelText_srednji textarea, .uniPanelText_veliki textarea,
.uniPanelTextNiski_mali textarea, .uniPanelTextNiski_srednji textarea, .uniPanelTextNiski_veliki textarea{
	margin:0px 10px 0px 10px; 
	padding:3px;
	text-align:left;
}

.uniPanelText_mali .uniText, .uniPanelTextNiski_mali .uniText{
	width:270px;
}

.uniPanelText_srednji .uniText, .uniPanelTextNiski_srednji .uniText{
	width:582px;
}

.uniPanelText_veliki .uniText, .uniPanelTextNiski_veliki .uniText{
	width:892px;
}

.spacerNapomena{
border-color:transparent; 
background-color:transparent;
margin-left:3px;
height:10px;	
}

/* 
* stilovi tabele 
*/
.CSSTableUniplus {
	margin:0px;padding:0px;
	width:100%;
	/*
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #b2b2b2;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
	*/
}.CSSTableUniplus table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableUniplus tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableUniplus table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableUniplus table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableUniplus tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableUniplus tr:hover td{
	
}
/*
.CSSTableUniplus tr:nth-child(odd){ background-color:#e5e5e5; }
.CSSTableUniplus tr:nth-child(even)    { background-color:#ffffff; }
*/
.CSSTableUniplus tr:nth-child(odd){ background-color:#DDE3E3; }
.CSSTableUniplus tr:nth-child(even)    { background-color:#BEDFF0; }

.CSSTableUniplus td{
	vertical-align:middle;

	border:1px solid #b2b2b2;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableUniplus tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableUniplus tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableUniplus tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableUniplus tr:first-child td{
		background:-o-linear-gradient(bottom, var(--tableLight) 5%, var(--tableDark) 100%);	
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--tableLight)), color-stop(1, var(--tableDark)) );
	background:-moz-linear-gradient( center top, var(--tableLight) 5%, var(--tableDark) 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--tableLight)", endColorstr="var(--tableDark)");	
	background: -o-linear-gradient(top,var(--tableLight),var(--tableDark_));

	background-color:var(--tableLight);
	border:0px solid #b2b2b2;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableUniplus tr:first-child:hover td{
	background:-o-linear-gradient(bottom, var(--tableLight) 5%, var(--tableDark) 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--tableLight)), color-stop(1, var(--tableDark)) );
	background:-moz-linear-gradient( center top, var(--tableLight) 5%, var(--tableDark) 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--tableLight)", endColorstr="var(--tableDark)");	
	background: -o-linear-gradient(top,var(--tableLight),var(--tableDark_));

	background-color:var(--tableLight);
}
.CSSTableUniplus tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableUniplus tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

/* dodatni header */
.CSSTableUniplus  td.drugiRed{
		background:-o-linear-gradient(bottom, var(--tableLight) 5%, var(--tableDark) 100%);	
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--tableLight)), color-stop(1, var(--tableDark)) );
	background:-moz-linear-gradient( center top, var(--tableLight) 5%, var(--tableDark) 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--tableLight)", endColorstr="var(--tableDark)");	
	background: -o-linear-gradient(top,var(--tableLight),var(--tableDark_));

	background-color:var(--tableLight);
	border:0px solid #b2b2b2;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableUniplus tr:hover td.drugiRed{
	background:-o-linear-gradient(bottom, var(--tableLight) 5%, var(--tableDark) 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--tableLight)), color-stop(1, var(--tableDark)) );
	background:-moz-linear-gradient( center top, var(--tableLight) 5%, var(--tableDark) 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--tableLight)", endColorstr="var(--tableDark)");	
	background: -o-linear-gradient(top,var(--tableLight),var(--tableDark_));

	background-color:var(--tableLight);
}

/* EO dodatni header */

.ui-resizable-handle{
	filter: invert(100%);
    -webkit-filter: invert(100%);
}

/* CSSTableUniplus form polja */
.CSSTableUniplus input[type="text"],
.CSSTableUniplus input[type="password"],
.CSSTableUniplus input[type="search"],
.CSSTableUniplus select,
.CSSTableUniplus textarea {
	border-color:var(--tableDark);
	background-color: #ffffff8f;
	}

/* EO CSSTableUniplus form polja */
.selectedRow{
	background-image:url(images/icons/next_16.png);
	background-position: 3px center;
	background-repeat:no-repeat;
}
/* opceniti stilovi */

.tableLink{
	color:#3B3B3B;
	font-weight:700;
	text-decoration:none;
}

.dokGrupaRow{
	text-indent:45px;
	font-size:1.1em;
	font-weight:700;
	background-color:#F6F6F6;
}

.dokVrstaRow{
	font-size:1.2em;
	font-weight:700;
	background-color:#E5E5E5;
}
.tableLink:hover{
	text-decoration:underline;
	color:#282828;
}
.redPaginacije{
	background-color:#FFFFFF;
	color:#282828;
}
.gridPaginator{
	position:relative;
	display:block;
	overflow:hidden;
	text-align:center;
	margin:2px;
	padding:0px;
	height:20px;
	width:100%;
	font-size:0.9em;
	/*border:1px solid #7f7f7f;*/
	line-height:20px;
	font-weight:700;
	 line-height:16px; 
}

.zaglavljeSpan{
	display:block;
	height:auto;
	width:auto;
	padding:3px;
}

.order{
	display:block;
	height:auto;
	width:auto;
	padding:0px 0px 0px 8px;
	cursor:pointer;
	background-image:url(images/icons/arrow_order.png);
	background-position:0px center;
	background-repeat:no-repeat;
}

.order_asc{
	display:block;
	height:auto;
	width:auto;
	padding:0px 0px 0px 8px;
	cursor:pointer;
	background-image:url(images/icons/arrow_asc.png);
	background-position:0px center;
	background-repeat:no-repeat;
}
.order_desc{
	display:block;
	height:auto;
	width:auto;
	padding:0px 0px 0px 8px;
	cursor:pointer;
	background-image:url(images/icons/arrow_desc.png);
	background-position:0px center;
	background-repeat:no-repeat;
}
.footer{
	display:block;
	clear:both;
	margin:20px 0px 10px 0px;
	width:100%;
	height:20px;
	line-height:20px;
	border:none;
	padding:2px 0px;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	text-align:center;
	font-size:0.9em;
}

/*  popUp */
/*popUp*/
.popUp{
	display:block;
	left: 37%;
	top: 30%;
	width: 350px;
	height: auto;
	display: block;
	background-color: rgb(251, 251, 251);
	border: 1px solid #DEDEDE;
	border-radius: 4px;
	position: fixed;
	z-index: 9000;
	box-shadow: 0px 0px 5px #888888;
}
.popUp .title{
	margin-bottom: 10px;
	text-align:center;
	background-color: #e0dddd;
	padding: 10px 0;
	width: 98%;
	margin: auto;
	margin-top: 4px;
	border-radius: 4px;
	border: 1px #cfcfcf solid;
}
.popUp .info{
	
}
.popUp .warning{
	border-bottom: #ff0000 solid 2px;
}
.popUp .title:hover{
	cursor:move;
}
.popUp .title .naslov{
	display: inline-block;
}
.popUp .title .zatvori{
	float: right;
	margin-right: 10px;
	cursor: pointer;
	background-color: #f5f5f5;
	border-radius: 3px;
	background-image: url(images/icons/cancel_16.png);
	width: 16px;
	height: 16px;
	border: 1px solid #a5a5a5;
}
.popUp h2{
	margin: 0px;
	font-weight: 400;
}
.popUp .question{
	padding: 15px;
	color: #525555;
}
.popUp .elements{
	padding: 15px;
}
/*.popUp .elements div{
	width:93%;
}*/
.popUp .redAkcije{
	position: relative;
	width: 93%;	
	margin: 20px 30px 15px 0px;
}
.popUp .redAkcije .popUpButton{
	display: block;
}
/* EO popUp */

.korUpute{
	font-size:0.9em;
	display:block;
	clear:both;
	padding:10px;
	margin:30px 10px;
}

.tabelaProvedbe{
	border:1px solid #282828;
	width:921px;
	margin:10px 0px;
}

.tabelaProvedbe tr {
	border-bottom:1px solid #282828;
}


.podtabela{
	display:table;
	position:relative;
	height:auto;
	width:auto;
	border:1px solid #DDDDDD; /* #282828; */
}

.podheader{
	 font-weight:700; 
	 text-align:center;
	 padding:4px;
}

/*
	KOMENTARI
*/
.chatIcon{
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	width:16px;
	height:16px;
	overflow:hidden;
	background-image: url(images/icons/chat_bck.png);
	cursor: pointer;
}

.chatIconWarn{
	display:block;
	position:absolute;
	right:2px;
	top:2px;
	width:12px;
	height:12px;
	overflow:hidden;
	background-image: url(images/icons/chat_bck.png);
	cursor:default;
	background-size: 36px 12px;
}


.CSSTableUniplus td.chatIconCell{
	position:relative;
	padding-right:18px;
}
.chatBoard{
	display:block;
	position:relative;
	/*
	overflow-y:scroll;
	overflow-x:hidden;
	*/
	overflow:hidden;
	margin:5px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	width:100%;
	height:auto; /*210px; */
}

span.chatIconCell{
	position:relative;
	padding-right:18px;
}

p.chatIconCell{
	position:relative;
	padding-right:18px;	
	display:block;
}

/* elementFormDiv */
.elementFormDiv{
position: fixed;
z-index:8999;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  width:950px;
  height:auto;
  background:#FFFFFF;
  border:3px #CCCCCC outset;
  padding:10px 15px 10px 10px;
  max-height: 85%;
  overflow-y:scroll;
  overflow-x:scroll;
  }
  

  

/*







tr:nth-child(even) {
	background: #FFFFFF;
	}
tr:nth-child(odd) {
	background: #E7E7E7;
	}
th{  
	font-weight:400;
  	}*/
 
 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

.inputError{
	border: 1px solid red;
	box-shadow: 0 0 15px #CC0000;
}
