@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* END OF ERIC MEYER CSS RESET */


/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* END OF CLEARFIX */

html{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333;
	}

body{
	background: url(images/bg_global.png) repeat-x #fff;
	height:100%;
	}

a{
	text-decoration: none;
	}
	
	a:hover{
		text-decoration: underline;
		}

strong{
	font-weight: bold;
	}

.left{
	float: left;
	}

.right{
	float: right;
	}
.w20{
	width: 20px;
	}

#global_wrapper{
	/*margin: 0 10px;*/
	min-width: 980px;
	}

#header{
	height: 16px;
	padding: 12px;
    text-align: center;
	}
	
	#header .logo{
		float: left;
	/*	width: 102px;*/
	/*	height: 17px;*/
		}
	
	#header h1{
		float: left;
		margin-left: 20px;
		font-size: 14px;
		text-transform: uppercase;
		}

	#header .logo_dots{
		float: right;
		}
		
	#header .version {
		float: left;
		margin: 6px 12px 2px 10px;
		font-size: 11px;
		/*color: #999;*/
	}

#content{
	background: #555;
	/*border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;*/
	padding: 10px;
	margin-bottom: 10px;
	}
	
#main{
	float: left;
	width: 100%;
	}	
#main::-webkit-scrollbar { 
    display: none; 
}

	.multirecord{
		margin-left: 240px;
		margin-bottom: 10px;
		background: #fff;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding: 7px 7px 0px;
		position: relative;
		}
		
		table.table_multirecord{
			border-collapse: collapse;
			font-size: 12px;
			line-height: 16px;
			width: 100%;
			margin-bottom: 10px;
			}
		
		.master_form_v_align td {
			vertical-align: middle;
		}
		table.table_multirecord tr td{
			padding: 5px;
			}
		
			table.table_multirecord thead a{
				color: #1d5079;
				text-shadow: 1px 1px 1px #fff;
				text-decoration: none;
				}
				
				
			.sort_down{
				background:url(images/icon_sort.png) no-repeat;
				display: block;
				height: 16px;
				width: 16px;
				margin-top: 2px;
				float: right;
				display: none;
				}
			
			.sort_down:hover{
				background:url(images/icon_sort.png) -32px 0 no-repeat;
				}
			
			.sort_up{
				background:url(images/icon_sort.png) -16px 0 no-repeat;
				display: block;
				height: 16px;
				width: 16px;
				margin-top: 2px;
				float: right;
				display: none;
				}
			
			.sort_up:hover{
				background:url(images/icon_sort.png) -48px 0 no-repeat;
				}
					
			.td_filtered .sort_down{
				background:url(images/icon_sort.png) -64px no-repeat;
				}
			
			.td_filtered .sort_down:hover{
				background:url(images/icon_sort.png) -96px 0 no-repeat;
				}
			
			.td_filtered .sort_up{
				background:url(images/icon_sort.png) -82px 0 no-repeat;
				display: block;
				height: 16px;
				width: 16px;
				margin-top: 2px;
				float: right;
				}
			
			.td_filtered .sort_up:hover{
				background:url(images/icon_sort.png) -114px 0 no-repeat;
				}
			
			.sort_clear{
				background:url(images/icon_clear_sort.png) 2px 1px no-repeat;
				display: block;
				margin-top: 2px;
				padding-left: 20px;
				}
			
			.sort_clear:hover{
				background:url(images/icon_clear_sort_hover.png) 2px 1px no-repeat;
				}
			
				table.table_multirecord thead td.td_filtered {
					background: #1d5079;
					}
					
					table.table_multirecord thead td.td_filtered a{
						color: #fff;
						text-shadow: 1px 1px 1px #000;
						}
				
				table.table_multirecord thead a:hover{
					text-decoration: underline;
					}
		
		table.table_multirecord thead tr.desc{
			border-bottom: 1px solid #ccc;
			background:url(images/bg_table_head.png);
			}
			
			table.table_multirecord thead tr.desc td{
				font-weight: bold;
				}
		
		table.table_multirecord thead tr input{
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-size:12px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border: 1px solid #ccc;
			height: 14px;
			width: 90%;
			padding: 5px;
			}
		
		table.table_multirecord tbody tr input[type=text], table.table_multirecord tfoot tr input[type=text]{
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-size:12px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border: 1px solid #ccc;
			height: 14px;
			width: 90%;
			padding: 5px;
			}
			
		table.table_multirecord tbody tr input[readonly=readonly], table.table_multirecord tfoot tr input[type=text]{
			border: 1px solid #fff;
			background-color: #fff;
			color: #000 !important;
		}
		
		table.table_multirecord tbody tr select{
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-size:12px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border: 1px solid #ccc;
			height: 24px;
			width: 90%;
			}
		
		table.table_multirecord tbody tr input.td_calendar_date[type=text]{
			width: 75%;
			}
			
			table.table_multirecord tbody tr .td_calendar_date_img{
				margin-left: 5px;
				}
			
			
			table.table_multirecord thead tr select{
				font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size:12px;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border: 1px solid #ccc;
				width: 100%;
				padding: 3px 5px;
				}
		
		table.table_multirecord tbody tr{
			border-bottom: 1px solid #ddd;
			border-top: 1px solid #fff;
			height: 30px;
			}

		table.table_multirecord tbody tr.even{
			background: #fff;
			}	
		
		table.table_multirecord tbody tr.odd{
			background: #f6f6f6;
			}	
			
			table.table_multirecord tbody tr.hovcolor{
				background: #e2e2e2;
				cursor: pointer;
				}
			
			table.table_multirecord tbody tr.current_row_item td{
				background: #ffe29d !important;
				text-shadow: 1px 1px 1px #fff;
				}
			
			table.table_multirecord tbody tr td.manage_row a{
				display: none;
				}
				
				table.table_multirecord tbody tr td.manage_row a.icon_trash{
					background: url(images/icon_trash.png) no-repeat;
					}
				
				table.table_multirecord tbody tr td.manage_row a.icon_trash:hover{
					background: url(images/icon_trash_hover.png) no-repeat;
					}
				
				table.table_multirecord tbody tr td.manage_row a.icon_edit{
					background: url(images/icon_edit.png) no-repeat;
					}

				table.table_multirecord tbody tr td.manage_row a.icon_edit:hover{
					background: url(images/icon_edit_hover.png) no-repeat;
					}
					
				table.table_multirecord tbody tr td.manage_row a.icon_lock{
					background: url(images/icon_unlock.png) no-repeat;
					}

				table.table_multirecord tbody tr td.manage_row a.icon_lock:hover{
					background: url(images/icon_unlock_hover.png) no-repeat;
					}
					
				table.table_multirecord tbody tr td.manage_row a.icon_unlock{
					background: url(images/icon_lock.png) no-repeat;
					text-indent: -1000000px;
					display: block !important;
					}

				table.table_multirecord tbody tr td.manage_row a.icon_unlock:hover{
					background: url(images/icon_lock_hover.png) no-repeat;
					}
				
				table.table_multirecord tbody tr td.manage_row a.icon_move{
					background: url(images/icon_move.png) no-repeat;
					}
					
				table.table_multirecord tbody tr td.manage_row a.icon_move:hover{
					background: url(images/icon_move_hover.png) no-repeat;
					}					
			
		
		table.table_multirecord tbody tr.hovcolor td.manage_row{
			padding: 0px 5px;
			}
		
			table.table_multirecord tbody tr.hovcolor td.manage_row a.icon_trash, table.table_multirecord tbody tr.hovcolor td.manage_row a.icon_edit, table.table_multirecord tbody tr.hovcolor td.manage_row a.icon_move, table.table_multirecord tbody tr.hovcolor td.manage_row a.icon_lock, table.table_multirecord tbody tr.hovcolor td.manage_row a.icon_unlock{
				background-position: 0 4px;
				width: 18px;
				height: 18px;
				float: left;
				display: block;
				text-decoration: none;
				text-indent: -999px;
				overflow: hidden;
				}
		
		table.table_multirecord tfoot a, table.table_multirecord a.add_row{
			color: #f00;
			}
			
			table.table_multirecord tfoot a:hover{
				color: #fff;
				background: #f00;
				text-decoration: none;
				}
		
		table.table_multirecord tfoot .nav{
			text-align: right;
			}
		
		table.table_multirecord tfoot span{
			color: #999;
			margin-right: 10px;
			}
		
		table.table_multirecord tfoot a.prev, table.table_multirecord tfoot a.next{
			color: #1d5079;
			display: inline;
			padding-left: 12px;
			margin-left: 10px;
			}
		
		table.table_multirecord tfoot a.prev{
			background:url(images/icon_prev.png) no-repeat 0px 5px;
			}
		
		table.table_multirecord tfoot a.next{
			background:url(images/icon_next.png) no-repeat 0px 5px;
			}
		
		table.table_multirecord tfoot a.prev:hover, table.table_multirecord tfoot a.next:hover{
			text-decoration: underline;
			}
	
	.td_filtered {
		background: #eee;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;		
		}
	
	.singlerecord_wrapper{
		margin-left: 240px;
		/*margin-bottom: -10px;*/
		}
		
		.singlerecord_wrapper ul li{
			float: left;
			}
		
		.singlerecord_wrapper ul li.right{
			float: right;
			}
			
			.singlerecord_wrapper ul li.right a{
				margin-right: 0px;
				margin-left: 3px;
				}	

			.singlerecord_wrapper ul li a{
				padding: 0px 20px;
				font-size: 13px;
				line-height: 34px;
				height: 34px;
				color: #fff;
				display: block;
				text-transform: uppercase;
				border-top-left-radius: 3px;
				-moz-border-radius-topleft: 3px;
            	-webkit-border-top-left-radius: 3px;
				border-top-right-radius: 3px;
				-moz-border-radius-topright: 3px;
            	-webkit-border-top-right-radius: 3px;
				border-top: 1px solid #b7c7d2;
				border-left: 1px solid #b7c7d2;
				border-right: 1px solid #7690a3;
				background: #7e9aae;
				margin-right: 3px;
				text-shadow: 1px 1px 1px #586c7b;
				}
				
			.singlerecord_wrapper ul li a:hover{
				background: #3c7097;
				text-decoration: none;
				}
				
				.singlerecord_wrapper ul li.current_singlerecord a{
					background: #fff;
					color: #333;
					text-shadow: none;
					border-top: 1px solid #fff;
					border-left: 1px solid #fff;
					border-right: 1px solid #fff;
					}
			
			.singlerecord_wrapper .sub_tabs ul {
				position: absolute;
				width: 130px;
				display: none;
			}
			
			.sub_tabs {
				
			}
			
			.singlerecord_wrapper .sub_tabs ul li {
				float: none;
			}
			
			.singlerecord_wrapper .sub_tabs ul li a {
				border-radius: 0;
				background: #728A9C;
				color: #fff;
			}
			
			.singlerecord_wrapper .sub_tabs ul li.current_singlerecord a{
					background: #fff;
					color: #333;
					text-shadow: none;
					}
			
	.singlerecord{
		background: #fff;
		border-bottom-left-radius: 3px;
		-moz-border-radius-bottomleft: 3px;
		-webkit-border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-webkit-border-bottom-right-radius: 3px;
		padding: 10px;
		margin-bottom: 3px;
		}
		
		.singlerecord fieldset{
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border: 1px solid #ccc;
			padding: 10px 15px;
			width: 27%;
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
			}
			
		.singlerecord fieldset:last-child{
			margin-right: 0px;
			}
	
			.singlerecord fieldset legend{
				color: #888;
				font-size: 11px;
				}
	
			.singlerecord fieldset label{
				color: #666;
				font-size: 11px;
				margin: 9px 0;
				line-height: 18px;
				clear: both;
				float: left;		
				width: 35%;
				}
			
			.singlerecord fieldset label.label_important + input, .error{
				background-color: #FCD8C0 !important;
				}
				
			/*.singlerecord fieldset input.error + label {
				color: #f00;
				}*/
			
			.singlerecord fieldset label.label_important.label_error{
				color: #f00;
				}

			.singlerecord fieldset input[type=text], input[type=number]{
				float: left;	
				margin: 6px 0;
				padding: 0 2px;
				height: 22px;
				background: none;
				border: 1px solid #ccc;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				background: none;
				color: #333333;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				font-size: 11px;
				width: 62%;
				}
				
			.singlerecord fieldset input[readonly=readonly].required {
				background: none !important;
			}
			.singlerecord fieldset input:enabled.required, .singlerecord fieldset select:enabled.required {
				background-color: #FAF1D4;
			}
			
			.singlerecord fieldset input[type=checkbox],.singlerecord fieldset input[type=radio]{
				float: left;	
				margin: 10px 0 0 4px;
				}
			
			.singlerecord fieldset input[type=text].ajax_autocomplete,
			.singlerecord input[type=text].ajax_autocomplete{
				/*background: url(images/icon_autocomplete.png) right center no-repeat;*/
				background-color: white;
				}
				
			.singlerecord fieldset input:enabled.ajax_autocomplete.required {
				background-color: #FAF1D4 !important;
			}
				
				.singlerecord fieldset input[readonly=readonly].ajax_autocomplete{
				background: none;
				}
			
			.singlerecord fieldset input[readonly=readonly], .singlerecord fieldset textarea[readonly=readonly], .singlerecord fieldset select[readonly=readonly]{
				border: none;
				}
			
			.singlerecord fieldset textarea {
				float: left;	
				margin: 6px 0;
				padding: 0 2px;				
				min-height: 50px;
				overflow: auto;
				background: none;
				border: 1px solid #ccc;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				background: none;
				color: #333333;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				width: 62%;
				max-width: 62%;
			}
			
			.singlerecord fieldset select{
				float: left;	
				margin: 6px 0;
				padding: 0 0 0 2px;
				height: 24px;
				overflow: auto;
				background: none;
				border: 1px solid #ccc;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				background: none;
				color: #333333;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				width: 62%;
				}
			
			.singlerecord .form_checkboxes{
				margin: 10px 0;
				}
			
				.singlerecord .form_checkboxes input[type=checkbox] {
					clear: both;
					float: left;
					margin: 10px;
					}	

				.singlerecord .form_checkboxes label {
					float: left;
					font-size: 12px;
					margin: 10px 0;
					}	
		
		.singlerecord .form_textarea{
			width: 100%;
			}
		
		.singlerecord .form_textarea textarea{
			width:  99%;
			height: 150px;
			overflow: auto;
			border: 1px solid #ccc;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			}

		.singlerecord .form_chooser{
			font-size: 12px;
			margin-bottom: 10px;
			}

			.singlerecord .form_chooser label{
				clear: both;
				float: left;
				width: 160px;
				margin: 10px 0 20px;
				}

			.singlerecord .form_chooser input, .singlerecord .form_chooser select{
				float: left;
				width: 200px;
				border: 1px solid #ccc;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				padding: 5px;
				}
			
			.singlerecord .form_chooser input{
				width: 160px;
				}
				
			.singlerecord .form_chooser a{
				float: left;
				margin: 4px;
				}
			
			.singlerecord p{
				clear: both;
				font-size: 12px;
				line-height: 18px;
				}
			
			.singlerecord p.alert_error{
				margin-bottom: auto;
				color: #f00;
				float: right;
				width: 65%;
				text-align:left;
				}
			
	.singlerecord .upload_attach{
		clear: both;
		float:left;
		height: 20px;
		width: 300px;
		}
		
		.singlerecord .upload_attach span{
			background: url(images/icon_attach.png) no-repeat;
			font-size: 12px;
			text-transform: uppercase;
			padding-left: 20px;
			padding-right: 10px;
			}
		
		.singlerecord .upload_attach a, .singlerecord .attached a{
			font-size: 12px;
			color: #f00;
			}
			
		.singlerecord .upload_attach a:hover, .singlerecord .attached a:hover{
			background: #f00;
			color: #fff;
			text-decoration: none;
			}
			
	.singlerecord .attached{
		float: right;
		width: 400px;
		text-align: right;
		}
		
		.singlerecord .attached span a{
			color: #333;
			padding-left: 20px;
			line-height: 20px;
			margin-right: 10px;
			}
			
		.singlerecord .attached span a:hover{
			color: #333;
			text-decoration: underline;
			background: none;
			}
		
		.singlerecord .attached span.icon_pdf a{
			background: url(images/icon_attach.png) no-repeat;
			}

	.singlerecord_foot, .singlerecord_foot_edit{
		background: #fff;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding: 10px;
		}
	
	.button_gray{
		display:inline-block;
		cursor: pointer;
		font-size: 12px;
		padding: 6px 12px;
		background: #e0e0e0;
		margin: 0 2px;
		color: #000;
		text-shadow: 1px 1px 1px #fff;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-top: 1px solid #f0f0f0;
		border-left: 1px solid #cecece;
		border-right: 1px solid #cecece;		
		border-bottom: 1px solid #4c4c4c;
		}
		
	.button_gray:hover{
		background: #c0c0c0;
		}
	
	.button_red{
		display:inline-block;
		font-size: 12px;
		padding: 6px 12px;
		background: #f00;
		margin: 0 2px;
		color: #fff;
		text-shadow: 1px 1px 1px #570000;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-top: 1px solid #ff8080;
		border-left: 1px solid #eb0101;
		border-right: 1px solid #eb0101;		
		border-bottom: 1px solid #570000;
		}
		
	.button_red:hover{
		background: #d00;
		}
		
.singlerecord_foot a, .singlerecord_foot_edit a, a.popup_slave_form_cancel {
	color: #FF0000;
	font-size: 13px;
	width: 58px;
	display: block;
	margin-left: 130px;
	margin-top: 8px;
	font-family: inherit;
}

.singlerecord_foot a:hover, .singlerecord_foot_edit a:hover {
	color: #fff;
	background-color: #f00;
	text-decoration: none;
}

.singlerecord_foot_edit a {
	width: auto;
	height: 15px;
	margin-left: 0;
	margin-top: 2px;
	background-image: url(images/icon_edit.png) no-repeat;
	padding-left: 20px;
	float: left;
}

#menu{
	width: 230px;
	float: left;
	margin-left: -100%;
	}
	
	#menu ul{}
	
		#menu > ul > li{
			background: #7e9aae;
			margin-bottom: 3px;
			font-size: 13px;
			color: #fff;
			text-transform: uppercase;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-top: 1px solid #b7c7d2;
			border-left: 1px solid #7690a3;
			border-right: 1px solid #7690a3;
			border-bottom: 1px solid #3b444c;			
			}
			
			#menu > ul > li > a{
				color: #fff;
				text-decoration: none;
				padding: 10px 10px 10px 30px;
				display: block;
				text-shadow: 1px 1px 1px #586c7b;
				background-color: #6f8ea5;
				background-repeat: no-repeat;
				background-position: 6px 7px;
				border-bottom: 1px solid #5a6d7c;
				}
				
				#menu > ul > li > a:hover{
					background-color: #3c7097;
					}
			
			#menu > ul > li.icon_shop > a{
				background-image: url(images/icon_shop.png);
				}
			
			#menu > ul > li.icon_list > a{
				background-image: url(images/icon_list.png);
				}

			#menu > ul > li.icon_list_pecat > a{
				background-image: url(images/icon_list_pecat.png);
				}
			
			#menu > ul > li.icon_list_upitnik > a{
				background-image: url(images/icon_list_upitnik.png);
				}

			#menu > ul > li.icon_upload > a{
				background-image: url(images/icon_upload.png);
				}
			
			#menu > ul > li.icon_user > a{
				background-image: url(images/icon_user.png);
				}

			#menu > ul > li.icon_home > a{
				background-image: url(images/icon_home.png);
				}

			#menu > ul > li.icon_globe > a{
				background-image: url(images/icon_globe.png);
				}				

			#menu > ul > li.icon_euro > a{
				background-image: url(images/icon_euro.png);
				}

			#menu > ul > li.icon_usersettings > a{
				background-image: url(images/icon_usersettings.png);
				}
			
			#menu > ul > li.icon_settings > a{
				background-image: url(images/icon_settings.png);
				}

			#menu > ul > li.icon_phone > a{
				background-image: url(images/icon_phone2.png);
				background-position: 0px 4px;
				}

			#menu > ul > li.icon_home_broken > a{
				background-image: url(images/icon_home_broken.png);
				}

			#menu > ul > li.icon_reports > a{
				background-image: url(images/icon_reports.png);
				}
				
			#menu > ul > li.icon_logout > a{
				background-image: url(images/icon_logout.png);
				}

			/*#menu > ul > li:first-child > a, #menu > ul > li:first-child > a:hover {
				background-image: url(images/icon_search.png);
				background-position: 6px 7px;
				}*/
				
			#menu > ul > li.icon_inteligence > a{
				background-image: url(images/icon_inteligence.png);
				}
	
			#menu > ul > li.icon_help > a{
				background-image: url(images/icon_help.png);
				}

			
			
				#menu ul li ul li{
					font-size: 12px;
					color: #fff;
					text-transform: none;
					border-top: 1px solid #92a6b5;
					border-bottom: 1px solid #698091;
					}
					
					#menu ul li ul li a{
						color: #fff;
						text-decoration: none;
						padding: 8px 30px;
						display: block;
						text-shadow: 1px 1px 1px #586c7b;
						}
					
					#menu ul li ul li a:hover{
						background: #3c7097;
						}
					
					
					#menu .current_menu_item a, #menu .current_menu_item a:hover {
						background: #ffb400 url(images/menu_item_hover.png) no-repeat 210px 11px;
						color: #333;
						text-shadow: 1px 1px 1px #fff;
						}
						
						
				#menu ul li ul li ul li{
					font-size: 12px;
					color: #e5e5e5;
					text-transform: none;
				}
				
				#menu ul li ul li ul li a{
					text-decoration: none;
					padding: 8px 30px;
					display: block;
					text-shadow: 1px 1px 1px #586c7b;
					background-color: #6f8494;
					padding-left: 43px !important;
					}
						
