table.popupScreens {
	display:table;
	border-collapse:collapse;
	width:685px;
	border-top:none;
	border-bottom:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	font-size:14px;
	clear:both;
}

table.panel {
	display:table;
	border-collapse:collapse;
	width:1170px;
	border-top:none;
	border-bottom: 1px solid #DDDDDD;
	font-size:14px;
	clear:both;
}

table.wst {
	display:table;
	border-collapse:collapse;
	width:auto;
	border-top:none;
	font-size:14px;
	clear:both;
}
.dataTables_scroll {
    clear:both;
    overflow:auto;
}
	
div#kptInfo {
	width: 860px;
	position: absolute;
    bottom: 0;
    left: 0;
}
div#kptInfo table.wst {
	width: 860px;

}

div#kptTotal {
	width: 310px;
	position: absolute;
    bottom: 0;
    left: 860px;
}
div#kptTotal table.wst {
	width: 310px;
	margin-top: -5px;
}

div#orderInfo {
	width: 860px;
	position: absolute;
    bottom: 0;
    left: 0;
}
div#orderInfo table.wst {
	width: 860px;

}

div#orderTotal {
	width: 310px;
	position: absolute;
    bottom: 0;
    left: 860px;
}
div#orderTotal table.wst {
	width: 310px;
}

