/*
 * Table styling
 */
.pregled-table{
	width:100%;
	table-layout:fixed;
	border:none;
	border-collapse:collapse;
	border-spacing:0px;
	white-space:nowrap;
	color:#333;
}
/*
 * Tr styling
 */
.pregled-table>tbody>tr{
	background-color:#F5F5F5;
	border-bottom:1px solid #DDD;
}
.pregled-table>tbody>tr:hover{
	background-color:#EEE;
}

/*
 * Th styling
 */
.pregled-table>thead>tr>th{
	padding:0px 10px 0px 10px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	line-height:26px;
	height:26px;
	border-bottom:1px solid #DDD;
	/*
	border-top:1px solid #DDD;
	background-color:#EEE;
	*/
}

/*
 * Td styling
 */
.pregled-table>tbody>tr>td,
.pregled-table>tfoot>tr>td{
	padding:0px 10px 0px 10px;
	font-size:13px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	line-height:26px;
	height:26px;
	cursor:auto;
}
.pregled-table tbody td span{
	color:#999;
}

.pregled-table th[data-orderby]{
	color:#427fed;
	cursor:pointer;
}
.pregled-table th[data-orderby]:hover{
	text-decoration:underline;
}

.pregled-table *[data-mode=del]{
	width:31px;
}
.pregled-table *[data-mode=edit]
{
	width:26px;
}
.pregled-table tbody td[data-mode=del]{
	background:url(../img/icons/64/delete_normal.png) no-repeat 8px center;
	background-size: 18px;
	cursor:pointer;
}
.pregled-table tbody td[data-mode=del]:hover{
	background-image:url(../img/icons/64/delete_red.png);
}
.pregled-table tbody td[data-mode=edit]{
	background:url(../img/icons/64/edit_normal.png) no-repeat center center;
	background-size: 18px;
	cursor:pointer;
}
.pregled-table tbody td[data-mode=edit]:hover{
	background-image:url(../img/icons/64/edit_color.png);
}
#pageRows{
	/*argin-right:40px !important;*/
}

/*
 * New icons style
 */
.pregled-table *[data-zakljucen]{
	width:5px;
	padding:0px;
}
.pregled-table *[data-del],
.pregled-table *[data-print]
{
	width:31px;
	cursor:pointer;
}
.pregled-table *[data-warning],
.pregled-table *[data-empty],
.pregled-table *[data-char],
.pregled-table *[data-edit],
.pregled-table *[data-os],
.pregled-table *[data-paid],
.pregled-table *[data-visible],
.pregled-table *[data-dobavitelj],
.pregled-table *[data-zakljuceno],
.pregled-table *[data-list],
.pregled-table *[data-referral],
.pregled-table *[data-copy],
.pregled-table *[data-save],
.pregled-table *[data-vSistemu],
.pregled-table *[data-info],
.pregled-table *[data-upn]
{
	width:26px;
	cursor:pointer;
}
.pregled-table *[data-mail]{
	width:36px;
	cursor:pointer;
}
.pregled-table *[data-char]{
	padding:0 5px !important;
	cursor: default;
}

.pregled-table tbody td[data-zakljucen=true]{
	background-color:#6ABD45;
	border-bottom:1px solid #FFF;
}
.pregled-table tbody td[data-zakljucen=false]{
	background-color:#EE3434;
	border-bottom:1px solid #FFF;
}
.pregled-table tbody td[data-zakljucen=opened]{
	background-color:#FC0;
	border-bottom:1px solid #FFF;
}

.pregled-table tbody td[data-del]{
	background:url(../img/icons/64/delete_normal.png) no-repeat 8px center;
	background-size: 18px;
}
.pregled-table tbody td[data-del=true],
.pregled-table tbody td[data-del]:hover{
	background-image:url(../img/icons/64/delete_red.png);
}
.pregled-table tbody td[data-del=disabled],
.pregled-table tbody td[data-del=disabled]:hover{
	background-image:url(../img/icons/64/delete_unactive.png);
	cursor: default;
}

.pregled-table tbody td[data-edit]{
	background:url(../img/icons/64/edit_normal.png) no-repeat center center;
	background-size: 18px;
}
.pregled-table tbody td[data-edit=true],
.pregled-table tbody td[data-edit]:hover{
	background-image:url(../img/icons/64/edit_color.png);
}
.pregled-table tbody td[data-edit=disabled],
.pregled-table tbody td[data-edit=disabled]:hover{
	background-image:url(../img/icons/64/edit_unactive.png);
	cursor: default;
}

.pregled-table tbody td[data-os]{
	background:url(../img/icons/64/DoctorIdentityCard.png) no-repeat center center;
	background-size: 18px;
}