.hidden {
	display: none;
}


/* Login box */
#login_box {
	background: url(images/bg_content.png);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 15px;
	margin-bottom: 10px;
	width: 535px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 250px;
}

#login_box label {
	float: left;
	clear: both;
	width: 200px;
	margin: 6px 0;
	color: #fff;
	font-size: 13px;
}

#login_box input[type="text"] {
				float: left;	
				margin: 6px 0;
				height: 22px;
				border: 1px solid #ccc;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				color: #333333;
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				width: 62%;
}

/* LOGIN SCREEN */

#header_login{
	height: 20px;
	padding: 32px;
	}
	
	#header_login .logo{
		float: left;
	/*	width: 102px;*/
		height: 17px;
		}
	
	#header_login h1{
		float: left;
		margin-left: 20px;
		font-size: 14px;
		text-transform: uppercase;
		}

	#header_login .logo_dots{
		float: right;
		}
		
		#content_login{
			background: url(images/bg_content.png);
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			padding: 10px;
			margin: 100px auto;
			width: 360px;
			}
			
			#content_login h1{
				color: #fff;
				font-size: 16px;
				margin: 20px 0;
				text-align: center;
				}
			
			#content_login form{
				border-top: 1px solid #999;
				border-bottom: 1px solid #999;
				margin: 20px 0;
				padding: 20px 0;
				}
			
			#content_login label{
				clear: both;
				float: left;
				color: #fff;
				font-size: 12px;
				width: 100px;
				text-align: right;
				margin-right: 10px;
				line-height: 36px;
				}
			
			#content_login label.label_chk{
				clear: none;
				float: left;
				color: #fff;
				font-size: 12px;
				width: 180px;
				text-align: left;
				line-height: 36px;
				}
			
			#content_login input[type=checkbox]{
				float: left;
				line-height: 36px;
				text-align:right;
				margin: 12px 10px 0 114px;
				}
			
			#content_login input[type=text], #content_login input[type=password]{
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
			    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
			    font-size: 12px;
			    height: 16px;
			    padding: 5px;
				margin: 5px;
			    width: 180px;
				}
			
			#content_login input[type=submit]{
				margin: 5px 0px 5px 114px;
				text-transform: uppercase;
				width: 100px;
				cursor: pointer;
			    }
			
			#content_login .pass_forget{
				font-size: 12px;
				line-height: 18px;
				color: #fff;
				margin: 0 10px 10px;
				}
				
				#content_login .pass_forget a{
					color: #f99;
					}
				
				#content_login .pass_forget a:hover{
					text-decoration: underline;
					}