caption {
	background-color:#777777;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:8px 0px 3px 4px;
	margin-top:10px;
}
thead tr {
	background-color:#999999;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	}
thead tr.headerDoc {
	background-color:#DDDDDD;
	color:#222222;
	font-size:12px;
	font-weight:bold;
	}
thead tr.headerDoc td {
	border-bottom:1px solid #CCCCCC;
	padding:10px 2px 5px 2px;
	}

tbody tr, tfoot tr {
	vertical-align:middle;
	}
tbody tr.clientData {
	cursor:pointer;
}

tbody tr {
	/* FF */
	background: -moz-linear-gradient(center top , #FFFFFF 20%, #F6F6F6 50%, #EEEEEE 52%, #F4F4F4 100%)
				repeat scroll 0 0 padding-box transparent;
	
	/* Chrome */
	background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
    -webkit-font-smoothing: antialiased;
}
tbody tr.labeled {
	background: #FFFFFF;
}

tbody tr:hover { 
	/*background:#FEFAAB;*/
	/* FF */
	background: -moz-linear-gradient(center top , #FFFFFF 20%, #FFFEEB 50%, #FCFACF 52%, #FEFAAB 100%)
				repeat scroll 0 0 padding-box transparent;
	
	/* Chrome */
	background: -webkit-linear-gradient(top, #ffffff, #FEFAAB);
	color:#000066;
	}

tbody tr.even {
	/* FF */
	background: -moz-linear-gradient(center top , #FFFFFF 20%, #F6F6F6 50%, #EEEEEE 52%, #F4F4F4 100%)
				repeat scroll 0 0 padding-box transparent;
	
	/* Chrome */
	background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
    -webkit-font-smoothing: antialiased;
}
    
tbody tr.even:hover { 
	/*background:#FEFAAB;*/
	/* FF */
	background: -moz-linear-gradient(center top , #FFFFFF 20%, #FFFEEB 50%, #FCFACF 52%, #FEFAAB 100%)
				repeat scroll 0 0 padding-box transparent;
	
	/* Chrome */
	background: -webkit-linear-gradient(top, #ffffff, #FEFAAB);
	color:#000066;
	}

tbody tr.odd {
	/* FF */
	background: -moz-linear-gradient(center top , #FFFFFF 20%, #F6F6F6 50%, #EEEEEE 52%, #F4F4F4 100%)
				repeat scroll 0 0 padding-box transparent;
	
	/* Chrome */
	background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
    -webkit-font-smoothing: antialiased;
}
tbody tr.odd:hover {
	/*background:#FEFAAB;*/
	/* FF */
	background: -moz-linear-gradient(center top , #FFFFFF 20%, #FFFEEB 50%, #FCFACF 52%, #FEFAAB 100%)
				repeat scroll 0 0 padding-box transparent;
	
	/* Chrome */
	background: -webkit-linear-gradient(top, #ffffff, #FEFAAB);
	color:#000066;
}

tbody tr.even.warning, tbody tr.odd.warning  {
    color:red;
}

tbody tr.even.link {
	cursor:pointer;
}
tbody tr.odd.link {
	cursor:pointer;
}
tfoot tr {
	background:#DDDDDD;
	}
tfoot tr td {
	height:40px;
}
tr.top-align td {
	vertical-align: top;
}
tbody tr.naskla {
	background-color:#9FBFDF;
	}
tbody tr.naskla:hover {
	background-color:#BCD2E9;
	}

tbody tr.notnaskla {
	background-color:#FFDDDD;
	color:red;
	}
tbody tr.notnaskla:hover {
	background-color:#FFEBEB;
	color:red;
	}

tbody tr.payment.paid_offer {
	background-color:#C4A7D5;
	color:#55286F;
}
tbody tr.payment.unpaid_offer {
	background-color:#FFC5C5;
	color:red;
}
tbody tr.payment.unpaid {
	background-color:#FFC5C5;
	color:red;
	font-weight:bold;
}
tbody tr.payment.unpaid td {
	
}

tbody#kptProductList td {
	height:60px;
}

tbody#tbodyInvoiceList.stock_report td {
	height: 30px;
	padding: 0;
	margin: 0;
}

.light_label {
	color: #777777;
}

td a {
	color:#336699;
	text-decoration:underline;
	}
td a:hover {
	color:#000000;
	text-decoration:underline;
	}
td a.linkCategoryNotActive {
	text-decoration:none;
	cursor:text;
}
td a.linkCategory {
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}
td a.button {
	text-decoration:none;
	padding: 4px;
	border: 1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	-webkit-font-smoothing: antialiased;
	float:left;
	margin:5px 0px 5px 0px;
    cursor:pointer;
}

/* -------------------------- */
thead td {
	padding:5px 5px 2px 2px;
	height:20px;
	}
	
table.panel tbody td {
	padding: 3px 4px 2px 2px;
	height: 50px;
	}
table.wst tbody td {
	padding: 0px 2px 0px 2px;
	height:40px;
	}
table.popupScreens tbody td {
	padding:5px 2px 2px 2px;
	height:40px;
	}

tbody#tbodyPredmetStavke td {
	height:40px;
	}
tbody#documentData td {
	height:40px;
}
#tbodyActiveKpt td {
	height: 60px;
}
tbody td {
	border-bottom:1px solid #DDDDDD;
	}
	
td.top_border {
	border-top:3px solid #DDDDDD;
}
td.bottom_border {
	border-bottom:3px solid #DDDDDD;
}

table#Total {
	border:none;
}
tbody#Total td {
	border-bottom: none;
	border-top: 1px solid #EAEAEA;
	height: 30px;
	}

.foreign_value {
	display:none;	
}
td.activity {
	width: 130px;
	text-align: center;
	}
td.activity_one_option {
	width: 40px;
	text-align: center;
	}
td.activity_check_list {
	width: 15px;
	text-align: center;
}	
td.rbr {
	width:30px;
	text-align:right;
	padding-right:10px;
	}
td.code {
	width:100px;
	text-align:center;
	}
td.code_mini {
	width:60px;
	text-align:center;
	}
td.info {
	width: 80px;
	text-align:left;
}
td.static_text {
	width: 135px;
	text-align:left;
}
td.product {
	min-width:200px;
	max-width:300px;
	text-align:left;
	}
td.product_order {
    min-width: 475px;
    text-align: left;
}
td.product_mini {
	width:225px;
	text-align:left;
	}
td.partner {
	width:310px;
	text-align:left;
	}
td.partner_mini {
	width:220px;
	text-align:left;
	}
td.address {
	width:220px;
	text-align:left;
	}
td.currency {
	width:70px;
	text-align:right;
	}
td.currency_sum {
	width:133px;
	text-align:right;
}
td.status {
	width:150px;
	text-align:left;
	}
td.type {
	width: 80px;
	text-align: left;
	}
td.datetime {
	width:120px;
	text-align:center;
	}
td.date {
	width:70px;
	text-align:center;
	}
td.oib {
	width:120px;
	text-align:center;
	}
td.static_info {
	width:205px;
	text-align:left;
}

td img {
	padding:0px 1px 0px 1px;
	cursor:pointer;
	}
td img:hover {
	-webkit-filter: drop-shadow(2px 2px 3px #888888);
    filter: drop-shadow(2px 2px 3px #888888); /* radi samo u Chromu*/
	}

td form.enter input { /* !!! POPRAVITI U NOVOM PREDMETU! dodati .class*/
 	/* FF */
	background: -moz-linear-gradient(center top , #FFFFFF 20%, #F6F6F6 50%, #E4E4E4 80%, #F4F4F4 100%)
				repeat scroll 0 0 padding-box transparent;
	border: 1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    
    /* Chrome */
    background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
    -webkit-font-smoothing: antialiased;
 
    color: #444444;
    width:70px;
    overflow: hidden;
    padding: 5px 2px 5px 2px;
    position: relative;
    font-weight:normal;
	font-size:14px;
    text-align:right;
    text-decoration: none;
    white-space: nowrap;
	}

td input.user_input {	
	/* FF */
	background: -moz-linear-gradient(center top , #FFFFFF 20%, #F6F6F6 50%, #E4E4E4 80%, #F4F4F4 100%)
				repeat scroll 0 0 padding-box transparent;
	border: 1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    
    /* Chrome */
    background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
    -webkit-font-smoothing: antialiased;
    color: #444444;
    display: block;
    width:70px;
    overflow: hidden;
    padding: 5px 2px 5px 2px;
    position: relative;
    font-weight:normal;
	font-size:14px;
    text-align:right;
    text-decoration: none;
    white-space: nowrap;
}

td input.hidden {	
	background:none;
    border:none;
	padding:0px;
	margin:0px;
	text-align:right;
	max-width: 50px;
	font-size: 12px;
	font-family:Arial,Helvetica;
	vertical-align:middle;
}
td.warning input.hidden {	
	background:none;
    border:none;
	padding:0px;
	margin:0px;
	text-align:right;
	max-width: 50px;
	font-size: 12px;
	font-family:Arial,Helvetica;
	vertical-align:middle;
	color:red;
}

td select {
	width:125px;
}
div#kpt_info {
	width:97%;
	height: 134px;
	padding:4px 2px 4px 2px;
	border: 1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
	/* FF */
	background: -moz-linear-gradient(center top , #FFFFFF 20%, #F6F6F6 50%, #E4E4E4 80%, #F4F4F4 100%)
				repeat scroll 0 0 padding-box transparent;
    
    /* Chrome */
    background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	-webkit-font-smoothing: antialiased;

	font-weight:normal;
	font-size:14px;	
}
td textarea#kpt_info {
	width:97%;
	height: 134px;
	padding:4px 2px 4px 2px;
	border: 1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
	/* FF */
	background: -moz-linear-gradient(center top , #FFFFFF 20%, #F6F6F6 50%, #E4E4E4 80%, #F4F4F4 100%)
				repeat scroll 0 0 padding-box transparent;
    
    /* Chrome */
    background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	-webkit-font-smoothing: antialiased;
	
	font-weight:normal;
	font-size:14px;
	resize:none;
}
td textarea#order_info {
	width:97%;
	height: 105px;
	padding:4px 2px 4px 2px;

	border: 1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
	
	/* FF */
	background: -moz-linear-gradient(center top , #FFFFFF 20%, #F6F6F6 50%, #E4E4E4 80%, #F4F4F4 100%)
				repeat scroll 0 0 padding-box transparent;
    
    /* Chrome */
    background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	-webkit-font-smoothing: antialiased;
	
	font-weight:normal;
	font-size:14px;
	resize:none;
}

tbody#tbodyPredmetStavke  {
	max-height:400px;
	display:block;
	overflow:visible;
	overflow-x:hidden;
	}
tbody#tablCategorizedProducts {
	max-height:210px;
	display:block;
	overflow:visible;
	overflow-x:hidden;
}
tbody#tablSkl {
	max-height:210px;
	display:block;
	overflow:visible;
	overflow-x:hidden;
}
tbody#clientData td {
	height:40px;
}
/* -------------------------------------------------------------------------- */
/* dataTables --------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
div.dataTables_paginate {
	float:right;
	}
div.dataTables_paginate a, div.dataTables_paginate span, div.dataTables_paginate span a {
	float:left;
	display:inline;
	clear:none;
	}
/*.first, .previous, .next, .last {
	background:#000066;
	}*/
.paging_full_numbers {
	width:638px;
	text-align:center;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	margin:0px 0px 5px 0px;
	clear:both;
	}

.paginate_button.paginate_button_disabled {
	color:#AAAAAA;
	cursor:default;
	}
.paginate_button.paginate_button_disabled:hover {
	color:#AAAAAA;
	background:#FFFFFF;
	text-decoration:none;
	}
.paginate_button {
	color:#445566;
	text-decoration:none;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	padding:3px 4px 3px 4px;
	margin:2px 1px 2px 0px;
	cursor:pointer;
	}
.paginate_button:hover { background:#FEFAAB; text-decoration:underline;}
.paginate_button.current,
.paginate_active {
	font-weight:bold;
	text-decoration:underline;
	border:1px solid #CCCCCC;
	color:#445566;
	background:#BCD2E9;
	padding:3px 4px 3px 4px;
	margin:2px 1px 2px 0px;
	cursor:pointer;
	}
/* -------------------------------------------------------------------------- */
tr.odd {
	background-color:#FFFFFF;
	vertical-align:middle;
	}
table.wst td.dataTables_empty {
	padding: 14px 2px 5px 6px;
	font-weight:bold;
	color:#AAAAAA;
	font-size:12px;
	}
table.panel td.dataTables_empty {
	padding: 14px 2px 5px 6px;
	font-weight:bold;
	color:#AAAAAA;
	font-size:12px;
	}

.dataTables_info {
	margin:0px 0px 5px 0px;
	font-size:11px;
	color:#445566;
	float:right;
	display:inline;
	clear:both;
	}