/* ======== resets and overrides ======== */

*
{
	margin: 0;
	padding: 0;
}

	*, *:before, *:after
	{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

.hideMe
{
	display: none;
}

.center
{
	position: relative;
	margin: 0 auto;
	overflow: auto;
}

.clearLeft
{
	clear: left;
}

.left
{
	float: left !important;
}


.right
{
	float: right !important;
}

.w45
{
	width: 45%;
}

.w50
{
	width: 50%;
}

.w55
{
	width: 55%;
}

.w75
{
	width: 75%;
}

.w85
{
	width: 85%;
}

.w100
{
	width: 100% !important;
}

.w300
{
	width: 300px;
}

.w400
{
	width: 400px;
}

.w960
{
	width: 960px;
}

.bb1px
{
	border-bottom: 1px solid #CCC;
}


.br1px
{
	border-right: 1px solid #CCC;
}


.brad5px
{
	border-radius: 5px;
}

input[mask='tel']
{
	background: transparent url(/images/inputicons/tel.png) no-repeat 0 0;
	padding: 5px 5px 5px 40px !important;
}

input[mask='email']
{
	background: transparent url(/images/inputicons/email.png) no-repeat 0 0;
	padding: 5px 5px 5px 40px !important;
}

input[mask='postcode']
{
	background: transparent url(/images/inputicons/location.png) no-repeat 0 0;
	padding: 5px 5px 5px 40px !important;
}

input.loc
{
	background: transparent url(/images/inputicons/location.png) no-repeat 0 0;
	padding: 5px 5px 5px 40px !important;
}

input[type='password']
{
	background: transparent url(/images/inputicons/lock.png) no-repeat 0 0;
	padding: 5px 5px 5px 40px !important;
}

input[mask='date']
{
	background: transparent url(/images/inputicons/date.png) no-repeat 0 0;
	padding: 5px 5px 5px 40px !important;
}

input[mask='eur']
{
	background: transparent url(/images/inputicons/eur.png) no-repeat 0 0;
	padding: 5px 5px 5px 40px !important;
}

input[mask='perc']
{
	background: transparent url(/images/inputicons/perc.png) no-repeat 0 0;
	padding: 5px 5px 5px 40px !important;
	background-size: 30px;
}

.textArea
{
	float: left;
	width: 95%;
	height: 175px;
	margin: 5px 0 5px 5px;
	padding: 10px;
}

.loginWrap
{
	float: left;
	border-radius: 5px;
	background: #f7f7f7;
	width: 380px;
	height: 350px;
	border-right: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	-webkit-box-shadow: 5px 10px -5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 5px 10px -5px 0pxrgba(0, 0, 0, 0.3);
	box-shadow: 5px 10px 15px -5px rgba(0, 0, 0, 0.3);
	margin-bottom: 30px;
	text-align: center;
}

	.loginWrap img
	{
		margin: 25px 0;
	}

	.loginWrap input[type='text'], input[type='password']
	{
		float: none;
		width: 90%;
		height: 40px;
		border-radius: 2px;
		border: 1px solid #CCC;
		padding: 5px;
		font-size: 13pt;
		color: #474747;
		margin: 5px 0;
	}

.lh20pt
{
	line-height: 20pt;
}

.p5
{
	padding: 5px !important;
}

.p25
{
	padding: 25px !important;
}

.pl25
{
	padding-left: 25px !important;
}

.mt15px
{
	margin-top: 15px !important;
}

.mt25px
{
	margin-top: 25px !important;
}

.ml5px
{
	margin-left: 5px !important;
}

.mb15
{
	margin-bottom: 15px !important;
}

.fs15pt
{
	font-size: 15pt !important;
}

.fw600
{
	font-weight: 600 !important;
}

a:link, a:active, a:visited
{
	text-decoration: none;
	color: blue;
}

h3
{
	float: left;
	width: 100%;
	font-weight: 600;
	font-size: 13pt;
	line-height: 25pt;
	margin-top: 20px;
}

h1.inloggen
{
	float: left;
	width: 100%;
	font-size: 20pt;
	margin: 7.5% 0 7.5% 0;
	font-weight: 600;
	text-align: center;
}

.bg_grey
{
	background: #f7f7f7;
}

.bg_white
{
	background: #FFF;
}

span.belons
{
	float: left;
	width: 100%;
	font-size: 16pt;
	font-weight: 600;
	margin: 10px 0 0 0;
	color: #1B75BA;
	text-align: center;
}

a.belons
{
	float: left;
	width: 100%;
	font-size: 27pt;
	font-weight: bold;
	margin: -5px 0;
	color: #1B75BA;
	text-decoration: none;
	text-align: center;
}

div.saveBar
{
	float: left;
	width: 101%;
	height: 45px;
	border-bottom: 1px solid #CCC;
	margin: 0;
}

a.bttnLogin
{
	float: left;
	width: 90%;
	background: #00ADEE;
	height: 37px;
	padding: 7px 15px 5px 15px;
	color: #FFF;
	margin: 5px 5%;
	cursor: pointer;
	border-radius: 2px;
	font-weight: 600;
}

	a.bttnLogin:hover
	{
		color: #FFF !important;
	}

a.registreren
{
	float: left;
	margin: 2.5% 0% 0 5%;
}

a.bttnSave
{
	float: right;
	background: #16325C;
	height: 33px;
	padding: 4px 15px 5px 15px;
	color: #FFF;
	margin: 5px 15px 5px 5px;
	cursor: pointer;
}

img.saved
{
	float: right !important;
	width: 30px !important;
	margin: 5px 5px 0 -10px !important;
}

a.bttnSave:hover
{
	color: #FFF;
}

span.bttnSave
{
	float: right;
	background: #16325C;
	height: 33px;
	padding: 4px 15px 5px 15px;
	color: #FFF;
	margin: 5px 15px 5px 5px;
	cursor: pointer;
}

span.bttnAdd
{
	float: left;
	padding: 7px 10px 7px 30px;
	background: #00ACED url(/images/plus-white.png) no-repeat 8px 10px;
	color: #FFF;
	font-weight: 600;
	margin: 5px 10px 0 0;
	background-size: 15px;
	cursor: pointer;
}

span.bttnCancel
{
	float: right;
	margin-top: 10px;
	text-decoration: underline;
	cursor: pointer;
}

span.bttn
{
	float: left;
	background: #16325C;
	height: 33px;
	padding: 4px 15px 5px 15px;
	color: #FFF;
	margin: 5px 15px 5px 5px;
	cursor: pointer;
}

a:hover
{
	color: #0026ff;
	text-decoration: none;
}

body
{
	background-color: #F7F7F7; /*#EEF1F6*/
	font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif;
	font-size: 100%;
	color: #333;
}

img
{
	border: none;
}

div.nav
{
	float: left;
	height: 100vh;
	background: #16325C;
	overflow: hidden;
	width: 240px;
	position: fixed;
}

	div.nav span
	{
		float: left;
		font-weight: 600;
		color: #FFF;
		padding: 10px 0 10px 30px;
		width: 100%;
	}

	div.nav div.owlNav
	{
		float: left;
		background: #16325C;
		width: 100%;
		border-bottom: 2px solid #E8E9EC;
	}

		div.nav div.owlNav img.owl
		{
			float: left;
			margin-left: 27.5%;
			width: 106px;
			margin-bottom: -8px;
		}



	div.nav .menu
	{
		float: left;
		height: 50px;
		width: 100%;
		color: #FFF;
		font-family: 'Segoe UI Semibold', Arial;
		font-size: 0.95em;
		padding: 15px 0 0 55px;
		overflow: hidden;
		white-space: nowrap;
	}

		div.nav .menu div
		{
			float: left;
		}

		div.nav .menu:hover
		{
			background-color: #1B75BB;
			cursor: pointer;
		}





		div.nav .menu.iconMenu
		{
			background-image: url(/images/nav/menu.png);
			background-repeat: no-repeat;
			background-position: 15px 10px;
			background-size: 30px;
		}

		div.nav .menu.iconLock
		{
			background-image: url(/images/nav/lock.png);
			background-repeat: no-repeat;
			background-position: 15px 10px;
			background-size: 30px;
		}

		div.nav .menu.iconHome
		{
			background-image: url(/images/nav/home.png);
			background-repeat: no-repeat;
			background-position: 15px 11px;
			background-size: 25px;
		}

		div.nav .menu.iconSavings
		{
			background-image: url(/images/nav/sparen.png);
			background-repeat: no-repeat;
			background-position: 15px 11px;
			background-size: 25px;
		}

		div.nav .menu.iconIncome
		{
			background-image: url(/images/nav/loan.png);
			background-repeat: no-repeat;
			background-position: 15px 11px;
			background-size: 25px;
		}

		div.nav .menu.iconVerplichtingen
		{
			background-image: url(/images/nav/invoice.png);
			background-repeat: no-repeat;
			background-position: 15px 11px;
			background-size: 25px;
		}

		div.nav .menu.iconGroups
		{
			background-image: url(/images/nav/groups.png);
			background-repeat: no-repeat;
			background-position: 15px 10px;
			background-size: 30px;
		}

		div.nav .menu.iconFunnel
		{
			background-image: url(/images/nav/funnel.png);
			background-repeat: no-repeat;
			background-position: 15px 10px;
			background-size: 30px;
		}

		div.nav .menu.iconId
		{
			background-image: url(/images/nav/contacts.png);
			background-repeat: no-repeat;
			background-position: 15px 10px;
			background-size: 30px;
		}

		div.nav .menu.iconAkkoord
		{
			background-image: url(/images/nav/akkoordverklaring.png);
			background-repeat: no-repeat;
			background-position: 15px 10px;
			background-size: 30px;
		}

		div.nav .menu.iconRapport
		{
			background-image: url(/images/nav/dashboard.png);
			background-repeat: no-repeat;
			background-position: 15px 10px;
			background-size: 30px;
		}

		div.nav .menu.iconFiles
		{
			background-image: url(/images/nav/files.png);
			background-repeat: no-repeat;
			background-position: 15px 10px;
			background-size: 30px;
		}

		div.nav .menu.iconMortgage
		{
			background-image: url(/images/nav/mortgage.png);
			background-repeat: no-repeat;
			background-position: 15px 10px;
			background-size: 25px;
		}

		div.nav .menu.iconPersoon
		{
			background-image: url(/images/nav/user.png);
			background-repeat: no-repeat;
			background-position: 15px 10px;
			background-size: 25px;
		}

		div.nav .menu.iconInvoice
		{
			background-image: url(/images/nav/invoice.png);
			background-repeat: no-repeat;
			background-position: 15px 10px;
			background-size: 30px;
		}

		div.nav .menu.iconKlant
		{
			background-image: url(/images/nav/user.png);
			background-repeat: no-repeat;
			background-position: 55px -13px;
			background-size: 65px;
			padding: 40px;
			margin-top: 55px;
			height: 95px;
		}

		div.nav .menu.iconTasks
		{
			background-image: url(/images/nav/task.png);
			background-repeat: no-repeat;
			background-position: 15px 10px;
			background-size: 30px;
		}

		div.nav .menu.iconAccounts
		{
			background-image: url(/images/nav/accounts.png);
			background-repeat: no-repeat;
			background-position: 15px 10px;
			background-size: 30px;
		}


		div.nav .menu.active
		{
			background-color: #00ACED;
		}



div.werkveld
{
	float: left;
	margin-left: 240px;
}

div.header
{
	float: left;
	width: 100%;
	height: 50px;
	border-bottom: 2px solid #E8E9EC;
	background: #FFF;
}

	div.header img
	{
		float: left;
		margin-left: 15px;
		height: 60px;
		margin-top: -5px;
	}



div.triangle-leftS
{
	width: 0;
	height: 0;
	border-top: 22px solid transparent;
	border-right: 22px solid #FFF;
	border-bottom: 22px solid transparent;
	position: absolute;
	left: 3px;
	top: -22px;
}

div.triangle-left
{
	float: left;
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-right: 25px solid #CCC;
	border-bottom: 25px solid transparent;
	position: relative;
	margin: 5px -32px 0 10px;
}

div.triangle-rightS
{
	width: 0;
	height: 0;
	border-top: 22px solid transparent;
	border-left: 22px solid #F4F6F9;
	border-bottom: 22px solid transparent;
	position: absolute;
	right: 3px;
	top: -22px;
}

div.triangle-right
{
	float: right;
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 25px solid #CCC;
	border-bottom: 25px solid transparent;
	position: relative;
	margin: 5px 7px 0 -32px;
}


div.UpdatePanelWrap
{
	background: transparent;
	float: left;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 9;
}

div.UpdatePanelWrapWhite
{
	background: rgba(54, 25, 25, .5);
	float: left;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 9;
}

div.formfieldPu
{
	float: left;
	padding: 15px;
	background: #FFF;
	top: 7%;
	left: 30%;
	position: absolute;
	width: 40%;
	min-height: 300px;
	border: 1px solid #CCC;
	border-radius: 5px;
	z-index: 10;
	max-height: 80%;
	overflow-y: auto;
}

	div.formfieldPu div.button
	{
		float: right !important;
		border: 1px solid #CCC;
		width: auto !important;
		padding: 5px 15px;
		border-radius: 5px;
		background: #F1F1F1;
		cursor: pointer;
		margin-bottom: -15px !important;
		position: relative;
		z-index: 1;
	}

	div.formfieldPu.w60
	{
		width: 60% !important;
		left: 20%;
	}

	div.formfieldPu img
	{
		float: left;
		background: #1B75BB;
		border-radius: 10px;
		width: 35px;
		margin: 0 10px 0 0;
	}

	div.formfieldPu h5.newActivity
	{
		float: left;
		font-size: 15pt;
	}

	div.formfieldPu h5.newFactuur
	{
		float: left;
		font-size: 15pt;
		width: calc(100% - 50px);
		height: 35px;
		border-bottom: 1px solid #CCC;
		margin-bottom: 20px;
	}

	div.formfieldPu h5.newFactuurSelect
	{
		float: left;
		font-size: 12pt;
	}

	div.formfieldPu h5.newDoc
	{
		float: left;
		font-size: 15pt;
		margin-bottom: 10px;
	}

	div.formfieldPu.w60 div.formRow span.button
	{
		float: right;
		margin-right: 10px;
		margin-left: 10px;
	}

	div.formfieldPu div.formRow
	{
		float: left;
		width: 100%;
		min-height: 35px;
		margin-top: 10px;
		padding: 5px;
		border-top: 1px solid #CCC;
	}

		div.formfieldPu div.formRow img.loader
		{
			background: transparent;
			width: 35px;
			float: right;
		}

		div.formfieldPu div.formRow span.q
		{
			float: left;
			width: 35%;
			height: 30px;
		}

		div.formfieldPu div.formRow span.button
		{
			float: left;
			margin-left: 35%;
			height: 35px;
			padding: 5px 15px;
			background: #1B75BB;
			color: #FFF;
			border-radius: 5px;
			cursor: pointer;
		}

		div.formfieldPu div.formRow input
		{
			float: left;
			width: 35%;
			border: 1px solid #CCC;
			border-radius: 5px;
			height: 30px;
			padding: 5px;
		}

			div.formfieldPu div.formRow input.w20
			{
				width: 20%;
			}

			div.formfieldPu div.formRow input.w65
			{
				width: 65%;
			}

		div.formfieldPu div.formRow select
		{
			float: left;
			width: 25%;
			border: 1px solid #CCC;
			border-radius: 5px;
			height: 30px;
			padding: 5px;
		}

			div.formfieldPu div.formRow select.w60
			{
				width: 60%;
			}

			div.formfieldPu div.formRow select.w65
			{
				width: 65%;
			}

			div.formfieldPu div.formRow select.second
			{
				margin-left: 10px;
			}

		div.formfieldPu div.formRow textarea
		{
			float: left;
			width: 35%;
			border: 1px solid #CCC;
			border-radius: 5px;
			height: 70px;
			padding: 5px;
		}

	div.formfieldPu.w60 div.formRow textarea
	{
		float: right;
		width: 65%;
		border: 1px solid #CCC;
		border-top: 0px solid #CCC;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		height: 300px;
		padding: 5px;
	}

	div.formfieldPu.w60 div.formRow div.fakeArea
	{
		float: right;
		width: 65%;
		border: 1px solid #CCC;
		border-top: 0px solid #CCC;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		height: 300px;
		overflow: auto;
		padding: 5px;
	}

		div.formfieldPu.w60 div.formRow div.fakeArea img
		{
			background: transparent;
		}

img.closePopup
{
	background: transparent !important;
	width: 25px !important;
	height: 25px !important;
	float: right !important;
	cursor: pointer;
}


div.header .userPopup .pointer
{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 20px 20px;
	border-color: transparent transparent #CCC transparent;
	float: right;
	margin: -30px 5px 0 0;
}

	div.header .userPopup .pointer .inside
	{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 17px 17px 17px;
		border-color: transparent transparent #FFF transparent;
		float: left;
		margin: 3px 0 0 -17px;
	}

div.header .userPopup img
{
	float: left;
	width: 80px;
	height: auto;
	border: 2px solid #CCC;
	border-radius: 50%;
	background: #FFF;
	margin-top: 15px;
}

div.header .userPopup span.name
{
	float: left;
	margin-top: 15px;
	font-size: 16pt;
	margin-left: 10px;
}

div.header .userPopup span.funtion
{
	float: left;
	margin-top: 5px;
	font-size: 12pt;
	margin-left: 10px;
}

div.header .userPopup div.links
{
	float: left;
	width: 100%;
	border-top: 5px solid #E8E9EC;
	margin-top: 5px;
}

div.header .userPopup a
{
	float: left;
	margin-top: 5px;
	font-size: 10pt;
	margin-left: 10px;
}

	div.header .userPopup a.right
	{
		float: right;
	}


div.pageHead
{
	float: left;
	width: 100%;
	height: 100px;
	background: #F4F6F9;
	border-bottom: 2px solid #E8E9EC;
}

	div.pageHead img.icon
	{
		float: left;
		background: #1B75BA;
		margin: 20px;
		width: 50px;
		padding: 5px;
		border-radius: 10px;
	}

	div.pageHead img.user
	{
		float: left;
		margin: 20px;
		width: 77px;
		padding: 5px;
		border-radius: 10px;
	}

div.titleWrap
{
	float: left;
	margin-top: 20px;
}

div.predefQuery
{
	float: left;
	margin: 35px 0 0 20px;
}

	div.predefQuery select
	{
		float: left;
		width: 275px;
		height: 35px;
		border-radius: 5px;
		border: 1px solid #CCC;
		font-size: 14pt;
		padding: 0 5px;
	}

div.filtersAndButtons
{
	float: right;
	margin: 35px 20px 0 0;
}

	div.filtersAndButtons .nieuw
	{
		float: right;
		border: 1px solid #D8DDE6;
		padding: 5px 15px;
		color: #4480D3;
		background: #FFF;
		border-radius: 5px;
		height: 35px;
	}

		div.filtersAndButtons .nieuw:hover
		{
			cursor: pointer;
		}

	div.filtersAndButtons .reload
	{
		float: left;
		width: 35px;
		height: 35px;
		background: transparent url(/images/reload.png) no-repeat center center;
		border: 1px solid #CCC;
		border-radius: 5px;
		margin: 0 10px 0 0;
		cursor: pointer;
		background-size: 100%;
		cursor: pointer;
	}


	div.filtersAndButtons .filter
	{
		float: left;
		width: 35px;
		height: 35px;
		background: transparent url(/images/filter.png) no-repeat center center;
		border: 1px solid #CCC;
		border-radius: 5px;
		margin: 0 10px 0 0;
		cursor: pointer;
		background-size: 100%;
		cursor: pointer;
	}


	div.filtersAndButtons .search
	{
		float: left;
		width: 35px;
		height: 35px;
		background: transparent url(/images/search.png) no-repeat center center;
		border: 1px solid #CCC;
		border-radius: 5px;
		margin: 0 10px 0 0;
		cursor: pointer;
		background-size: 100%;
		cursor: pointer;
	}

	div.filtersAndButtons .lock
	{
		float: left;
		width: 35px;
		height: 35px;
		background: transparent url(/images/lock.png) no-repeat center center;
		border: 1px solid #CCC;
		border-radius: 5px;
		margin: 0 10px 0 0;
		cursor: pointer;
		background-size: 100%;
		cursor: pointer;
	}

		div.filtersAndButtons .lock:hover
		{
			float: left;
			width: 35px;
			height: 35px;
			background: #FFF url(/images/lock.png) no-repeat center center;
			border: 1px solid #CCC;
			border-radius: 5px;
			margin: 0 10px 0 0;
			cursor: pointer;
			background-size: 100%;
			cursor: pointer;
		}

	div.filtersAndButtons .aanvragen
	{
		float: left;
		width: 35px;
		height: 35px;
		background: transparent url(/images/aanvragen.png) no-repeat center center;
		border: 1px solid #CCC;
		border-radius: 5px;
		margin: 0 10px 0 0;
		cursor: pointer;
		background-size: 100%;
		cursor: pointer;
	}

		div.filtersAndButtons .aanvragen:hover
		{
			float: left;
			width: 35px;
			height: 35px;
			background: #FFF url(/images/aanvragen.png) no-repeat center center;
			border: 1px solid #CCC;
			border-radius: 5px;
			margin: 0 10px 0 0;
			cursor: pointer;
			background-size: 100%;
			cursor: pointer;
		}

	div.filtersAndButtons .kennistoets
	{
		float: left;
		width: 35px;
		height: 35px;
		background: transparent url(/images/kennistoets.png) no-repeat center center;
		border: 1px solid #CCC;
		border-radius: 5px;
		margin: 0 10px 0 0;
		cursor: pointer;
		background-size: 100%;
		cursor: pointer;
	}

		div.filtersAndButtons .kennistoets:hover
		{
			float: left;
			width: 35px;
			height: 35px;
			background: #FFF url(/images/kennistoets.png) no-repeat center center;
			border: 1px solid #CCC;
			border-radius: 5px;
			margin: 0 10px 0 0;
			cursor: pointer;
			background-size: 100%;
			cursor: pointer;
		}

	div.filtersAndButtons .merge
	{
		float: left;
		width: 35px;
		height: 35px;
		background: transparent url(/images/merge.png) no-repeat center center;
		border: 1px solid #CCC;
		border-radius: 5px;
		margin: 0 10px 0 0;
		cursor: pointer;
		background-size: 100%;
		cursor: pointer;
	}

	div.filtersAndButtons .dayView
	{
		float: left;
		width: 35px;
		height: 35px;
		background: transparent url(/images/dayview.png) no-repeat center center;
		border: 1px solid #CCC;
		border-radius: 5px;
		margin: 0 10px 0 0;
		cursor: pointer;
		background-size: 100%;
		cursor: pointer;
	}

	div.filtersAndButtons .weekView
	{
		float: left;
		width: 35px;
		height: 35px;
		background: transparent url(/images/weekview.png) no-repeat center center;
		border: 1px solid #CCC;
		border-radius: 5px;
		margin: 0 10px 0 0;
		cursor: pointer;
		background-size: 100%;
		cursor: pointer;
	}

	div.filtersAndButtons .monthView
	{
		float: left;
		width: 35px;
		height: 35px;
		background: transparent url(/images/monthview.png) no-repeat center center;
		border: 1px solid #CCC;
		border-radius: 5px;
		margin: 0 10px 0 0;
		cursor: pointer;
		background-size: 100%;
		cursor: pointer;
	}

	div.filtersAndButtons .yearView
	{
		float: left;
		width: 35px;
		height: 35px;
		background: transparent url(/images/yearview.png) no-repeat center center;
		border: 1px solid #CCC;
		border-radius: 5px;
		margin: 0 10px 0 0;
		cursor: pointer;
		background-size: 100%;
		cursor: pointer;
	}



	div.filtersAndButtons .search.active
	{
		background: #0070D2 url(/images/search_white.png) no-repeat center center;
	}


span.titleSmall
{
	float: left;
	width: 100%;
	font-size: 0.75em;
	text-transform: uppercase;
}

div.data
{
	float: left;
	width: 100%;
}

div.mergClient
{
	float: left;
	width: 22.5%;
	margin: 15px;
	border: 1px solid #CCC;
	border-radius: 5px;
	background: #FFF;
	padding: 15px;
}

	div.mergClient span
	{
		float: left;
		width: 100%;
	}

		div.mergClient span em
		{
			float: left;
			width: 120px;
			font-style: normal;
			font-weight: bold;
			height: 30px;
		}

div.lstview
{
	float: left;
	background: #FFF;
	height: 40px;
	width: 100%;
	border-bottom: 1px solid #CCC;
	padding-left: 15px;
}

	div.lstview img.loader
	{
		float: left;
		width: 30px;
		margin-top: 5px;
	}

	div.lstview div#showNext, div#showPrev
	{
		float: left;
		margin: 2px 2px;
		border-radius: 5px;
		border: 1px solid #CCC;
		padding: 5px 15px;
		background: #1B75BB;
		color: #FFF;
	}

		div.lstview div#showNext.Disabled
		{
			background: #CCC !important;
		}

	div.lstview:hover
	{
		background: #F4F6F9;
		cursor: pointer;
	}

	div.lstview.head:hover
	{
		background: #FFF;
	}

	div.lstview span.lvCheckBox
	{
		width: 35px;
	}

	div.lstview input, select
	{
		float: left;
		border: 1px solid #CCC;
		height: 30px;
		margin: 5px 5px 5px 10px;
		width: 210px;
		padding: 5px;
	}

		div.lstview input.lvCheckBox
		{
			width: 15px;
		}

		div.lstview input.w150
		{
			width: 135px;
		}

	div.lstview div.checkbox
	{
		float: left;
		height: 15px;
		width: 15px;
		margin: 13px 10px 10px 10px;
		background: transparent url(/images/checkbox.png) no-repeat center -49px;
	}

		div.lstview div.checkbox.active
		{
			background: transparent url(/images/checkbox.png) no-repeat center -9px;
		}

	div.lstview span
	{
		float: left;
		width: 225px;
		padding: 10px 5px 8px 15px;
		text-transform: uppercase;
		color: #54698D;
		font-size: 10pt;
		white-space: nowrap;
		overflow: hidden;
	}


		div.lstview span:hover
		{
			color: #005FB2;
			text-decoration: underline;
		}

		div.lstview span.w150
		{
			float: left;
			width: 150px;
			padding: 10px 5px 8px 15px;
			text-transform: uppercase;
			color: #54698D;
			font-size: 10pt;
			white-space: nowrap;
			overflow: hidden;
		}

	div.lstview.head
	{
		border-bottom: 2px solid #CCC;
	}



		div.lstview.head span
		{
			font-size: 11pt;
		}

			div.lstview.head span em.arrow
			{
				font-style: normal;
				font-size: 18pt;
				float: right;
				margin-right: 10px;
				margin-top: -8px;
				height: 10px;
			}

			div.lstview.head span:hover
			{
				color: #0F78D4;
				cursor: pointer;
				border-right: 2px solid #CCC;
				background: #F4F6F9;
			}

	div.lstview.footer
	{
		border-top: 2px solid #CCC;
	}

		div.lstview.footer:hover
		{
			cursor: default;
			background: #FFF;
		}

		div.lstview.footer span.lvResults
		{
			float: left;
			width: auto;
		}

		div.lstview.footer span.button
		{
			float: left;
			background: #0070D2;
			color: #FFF;
			padding: 5px 10px;
			height: 30px;
			width: 100px;
			margin: 3px 0 0 10px;
			border-radius: 5px;
			text-align: center;
			cursor: pointer;
			font-weight: bold;
			font-size: 11pt;
			text-transform: none;
		}

span.titleBig
{
	float: left;
	width: 100%;
	font-size: 1.75em;
	font-family: 'Segoe UI', Arial;
}

div.titleBig
{
	float: left;
	width: 100%;
	font-size: 2.1em;
	font-family: 'Segoe UI', Arial;
}


/*content klant*/

div.innerWorkfield
{
	float: left;
	width: 100%;
	padding: 25px;
}



div.filter
{
	float: left;
	padding-bottom: 10px;
	width: 100%;
	border-bottom: 1px dashed #CCC;
}

	div.filter input.filter
	{
		float: left;
		width: 250px;
		height: 30px;
		border-radius: 5px;
		border: 1px solid #CCC;
		margin: 5px 15px;
		padding: 5px;
		font-size: 12pt;
	}

	div.filter span.filterTitle
	{
		float: left;
		width: 100%;
		margin: 10px 0 0 10px;
	}

	div.filter select
	{
		float: left;
		width: 250px;
		height: 35px;
		margin: 10px 0 0 10px;
		border-radius: 5px;
		font-size: 13pt;
		padding-left: 10px;
	}

	div.filter span.button
	{
		float: right;
		margin: 0 10px 0 0;
		border: 1px solid #CCC;
		padding: 5px 15px;
		border-radius: 5px;
		color: #0070D2;
		cursor: pointer;
	}

div.seperator
{
	float: left;
	background: #FFF;
	padding: 15px;
	border-radius: 5px;
	border: 1px solid #CCC;
}

div.side
{
	float: right;
	width: 25%;
}

	div.side div.sideElement
	{
		float: left;
		width: 90%;
		background: #FFF;
		padding: 15px;
		border-radius: 5px;
		border: 1px solid #CCC;
		margin: 0 0 25px 25px;
	}

		div.side div.sideElement h2.daaromMw
		{
			background: transparent url(/images/daaromMw.png) no-repeat;
			background-position: 0 0;
			position: relative;
			z-index: 10;
			height: 125px;
			margin: -73px 0 -20px -45px;
			padding: 70px 0 0 50px;
			background-size: 100px;
			width: 450px;
		}

		div.side div.sideElement h3
		{
			float: left;
			width: 100%;
			font-size: 14pt;
			color: #16325C;
			margin: 10px 0 10px 0;
			font-weight: 600;
		}

		div.side div.sideElement span.check
		{
			padding-left: 25px;
			text-align: left;
			background: url(/images/check_green.png) no-repeat left center;
			background-size: 20px;
			line-height: 25px;
			font-size: 13pt;
			font-weight: normal;
			margin-top: 5px;
			float: left;
			clear: left;
		}

	div.side div.medewerker
	{
		float: left;
		margin-left: 25%;
		width: 50%;
	}

		div.side div.medewerker img
		{
			float: left;
			width: 100%;
			background: #F7F7F7;
			border-radius: 50%;
		}


div.offertesWrap
{
	float: left;
	width: 100%;
	border-bottom: 2px solid #CCC;
}

div.offerte
{
	float: left;
	width: 30%;
	border: 1px solid #CCC;
	border-radius: 5px;
	height: 350px;
	background: #FFF;
	margin: 10px;
}

	div.offerte img
	{
		float: left;
		width: 50%;
		margin: 10px 25%;
	}

	div.offerte span.offertenr
	{
		float: left;
		font-size: 11pt;
		width: 100%;
		margin: 10px 5px !important;
		text-align: center;
	}

	div.offerte span.type
	{
		float: left;
		font-size: 11pt;
		width: 100%;
		margin: 5px 5px 0 10px !important;
		text-align: left;
	}

		div.offerte span.type em
		{
			float: right;
			font-weight: bold;
			font-style: normal;
			font-size: 11pt;
			width: 55%;
			margin: 0 15px 0 0 !important;
			text-align: left;
		}

	div.offerte span.datum
	{
		float: left;
		font-size: 11pt;
		width: 100%;
		margin: 5px 5px 0 10px !important;
		text-align: left;
	}

		div.offerte span.datum em
		{
			float: right;
			font-style: normal;
			font-size: 11pt;
			width: 55%;
			margin: 0 15px 0 0 !important;
			text-align: left;
		}

	div.offerte span.status
	{
		float: left;
		font-size: 11pt;
		width: 100%;
		margin: 5px 5px 0 10px !important;
		text-align: left;
		white-space: nowrap;
	}

		div.offerte span.status em
		{
			float: right;
			font-style: normal;
			font-weight: bold;
			font-size: 11pt;
			width: 55%;
			margin: 0 15px 0 0 !important;
			text-align: left;
		}

	div.offerte a.button
	{
		float: left;
		background: #0070D2;
		height: 30px !important;
		border-radius: 5px;
		font-size: 12pt !important;
		width: 60% !important;
		margin: 15px 20% !important;
		text-align: center;
		color: #FFF !important;
		font-weight: bold;
		padding: 4px 5px;
		cursor: pointer;
	}

div.contentHeader
{
	float: left;
	width: 100%;
	height: 45px;
	border-bottom: 1px solid #CCC;
	background: #F7F7F7;
	margin: 15px 0 0 0;
	border: 1px solid #CCC;
	cursor: default;
}

	div.contentHeader.big
	{
		height: 180px;
	}

		div.contentHeader.big div.logo
		{
			float: left;
			height: 100%;
			border-right: 1px solid #CCC;
			overflow: hidden;
			width: 185px;
			text-align: center;
			padding: 1%;
		}

			div.contentHeader.big div.logo img
			{
				float: left;
				width: 100%;
				margin-top: 22.5%;
			}


		div.contentHeader.big span.bank
		{
			font-weight: 600 !important;
			font-size: 15pt !important;
			width: 100% !important;
			float: left;
		}

		div.contentHeader.big span.product
		{
			font-weight: normal;
			font-size: 13pt;
			width: 100% !important;
			float: left;
			color: #B29999;
		}

		div.contentHeader.big span.rente
		{
			font-weight: normal;
			font-size: 30pt;
			width: 100% !important;
			float: left;
			margin-top: 5px;
		}


		div.contentHeader.big div.mapsWrap
		{
			float: left;
			height: 130px;
			margin: 0.5%;
			border: 2px solid #CCC;
			overflow: hidden;
			width: 130px;
			text-align: center;
			position: relative;
		}


			div.contentHeader.big div.mapsWrap img
			{
				position: absolute;
				top: 50%;
				left: 50%;
				margin-top: -25px;
				margin-left: -25px;
			}

		div.contentHeader.big img.streetview
		{
			float: left;
			width: 130px;
			height: 130px;
			border: 2px solid #CCC;
			margin: 0.5%;
		}


	div.contentHeader.sub
	{
		width: 100%;
		background: #FCFCFC;
		margin-top: -1px;
		border: 1px solid #CCC;
	}

	/*div.contentHeader.sub span.bttnSave{
		background: transparent;
		text-decoration: underline;
		color: #000;
	}*/

	div.contentHeader span.headTekst
	{
		float: left;
		margin: 10px 0 0 5px;
		font-weight: 600;
		color: #16325C;
		font-size: 12pt;
		width: 450px;
		height: 50px;
	}

		div.contentHeader span.headTekst.male
		{
			background: transparent url(/images/gender-icons/man.png) no-repeat -15px -5px;
			padding-left: 30px;
			background-size: 50px;
		}

		div.contentHeader span.headTekst.female
		{
			background: transparent url(/images/gender-icons/woman.png) no-repeat -15px -5px;
			padding-left: 30px;
			background-size: 50px;
		}

		div.contentHeader span.headTekst.boy
		{
			background: transparent url(/images/gender-icons/boy.png) no-repeat -15px -5px;
			padding-left: 30px;
			background-size: 50px;
		}

		div.contentHeader span.headTekst.girl
		{
			background: transparent url(/images/gender-icons/girl.png) no-repeat -15px -5px;
			padding-left: 30px;
			background-size: 50px;
		}

		div.contentHeader span.headTekst.savings
		{
			background: transparent url(/images/savings.png) no-repeat -5px -1px;
			padding-left: 40px;
			background-size: 45px;
		}

		div.contentHeader span.headTekst.investing
		{
			background: transparent url(/images/investing.png) no-repeat -5px -1px;
			padding-left: 40px;
			background-size: 45px;
		}

		div.contentHeader span.headTekst.gift
		{
			background: transparent url(/images/schenking.png) no-repeat -5px -1px;
			padding-left: 40px;
			background-size: 40px;
		}

		div.contentHeader span.headTekst.house
		{
			padding-left: 7px;
			background-size: 40px;
			height: 20px;
			font-size: 16pt;
			margin: 5px 0 10px 0;
		}

	div.contentHeader span.headTekstHyp
	{
		float: left;
		margin: 10px 0 0 5px;
		font-weight: 600;
		color: #16325C;
		font-size: 12pt;
		width: 250px;
	}

	div.contentHeader span.headIncome
	{
		float: left;
		margin: 10px 0 0 5px;
		font-weight: 600;
		color: #16325C;
		font-size: 12pt;
		width: 150px;
		text-align: right;
	}



div.seperator div.tabsWrap
{
	float: left;
	width: 100%;
	border-bottom: 1px solid #D8DDE6;
}

div.seperator div.tabcontent
{
	float: left;
	width: 100%;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 15px;
	margin-bottom: 15px;
	-webkit-box-shadow: 5px 10px -5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 5px 10px -5px 0pxrgba(0, 0, 0, 0.3);
	box-shadow: 5px 10px 15px -5px rgba(0, 0, 0, 0.3);
}

	div.seperator div.tabcontent.sub
	{
		width: 100%;
		margin: -1px 0 25px 0;
		border: 1px solid #CCC;
		padding: 0 0 20px 15px;
	}

	div.seperator div.tabcontent h5
	{
		float: left;
		font-size: 14pt;
		font-weight: normal;
		margin: 10px;
	}

div.seperator div.tabsWrap span.tab
{
	float: left;
	width: auto;
	color: #16325C;
	font-size: 12pt;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 15px;
	cursor: pointer;
	margin-right: 15px;
}

	div.seperator div.tabsWrap span.tab.alert
	{
		background: transparent url(/images/alert.png) no-repeat 100% 55%;
		background-size: 20px;
		padding: 10px 25px 10px 15px;
	}

	div.seperator div.tabsWrap span.tab:hover
	{
		color: #0070D2;
		border-bottom: 2px solid #0070D2;
	}

	div.seperator div.tabsWrap span.tab.active
	{
		color: #0070D2;
		border-bottom: 2px solid #0070D2;
	}


div.seperator div.dataSetHead
{
	float: left;
	width: 100%;
	border-bottom: 1px solid #CCC;
}

div.seperator div.button
{
	float: left;
	width: 100%;
}

	div.seperator div.button span.new
	{
		float: right;
		background: #FFF;
		width: 100px;
		padding: 5px;
		height: 35px;
		border: 1px solid #D8DDE6;
		border-radius: 5px;
		color: #4074C6;
		text-align: center;
		margin-bottom: 10px;
		cursor: pointer;
	}

div.seperator div.dataSetHead:hover
{
	cursor: pointer;
}

div.seperator div.dataSetHead.plus
{
	background: #FFF url(/images/plus.png) no-repeat right 15px;
}

div.seperator div.dataSetHead.minus
{
	background: #FFF url(/images/minus.png) no-repeat right 15px;
}

div.seperator div.dataSetHead.color.plus
{
	background: #F4F6F9 url(/images/plus.png) no-repeat 99% 15px;
}

div.seperator div.dataSetHead.color.minus
{
	background: #F4F6F9 url(/images/minus.png) no-repeat 99% 15px;
}

div.seperator div.dataSetHead div.preview
{
	float: left;
	width: 100%;
}

	div.seperator div.dataSetHead div.preview span
	{
		float: left;
		width: auto;
		font-size: 11pt;
		color: #1D74C6;
		margin: 0 0 0 5px;
		height: 25px;
	}





div.seperator div.dataSetHead h5
{
	float: left;
	width: 85%;
	margin: 15px 0 10px 5px;
	font-size: 14pt;
	font-weight: bold;
}


div.addLogWrap
{
	float: left;
	width: 100%;
	border-bottom: 1px solid #CCC;
	height: 120px;
	border-top: 1px solid #CCC;
	padding: 10px;
}

	div.addLogWrap textarea
	{
		float: left;
		width: 75%;
		padding: 10px;
		border: 1px solid #CCC;
		border-radius: 5px;
		height: 100px;
	}


	div.addLogWrap select
	{
		float: left;
		width: 10%;
		margin: 60px 2.5%;
		padding: 10px;
		border: 1px solid #CCC;
		border-radius: 5px;
		height: 40px;
		text-align: center;
	}

	div.addLogWrap .addLog
	{
		float: left;
		width: 35px;
		height: 35px;
		background: transparent url(/images/chatsend.png) no-repeat center center;
		margin: 62px 0 0 15px;
	}

div.logWrap
{
	float: left;
	width: 100%;
	margin: 10px;
	height: 442px;
	overflow-y: auto;
	padding: 10px;
	overflow-x: hidden;
}

	div.logWrap div.logRow
	{
		float: left;
		width: 100%;
		margin: 9px 0 0 10px;
		min-height: 35px;
		padding: 0px 0px 5px 0;
		border-left: 5px solid #4BC076;
	}

		div.logWrap div.logRow span.who
		{
			float: left;
			width: 40px;
			height: 40px;
			border-radius: 50%;
			margin: -10px 0 0 -22px;
			background-color: #FFF;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 30px;
			border: 3px solid #4BC076;
		}

		div.logWrap div.logRow span.date
		{
			float: left;
			width: 70%;
			margin: -5px 0 0 10px;
			font-weight: bold;
		}

		div.logWrap div.logRow span.private
		{
			float: left;
			width: 75px;
			margin: 5px 0 0 10px;
			font-weight: normal;
			background: transparent url(/images/private.png) no-repeat left 2px;
			padding-left: 25px;
			background-size: 20px;
		}

		div.logWrap div.logRow span.public
		{
			float: left;
			width: 75px;
			margin: -5px 0 0 10px;
			font-weight: normal;
			background: transparent url(/images/public.png) no-repeat left 2px;
			padding-left: 25px;
			background-size: 20px;
		}

		div.logWrap div.logRow select
		{
			float: left;
			height: 30px;
			border-radius: 5px;
			padding: 5px;
			margin-left: 20px;
		}


		div.logWrap div.logRow span.desc
		{
			float: left;
			clear: left;
			width: 90%;
			min-height: 25px;
			margin: -10px 0 0 25px;
			border-bottom: 1px solid #CCC;
			padding-bottom: 15px;
		}

		div.logWrap div.logRow textarea
		{
			float: left;
			width: 65%;
			height: 75px;
			margin-left: 30px;
		}

div.seperator div.emailsWrap
{
	float: left;
	width: 100%;
	margin: 10px;
	height: 535px;
	overflow-y: auto;
	padding: 10px;
	overflow-x: hidden;
	border-bottom: 1px solid #CCC;
}

div.toolbar
{
	float: right;
	width: 65%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	height: 40px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #F5F5F5;
	padding: 2.5px;
}

	div.toolbar button
	{
		float: left;
		height: 30px;
		width: 30px;
		border: none;
	}

		div.toolbar button:hover
		{
			border-radius: 5px;
			border: 1px solid #999;
		}

		div.toolbar button.bold
		{
			background: transparent url(/images/toolbar.jpg) no-repeat -3px -3px;
		}

		div.toolbar button.italic
		{
			background: transparent url(/images/toolbar.jpg) no-repeat -33px -3px;
		}

		div.toolbar button.link
		{
			background: transparent url(/images/toolbar.jpg) no-repeat -323px -3px;
		}

		div.toolbar button.unlink
		{
			background: transparent url(/images/toolbar.jpg) no-repeat -353px -3px;
		}

		div.toolbar button.olist
		{
			background: transparent url(/images/toolbar.jpg) no-repeat -133px -3px;
		}

		div.toolbar button.ulist
		{
			background: transparent url(/images/toolbar.jpg) no-repeat -100px -3px;
		}

div.cc
{
	float: left;
	width: 100px;
	margin: 0 0 0 10px;
}

div#emailverzenden input#chkZippen
{
	float: left;
	width: 15px;
}

div#emailverzenden label
{
	float: left;
	width: 300px;
	margin: 3px 0 0 5px;
}

div.cc input#ccAan
{
	float: left;
	width: 15px;
}

div.cc label
{
	float: left;
	width: 35px;
	margin: 3px 0 0 5px;
}

div.seperator div.activityRow
{
	float: left;
	width: 100%;
	border-left: 4px solid #1B75BB;
	margin: 10px 0 -10px 14px;
	padding: 20px 10px 10px 10px;
}

	div.seperator div.activityRow.past
	{
		border-left: 4px solid #CCC;
	}

	div.seperator div.activityRow.active
	{
		background: #F4F6F9;
	}

	div.seperator div.activityRow:hover
	{
		color: #0070D2;
	}

	div.seperator div.activityRow div.arWrap
	{
		float: left;
		width: 100%;
		border-bottom: 1px solid #CCC;
		min-height: 60px;
	}

		div.seperator div.activityRow div.arWrap span.bullet
		{
			float: left;
			width: 35px;
			height: 35px;
			border-radius: 30%;
			margin: -10px 0 0 -30px;
			background: #1B75BB url(/images/nav/task.png) no-repeat center center;
			background-size: 25px;
		}



	div.seperator div.activityRow span.bullet.toLate
	{
		background-color: red;
		background-image: none;
		font-size: 18pt;
		text-align: center;
		font-weight: bold;
		color: #FFF;
	}

	div.seperator div.activityRow.past span.bullet
	{
		background: #CCC url(/images/nav/task.png) no-repeat center center;
		background-size: 20px;
	}

	div.seperator div.activityRow span.datum
	{
		float: left;
		font-size: 10pt;
		margin-top: -10px;
		margin-left: 10px;
	}

	div.seperator div.activityRow input.datum
	{
		float: left;
		width: 85px;
		margin: -15px 0 0 10px;
		height: 30px;
		border-radius: 5px;
		border: 1px solid #CCC;
		padding: 5px;
		text-align: center;
	}

	div.seperator div.activityRow span.dateDone
	{
		float: left;
		font-size: 10pt;
		margin-top: -10px;
		background: transparent url(/images/check.png) no-repeat left center;
		margin-left: 25px;
		padding-left: 25px;
		background-size: 20px;
	}

	div.seperator div.activityRow span.product
	{
		float: left;
		font-size: 10pt;
		margin-top: -10px;
		background: transparent url(/images/product.png) no-repeat left center;
		margin-left: 25px;
		padding-left: 25px;
		background-size: 20px;
	}

	div.seperator div.activityRow span.who
	{
		float: left;
		font-size: 10pt;
		margin-top: -10px;
		background: transparent url(/images/user.png) no-repeat left center;
		margin-left: 25px;
		padding-left: 20px;
		background-size: 15px;
	}

	div.seperator div.activityRow span.recipient
	{
		float: left;
		font-size: 10pt;
		margin-top: -10px;
		background: transparent url(/images/ontvanger.png) no-repeat left center;
		margin-left: 25px;
		padding-left: 20px;
		background-size: 15px;
	}

	div.seperator div.activityRow span.sender
	{
		float: left;
		font-size: 10pt;
		margin-top: -10px;
		background: transparent url(/images/sender.png) no-repeat left center;
		margin-left: 25px;
		padding-left: 20px;
		background-size: 15px;
		width: 33.33%;
	}

	div.seperator div.activityRow span.description
	{
		float: left;
		font-size: 11pt;
		width: 85%;
		margin: 10px;
	}

	div.seperator div.activityRow textarea
	{
		float: left;
		width: 75%;
		border-radius: 5px;
		border: 1px solid #CCC;
		margin: 1% 0 1% 1.5%;
		padding: 10px;
	}

	div.seperator div.activityRow div.arWrap img.editActivity
	{
		float: right;
		margin: 0 10px 0 0;
		width: 4%;
		cursor: pointer;
	}

	div.seperator div.activityRow div.arWrap img.saveActivity
	{
		float: right;
		margin: 0 10px 0 0;
		width: 4%;
		cursor: pointer;
	}

	div.seperator div.activityRow div.arWrap select
	{
		float: right;
		height: 30px;
		width: 75px;
		border-radius: 5px;
		font-size: 11pt;
		margin-right: 10px;
	}

		div.seperator div.activityRow div.arWrap select.who
		{
			float: left;
			margin: -15px 0 0 10px;
			width: 150px;
		}

div.seperator div.emailsWrap div.activityRow span.bullet
{
	float: left;
	width: 35px;
	height: 35px;
	border-radius: 30%;
	margin: -10px 0 0 -30px;
	background: #1B75BB url(/images/nav/email.png) no-repeat center center;
	background-size: 25px;
}

div.seperator div.emailsWrap div.activityRow span.activity
{
	float: left;
	width: 100%;
	height: 35px;
	margin-top: -15px;
	padding-left: 15px;
}

div.seperator div.emailsWrap div.activityRow img.editTask
{
	float: right;
	margin-right: 15px;
}


div#showAanvraagData h5
{
	float: left;
	width: 100%;
	font-size: 15pt;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}

div#showAanvraagData div
{
	float: left;
	width: 100%;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}

div#showAanvraagData span
{
	float: left;
	width: 100%;
	min-height: 30px;
}

	div#showAanvraagData span em
	{
		float: left;
		width: 20%;
		font-style: normal;
		font-weight: bold;
		min-height: 30px;
	}


div#showKennistoets h5
{
	float: left;
	width: 100%;
	font-size: 15pt;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}



div#showKennistoets span
{
	float: left;
	width: 100%;
	min-height: 30px;
}

div#showKennistoets div.kennistoetsWrap
{
	float: left;
	width: 100%;
	border-bottom: 1px solid #CCC;
	min-height: 70px;
	padding: 10px;
}

	div#showKennistoets div.kennistoetsWrap span
	{
		float: left;
		width: 100%;
		min-height: 30px;
	}

		div#showKennistoets div.kennistoetsWrap span b
		{
			float: left;
			min-height: 30px;
			width: 35px;
		}

div.rightSide
{
	float: left;
	background: #FFF;
	width: 45%;
	padding: 10px;
	min-height: 300px;
}

div.dataSetHead.color
{
	float: left;
	width: 100%;
	border: 1px solid #CCC;
	border-radius: 5px;
	background: #F4F6F9;
	margin-top: 20px;
	padding: 10px;
}

/*div.dataSetHead.color:hover {
        cursor: default !important;
    }*/

div.dataSetHead span.uploaden
{
	float: right !important;
	width: 100px !important;
	background: #FFF;
	text-align: center;
	padding: 5px;
	font-size: 11pt;
	border: 1px solid #CCC;
	border-radius: 5px;
	cursor: pointer;
	height: 35px !important;
	margin: 10px 0 0 5px !important;
}

div.dataSetHead.color span
{
	float: left;
	width: 100%;
	font-size: 11pt;
	color: #1D74C6;
	margin: 0 0 0 35px;
	height: 25px;
}

div.dataSetHead.color div.icon
{
	float: left;
	width: 30px;
	height: 30px;
	margin: 5px 0px 5px 15px;
	border-radius: 5px;
}

	div.dataSetHead.color div.icon.files
	{
		background: #BAAC93 url(/images/nav/files.png) no-repeat center center;
		background-size: 35px;
	}

	div.dataSetHead.color div.icon.Autoverzekering
	{
		background: #BAAC93 url(/images/nav/car.png) no-repeat center center;
		background-size: 25px;
	}

	div.dataSetHead.color div.icon.email
	{
		background: #BAAC93 url(/images/nav/email.png) no-repeat center center;
		background-size: 25px;
	}

	div.dataSetHead.color div.icon.invoice
	{
		background: #BAAC93 url(/images/nav/invoice.png) no-repeat center center;
		background-size: 25px;
	}

	div.dataSetHead.color div.icon.Goudenhanddruk
	{
		background: #BAAC93 url(/images/nav/stamrecht.png) no-repeat center center;
		background-size: 25px;
	}

	div.dataSetHead.color div.icon.Hypotheken
	{
		background: #BAAC93 url(/images/nav/mortgage.png) no-repeat center center;
		background-size: 25px;
	}

	div.dataSetHead.color div.icon.Lenen
	{
		background: #BAAC93 url(/images/nav/loan.png) no-repeat center center;
		background-size: 25px;
	}

	div.dataSetHead.color div.icon.Lijfrentesparen
	{
		background: #BAAC93 url(/images/nav/banksparen.png) no-repeat center center;
		background-size: 25px;
	}

	div.dataSetHead.color div.icon.Lijfrenteverzekering
	{
		background: #BAAC93 url(/images/nav/lijfrente.png) no-repeat center center;
		background-size: 25px;
	}

	div.dataSetHead.color div.icon.Woonhuis
	{
		background: #BAAC93 url(/images/nav/woonhuis.png) no-repeat center center;
		background-size: 25px;
	}

	div.dataSetHead.color div.icon.Zorg
	{
		background: #BAAC93 url(/images/nav/zorg.png) no-repeat center center;
		background-size: 25px;
	}

	div.dataSetHead.color div.icon.Orv
	{
		background: #BAAC93 url(/images/nav/orv.png) no-repeat center center;
		background-size: 25px;
	}

	div.dataSetHead.color div.icon.Pensioen
	{
		background: #BAAC93 url(/images/nav/pension.png) no-repeat center center;
		background-size: 25px;
	}

	div.dataSetHead.color div.icon.Sparen
	{
		background: #BAAC93 url(/images/nav/sparen.png) no-repeat center center;
		background-size: 25px;
	}

	div.dataSetHead.color div.icon.Middeling
	{
		background: #BAAC93 url(/images/nav/middeling.png) no-repeat center center;
		background-size: 25px;
	}

div.dataSetHead.color h5
{
	float: left !important;
	width: 75% !important;
	margin: 10px 0 10px 10px !important;
	font-weight: bold !important;
	font-size: 11pt !important;
}

	div.dataSetHead.color h5:hover
	{
		cursor: default;
	}

div.fileWrap
{
	float: left;
	width: 100%;
	margin-top: 15px;
	border-top: 1px solid #CCC;
}

	div.fileWrap div.file
	{
		float: left;
		width: 100%;
		margin: 0;
		height: 70px;
		border-bottom: 1px solid #CCC;
	}

		div.fileWrap div.file img.viewDoc
		{
			float: right;
			margin: 20px 0 -50px 0;
			cursor: pointer;
		}

		div.fileWrap div.file img.icon
		{
			float: left;
			background: #1B75BB;
			border-radius: 0px;
			width: 50px;
			height: 50px;
			margin: 15px 10px 0 0;
		}

		div.fileWrap div.file img.trash
		{
			float: right;
			margin: 15px 0px -50px 0;
			width: 40px;
			cursor: pointer;
			background: transparent;
		}

		div.fileWrap div.file img.editDoc
		{
			float: right;
			margin: 20px 32px -50px 0;
			width: 30px;
			cursor: pointer;
			background: transparent;
		}

		div.fileWrap div.file img.saveDoc
		{
			float: right;
			margin: 20px 0px -50px 0;
			width: 30px;
			cursor: pointer;
			background: transparent;
		}

div#output.div.fileWrap div.file img.editDoc
{
	float: right;
	margin: 4px 32px -45px 0;
	width: 2.5%;
	cursor: pointer;
	background: transparent;
}


div#output.fileWrap div.file:hover
{
	cursor: default;
}

div.fileWrap div.file div.icon
{
	float: left;
	width: 50px;
	height: 60px;
	margin: 5px 0px 5px 15px;
}

	div.fileWrap div.file div.icon.pdf
	{
		background: transparent url(/images/pdf.png) no-repeat center center;
		background-size: 50px;
	}

	div.fileWrap div.file div.icon.word
	{
		background: transparent url(/images/word.png) no-repeat center center;
		background-size: 50px;
	}

	div.fileWrap div.file div.icon.jpg
	{
		background: transparent url(/images/jpg.png) no-repeat center center;
		background-size: 50px;
	}

div.fileWrap div.file span.filename
{
	float: left;
	width: calc(80% - 80px);
	margin: 5px 0px 10px 0px;
	font-size: 15pt;
	overflow: hidden;
	white-space: nowrap;
}

div#output.fileWrap div.file
{
	float: left;
	width: 100%;
	margin: -5px 0px 15px 0px;
	font-size: 10pt;
	text-decoration: underline;
	overflow: hidden;
	white-space: nowrap;
	color: #1D74C6;
	cursor: pointer;
}

div.fileWrap div.file input.filenameEdit
{
	margin: 5px 0 10px 0;
	float: left;
}


div#output.fileWrap div.file span.filename
{
	float: left;
	width: 80%;
	margin: -5px 0px 15px 0px;
	font-size: 10pt;
	text-decoration: underline;
	overflow: hidden;
	white-space: nowrap;
	color: #1D74C6;
	cursor: pointer;
	margin-top: 15px;
}


div.fileWrap div.file span.filedetails
{
	float: left;
	color: #687190;
	width: calc(80% - 80px);
	margin: -10px 0px 10px 0px;
	font-size: 9pt;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	height: 20px;
}

div.fileWrap div.file input
{
	float: right;
	width: 35%;
	margin: -45px 30% 0 0;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #CCC;
}

	div.fileWrap div.file input.del
	{
		float: right;
		width: 20%;
		padding: 5px;
		border-radius: 5px;
		border: 1px solid #CCC;
		margin: 22px 20px 0 20px;
	}

div#newDocument div#viewDoc img
{
	float: left;
	width: 40%;
	height: auto;
}

span#showAttachments
{
	cursor: pointer;
}

div#chosenAtachments
{
	float: right;
	width: 65%;
}

	div#chosenAtachments div.file
	{
		float: left;
		width: 100%;
		height: 30px;
		margin: 5px 5px 5px 0;
		background: transparent;
		background-size: 35px;
	}

		div#chosenAtachments div.file:hover
		{
			background: #EEF1F6;
			background-size: 35px;
		}

		div#chosenAtachments div.file img
		{
			background: transparent !important;
			width: 30px !important;
			display: inline !important;
			cursor: pointer;
		}

		div#chosenAtachments div.file div.icon
		{
			float: left;
			width: 50px;
			height: 30px;
			margin: 0px 0px 5px 0px;
		}

div#attachments div.file
{
	float: left;
	width: 22.5%;
	height: 30px;
	margin: 5px;
	cursor: pointer;
}



	div#attachments div.file div.icon
	{
		float: left;
		width: 50px;
		height: 30px;
		margin: 0px 0px 5px 15px;
	}

		div#attachments div.file div.icon.pdf, div#chosenAtachments div.file div.icon.pdf
		{
			background: transparent url(/images/pdf.png) no-repeat center center;
			background-size: 30px;
		}

		div#attachments div.file div.icon.word, div#chosenAtachments div.file div.icon.word
		{
			background: transparent url(/images/word.png) no-repeat center center;
			background-size: 30px;
		}

		div#attachments div.file div.icon.jpg, div#chosenAtachments div.file div.icon.jpg
		{
			background: transparent url(/images/jpg.png) no-repeat center center;
			background-size: 30px;
		}

	div#attachments div.file span.filename, div#chosenAtachments div.file span.filename
	{
		float: left;
		width: 70%;
		margin: 5px 0px 5px 0px;
		font-size: 10pt;
		overflow: hidden;
		white-space: nowrap;
	}



div.innerWorkfield h2
{
	float: left;
	width: 100%;
	font-size: 16pt;
	color: #16325C;
	margin: 10px 0 10px 0;
	font-weight: 600;
}

	div.innerWorkfield h2.kids
	{
		float: left;
		margin: 15px 0 -10px 0;
	}

div.innerWorkfield p
{
	float: left;
}

div.innerWorkfield img.ideal
{
	float: right;
	margin-right: 50px;
}

div.innerWorkfield div.dataset
{
	float: left;
	width: 47.5%;
	margin-right: 2.5%;
	margin-top: 0.5%;
}

	div.innerWorkfield div.dataset img.bttnSave
	{
		float: left;
		width: 25px;
	}

div.innerWorkfield div.datafield
{
	float: left;
	width: 50%;
	margin: 0;
	min-height: 70px;
	background: #FFF;
}

	div.innerWorkfield div.datafield.long
	{
		float: left;
		width: 100%;
		margin: 0;
		height: 70px;
		background: #FFF;
	}

div.innerWorkfield div.datarow
{
	float: left;
	width: 100%;
	margin: -1px 0 0 0;
	min-height: 25px;
	background: #FFF;
	border: 1px solid #CCC;
	padding: 5px 0;
}

	div.innerWorkfield div.datarow:hover
	{
		background: #F4F6F9;
		cursor: pointer;
	}

	div.innerWorkfield div.datarow a
	{
		float: left;
		width: 100%;
		color: inherit;
	}

	div.innerWorkfield div.datarow span.q, div.innerWorkfield div.datarow input.q
	{
		float: left;
		width: 15%;
		line-height: 20px;
		font-size: 11pt;
		margin: 0 0 0 5px;
		padding: 0 5px;
		font-weight: 600;
		overflow: hidden;
		white-space: nowrap;
	}

	div.innerWorkfield div.datarow.head
	{
		font-weight: bold;
		color: #FFF;
		background: #1B75BB;
		margin: 5px 0 0 0;
		padding: 5px;
	}

		div.innerWorkfield div.datarow.head:hover
		{
			background: #1B75BB;
			cursor: default;
		}

	div.innerWorkfield div.datarow span.q.id, div.innerWorkfield div.datarow input.q.id
	{
		width: 2.5%;
	}

	div.innerWorkfield div.datarow span.q.status, div.innerWorkfield div.datarow input.q.status
	{
		width: 10% !important;
	}

div.innerWorkfield div.datafield span.error
{
	float: left;
	width: 100%;
	color: red;
	line-height: 20px;
	font-size: 11pt;
	margin: 0;
	padding: 0 5px;
	font-weight: 600;
}



div.innerWorkfield div.datafield span.a
{
	float: left;
	/*width: 100%;*/
	font-size: 14pt;
	margin: 10px 5px 0 10px;
}

div.innerWorkfield div.datafield input
{
	float: left;
	border: 1px solid #CCC;
	height: 33px;
	margin: 5px 0 5px 5px;
	width: 95%;
	padding: 5px 5px 5px 10px;
	font-size: 11pt;
}

	div.innerWorkfield div.datafield input.small
	{
		width: 50%;
	}

	div.innerWorkfield div.datafield input.second
	{
		float: left;
		border: 1px solid #CCC;
		border-radius: 5px;
		height: 30px;
		margin: 0 5px 5px 5px;
		width: 210px;
		padding: 5px;
	}

	div.innerWorkfield div.datafield input.checkbox
	{
		float: left;
		border: 1px solid #CCC;
		border-radius: 5px;
		height: 15px;
		margin: 5px 5px 5px 0px;
		width: 15px;
		padding: 5px;
	}

/*RADIOBUTTON NIEUWE STIJL*/
div.innerWorkfield div.datafield div.optionsWrap
{
	float: left;
	width: 100%;
	margin: 5px 0 0 5px;
}

	div.innerWorkfield div.datafield div.optionsWrap div.rb
	{
		float: left;
		width: 25%;
		border: 1px solid #CCC;
		background: #FFF;
		height: 33px;
		color: #1B75BB;
	}

		div.innerWorkfield div.datafield div.optionsWrap div.rb.active
		{
			background: #00ACED;
			cursor: pointer;
			color: #FFF;
		}

		div.innerWorkfield div.datafield div.optionsWrap div.rb.First
		{
			border-right: 0px solid #CCC;
		}

		div.innerWorkfield div.datafield div.optionsWrap div.rb.Middle
		{
			border-left: 1px solid #CCC;
			border-right: 1px solid #CCC;
		}


		div.innerWorkfield div.datafield div.optionsWrap div.rb.Last
		{
			border-left: 1px solid #CCC;
		}

		div.innerWorkfield div.datafield div.optionsWrap div.rb:hover
		{
			background: #E6E6E6;
			cursor: pointer;
			color: #1B75BB;
		}

		div.innerWorkfield div.datafield div.optionsWrap div.rb span
		{
			float: left;
			width: 100%;
			text-align: center;
			margin: 0px 0 0 0px;
			font-weight: 600;
			padding: 5px 0 7px 0;
			font-size: 11pt;
			height: 31px;
		}

div.innerWorkfield div.datafield label.checkbox
{
	float: left;
	width: 275px;
	font-size: 11pt;
}

div.innerWorkfield div.datafield select
{
	float: left;
	margin: 5px 0 0 5px;
	height: 33px;
	border: 1px solid #CCC;
	width: 95%;
	font-size: 11pt;
	padding: 5px;
}

	div.innerWorkfield div.datafield select.w60
	{
		width: 60%;
	}

	div.innerWorkfield div.datafield select.second
	{
		clear: none;
		margin-left: 5px;
	}

div.innerWorkfield div.datafield input.w60
{
	width: 60px !important;
}

div.innerWorkfield div.datafield input.w35p
{
	width: 35% !important;
}

div.innerWorkfield div.datafield input.w45p
{
	width: 45% !important;
}

div.innerWorkfield div.datafield input.w120
{
	width: 120px !important;
}

div.innerWorkfield div.datafield input.w180
{
	width: 180px !important;
}

div.innerWorkfield div.datafield div.save, div.innerWorkfield div.datafield div.edit, div.innerWorkfield div.datafield div.search
{
	float: right;
	background: transparent;
	margin-bottom: -30px;
	margin-top: 10px;
	z-index: 9;
	position: relative;
	margin-right: 5px;
}

	div.innerWorkfield div.datafield div.save img.save
	{
		width: 30px;
		height: 30px;
	}

	div.innerWorkfield div.datafield div.save img.cancel
	{
		width: 15px;
		height: 15px;
		margin: 8px 5px 0 5px;
		float: right;
	}



/*VTIP*/
p#vtip
{
	display: none;
	position: absolute;
	padding: 10px;
	width: 50px;
	left: 5px;
	font: 10pt arial;
	color: #000;
	line-height: 20px;
	background-color: #F1F5FB;
	border: 1px solid #a6c9e2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 999999;
}

img.vtip
{
	float: left;
}

p#vtip #vtipArrow
{
	position: absolute;
	top: -10px;
	left: 5px;
}

img.tooltip
{
	float: left;
	margin: 5px 0 5px 0;
}




div.formRow span.error
{
	color: red;
	float: none;
	padding: 5px 0 0 5px;
}

.editLog
{
	cursor: pointer;
}

.saveLog
{
	cursor: pointer;
}