.pregled-table tbody td[data-mail]{
	background:url(../img/icons/128/mail_normal.png) no-repeat center center;
	background-size: 24px;
}
.pregled-table tbody td[data-mail=true],
.pregled-table tbody td[data-mail]:hover{
	background-image:url(../img/icons/128/mail_color.png);
	background-size: 24px;
}
.pregled-table tbody td[data-mail=disabled],
.pregled-table tbody td[data-mail=disabled]:hover{
	background-image:url(../img/icons/128/mail_unactive.png);
	cursor: default;
}
.pregled-table tbody td[data-copy],
.pregled-table tbody td[data-copy]:hover{
	background:url(../img/icons/64/copy.png) no-repeat center center;
	background-size: 20px;
}

.pregled-table tbody td[data-paid],
.pregled-table tbody td[data-dobavitelj],
.pregled-table tbody td[data-zakljuceno]
{
	font-size:20px;
	color:#666;
}
.pregled-table tbody td[data-dobavitelj]:hover,
{
	color:#98c93c;
}
.pregled-table tbody td[data-paid=true],
.pregled-table tbody td[data-dobavitelj=true],
.pregled-table tbody td[data-zakljuceno=true]{
	color:#98c93c;
}
.pregled-table tbody td[data-paid=partial]{
	color:#F90;
}
.pregled-table tbody td[data-paid]:hover{
	color:#006600;
}
.pregled-table tbody td[data-paid=disabled]:hover{
	cursor:default;
}
.pregled-table tbody td[data-paid=disabled],
.pregled-table tbody td[data-paid=disabled]:hover,
.pregled-table tbody td[data-dobavitelj=disabled],
.pregled-table tbody td[data-dobavitelj=disabled]:hover,
.pregled-table tbody td[data-zakljuceno=disabled],
.pregled-table tbody td[data-zakljuceno=disabled]:hover{
	color:#999;
}

/* Visible icon - eye */
.pregled-table tbody td[data-visible]{
	background:url(../img/icons/256/visible_gray.png) no-repeat center center;
	background-size: 24px;
}
.pregled-table tbody td[data-visible=true],
.pregled-table tbody td[data-visible]:hover{
	background-image:url(../img/icons/256/visible_color.png);
	background-size: 24px;
}
.pregled-table tbody td[data-visible=true]:hover{
	background:url(../img/icons/256/visible_gray.png) no-repeat center center;
	background-size: 24px;
}

/* Warning icon - bell */
.pregled-table tbody td[data-warning]{
	background:url("https://cdn4.iconfinder.com/data/icons/integral/128/bell-20.png") no-repeat center center;
	background-size:20px;
}

/* List icon */
.pregled-table tbody td[data-list]{
	background:url(../img/icons/256/list_gray.png) no-repeat center center;
	background-size: 24px;
}
.pregled-table tbody td[data-list=true],
.pregled-table tbody td[data-list]:hover{
	background-image:url(../img/icons/256/list_black.png);
	background-size: 24px;
}
.pregled-table tbody td[data-list=disabled],
.pregled-table tbody td[data-list=disabled]:hover{
	background-image:url(../img/icons/256/list_gray.png);
}

/* Referral icon */
.pregled-table td[data-referral]{
	background:url(../img/icons/512/person_plus_normal.png) no-repeat center center;
	background-size: 24px;
}
.pregled-table td[data-referral=true]{
	background:url(../img/icons/512/person_plus_color.png) no-repeat center center;
	background-size: 24px;
}
.pregled-table td[data-referral]:hover{
	background:url(../img/icons/512/person_plus_hover.png) no-repeat center center;
	background-size: 24px;
}

/* Print icon*/ 
.pregled-table td[data-print]{
	background:url(../img/icons/128/print_color.png) no-repeat center center;
	background-size: 24px;
	opacity:0.7;
}
.pregled-table td[data-print=true]{
	background:url(../img/icons/128/print_color.png) no-repeat center center;
	background-size: 24px;
	opacity:1;
}
.pregled-table td[data-print]:hover{
	background:url(../img/icons/128/print_color.png) no-repeat center center;
	background-size: 24px;
	opacity:1;
}

/* Zaposlen je/ni v sistemu eCreator */
.pregled-table td[data-vSistemu]{
	background:url(../img/logo_ecreator.webp) no-repeat center center;
	background-size: 24px;
}
.pregled-table td[data-vSistemu=true]{
	background:url(../img/logo_ecreator.webp) no-repeat center center;
	background-size: 24px;
}
.pregled-table td[data-vSistemu=false]{
	background:url(../img/logo_ecreator.webp) no-repeat center center;
	background-size: 24px;
	opacity:0.4;
}





