@charset "utf-8";
/* CSS Document */
form, img							{	margin:0px; border:0px; }
html								{	overflow-y:scroll; }
body, html 							{ 	margin:0px; padding:0px; width:100%; height:100%; -webkit-text-size-adjust:none; color:#222; }
body, html, input, select, textarea	{	font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.3em; }
a									{	color:#0979bf; text-decoration:none; }

/**********************************************
MAIN STRUCTURE
**********************************************/
.center												{	position:relative; width:auto; padding:0px 10px; }
														body, html{ min-height:4px; }
@media (min-width: 768px) and (max-width: 1023px) 	{ 	body, html{ min-height:3px; } .center {   } }
@media (max-width: 767px) 							{ 	body, html{ min-height:1px; } .center { } }

/*
.center												{	position:relative; width:1014px; margin:0px auto; }
														body, html{ min-height:4px; }
@media (min-width: 768px) and (max-width: 1023px) 	{ 	body, html{ min-height:3px; } .center { width:720px;  } }
@media (max-width: 767px) 							{ 	body, html{ min-height:1px; } .center { width:auto; padding:0px 10px; } }

*/
/**********************************************
HEADINGS
**********************************************/
h1													{	font-size:1.8em; }
h2													{	font-size:1.6em; }
h3													{	font-size:1.4em; }
h4													{	font-size:1.2em;}
h1, h2, h3, h4, h5, h6								{	line-height:1.3em; color:#0979bf;}
#content											{	border:1px solid #CCC; margin-top:-1px; padding:10px;}

/**********************************************
HEADER / MENU
**********************************************/
header							{	padding:10px 0px 0px 0px;}
header > ul						{	margin:0px; list-style:none; padding:0px; }
header > ul li					{	float:left; }
header > ul li a				{	display:block; text-decoration:none; padding:6px 10px; margin:0px 5px 0px 0px; border:1px solid #0979bf; background-color:#0979bf; color:#FFF; border-bottom:0px; }
header > ul li.active a			{	background-color:#FFF; color:#222; border-color:#CCC;}

@media (max-width: 767px) {
	header ul li span			{	display:none; }
}	

#mainmenu											{	width:200px; border-right:1px solid #0979bf; position: fixed; top:0px; bottom:0px; background-color:#EFEFEF; overflow: hidden; z-index:2; }
#mainmenu .menutoggle								{	display: none;}
#mainmenu > div										{	position: absolute; left:0px; width:200px; overflow-y:auto;  height:100%; top:0px; background-color:#EFEFEF; }
#mainmenu + #content								{	margin-left:201px; border:0px; padding:15px; }


#mainmenu .menulevel > ul							{	margin:0px; list-style:none; padding:0px; }
#mainmenu .menulevel > ul > li > a					{	display: block; text-decoration:none;  }
#mainmenu .menulevel > ul > li > a .fa				{	width:40px; text-align: center;}

#mainmenu .menulevel.depth-1 > ul > li > a			{	background-color:#EFEFEF; color:#000; padding:6px 0px;}
#mainmenu .menulevel.depth-2 > ul > li > a			{	background-color:#FFFFFF; color:#000; padding:5px 0px;}
#mainmenu .menulevel > ul > li.active > a			{	background-color:#0979bf; color:#FFF;  }

@media (max-width: 1223px) {
	#mainmenu											{	width:40px; }
	#mainmenu + #content								{	margin-left:41px; }
	#mainmenu .menutoggle								{	background-color:#0979bf; color:#FFF; display: block;}
	#mainmenu .menutoggle > .fa							{	width:40px; height:40px; text-align: center; background-color:#0979bf; color:#FFF; line-height: 40px; display: block;}
	body.menuopen #mainmenu								{	width:200px; }
}

/**********************************************
DEFAULT LIST
**********************************************/
.topnaam .contract						{	display: inline-block; padding:0px 10px; text-align: center; color:#FFF; font-size:0.6em;}
div.list table							{	border:1px solid #CCC; border-top:0px solid #CCC; margin-top:10px; width:100%;  }
div.list table tr td span.contract		{	display: block; padding:0px 10px; text-align: center; color:#FFF;}
div.list table tr						{	position:relative; }
div.list table tr:hover					{	background-color: #efefef;}
div.list table tr th,	
div.list table tr td					{	position:relative; border-top:1px solid #CCC; padding:4px 5px;	text-align:left; font-weight:normal; white-space:nowrap; vertical-align:top; }
div.list table tr td.wrap				{	white-space:normal;	}
div.list table tr td.text				{	white-space:normal; padding:10px;  border-top:1px solid #EEE; background-color:#EEE; font-style:italic; }
div.list table tr td.thumbs				{	white-space:normal; padding:10px;  border-top:1px solid #EEE; background-color:#EEE; font-style:italic; }
div.list table tr th					{	background-color:#CCC;  }
div.list table tr th a					{	color:#000;  }
div.list table tr th.active				{	font-weight:bold; }

div.list table tr td.options a			{	display:inline-block; border-radius:4px; text-decoration:none; padding:5px; width:10px; height:10px; line-height:10px; font-size:12px;
											cursor:pointer; text-align:center; border:0px; -webkit-appearance: none; white-space: normal;
											background: #0979bf; color:#FFF;  } 
											
											

div.list.big table tr td.options a		{	width:25px; height:25px; line-height:25px; font-size:25px; } 

div.list table tr td .systemen > div				{	border-top:1px solid #CCC; padding:2px 0px; }
div.list table tr td .systemen > div:first-child	{	border-top:0px; }
div.list table tr td .systemen > div > a.button		{	float:right; 	}

div.list table.contracten th,
div.list table.contracten td						{	border-left:1px solid #CCC; }

div.list table.contracten span.contract				{	display: block; margin:-5px; padding:5px; }
div.list table.contracten th.month,
div.list table.contracten td.month					{	border-left:1px solid #CCC; text-align: center; }
div.list table.contracten tr.totals th 				{	background-color:#000; color:#FFF; }
div.list table.contracten tr.clicked td 			{	background-color:#EFEFEF; }
div.list table.contracten td 						{	color:#AAA; }
div.list table.contracten td.clickable 				{	color:#000; font-weight: bold; cursor:pointer;}
div.list table.contracten tr.clicked td 			{	cursor:pointer;}
div.list table.contracten tr.clicked td.clickable 	{	cursor:default;}

div.list table tr.inmeetbon td							{	background-color: #888 !important; color:#FFF;}

@media (max-width: 767px) {
	div.list table 									{	display:block;  padding:0px; }
	div.list table tbody							{	display:block; }
	div.list table tr								{	display:block; padding:5px 30px 5px 5px; border-top:1px solid #CCC; position:relative; min-height:47px;  }
	div.list table tr.thumbs,
	div.list table tr.text							{	border-top:0px solid #CCC;  min-height:inherit;  }
	div.list table tr td.thumbs,
	div.list table tr td.text						{	border-top:0px solid #CCC;  background-color:#FFF;  }
	
	div.list.big table tr								{	padding:9px 90px 9px 9px;  min-height:47px; border-top:3px solid #0979bf; }
	div.list table tr td .systemen						{	padding-top:5px; margin-right:-81px;}
	div.list table tr td .systemen > div:first-child	{	border-top:1px solid #0979bf;  padding-top:5px; }
	
	div.list.big table tr td.options				{	width:80px;  }
	div.list table tr:first-child					{	display:none; }
	div.list table tr td.options					{	display:block; position:absolute; right:3px; top:3px; width:27px;  }
	div.list table tr td.options a					{	display:inline-block; border-radius:4px; text-decoration:none; padding:5px; width:15px; height:15px; line-height:15px; margin:3px 0px 0px 0px;
														cursor:pointer; text-align:center; border:0px; -webkit-appearance: none; white-space: normal;
														background: #0979bf; color:#FFF;  } 
	div.list table tr td.options a:first-child		{	margin-top:0px; }
						
	div.list table tr td,
	div.list table tr th								{	display:block; padding:0px !important;	white-space:normal; border-top:0px solid #CCC;}
	div.list table tr td:first-child					{	 }
}



.saved													{	padding:10px; border:1px solid #060; background-color:#6C6; color:#FFF;   border-radius:5px; margin:10px 0px;}

.error													{	padding:10px; border:1px solid #900; background-color:#F00; color:#FFF;   border-radius:5px; margin:10px 0px;}


div.form												{	 }
.inputfield									{	box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; border-radius:5px; min-width:50px; 
															border:1px solid #CCC; background-color:#EFEFEF; margin:3px 0px; padding:7px 0px 7px 7px;  }
.inputfield.fullwidth {	width:100%;}
.inputfield.date	{	width:90px;}
div.form .submitbutton									{	display:none;}

div.form div.fields > div								{	position:relative; padding:3px 0px; }
div.form div.fields > div > label						{	display:block; float:left; width:120px; padding-top:5px;}
div.form div.fields > div > label + div					{	margin-left:130px; }
div.form div.fields > div.solo > label + div			{	padding:5px 0px; }



div.form div.fields2									{	margin:0px -4px;}
div.form div.fields2 > div								{	}
div.form div.fields2 > div > div						{	position:relative; padding:3px 0px; width:33.33333%; float:left; overflow:hidden; min-height:45px;  }
div.form div.fields2 > div > div.w2						{	width:66.6666%;}
div.form div.fields2 > div > div.w3						{	width:100%;}
div.form div.fields2 > div > div > label				{	display:block; float:left; width:80px; padding-top:10px; margin-left:4px;}
div.form div.fields2 > div > div > label + div			{	margin-left:85px; margin-right:4px;  }


div.form .textarea .inputfield							{	overflow:auto; height:100px; }


div.form .inputfield.w10	{	width:10%; }
div.form .inputfield.w20	{	width:20%;}
div.form .inputfield.w30	{	width:30%;}
div.form .inputfield.w40	{	width:40%;}
div.form .inputfield.w50	{	width:50%;}
div.form .inputfield.w60	{	width:60%;}
div.form .inputfield.w70	{	width:70%;}
div.form .inputfield.w80	{	width:80%;}
div.form .inputfield.w90	{	width:90%;}
div.form .inputfield.w100	{	width:100%;}

div.form .inputfield.mini								{	width:10% !important; min-width:60px;}
div.form .inputfield.small								{	width:15% !important; min-width:80px;}
div.form .inputfield.mediumsmall						{	width:25% !important; min-width:100px;}
div.form .inputfield.medium								{	width:35% !important; }
div.form .inputfield.large								{	width:50% !important; min-width:170px;}
div.form .inputfield.extralarge							{	width:75% !important; min-width:240px;}
div.form .inputfield[type=checkbox]						{	width:inherit !important; min-width:inherit !important; margin:7px 0px;}

@media (max-width: 767px) {
	div.form div.fields > div > label						{	float:none; width:inherit; padding-top:5px;}
	div.form div.fields > div > label + div					{	margin-left:0px; }
}

div.form .regelsmonteurs 										{	padding:10px; background-color:#DDD; border:1px solid #CCC;  border-radius:5px; }
div.form .regelsmonteurs ul										{	margin:0px; padding:0px; list-style:none; }
div.form .regelsmonteurs ul li									{	padding:0px 0px 10px 0px; }

div.form .regelsmonteurs ul li .fieldcontainer					{	margin-right:125px; }
div.form .regelsmonteurs ul li .fieldcontainer > div				{	position:relative; }

div.form .regelsmonteurs ul li .buttoncontainer					{	float:right; width:115px;}
div.form .regelsmonteurs ul li .buttoncontainer a				{	display:block; float:left; width:25px; line-height:25px; height:25px; padding:5px; margin-left:5px; }
div.form .regelsmonteurs ul li .buttoncontainer a:first-child	{	margin-left:0px;}

@media (max-width: 767px) {
	div.form .regelsmonteurs ul li .fieldcontainer					{	margin-right:0px; }
	div.form .regelsmonteurs ul li .buttoncontainer					{	float:none; width:inherit; text-align:right; padding-bottom:5px;}
	div.form .regelsmonteurs ul li .buttoncontainer a				{	display:inline-block; float:none; width:15px; line-height:15px; height:15px; padding:3px; margin-left:3px; }	
}






div.form .regels 										{	padding:10px; background-color:#DDD; border:1px solid #CCC;  border-radius:5px; }
div.form .regels ul										{	margin:0px; padding:0px; list-style:none; }
div.form .regels ul li									{	padding:0px 0px 10px 0px; }

div.form .regels ul li .fieldcontainer					{	margin-right:125px; }
div.form .regels ul li .fieldcontainer > div				{	position:relative; }

div.form .regels ul li .buttoncontainer					{	float:right; width:115px;}
div.form .regels ul li .buttoncontainer a				{	display:block; float:left; width:25px; line-height:25px; height:25px; padding:5px; margin-left:5px; }
div.form .regels ul li .buttoncontainer a:first-child	{	margin-left:0px;}

@media (max-width: 767px) {
	div.form .regels ul li .fieldcontainer					{	margin-right:0px; }
	div.form .regels ul li .buttoncontainer					{	float:none; width:inherit; text-align:right; padding-bottom:5px;}
	div.form .regels ul li .buttoncontainer a				{	display:inline-block; float:none; width:15px; line-height:15px; height:15px; padding:3px; margin-left:3px; }	
}



div.form .multiregels 										{	padding:10px; background-color:#DDD; border:1px solid #CCC;  border-radius:5px; }
div.form .multiregels .dummy								{	display: none;}
div.form .multiregels .multiregels							{	background-color: #FFF; }
div.form .multiregels > ul.list										{	margin:0px; padding:0px; list-style:none; }
div.form .multiregels > ul.list > li									{	padding:0px 0px 10px 0px; }

div.form .multiregels > ul.list > li.voorraadlijstitem 					{	padding:0px 0px 0px 0px; }
div.form .multiregels > ul.list > li.voorraadlijstitem input.aantal		{	width:30px; }
div.form .multiregels > ul.list > li.voorraadlijstitem input.naam		{	width:350px; }

div.form .multiregels > ul.list > li > .section > .fieldcontainer					{	margin-right:125px; }
div.form .multiregels > ul.list > li > .section > .fieldcontainer > div				{	position:relative; }

div.form .multiregels > ul.list > li > .section > .buttoncontainer					{	float:right; width:115px;}
div.form .multiregels > ul.list > li > .section > .buttoncontainer a				{	display:block; float:left; width:25px; line-height:25px; height:25px; padding:5px; margin-left:5px; }
div.form .multiregels > ul.list > li > .section > .buttoncontainer a:first-child	{	margin-left:0px;}

@media (max-width: 767px) {
	div.form .multiregels > ul.list > li > .section > .fieldcontainer					{	margin-right:0px; }
	div.form .multiregels > ul.list > li > .section > .buttoncontainer					{	float:none; width:inherit; text-align:right; padding-bottom:5px;}
	div.form .multiregels > ul.list > li > .section > .buttoncontainer a				{	display:inline-block; float:none; width:15px; line-height:15px; height:15px; padding:3px; margin-left:3px; }	
}



div.form .regels .extracontactperson	{	display:none; }
div.form .regels .extracontactperson.active	{	display:block; }

.toggle							{	display:block;   }
.toggle .switch					{	display:block; color:#FFF; cursor:pointer;  padding:10px; background-color:#EEE; border:1px solid #CCC;  border-radius:5px; margin-bottom:10px; }
.toggle .switch h4				{	margin:0px; }
.toggle .hider					{	display:block; position:relative; height:0px; overflow:hidden; }
.toggle.active .hider			{	height:inherit; }


.toggle.active .switch i.close			{	display:none; }
.toggle.active .switch i.open			{	display:inline-block; }

.toggle .switch i.close			{	display:none; }
.toggle.open .switch i.close	{	display:inline-block; }
.toggle.open .switch i.open		{	display:none; }

@media (max-width: 767px) {
	.togglemobile	{	}
}

.eigenschappen a.button							{	line-height:22px; height:22px; padding:4px 10px;}
.eigenschappen input[type=text]					{	box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; border-radius:5px; min-width:50px; 
													border:1px solid #CCC; background-color:#EFEFEF; margin:3px 5px 3px 0px;; padding:7px 0px 7px 7px;  }
.eigenschappen select					{	box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; border-radius:5px; min-width:50px; 
													border:1px solid #CCC; background-color:#EFEFEF; margin:3px 5px 3px 0px;; padding:7px 0px 7px 7px;  }

.eigenschappen > ul 								{ 	margin:0px; padding:0px; list-style:none; clear:both;  }													
.eigenschappen > ul li								{	padding:4px; background-color:#dedede; margin-top:1px; border:1px solid #bebebe; border-radius:5px;}
.eigenschappen > ul li input[type=text].mini			{	width:40px; }
.eigenschappen > ul li input[type=text].small		{	width:100px; }
.eigenschappen > ul li input[type=text].medium		{	width:280px; }	
.eigenschappen > ul li input[type=text].large		{	width:360px; }	
.eigenschappen > ul li input[type=text].extralarge		{	width:500px; }	

.eigenschappen .searchresults .results	{	margin-bottom:20px; }
.eigenschappen .searchresults .results ul		{	margin:0px; padding:0px; list-style: none;}
.eigenschappen .searchresults .results ul li a	{	display: block; cursor:pointer; padding:5px 0px; border-bottom:1px solid #CCC; }
.checklist								{	padding:7px 10px; background-color:#efefef; border:1px solid #bebebe; border-radius:5px; overflow:hidden;}
.checklist > ul 						{ 	margin:0px; padding:0px; list-style:none;  }				
.checklist > ul > li					{	clear:both; border-top:1px solid #FFF; padding:3px 0px;  }
.checklist > ul > li:first-child		{	border-top:0px; }
.checklist > ul > li > label			{	display:block; width:140px; float:left; }
.checklist > ul > li > label + ul		{ 	margin:0px 0px 0px 150px; padding:0px; list-style:none;  }	
.checklist > ul > li > label + ul > li	{ 	float:right; padding-left:15px; font-size:11px; line-height:25px; }			
	
/**
ONDERHOUD
**/

.onderhoud div.thumbs								{	margin:0px -5px; }
.onderhoud div.thumbs ul							{	margin:0px; padding:0px; list-style:none; position:relative;  }
.onderhoud #system div.thumbs ul li					{	float:left; width:20%; 	 }
.onderhoud #system div.thumbs ul li.clear-5			{	clear:both; }
.onderhoud .sidebar div.thumbs ul li				{	float:left; width:50%; 	 }
.onderhoud .sidebar div.thumbs ul li.clear-2		{	clear:both; }
.onderhoud div.thumbs ul li > div					{	margin:5px; font-size:11px; font-style:normal; background-color:#FFF; border:1px solid #DDD; padding:4px;  }
.onderhoud div.thumbs ul li > div	> a				{	display:block; }
.onderhoud div.thumbs ul li > div	> a > img		{	display:block; width:100%; height:auto; }
.onderhoud div.thumbs ul li > div	> span			{	padding-top:4px; display:block; word-break: break-all;}



.onderhoud								{	position:relative; margin:-10px; }
.onderhoud .subtitle					{	font-size:1.2em; line-height:1.2em; margin:0px 0px 10px 0px; }
.onderhoud > div						{	position:relative; }
.onderhoud > div > div					{	float:left; }
.onderhoud > div > #system				{	width:70%;  }
.onderhoud > div > div.sidebar			{	width:30%; }
.onderhoud > div > div > div			{	margin:10px; }

.onderhoud .klant						{	margin-top:20px;  padding:10px; background-color:#EEE; border:1px solid #CCC;  border-radius:5px; }
.onderhoud .aandacht					{	margin-top:20px;  padding:10px; background-color:#F00; border:3px solid #000; color:#FFF; border-radius:5px; }
.onderhoud .aandacht *					{	color:#FFF;}

.onderhoud .systemen					{	margin-top:20px; padding:10px; background-color:#EEE; border:1px solid #CCC;  border-radius:5px; }
.onderhoud .systemen ul					{	margin:0px; list-style:none; padding:0px; }
.onderhoud .systemen ul li				{	border-top:1px solid #CCC; padding:5px 0px;  }
.onderhoud .systemen ul li strong		{	display:block; }
.onderhoud .systemen ul li a			{	text-decoration:none; display:block; color:#999;  }
.onderhoud .systemen ul li a:hover		{	color:#0979bf;}
.onderhoud .systemen ul li.active a		{ 	color:#0979bf; }

.onderhoud .klantenbestanden					{	padding:10px; background-color:#EEE; border:1px solid #CCC;  border-radius:5px; margin-top:20px;}
.onderhoud .klantenbestanden ul					{	margin:0px; list-style:none; padding:0px; }
.onderhoud .klantenbestanden ul li				{	border-top:1px solid #CCC; padding:5px 0px;  }

/**/
.onderhoud .inmeetbonnensidebar					{	padding:10px; background-color:#EEE; border:1px solid #CCC;  border-radius:5px; margin-top:20px;}
.onderhoud .inmeetbonnensidebar ul					{	margin:0px; list-style:none; padding:0px; }
.onderhoud .inmeetbonnensidebar ul li				{	border-top:1px solid #CCC; padding:5px 0px;  }




.onderhoudsperiode 									{	border:1px solid #CCC; margin-top:15px; }
.onderhoudsperiode h3								{	margin:0px; padding:10px; background-color: #060; font-size:1.2em; line-height: 1.3em; color:#FFF;}
.onderhoudsperiode .onderhoudalert					{	display: block; border-top:0px; padding:0px; background-color: #FFF; }
.onderhoudsperiode .onderhoudalert > span			{	display: block; padding:5px 10px; }
.onderhoudsperiode .onderhoudalert .type			{	color:#FFF; }
.onderhoudsperiode .onderhoudalert .missed			{	color:#FF0000; }
.onderhoudsperiode.alert h3							{	background-color: #FF9900; color:#FFF; }
.onderhoudsperiode.alert2 h3						{	background-color: #FF6600; color:#FFF; }

.onderhoud .contract					{	display: block; border:1px solid #CCC; padding:0px; background-color: #FFF; margin-top:4px; font-size:0.9em; line-height: 1.2em;}
.onderhoud .contract > span				{	display: block;padding:2px 5px; }
.onderhoud .contract .type				{	color:#FFF; margin-bottom:3px;}
.onderhoud .contract .missed			{	color:#FF0000; }
.onderhoud .contract .alert				{	background-color: #F60; color:#FFF; }
.onderhoud .contract .alert2			{	background-color: #FF6600; color:#FFF; }

.onderhoud #system .form h1 + h3		{	margin-top:-10px; color:#000; font-size:1.2em; }

@media (max-width: 767px) 				{ 
	.onderhoud > div > div				{	float:none; width:inherit !important; }

}
		


#urenregistratie .datumform input[type=date], 
#urenregistratie .datumform select 	{	box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; border-radius:5px; min-width:50px; 
																		border:1px solid #CCC; background-color:#FFFFFF; margin:3px 0px; padding:7px 0px 7px 7px;  }

#urenregistratie table tr.editformrow td .value 					{	display:inline-block; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; 
																		border:0px solid #CCC; margin:3px 0px; padding:7px 0px;  }
#urenregistratie table tr.editformrow td input[type=text], 
#urenregistratie table tr.editformrow td select 	{	box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; border-radius:5px; min-width:50px; 
																		border:1px solid #CCC; background-color:#FFFFFF; margin:3px 0px; padding:7px 0px 7px 7px;  }
#urenregistratie table tr.editformrow td 							{	background-color: #EFEFEF;}

#urenregistratie .errors											{	padding:10px; margin:10px 0px; background-color: #F00; color:#FFF; }





/*************************************
INMEETBONNEN
*************************************/

.inmeetbonnen										{	}
.inmeetbonnen .top									{	background-color: #dedede; padding:10px; border-radius: 5px; }
.inmeetbonnen .ibtabs								{	margin-top:10px;}
.inmeetbonnen .ibtabs > ul							{	margin:0px; list-style:none; padding:0px; }
.inmeetbonnen .ibtabs > ul::after					{	clear: both; content:''; display: table;;}
.inmeetbonnen .ibtabs > ul li						{	float:left; padding:6px 10px; margin:0px 5px 0px 0px;background-color:#DEDEDE; cursor: pointer;}
.inmeetbonnen .ibtabs > ul li.active				{	background-color:#0979bf; color:#FFF; }
.inmeetbonnen .ibtabs > ul li > span				{	display:block; }
.inmeetbonnen .ibtabs > ul li > span + span			{	font-weight: bold;}
.inmeetbonnen .ibcontent							{	border:1px solid #dedede; background-color: #FFF; }
.inmeetbonnen .ibcontent > ul						{	margin:0px; list-style:none; padding:0px; }
.inmeetbonnen .ibcontent > ul > li					{	padding:0px 15px; display: none; position: relative;}
.inmeetbonnen .ibcontent > ul > li.active			{	display: block;}

.inmeetbonnen .ibcontent > ul > li a.delete			{	display: block; top:0px; right:20px; position: absolute; }

.inmeetbonnen .ibcontent > ul > li ul											{	margin:0px -5px; padding:0px; list-style: none; }
.inmeetbonnen .ibcontent > ul > li ul::after									{	clear: both; content:''; display: table;;}
.inmeetbonnen .ibcontent > ul > li ul > li.type-input							{	float:left; width:33.33%; }
.inmeetbonnen .ibcontent > ul > li ul > li.clear-3								{	clear:left; }
.inmeetbonnen .ibcontent > ul > li ul > li > div								{	margin:0px 5px;  }

.inmeetbonnen .ibcontent > ul > li ul > li.type-input							{	padding:5px 0px;}
.inmeetbonnen .ibcontent > ul > li ul > li.type-input label						{	display: block;}
.inmeetbonnen .ibcontent > ul > li ul > li.type-input.verplicht label::after	{	content:' *';}
.inmeetbonnen .ibcontent > ul > li ul > li.type-input.errorfield				{	color:#FFF; background-color: #F00;}
.inmeetbonnen .ibcontent > ul > li ul > li.type-input label + div				{	}

.inmeetbonnen .ibcontent > ul > li ul > li.type-image							{	float:left; width:33.33%; }
.inmeetbonnen .ibcontent > ul > li ul > li.type-image > div						{	padding:10px;}
.inmeetbonnen .ibcontent > ul > li ul > li.type-image img						{	display:block; width:100%; height: auto;}
.inmeetbonnen .ibcontent > ul > li ul > li.type-image .txt						{	display:block; font-style:italic; font-size:0.9em;}

.inmeetbonnen .ibcontent > ul > li ul > li.type-title							{	display: block; clear:left;}
.inmeetbonnen .ibcontent > ul > li ul > li.type-title > div						{	background-color: #CCC; padding:10px;}
.inmeetbonnen .ibcontent > ul > li ul > li.type-title .title					{	font-size:1.1em; font-weight: bold; }
.inmeetbonnen .ibcontent > ul > li ul > li.type-title .tekst					{	font-style:italic;font-size:0.9em; }
.inmeetbonnen .ibcontent > ul > li ul > li.type-input .info						{	font-style:italic; font-size:0.9em; }



@media (max-width: 767px) { 
	.inmeetbonnen .ibcontent > ul > li ul > li.type-image,
	.inmeetbonnen .ibcontent > ul > li ul > li.type-input					{	 width:50%; }
	.inmeetbonnen .ibcontent > ul > li ul > li.clear-3						{	clear:none; }
	.inmeetbonnen .ibcontent > ul > li ul > li.clear-2						{	clear:left; }
}


.inmeetbonnen a.button										{	line-height:22px; height:22px; padding:4px 10px;}
.inmeetbonnen input[type=text], .inmeetbonnen textarea		{	box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; border-radius:5px; min-width:50px; 
																border:1px solid #CCC; background-color:#EFEFEF; margin:3px 5px 3px 0px;; padding:7px 0px 7px 7px;  }
.inmeetbonnen select										{	box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; border-radius:5px; min-width:50px; 
																border:1px solid #CCC; background-color:#EFEFEF; margin:3px 5px 3px 0px;; padding:7px 0px 7px 7px;  }


.inmeetbonnen textarea											{	height:100px; }
.inmeetbonnen .w4			{	width:25%; }
.inmeetbonnen .w3			{	width:33.333%; }
.inmeetbonnen .w2			{	width:50%; }	
.inmeetbonnen .w1			{	width:100%; }	



/**********************************************
voorraadlijst
**********************************************/
.voorraadlijst [data-toggle]	{	cursor: pointer;}
.voorraadlijst .list			{	display: none; }
.voorraadlijst.active .list		{	display: block; }

/**********************************************
SIGN
**********************************************/
body.fullscreen						{	width:100%; height:100%; position:relative; }
#fullscreen							{	width:100%; height:100%; position:absolute;  }
#signform							{	width:100%; height:100%; position:relative; }
#signform div.preview				{	position:fixed; top:0px; left:0px;  width:50%; height:100%;  }
#signform div.preview > div			{	position:relative; width:100%; height:100%;}
#signform div.preview object		{	position:relative; width:100%; height:100%; height:100%; }
#signform div.preview + div			{	position:fixed; top:0px; right:0px; width:50%; height:100%; background-color:#efefef; overflow:auto; }
#signform div.preview + div > div	{	padding:0px 10px 0px 10px}


.signature							{ }
.signature > .container				{	position:relative; width:380px; border:1px solid #000; border-radius:5px; overflow:hidden;  }
.signature > .container::before		{	z-index:1; display:block; width:100%; height:0px; padding-bottom:25%; overflow:hidden; content:' '; background-color:#efefef;}
.signature > .container > div		{	z-index:2; position:absolute; top:0px; left:0px; width:100%; height:100%; }

		
/**********************************************
BUTTONS
**********************************************/


.button						{	display:inline-block; border-radius:10px; text-decoration:none; padding:8px 10px;  margin:2px 0px;
								cursor:pointer; text-align:center; border:0px; -webkit-appearance: none; white-space: normal;
								background: #0979bf; color:#FFF;  }
.button.mini				{	padding:3px 10px; margin:1px 0px; font-size:0.9em; line-height:1.1em;}
					


/******************************
CLEARFIX
******************************/
.toolboximage.right, .toolboximage.left, .template-row, .clearfix 								{	*zoom: 1; }
.toolboximage.right:before, .toolboximage.left:before, .template-row:before, .clearfix:before,
.toolboximage.right:after, .toolboximage.left:after, .template-row:after, .clearfix:after 		{  	display: table; line-height: 0; content: ""; }
.toolboximage.right:after, .toolboximage.left:after, .template-row:after, .clearfix:after 		{	clear: both; }

/**********************************************
calendar
*********************************************/

#calendar .cols			{	overflow: hidden;}
#calendar .cols::after	{	content: ""; display: table; clear: both; }
#calendar .calendars	{ 	margin-right:320px;	}
#calendar .details		{	width:300px; float:right; 	}
#calendar .monteur-0							{	background-color: #000 !important; }

#calendar .calendars								{	overflow: hidden;}
#calendar .calendars > div 							{	margin:-6px; }
#calendar .calendars > div::after					{	content: ""; display: table; clear: both; }
#calendar .calendars > div > div					{	float:left; width:33.333%;}
#calendar .calendars > div > div.clear-3			{	clear: both;}
#calendar .calendars > div > div > div				{	margin:6px;}

#calendar .legenda ul								{	margin:0px; padding:0px; list-style: none; }
#calendar .legenda ul > li							{	line-height: 22px;  padding:3px 0px; border-bottom:1px solid #efefef;}
#calendar .legenda ul > li > span:first-child						{	display: block; float:left; margin-right:10px; width:20px; height:20px; border-radius:50%; border:1px solid #BBB; text-align: center; background-color: #FFF; }

#calendar .list ul									{	margin:0px; padding:0px; list-style: none; }
#calendar .list ul > li								{	padding:3px 0px; border-bottom:1px solid #efefef;}
#calendar .list ul > li > .icon						{	display: block; float:left; width:20px; height:20px; border-radius:50%; border:1px solid #BBB; text-align: center; background-color: #FFF; }
#calendar .list ul > li > .icon + div				{	margin-left:30px;}

table.calendar										{	width:100%; font-size:11px; color:#000;}
table.calendar tr.month strong						{ 	display:block; background-color:#0979bf; color:#FFFFFF; line-height:30px; text-align:center; font-weight:normal; }

table.calendar tr.days td 							{ 	border-right:1px solid #CCC; border-bottom:1px solid #CCC; background-color: #efefef;  border-top:0px; text-transform:uppercase;  }
table.calendar tr.days td:first-child				{	border-left:1px solid #CCC; }
table.calendar tr.days td > span					{ 	display:block; padding:0px; text-align:center; text-decoration:none; }

table.calendar tr.week > td 						{ 	border-right:1px solid #CCC; border-bottom:1px solid #CCC; background-color:#FFF; width:12.5%; position: relative; cursor: pointer; }
table.calendar tr.week > td:first-child				{	border-left:1px solid #CCC; }
table.calendar tr.week > td.weeknr					{	background-color: #efefef; text-align:center; color:#555; line-height: 32px;}
table.calendar tr.week > td > *						{	display:block; position: relative; min-height: 32px;}


table.calendar tr.week > td .daynr							{	display: block; line-height: 1em; padding:2px; }

table.calendar tr.week > td .icons							{	display: block; position: absolute; right:2px; top:1px; height:14px; line-height: 14px;}
table.calendar tr.week > td .icons > span					{	display: block; float:left; width:14px; height:14px; border-radius:2px; border:1px solid #BBB; text-align: center; background-color: #FFF; }

table.calendar tr.week > td .storingsdiensten				{	display: block; position: absolute; right:0px; bottom:0px;  left:0px; }
table.calendar tr.week > td .storingsdiensten > span		{	display: block; content:''; height:8px; background-color: #FFF; border-top:1px solid #CCC;}

table.calendar tr.week > td .feestdagen							{	display: block; height:14px; line-height: 14px; position: relative; z-index:1;}
table.calendar tr.week > td .feestdagen > span					{	display: block; float:left; width:14px; height:14px; border-radius:50%; border:1px solid #BBB; text-align: center; background-color: #FFF; }


table.calendar tr.week > td.day.next::before,
table.calendar tr.week > td.day.prev::before,
table.calendar tr.week > td.day.next,
table.calendar tr.week > td.day.prev					{	background-color:#FFF !important;}
table.calendar tr.week > td.day.prev *,
table.calendar tr.week > td.day.next *					{	opacity:0 !important; display: none !important; }
table.calendar tr.week > td.day.today					{	background-color:#CCC;  }
table.calendar tr.week > td.day.currentdate				{	background-color:#0979bf; color:#FFF;  }

@media (max-width: 1024px) {
	#calendar .calendars > div > div					{	width:50%;}
	#calendar .calendars > div > div.clear-3			{	clear: none;}
	#calendar .calendars > div > div.clear-2			{	clear: both;}
}
@media (max-width: 767px) {
	#calendar .calendars	{ 	margin-right:0px;	}
	#calendar .details		{	width:auto; float:none; }
}


@media (max-width: 500px) {
	#calendar .calendars > div > div					{	width:100%;}
}