/* 2FA, verification & forced-password screens — stacked, readable layout that
   reuses the login panel. The base #content_login rules are tailored to the
   two-field login form (floated 100px right-aligned labels, fixed 100px submit
   button offset by 114px) and would otherwise clip the radio options, hide the
   instructional text (dark text on the dark panel) and crop the long buttons. */
#content_login.auth_flow{
	width: 420px;
	padding: 16px 28px 20px;
	text-align: left;
	}

	#content_login.auth_flow form{
		text-align: center;
		}

	#content_login.auth_flow p{
		clear: both;
		color: #fff;
		font-size: 13px;
		line-height: 20px;
		margin: 12px 0;
		text-align: left;
		}

	#content_login.auth_flow label{
		clear: both;
		float: none;
		display: block;
		width: auto;
		color: #fff;
		font-size: 13px;
		text-align: left;
		line-height: 22px;
		margin: 0;
		}

	#content_login.auth_flow input[type=radio]{
		width: auto;
		margin: 0 8px 0 0;
		vertical-align: middle;
		}

	#content_login.auth_flow input[type=text],
	#content_login.auth_flow input[type=password]{
		display: block;
		width: 220px;
		margin: 6px 0 4px;
		}

	#content_login.auth_flow input[name=twofa_code]{
		width: 150px;
		margin: 10px auto;
		font-size: 20px;
		letter-spacing: 8px;
		text-align: center;
		height: 24px;
		}

	#content_login.auth_flow input[type=submit]{
		width: auto;
		margin: 18px 0 6px;
		}

	#content_login.auth_flow b{
		color: #fff;
		}

	#content_login.auth_flow #qrcode{
		margin: 14px auto !important;
		background: #fff;
		padding: 10px;
		border-radius: 3px;
		}

/* Forced password change — keep the original login form layout (inline,
   right-aligned labels next to their inputs). We only (a) make the standalone
   instructional text legible on the dark panel and (b) right-align the submit
   so its right edge lines up with the inputs' right edge. The fixed 330px form
   width = label column (120 + 10 margin) + input (200), so both the input and
   the right-floated button end at the same x. */
#content_login.auth_form{
	width: 360px;
	padding: 10px;
	}

	#content_login.auth_form p{
		color: #fff;
		font-size: 13px;
		line-height: 20px;
		}

	#content_login.auth_form form{
		width: 330px;
		margin: 20px auto;
		padding: 20px 0;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
		}

	#content_login.auth_form form > p{
		margin: 4px 0;
		}

	#content_login.auth_form label{
		clear: both;
		float: left;
		width: 120px;
		margin: 0 10px 0 0;
		color: #fff;
		font-size: 12px;
		text-align: right;
		line-height: 30px;
		}

	#content_login.auth_form input[type=password]{
		box-sizing: border-box;
		width: 200px;
		height: 30px;
		margin: 0;
		padding: 5px;
		font-size: 12px;
		border-radius: 3px;
		}

	#content_login.auth_form input[type=submit]{
		float: right;
		clear: both;
		width: auto;
		margin: 12px 0 0;
		}

	#content_login.auth_form .login_error{
		clear: both;
		color: #F77;
		text-align: center;
		}

.global_loading {
    /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity:0.5;-khtml-opacity: 0.7;
	opacity: 0.7;*/

    display: table-cell;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;

	display: none;
	
}

