@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_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 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;
					}
					
.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; }

.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: 1s;
    -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;
}

.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;
}