/* Save icon */
.pregled-table td[data-save]{
	background:url('https://cdn4.iconfinder.com/data/icons/small-n-flat/24/floppy-24.png') no-repeat center center;
	background-size:24px;
	opacity:0.7;
}
.pregled-table td[data-save]:hover{
	opacity:1;
}



/* Info ikona */
.pregled-table td[data-info]{
	background:url('img/png-transparent-person-thinking-illustration-question-mark-animation-question-text-cartoon-desktop-wallpaper.png') no-repeat center center;
	background-size: 21px;
	opacity:0.5;
}
.pregled-table td[data-info]:hover{
	background:url('img/png-transparent-person-thinking-illustration-question-mark-animation-question-text-cartoon-desktop-wallpaper.png') no-repeat center center;
	background-size: 21px;
	opacity:1;
}

/* UPN ikona */
.pregled-table td[data-upn]{
	width:32px;
	font-weight:bold;
	opacity:0.5;
}
.pregled-table td[data-upn]:hover{
	
	opacity:1;
}

/* ESLOG */
.pregled-table *[data-eslog]{
	width:72px;
	cursor:pointer;
	font-weight:bold;
	opacity:0.7;
	text-align:right;
}
.pregled-table *[data-eslog]:hover{
	opacity:1;
}

/* SEPA */
.pregled-table *[data-sepa]{
	width:62px;
	cursor:pointer;
	font-weight:bold;
	opacity:0.7;
	text-align:right;
}
.pregled-table *[data-sepa]:hover{
	opacity:1;
}


.pregled-table tbody td.ellipsis{
	
	text-overflow:ellipsis;
	overflow:hidden;
}

@media print {
    .smallPrint,.midPrint,.largePrint{
		text-overflow:ellipsis;
		overflow:hidden;
	}
	.smallPrint{
		width:200px;
	}
	.midPrint{
		width:350px;
	}
	.largePrint{
		width:450px;
	}
	.noPrint{
		display:none;	
	}
}



/*
 * Search style
 */


/*
 * Message style
 */
.pregled-msg{
	float:left;
	height:28px;
	line-height:28px;
}
.pregled-error{
	font-weight:bold;
	padding:0px 20px;
	color:#CB2026;
	background:#F5F5F5;
	border:1px solid #DDD;
}
.pregled-error1{
	padding:5px 20px;
	color:#000;
	background:#F5F5F5;
	border:1px solid #DDD;
}
.pregled-success{
	font-weight:bold;
	padding:0px 20px;
	color:#269926;
	background:#F5F5F5;
	border:1px solid #DDD;
}

/*
 * Pages style
 */
.pregled-pages{
	float:right;
	height:30px;
}
.pregled-nextPageActive,
.pregled-previousPageActive{
	cursor:pointer;
}
.pregled-nextPage{
	margin:0px 0px 0px 3px;
	background:url(../img/icons/64/arrow_next_normal.png) no-repeat center center;
	background-size:20px;
}
.pregled-nextPageActive:hover{
	background-image:url(../img/icons/64/arrow_next_blue.png);
	background-size:20px;
}
.pregled-previousPage{
	margin:0px 3px;
	background:url(../img/icons/64/arrow_previous_normal.png) no-repeat center center;
	background-size:20px;
}
.pregled-previousPageActive:hover{
	background-image:url(../img/icons/64/arrow_previous_blue.png);
	background-size:20px;
}

.pregled-excel{
	background:url(https://cdn1.iconfinder.com/data/icons/metro-ui-dock/128/Excel_alt_1.png) no-repeat center center;
	background-size:20px;
	margin:0px 5px 0px 5px;
}

.pregled-print,.pregled-print-noHeader{
	margin:0px 15px 0px 5px;
	background:url(../img/icons/128/print_color.png) no-repeat center center;
	background-size:20px;
}
.pregled-printBarcode{
	margin:0px 5px 0px 5px;
	background:url(https://cdn2.iconfinder.com/data/icons/gnomeicontheme/48x48/stock/generic/stock_id.png) no-repeat center center;
	background-size:20px;
}

.printBtn{
	background:url(../img/icons/128/print_color.png) no-repeat center center;
	background-size:20px;
}


.pregled-nextPage,
.pregled-previousPage,
.pregled-excel,
.pregled-print,
.pregled-print-noHeader,
.pregled-printBarcode,
.printBtn{
	float:right;
	width:28px;
	height:28px;
	background-size:20px;
	background-color:#F5F5F5;
	border:1px solid #DDD;
	cursor:pointer;
}
.pregled-pagesInfo{
	float:right;
	height:28px;
	line-height:28px;
	margin-right:10px;
}

.search-artikelComboBox{
	float:left;
	margin-right:50px;
	margin-top:4px;
	margin-bottom:10px;
}

.search-artikelComboBox .custom-combobox-input{
	width:180px !important;
}