.global_loading > div {
	
    margin: 300px auto;
    padding: 10px;
    vertical-align: middle;

	position: absolute;
	opacity: .85;
	z-index: 100;
	left: 50%;
	width: 200px;
	padding: 10px 30px;
	
	moz-border-radius: .6em;
	-webkit-border-radius: .6em;
	border-radius: .6em;
	
	border: 1px solid #2A2A2A;
	background: #222;
	color: white;
	text-shadow: 0 1px 0 black;
	font-weight: normal;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#666),to(#222));
	background-image: -webkit-linear-gradient(top,#666,#222);
	background-image: -moz-linear-gradient(top,#666,#222);
	background-image: -ms-linear-gradient(top,#666,#222);
	background-image: -o-linear-gradient(top,#666,#222);
	background-image: linear-gradient(top,#666,#222);
}

#progressbar {
    position: absolute;
    left: 20px;
    top: 80px;
    width: 84%;
    height: 2px;
}

.global_loading div h1 {
	display: block;
	-webkit-margin-before: 0.67em;
	-webkit-margin-after: 0.67em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: normal;
	font-size: 15px;
	text-align: center;
}

.global_loading div p {
	font-size: 12px !important;
	min-height: 12px;
}

.global_loading div span {
	position: static;
	display: block;
	opacity: .75;
	margin: 0 auto;
	width: 35px;
	height: 35px;
	background-color: transparent;

	/*background-image: url(images/ajax-loader.png);*/
	
	-webkit-animation-name: rotateThis;
	-webkit-animation-duration:0.9s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;

	-moz-animation-name: rotateThis;
	-moz-animation-duration:0.9s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
  
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-size: 35px 35px;
}
@-webkit-keyframes rotateThis {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}

@-moz-keyframes rotateThis {
  from {-moz-transform:rotate(0deg);}
  to {-moz-transform:rotate(360deg);}
} 

#ajax_popup {
	background: url(images/bg_global_overlay.png); 
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 600;
	display: none;
	min-width: 1020px;
}

#chat_container {
	background: url(images/bg_global_overlay.png); 
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 600;
	display: none;
	min-width: 1080px;
	top: 0px; 
	overflow: auto; 
}

#chat_container > div {
	box-sizing: border-box;
	background-color:#6F8EA5;;
    width: 1080px;
    height: 600px;
    position: relative;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 60px;
	border: none;
	padding-top: 35px;
    border-radius: 5px;
	display: table;
	border-collapse: separate;
	border-spacing: 0;
}

#chat_container_title {
	position: absolute; 
	top: 11px; 
	left: 8px; 
	color: white; 
	font-size: 13px;	
	text-transform: uppercase;
}

#help_container, #popup_container {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 600;
	display: none;
	top: 0px; 
	overflow: auto; 
}

#help_container > div, #popup_container > div {
	background-color:#6F8EA5;;
    width: 850px;
    height: 650px;
    position: relative;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 60px;
	border: none;
	padding-top: 32px;
    border-radius: 5px;
	display: table;
	border-collapse: separate;
	border-spacing: 5px;
}

#help_container_title, #popup_container_title {
	position: absolute; 
	top: 11px; 
	left: 8px; 
	color: white; 
	font-size: 13px;	
	text-transform: uppercase;
}

#help_message_panel, #popup_panel {
	box-sizing: border-box;
	width: 100%; 
	height: 100%; 
	border-spacing: 5px;
	border-radius: 3px;
	background-color: white;
} 

#ajax_popup > div {	
    margin: 300px auto;
    padding: 8px 6px 4px 6px;
    vertical-align: middle;
	margin-top: 50px;
    width: auto;
	margin: 10px;
	background-color: #6F8EA5;
	border: 0px solid #586C7B;
    border-radius: 5px;
}

#ajax_popup .singlerecord_wrapper {
	margin-left: 0;
}

#ajax_popup .close_popup {
	position: absolute;
	top: 6px;
    right: 6px;
	border: none;
	background: url(images/icon_close.png) no-repeat;
    background-size: 25px 25px;
	height: 25px;
	width: 25px;
	text-indent: -99999px;
	display: block;
}

#ajax_popup .close_popup:hover {
    position: absolute;
	top: 6px;
    right: 6px;
	border: none;
	background: url(images/icon_close_hover.png) no-repeat;
    background-size: 25px 25px;
	height: 25px;
	width: 25px;
	text-indent: -99999px;
	display: block;
}

.ajax_popup {
	clear: both;
	display: none;
	color: #FF0000;
	font-size:12px;
}

.ajax_popup.icon_add {
	margin-left: 35%;
	}

.ajax_popup:hover{
	color: #fff;
	background: #f00;
	text-decoration: none;
}


/* Add polcy select policy type popup */
#mini_select_popup {
	background: url(images/bg_global_overlay.png); 
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 600;
	display: none;
}

#mini_select_popup > div {
	
    margin: 300px auto;
    vertical-align: middle;
	margin-top: 50px;
    width: 400px;
	border: 2px solid #6F8EA5;
	background-color: #7E9AAE;
    border-radius: 3px;
    padding: 34px 4px 8px 4px;
	
}

#mini_select_popup > div .p_container {
	max-height: 450px;
	overflow-y: auto;
	font-size: 11px !important;
	text-transform: none;
	background-color: white;
    border-radius: 3px;
    padding: 5px;
}

#mini_select_popup .singlerecord_wrapper {
	margin-left: 0;
}

#mini_select_popup .close_mini_popup_style {
	position: absolute;
	top: 3px;
	right: 3px;
	border: none;
	background: url(images/icon_close.png) no-repeat;
	background-size: 25px 25px;
	height: 25px;
	width: 25px;
	text-indent: -99999px;
	display: block;
}
	
#mini_select_popup .close_mini_popup_style:hover {
	position: absolute;
	top: 3px;
	right: 3px;
	border: none;
	background: url(images/icon_close_hover.png) no-repeat;
	background-size: 25px 25px;
	height: 25px;
	width: 25px;
	text-indent: -99999px;
	display: block;
}

/* Report popup */
#report_popup {
	background: url(images/bg_global_overlay.png); 
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 600;
	display: none;
}

#report_popup > div {
	
    margin: 300px auto;
    vertical-align: middle;
	margin-top: 50px;
    width: 1270px;
	border: 2px solid #6F8EA5;
	background-color: #7E9AAE;
    border-radius: 3px;
    padding: 34px 4px 8px 4px;
	
}

#report_popup > div .p_container {
	max-height: 750px;
	overflow-y: auto;
	font-size: 11px !important;
	text-transform: none;
	background-color: white;
    border-radius: 3px;
    padding: 5px;
}

#report_popup .singlerecord_wrapper {
	margin-left: 0;
}

#report_popup .close_report_popup_style {
	position: absolute;
	top: 3px;
	right: 3px;
	border: none;
	background: url(images/icon_close.png) no-repeat;
	background-size: 25px 25px;
	height: 25px;
	width: 25px;
	text-indent: -99999px;
	display: block;
}
	
#report_popup .close_report_popup_style:hover {
	position: absolute;
	top: 3px;
	right: 3px;
	border: none;
	background: url(images/icon_close_hover.png) no-repeat;
	background-size: 25px 25px;
	height: 25px;
	width: 25px;
	text-indent: -99999px;
	display: block;
}
/*-------------------------------*/

/* Jquery UI */
.ui-datepicker-trigger {
	background-color: #fff;
	border: none;
}

.ui-widget {
	
	font-size: 0.8em !important;
}

.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat !important; }

/* Login page error message (extracted from inline style="..." on login.php so the login response can drop style-src 'unsafe-inline'). */
.login_error { color: #F77; font-size: 12px; text-align: center; }

/* jQuery UI 1.13 modal overlay: its default .ui-front z-index (100) sits BELOW the edit-mode slave
   form (z-index 500) and the header/menu (1000), so the background never dimmed. Raise it above the
   app content but below the dialogs (1002+) so an active modal dialog grays out everything behind it. */
.ui-widget-overlay {
	z-index: 1001 !important;
}

/* Dialog buttons (Potvrdi / Odustani) — 4px taller (2px extra top + bottom) for easier clicking. */
.ui-dialog .ui-dialog-buttonpane .ui-button {
	padding-top: calc(0.4em + 2px);
	padding-bottom: calc(0.4em + 2px);
}

/* jQuery UI 1.13 autocomplete restyled to resemble the old jQuery UI 1.8 dropdown:
   tight 2px frame padding, rounded (ui-corner-all = 4px) frame and items, light-blue selected item.
   (1.13 marks the highlighted item .ui-state-active = orange in redmond; we restore the blue look.) */
.ui-autocomplete {
	border-radius: 4px !important;
	padding: 2px !important;
}
.ui-autocomplete .ui-menu-item {
	margin: 1px 0;   /* subtle gap between items */
}
.ui-autocomplete .ui-menu-item-wrapper {
	position: relative;
	border: 1px solid transparent;   /* reserved so the selected border doesn't shift layout */
	border-radius: 4px;
	padding: .2em .4em;
	line-height: 1.5em;
}
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
	border-color: #79b7e7 !important;
	background: #d0e5f5 !important;
	color: #1d5987 !important;
	font-weight: normal !important;
}

.ui-autocomplete {
		max-height: 200px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
	}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
	* html .ui-autocomplete {
		height: 200px;
	}

fieldset.global_search_results {
	
	width:89% !important;
	
}

div.global_search{
	min-height: 150px;
	margin: 10px;
	}

div.global_search p{
	margin: 10px 0;
	}
	
	div.global_search input[type=text]{
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:12px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border: 1px solid #ccc;
		height: 18px;
		width: 260px;
		padding: 5px;
		}
	
	div.global_search input[type=submit]{
		cursor: pointer;
		padding: 6px 10px;
		}
		
	div.global_search a{
		color: #1D5079;
		font-size: 12px;
		line-height: 18px;
		margin: 5px 0 20px;
		}
	
	div.global_search a:hover{
		text-decoration: underline;
		}
	
	.singlerecord fieldset.global_search_results label{
		width: auto;
		}
		
		.singlerecord fieldset.global_search_results label a{
			font-size: 14px;
			}
			
a.icon_add{
	background: url(images/icon_add2.png) no-repeat 1px 2px !important;
	padding-left: 15px !important;
	padding-right: 2px !important;
	}
	
	a.icon_add:hover, a.icon_add:focus{
		background: url(images/icon_add2.png) no-repeat 1px -10px #f00 !important;
		padding-left: 15px !important;
		}

.table_provision{
	width: 70%;
	margin-left: 1px;
	}

.table_provision thead tr{
	background-image: url(images/bg_table_head.png) !important;
	border: none !important;
	background-repeat: repeat !important;
	}


.table_provision tr{
	border: none !important;
	background-image: url(images/bg_provision.png) !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;
	}

.table_provision tr td{
	text-align: center;
	}

.table_provision tr td+td{
	padding-right: 20px;
	text-align: left;
	}

.table_provision tr.current_row_item td+td{
	background: url(images/bg_current_provision.png) right center no-repeat;
	}

.table_provision_model{
	padding-left: 10px;
	width: 30%;	
	border-left: 1px solid #ccc;
	}
	
.table_provision_model{
	font-size: 12px;
	width: 100%;
	}
	
	.table_provision_model thead tr{
		}
	
	.table_provision_model thead tr td{
		font-weight: bold;
		line-height: 18px;
		border-bottom: 1px solid #ccc;
		}
	
	.table_provision_model tr{
		width: 50%;
		}	
	
	.table_provision_model tr.prov_btop td{
		border-top: 1px solid #ccc;
		}
	
	.table_provision_model tr td{
		padding: 5px;
		line-height: 14px;
		}
		
		
label.error {
	display: none !important;
}


.extra_settings{
	border: 1px solid #ccc;
	padding: 2px 3px;
	border-radius: 3px;
	height: 24px;
	margin: 0;
	padding: 0;
	display: block;
	}

.extra_settings li{
	float: left;
	}	

.extra_settings li a{
	display: block;
	margin:2px;
	padding: 2px 0;
	background: #f1f1f1;
	}

.extra_settings li:first-child a{
	margin:2px 0 2px 2px;
	}	
	
	.extra_settings li a span{
		margin: 0 4px;
		}		

.valignnone{
	vertical-align: top !important;
	}








.master_extra {
	width:250px;
	min-height: 250px;
	max-height: 750px;
	position: absolute;
	background-color: #fff;
	border:1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #ccc;
	margin-top:50px;
	display: none;
	padding: 6px;
	top: 0px;
	left: 15px;
	overflow: auto;
}



.master_extra .filter_list {
	font-size: 12px;
	font-weight:bold;
	margin-top:12px;
}


.master_extra a {
	font-size: 12px;
	line-height: 18px;
	color: #1D5079;
}

.master_extra .selected {
	color: #000;
}

.popup_arrow{
	display: block;
	width: 15px;
	height: 8px;
	background: url(images/popup_arrow.png) no-repeat;
	position: absolute;
	}

.extra_filter .popup_arrow{
	top: -8px;
	left: 6px;
	}

.users_filter {
	margin-left: 0;
	left: 0;
	z-index: 1000;
	font-size: 12px;
	text-transform: none;
    text-align: left;
}

.users_filter .popup_arrow{
	top: -8px;
	left: 193px;
	}

.users_filter ul {
	margin: 4px;
}

.custom_columns .popup_arrow{
	top: -8px;
	left: 32px;
	}	

.icon_unfilter{
	background: url(images/icon_unfilter.png) no-repeat;
	padding-left: 20px;
	}




.custom_columns{
	font-size: 12px;
	z-index:10;
	}
	
.custom_columns li.separator {
	margin: 10px 0 6px 0;
	color: #667;
}


.extra_filter {
	width:200px;
	min-height: 50px;
	
	margin-top:50px;
	display: none;
	padding: 6px;
	z-index: 10;
	
}

.extra_filter .filter_list {
	font-size: 12px;
	font-weight:bold;
	margin-top:12px;
}

.extra_filter a {
	font-size: 12px;
	color: #1D5079;
}

.extra_filter .selected {
	color: #000;
}


.extra_filter li a {
	background: url(images/icon_filterlist.png) no-repeat 0 7px;
	padding-left: 10px;
	}

.extra_filter strong{
	font-size: 12px;
	line-height: 24px;
	}	


.save_columns_list{
	background: #f1f1f1;
	border-radius: 3px;
	padding: 2px 8px;
	margin-bottom: 4px;
	}

.save_columns_list:hover{
	text-decoration: none;
	background: #ddd;
	}	





.show_master_extra{
	border: 1px solid #eee;
	padding: 2px 5px;
	border-radius: 3px;
	}

.show_master_extra:hover{
	border: 1px solid #ddd;
	background: #eee;
	text-decoration: none !important;
	}	

.show_master_extra:focus{
	border: 1px solid #1D5079;
	color: #fff;
	background: #1D5079;
	text-shadow: 1px 1px 1px #003;
	text-decoration: none !important;
	}	
	
.show_custom_columns span, .show_custom_columns_disabled span{
	display: block;
	height: 16px;
	width: 16px;
	background: url(images/icon_setcolumns.png) top no-repeat; 
	}
	

.show_custom_columns.selected span {
	background: url(images/icon_setcolumns.png) bottom no-repeat;
}	

.show_custom_columns:hover span{
	background:url(images/icon_setcolumns.png) bottom no-repeat; 
	}	

.show_custom_columns:hover, .show_extra_filter:hover, .remove_search_filter:hover {
	background: #1D5079;
	}

.show_extra_filter span, .show_extra_filter_disabled span{
	display: block;
	height: 16px;
	width: 16px;
	background: url(images/icon_filter.png) top no-repeat; 
	}
	
.show_extra_filter.selected, .show_custom_columns.selected {
	background: #1D5079;
}

.show_extra_filter.selected span {
	background: url(images/icon_filter.png) bottom no-repeat;
}	
	

.show_extra_filter:hover span{
	background: url(images/icon_filter.png) bottom no-repeat; 
}

.show_extra_filter_disabled, .show_custom_columns_disabled {
	opacity: 0.2;
	cursor: default;
}

.remove_search_filter span {
	display: block;
	height: 16px;
	width: 16px;
	background: url(images/icon_unfilter.png) top no-repeat; 
	}
	
.remove_search_filter:hover span{
	background: url(images/icon_unfilter.png) bottom no-repeat; 
}

.ajax_url.add_row:focus, .ajax_popup:focus {
	background-color: red !important;
	color: white !important;
}


.ajax_url.primjeni {
	position: absolute;
	margin: 12px 0 0 15px;
	color: #f00;
}

.ajax_autocomplete_remove {
	display: block;
	background: url(images/icon_clear_ac.png) right center no-repeat;
	width: 12px;
	height: 16px;
	float: right;
	margin-top: -26px;
	margin-right: 10px;
	position: relative;
}

.ajax_autocomplete_remove:hover {
	background-position: left;
}

.ajax_autocomplete_remove:focus {
	background-position: left;
}

.ajax_autocomplete_selectarrow {
	display: block;
	width: 16px;
	height: 18px;
	background: url(images/arrow-down-icon.png) right center no-repeat;
	float: right;
	position: relative;
	left: -3px;
	background-color: #eee;
	margin-right: 0;
	margin-top: -30px;
	padding: 4px 1px 0 0;

	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border: 1px solid #ccc !important;
}

.ui-datepicker-trigger {
	display: block;
	width: 20px;
	height: 24px;
	background: url(images/calendarIcon.png) center center no-repeat;
	float: right;
	position: relative !important;
	
	background-color: #eee;
	margin-right: 3px;
	margin-top: -30px;
	padding: 0 4px 0 0;

	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border: 1px solid #ccc !important;
}

.ajax_autocomplete_selectarrow:hover, .ui-datepicker-trigger:hover {
	background-color: #ccc;
	cursor: pointer;
}

.table_multirecord .ajax_autocomplete_selectarrow {
	margin-top: -26px;
	height: 20px;
	left: 12px;
}

.policy_fast_record .ajax_autocomplete_selectarrow {
	left: 0;
}

#ajax_popup .policy_fast_record .ajax_autocomplete_selectarrow {
	left: 12px !important;
}

.table_multirecord .ui-datepicker-trigger {
	margin-top: 0 !important;
	left: 1px;
	height: 26px;
	
}

.singlerecord .table_multirecord .ui-datepicker-trigger {
	left: -20px;
}

.table_multirecord .ajax_popup {
	float: right;
	margin-top: 0px;
}

.policy_fast_record .ui-datepicker-trigger {
	margin: 0;
	left: 0;
	/*left: 0 !important; // Zakomentirano jer smeta set_ac_positions */
}

#ajax_popup .policy_fast_record .ui-datepicker-trigger {
	left: 2px;	
}

#ajax_popup .multirecord {
	margin-left: 0px !important;	
}

.valignnone .ui-datepicker-trigger {
	margin-top: -26px !important;
	left: 7px;
	position: relative !important;

}


.ajax_autocomplete_selected {
	background: none !important;
	border: 1px solid #ccc !important;
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	background-color: #f7f7f7 !important;
	font-size: 100%;
	width: 95%;
}

.policy_fast_record {
	margin-top: -20px;
}

/* nepotrebno dok se koristi funkcija set_ac_positions */
/*.policy_fast_record .ajax_autocomplete_remove {
	left: -6px !important;
}*/


.table_multirecord .ajax_autocomplete_remove {
	margin-top: -21px;
	left: 2px;
}

.table_multirecord .autocomplete_container_box {
	width: 90%;
	height: 30px !important;
}

.table_multirecord .autocomplete_container_box input.ajax_autocomplete {
	width: 100%;
}

/* Postavljeno za fast form jer su ovdje bjezali x-evi */
.popup_slave a.ajax_autocomplete_remove {
	left: 15px !important;
}

#documents_count.loading {
	background-image: url(images/mozilla_blu.gif);
	width: 16px;
	height: 16px;
	display: inline-block;
	position: relative;
	top: 2px;
}

.gl_more.loading {
	background-image: url(images/mozilla_blu.gif);
	height: 16px;
	background-repeat: no-repeat;
	background-position: right;
	width: 88px;
}

.select_polcy_type,
.select_application_type {
	margin: 4px;
}

.select_polcy_type li,
.select_application_type li {
	border-bottom:1px solid #f0f0f0;
}

.select_polcy_type a,
.select_application_type a {
	display: block;
	padding:6px 2px;
	font-size: 13px;
	text-transform: none;
	color: #1f4b6b;
}

.select_polcy_type a:hover,
.select_application_type a:hover {
	background-color: #f0f0f0;
	color: red;
	text-decoration: none;
}

.select_polcy_type p,
.select_application_type p {
	font-size: 14px;
	font-weight: bold;
	margin-bottom:10px;
	position: absolute;
    top: 9px;
    left: 5px;
    color: white;
    text-shadow: 1px 1px 1px #586c7b;
}

.export_icon {
	background-image: url(images/excel_bw.png);
	width: 16px;
	height: 16px;
	display: block;
	opacity: .5;
	position: relative;
	top: 3px;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.export_icon:hover {
	opacity: .9;
	background-image: url(images/excel.png) !important;
	background-color: transparent !important;
}

.html_export_icon {
	background-image: url('images/html-icon.png');
    background-size: 17px 17px;
    width: 17px;
    height: 17px;
    display: block;
    opacity: .5;
    position: relative;
    top: 3px;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.html_export_icon:hover {
	opacity: 1;
	background-size: 17px 17px !important;
    width: 17px;
    height: 17px;
	background-image: url('images/html-icon.png') !important;
	background-color: transparent !important;
}

.correct_red {
	color: red !important;
}

.double_label:hover {
	text-decoration: underline;
	cursor: pointer;
	color: #b8172f;
}

#separate-list li {
	float: none !important;	
}

#separate-list li a {
	background: none !important;
	border: none !important;
	font-size: 12px;
	color: #333 !important;
	text-transform: none !important;
	text-shadow: none !important;
}

#separate-list li a:hover {
	text-decoration: underline;
}

.qq-upload-drop-area {
	height: 120px;
	border: 3px dashed #c5c5c5;
	display: block !important;
	background-color: #f5f5f5;
	font-size: 12px;
	color: #999;
}

.ili {
	font-size: 12px;
	color: #999;
}

.filetype_icon {
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 2px;
	height: 20px;
	display: block;
	color: #1F4B6B;
}

#menu ul li span {
	background-color: #fff;
	border-radius: 20px;
	padding: 3px 6px;
	display: inline-block;
	font-weight: none;
	float: right;
	font-size: 11px;
	
	margin-top: -2px;
	color: #555 !important;
	text-shadow: none !important;
/*
	box-shadow: 0px 1px 1px #000;
	background-image: linear-gradient(bottom, rgb(163,14,3) 11%, rgb(250,123,103) 100%);
	background-image: -o-linear-gradient(bottom, rgb(163,14,3) 11%, rgb(250,123,103) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(163,14,3) 11%, rgb(250,123,103) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(163,14,3) 11%, rgb(250,123,103) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(163,14,3) 11%, rgb(250,123,103) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.11, rgb(163,14,3)),
		color-stop(1, rgb(250,123,103))
	); */
}

#footer {
	font-size: 11px;
	color: #999;
	margin-bottom: 8px;
}

#footer .disk_space {
	float: right;
}

.space_has {
	border:1px solid #667;
	width: 180px;
	height: 7px;
	margin-bottom: 4px;
	border-radius: 2px;
}

.space_used {
	background-color: #667;
	height: 7px;
}

.clear {
	clear: both;
}

.application_error_box {
	padding: 20px;
	color: #fff;
}

.application_error_box a {
	color: #FFF !important;
	text-decoration: underline;
}

.application_error_box a:hover {
	text-decoration: none;
}


.application_error_box.error {
	border: 2px solid;
	background-color: #f5f5f5;
	position: absolute;
	color: #667;
}

#edit_mode_div {
	height: auto;
	position: absolute;
	background-color: #333;
	width:100%;
    height:100%;
	opacity: 0.4; z-index: 100;
	display: none;
}

.slave_form_ajax_edit_mode {
	position: relative;
	z-index: 500;
}

a.add_new_record {
	font-size: 12px;
	color: red;
}

a.add_new_record:hover, a.add_new_record:focus {
	background-color: #f00 !important;
	color: #fff;
	text-decoration: none;
}


.singlerecord table a {
	font-size: 12px;
	color: red;
}

.report_iframe {
	width: 100%;
	/*min-height: 600px;*/
}

.link_href_widget {
	margin-left: 0 !important;
	display: block;
	height: 14px !important;
	max-width: 150px;
}

.error_message_textarea {
	min-height: 500px !important;	
}

.toggle_menu {
	display: none;
	width: 4px;
	margin-right: -7px;
	height: 500px;
	background-color: #fff;
	margin-left: 233px;
	float: left;
	border-radius: 2px;
	opacity: 0.3;
}

.toggle_menu:hover {
	opacity: 1;
}

.fast_form_record .ui-datepicker-trigger {
	top: -26px;
}

.fast_form_record input[readonly=readonly] {
	background-color: transparent !important;
	color: #000 !important;
}

.fast_form_record .always_disabled:not(.ajax_autocomplete) {
	border: 0 !important;
	color: #667 !important;
}

.slave_form_edit {
	background: url(images/icon_edit_red.png) no-repeat !important;	
}

.slave_form_edit:hover {
	background: url(images/icon_edit_white.png) no-repeat !important;
	background-color: red !important;
}

.slave_form_print {
	background: url(images/icon_print_blue.png) no-repeat !important;	
	color: blue !important;
}

.slave_form_print:hover {
	background: url(images/icon_print_white.png) no-repeat !important;
	color: white !important;
	background-color: blue !important;
}

.leasing_contract_policy_ajax tr td:nth-child(7) {
	display: none;
}

.tenant_menu_toggle,
.tenant_tab_toggle, 
.tenant_field_toggle, 
.user_perm_toggle {
	padding: 5px;
    font-size: 16px !important;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#E6E6E6), to(#FFF));
    background: linear-gradient(to right, #E6E6E6 , #FFF);
    /* #F3F3F3: boja za bez gradienta */
}

.tenant_menu_toggle a:hover, 
.tenant_tab_toggle a:hover, 
.tenant_field_toggle a:hover, 
.user_perm_toggle a:hover{ 
	text-decoration: none;
}

.tenant_menu_toggle:hover,
.tenant_tab_toggle:hover,
.tenant_field_toggle:hover, 
.user_perm_toggle:hover{
	/*background: #e2e2e2;*/
	background: -webkit-gradient(linear, left top, right top, from(#D0D0D0), to(#FFF));
    background: linear-gradient(to right, #D0D0D0 , #FFF);
}

#tenant_menu_fieldset strong,
#tenant_fields_fieldset strong,
#tenant_tabs_fieldset strong {
	color: #7e9aae;
	font-weight: normal;
}

#tenant_menu_fieldset p:nth-of-type(2),
#tenant_fields_fieldset p:nth-of-type(2),
#user_permission_fieldset p:nth-of-type(2),
#user_dashboard_fieldset p:nth-of-type(2),
#tenant_tabs_fieldset p:nth-of-type(2) {
    border-radius: 6px 0 0 0;
}

.tenant_fields_tab .required_field label, 
.tenant_tabs_tab .required_field label {
	background: #FAF1D4;
}

.definiranje_sheme_menia_fieldset a,
.definiranje_sheme_fieldset a,
.definiranje_sheme_tabova_fieldset a,
a.url {
	color: #f00;
	font-size: 12px;
}

.definiranje_sheme_menia_fieldset a:hover,
.definiranje_sheme_fieldset a:hover,
.definiranje_sheme_tabova_fieldset a:hover,
a.url:hover {
	cursor: pointer;
}

#multi_file_upload, #image_file_upload {
    width: 125px !important;
    margin-top: 7px;
    position: absolute;
    right: 0px;
    font-size: 14px;
	color: white;
}

.widget_wrapper {
    display: table;
    width: 100%;
}

.widget_wrapper label {
    display: table-cell;
    float: none !important;
    clear: none !important;
	vertical-align: top;
	padding-top: 10px 
}

.widget_wrapper input, .widget_wrapper select {
    display: table-cell;
    float: none !important;
    clear: none !important;
    box-sizing: border-box;
    height: 24px !important;
    width: 100% !important;
}
.widget_wrapper textarea {
	display: table-cell;
    float: none !important;
    clear: none !important;
    box-sizing: border-box;
    width: 100% !important;
	max-width: 100% !important;
}

.widget_wrapper .ajax_popup.icon_add {
	margin-left: 0px; 
}

.widget_wrapper input[type=checkbox] {
	height: 24px !important;
	width: auto !important;
}

.widget_wrapper div.ajax_autocomplete_remove {
	margin-right: 6px;
}
	.widget_wrapper div.ajax_autocomplete_remove:hover {
		cursor: pointer;
	}

.widget_wrapper .ajax_autocomplete_selectarrow {
	left: 0px;
}
.widget_wrapper .ajax_autocomplete_remove {
	left: 4px;
}
.widget_wrapper .ui-datepicker-trigger {
	left: 3px;
}

#tooltip_box, .tooltip_box {
    padding: 3px;
    display: inline-block;
    background-color: rgba(85, 85, 85, 0.5);
    border-radius: 2px;
	position: absolute;
}

#tooltip_box_content, .tooltip_box_content {
    padding: 3px 6px 3px 6px;
    background-color: #FFF;
    border-radius: 2px;
}
#tooltip_box_content p, .tooltip_box_content p {
    display: list-item;
    font-size: 11px;
    margin: 3px 15px 3px 17px;
}
#tooltip_box_content h, .tooltip_box_content h {
    font-size: 13px;
    font-weight: bold;
}

#edit_data_table {
    background-color: #BFBFBF;
    border-left: 2px solid #A7A7A7;
    margin-left: 240px;
    display: block;
    overflow: scroll;
    font-size: 12px;
    padding: 5px;
    white-space: nowrap;
    cursor: default;
    -webkit-user-select: none;  /* chrome */
    -moz-user-select: none;     /* Firefox */
    -ms-user-select: none;      /* IE */ 
}

    #edit_data_table tbody td {
        background-color: #fff;
        border: 1px solid #9C9C9C;
        vertical-align: middle;
        text-align: center;
        padding: 3px;
    }
    #edit_data_table tbody td.active {
        /*background-color: rgb(160, 225, 255);*/
        background-color: blue;
        padding: 1px;
    }

    #edit_data_table thead td, #fixed_header thead td{
        background-color: #E0E0E0;
        border: 1px solid #9C9C9C;
        border-top: 2px solid #9C9C9C;
        vertical-align: middle;
        text-align: center;
        padding: 10px;
    }
        
        #edit_data_table td:first-child, #fixed_header td:first-child{
            border-left: 2px solid #9C9C9C;
        }
        
        #edit_data_table td:last-child, #fixed_header td:last-child{
            border-right: 2px solid #9C9C9C;
        }
        
        #edit_data_table tbody tr:nth-last-child(2) td {
            border-bottom: 2px solid #9C9C9C;
        }
        
        #edit_data_table tbody td:nth-child(1),
        #edit_data_table tbody td:nth-child(2),
        #edit_data_table tbody td:nth-child(3),
        #edit_data_table tbody td:nth-child(4),
        #edit_data_table tbody td:nth-child(5) {
            background-color: #F4F4F4;
            cursor: default;
        }

#fixed_header {
    position: relative; 
    left: 5px; 
    padding: 0px;
    border: 0px;
    overflow: hidden;
    font-size: 12px;
    white-space: nowrap;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

#header_container {
    width: 500px; 
    position: absolute; 
    top:50px; 
    left:2px; 
    margin-left: 240px; 
    overflow: hidden;
}


#tool_table {
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#CCC));
    border-radius: 5px 5px 0px 0px;
    background-color: #E0E0E0;
    border: 2px solid rgb(167, 167, 167);
    border-bottom: 1px solid rgb(167, 167, 167);
    margin-left: 240px;
    font-size: 12px;
    width: calc(100% - 240px);
    /*table-layout: fixed;*/
    white-space: nowrap
}

    #tool_table tbody td {
        padding: 10px 0px 10px 0px;
        border-right: 1px solid #9C9C9C;   
        vertical-align: middle;
        text-align: center; 
    }
    
    #tool_table tbody td:last-child {
        border-right: none;
    }



#tool_table label {
    margin-right: 5px;
}

.excel_row_error td {
    color: red;
    font-weight: bold;
}

.excel_row_prev td {
    color: #2626FF;
}

.excel_row_unimp td {
    color: #FF5722;
}

.excel_row_inv_key td {
    color: #9C27B0;
}

.excel_row_inv_key_vs td {
    background-color: #A2A2A2 !important;
}

.info_img {
    position: absolute;
    top: 2px;
    left: 3px;
    cursor: pointer;
}

.production_warning {
    background: #FF5353;
    padding: 3px 3px 1px 3px;
    border-radius: 3px;
}

.localhost_info {
    background: chartreuse;
    padding: 3px 3px 1px 3px;
    border-radius: 3px;
}

.all_center {
	text-align: center;
	vertical-align: middle;
}

.tab_loader {
	display: block;
    margin: 3px auto;
    width: 20px;
    height: 20px;
    background-image: url(images/tab_loader_5.png);
    -webkit-animation-name: rotateThis;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateThis;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -moz-border-radius: 20px;
    /* -webkit-border-radius: 20px; */
    /* border-radius: 20px; */
    background-size: 20px 20px;
}

.master_form_filter_active {
	/* background-color: #FAF1D4; */
	/* background-color: #E6EEF5; */
	background-color: #DDEAF5;
	border-color: #7E9AAE !important;
}

.master_form_filter_remove {
	display: block;
	background: url(images/icon_clear_ac.png) right center no-repeat;
	width: 12px;
	height: 16px;
	position: absolute;
}

.master_form_filter_remove:hover {
	background-position: left;
}


.special_button {
	float: left;
	position: absolute;
	margin: 5px;
    width: 90px;
    height: 90px;
    border: 1px solid #5c7384; /* b9b9b9 */
	border-radius: 3px;
    box-shadow: 0px 1px 11px 0px #7e9aae; /* c7c7c7 */
    /*background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#CCC));*/
    background: -webkit-gradient(linear, left top, left bottom, from(#a6c8e0), to(#6b879c));
	z-index: 1;
}
.special_button:hover {
	cursor: pointer;
}
.special_button_click {
	/*top: 1px;
	left: 1px;*/
    border: 1px solid #7e9aae; /* d0d0d0 */
    box-shadow: 0px 0px 6px 0px #7e9aae;
    background: -webkit-gradient(linear, left top, left bottom, from(#7e9aae), to(#a6c8e0));
}

.special_widget {
	float: left;
	position: absolute;
	margin: 5px;
	width: 296px; 
	height: 192px;
	border-radius: 3px;
    background: white;
	z-index: 1;
}

.widget_header {
	position: relative;
	height: 18px;
    width: auto;
    margin: 0px 0px 0 0px;
    display: flex;
	align-items: center;
    padding: 6px 5px 5px 15px;
	border: 1px solid #6f8ea5;
    border-radius: 3px;
    background-color: #6f8ea5;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#8cacc3), to(#6f8ea5));*/
	background: -webkit-gradient(linear, left top, left bottom, from(#a6c8e0), to(#6b879c));
    color: #fff;
    text-shadow: 1px 1px 1px #586c7b;
}
.widget_header:hover {
	cursor: move;
}
	.widget_header .remove_widget {
		width: 17px;
		height: 17px;
		background-image: url(/content/templates/osiguranje/images/minus_icon_white.png);
		background-size: 17px 17px;
		position: absolute;
		top: 5px;
		right: 6px;
		opacity: 0.9;
		display: none;
	}
	.widget_header .remove_widget:hover {
		cursor: pointer;
	}

.widget_body {
	height: calc(100% - 32px);
    width: auto;
    margin: 1px 0px 0 0px;
    /*background-color: #EEE;*/
    display: flex;
    align-items: center;
	justify-content: center;
    border-radius: 3px;
    border: 1px solid #afafaf;
}

.google-visualization-table {
	border-radius: 3px; 
}
.google-visualization-table-table td {
    vertical-align: middle;
}

#desktop_menu {
	position: absolute;
    top: -5px;
    right: -5px;
    width: 500px;
    height: 35px;
	padding-right: 10px;
	background: linear-gradient(to right, rgba(126, 154, 174, 0), #94b4cb 80%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(126, 154, 174, 0)), to(#94b4cb));
    z-index: 10000;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#desktop_menu li {
	margin: 0px 10px 1px;
    padding: 5px 10px 3px;
    border-radius: 7px;
    color: #f1f6f9;
}

#desktop_menu li:hover {
	background-color: #f1f6f9;
    color: #5f5f5f;
	cursor: pointer;
	-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

#show_hide_menu:hover {
	cursor: pointer;
}

#account_img {
	float: right;
	margin-left: 15px;
	position: relative;
	top: -4px;
	/*background: url('/content/templates/osiguranje/images/account.png');*/
    background-size: 28px 28px !important;
	width: 28px;
	height: 28px;
	border-radius: 50%;
}

#account_img:hover {
	cursor: pointer;
	background: url('/content/templates/osiguranje/images/account-hover.png');
    background-size: 28px 28px;
}


#account_img div,
.contact div {
	background: url(/content/templates/osiguranje/images/red_circle.png);
    color: white;
    position: absolute;
    right: -8px;
    bottom: -3px;
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    font-size: 11px;
}

#account_panel {
	position: absolute;
    height: 0px;
    width: 0px;
    background: white;
    border: 1px solid #CCC;
    border-radius: 4px;
	box-shadow: 0px 0px 13px -4px #424242;
    right: 4px;
    top: 37px;
    z-index: 20000;
	/*transition: height 600ms ease-in, width 600ms ease;*/
	/*overflow: hidden;*/
}

#my_account {
	box-sizing: border-box;
	height: 120px; 
	position: relative;
	background-color: white;
	border-radius: 3px;
	margin: 0px 5px 5px 5px;
}

#account_panel label,
#message_container label,
#my_account label {
	font-size: 12px;
	position: absolute;
	left: 85px;
	margin: 7px;
	white-space: nowrap;
}

#account_panel a.ajax_popup {
	display: block !important; 
	color: #3197dc; 
	position: absolute; 
	top: 170px; 
	left: 5px;
	padding: 5px 5px 4px 5px;
    border-radius: 3px;
}

#account_panel a.ajax_popup:hover {
	background-color: #3197dc;
	color: white;
}

#account_panel a.ajax_popup:focus {
	background-color: white !important;
    color: #3197dc !important;
}

.multiple_select_filter {
	height: 22px;
    width: 17px;
    background: url(/content/templates/osiguranje/images/icon_filter.png) no-repeat;
	background-size: 15px 34px;
    background-position: 1px 3px;
    background-color: #eee;
    position: absolute;
    right: 0px;
    top: 6px;
    border-radius: 0px 3px 3px 0px;
    border: 1px solid #ccc !important;
}

.multiple_select_filter:hover {
	background-color: #ccc;
    cursor: pointer;
}

.multiple_select_drop_down {
 	 background-color: white;
     border: 1px solid #a6c9e2;
     border-radius: 5px;
     position: fixed;
 	 z-index: 100;
     padding: 2px;
     max-height: 204px;
     height: 204px;
	 min-width: 306px;
}

.multiple_select_drop_down div {
	overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 52px);
    position: relative;
    top: 25px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.multiple_select_drop_down li {
	font-size: 12px;
	white-space: nowrap;
	float: none !important;
	border: 1px solid white;
	border-radius: 5px;
	cursor: default;
	overflow: hidden;
}
.multiple_select_drop_down li:hover {
	border: 1px solid #79b7e7;
    background: #d0e5f5 url(/content/templates/osiguranje/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
    color: #1d5987;
}

.multiple_select_drop_down input[type=checkbox] {
	margin: 5px !important;
}

/* "SVE" toggle: checkbox i tekst u istom retku, vertikalno centrirani; poravnat s checkboxovima ispod */
.multiple_select_drop_down .ms_select_all_wrap {
	display: inline-flex;
	align-items: center;
	line-height: 1;
	font-size: 11px;
	top: 1px;
	left: 4px;
	height: 18px;
	box-sizing: border-box;
	padding: 0 6px 0 4px;
}
.multiple_select_drop_down input[type=checkbox].ms_select_all {
	margin: 0 4px 0 0 !important;
	vertical-align: middle;
}

.multiple_select_drop_down li label {
	font-size: 12px;
    display: inline;
    color: black;
	position: relative;
    top: 3px;
	margin-right: 5px;
}

.multiple_select_drop_down span,
#my_account span {
	padding: 5px 5px 4px 5px;
    border-radius: 5px;
    color: #3197dc;
    font-size: 12px;
    position: absolute;
	transition: color 500ms ease, background-color 500ms ease;
}
.multiple_select_drop_down span:hover,
#my_account span:hover {
	background-color: #3197dc;
    color: white;
	cursor: pointer;
}

#message_container {
	position: fixed;
    width: 370px;
    height: 0px;
	transition: height 1s ease, width 1s ease, bottom 1s ease, right 1s ease;
    bottom: 3px;
	right: 3px;

	overflow: hidden;
	z-index: 101;
	background-color: #6F8EA5;
    border: 3px solid #586C7B;
    border-radius: 5px;
}

#message_body {
	border: 1px solid #ccc;
    height: 100%;
    margin: 4px;
    box-sizing: border-box;
    padding: 6px;
	padding-top: 5px;
    font-size: 15px;
	position: relative;
	background-color: white;
	border-radius: 5px;
}
#message_body input {
	position: absolute;
    left: 2px;
    bottom: 3px;
    width: calc(100% - 11px);
    border: 1px solid;
    border-color: white;
    border-radius: 5px;
    height: 19px;
    font-size: 14px;
    padding-left: 4px;
}
#message_body input:focus {
	border: 1px solid #BBB;
}

.remove_message {
	position: absolute;
	top: 6px;
	right: 6px;
	border: none;
	background: url(images/icon_close.png);
	background-size: 25px 25px;
	height: 25px;
	width: 25px;
	text-indent: -99999px;
	display: block;	
	z-index: 1001;
}

.remove_message:hover {
	background: url(images/icon_close_hover.png);
    background-size: 25px 25px;
}

.maximize_message {
	display: block;
    width: 20px;
    height: 20px;
    background-image: url(images/icon_edit_white.png);
    background-size: 20px 20px;
    position: absolute;
    top: 7px;
    right: 34px;
	z-index: 1001;
}

.maximize_message:hover {
    background-image: url(images/icon_edit_hover.png);
}

#message_header:hover .remove_message,
#message_header:hover .maximize_message,
#chat_container > div:hover .remove_message {
	opacity: 0.9;
} 

.remove_message:hover,
.maximize_message:hover {
	cursor: pointer;
}

#contacts_panel {
	box-sizing: border-box;
    width: 28%;
    height: 100%;
    display: table-cell;
	vertical-align: middle;
	border-spacing: 5px;
}

#contacts {
	box-sizing: border-box;
	height: 482px; 
	border-radius: 3px; 
	overflow-y: auto;
	background-color: white;
	margin: 0px 5px 5px 5px;
}

.contact {
	box-sizing: border-box;
	width: 97%;
    height: 50px;
	position: relative;
	transition: background-color 200ms ease;
	margin: 5px;
	border-radius: 3px;
	color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 1px #586c7b;
    background-color: #6f8ea5;
}

.contact:hover {
    background-color: #3c7097;
}

#contacts > div.active_contact {
	background-color: #ffb400;
}

label.user_info {
	font-size: 12px;
    position: absolute;
    left: 67px;
    white-space: nowrap;
}

#write_message input {
	position: relative;
    width: 98%;
    border: none;
    top: 18px;
	padding-left: 10px;
	background-color: #FAF1D4;
}

#write_message:hover {
	border-style: 3px solid #ffb400;
}

#messages_panel {
	box-sizing: border-box;
	width: 72%; 
	height: 100%; 
	display: table-cell;
	vertical-align: middle;
	border-spacing: 5px;
} 

#recievers {
	box-sizing: border-box;
	height: 120px; 
	background: white; 
	overflow-y: auto;
	border-radius: 3px;
	margin: 0 5px 5px 0;
}

#messages {
	box-sizing: border-box;
	height: 425px; 
	background: white; 
	overflow-y: auto;
	border-radius: 3px;
	margin: 0 5px 5px 0;
}

#write_message {
	box-sizing: border-box;
	height: 52px;
	background: white; 
	overflow-y: auto;
	border-radius: 3px;
	margin: 0 5px 5px 0;
	background-color: #FAF1D4;
}


#recievers .contact {
	width: 240px;
	float: left;
	position: relative;
	overflow: hidden;
}

div.message {
	clear: both;
    font-size: 13px;
    padding: 10px;
    margin: 3px;
	margin-bottom: 4px;
	padding-bottom: 5px;
    border-radius: 7px;
}

div.message span {
	float: right;
    width: 15px;
    height: 15px;
    background: url(/content/templates/osiguranje/images/message_arrow.png);
    background-size: 15px 15px;
	opacity: 0.8;
}
div.message p {
	float: left;
    margin-bottom: 5px;
	font-size: 13px;
}
div.message label {
	float: right;
    font-size: 11px;
    color: #888;
    position: relative;
	top: 2px;
	opacity: 0.5;
	transition: opacity 500ms;
}
#messages:hover label {
	opacity: 1;
}

.message.sent {
	background-color: #d2e2ec;
	margin-right: 55px;
}
#message_body .message.sent {
	margin-right: 22px;
}

.message.sent span {
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.message.sent label {
    right: 15px;
}

.message.recieved {
	background-color: #f3eeee;
	margin-left: 55px;
}
#message_body .message.recieved {
	margin-left: 22px;
}
.message.recieved span {
	-ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.message.recieved label {
    right: 67px;
}

.open_message_box, .show_account_form {
	display: block !important; 
	color: #3197dc; 
	position: absolute; 
	top: 170px; 
	padding: 5px 5px 4px 5px;
    border-radius: 3px;
	font-size:12px;
}
.open_message_box:hover, .show_account_form:hover {
	background-color: #3197dc;
	color: white;
	text-decoration: none;
}


.single_row_data_entry .ui-datepicker-trigger {
	margin-top: -26px !important;
	left: 7px;
	position: relative !important;
}

#imort_report {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	border-collapse: collapse;
	width: 100%;
  }
  
  #imort_report td, #imort_report th {
	border: 1px solid #ddd;
	padding: 5px;
  }
  
  #imort_report tr:nth-child(even){background-color: #f2f2f2;}
  
  #imort_report tr:hover {background-color: #ddd;}
  
  #imort_report th {
	background-color: darkgray;
	color: white;
  }

  .dashboard_alarm {
	background-color: lightcoral;
}

/* Login honeypot: hidden off-screen. The login-page CSP allows style-src 'self' only,
   so this must live in the stylesheet (not inline). Real users never see or fill it. */
.hp_field { position: absolute !important; left: -9999px !important; top: -9999px !important;
            width: 1px; height: 1px; overflow: hidden; opacity: 0; }