@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(/css/style2013/fonts/SourceSansPro-Regular.woff) format('woff');
}


/* GLOBALS */
* { margin: 0; padding: 0; }
html, body { width: 100%; margin: 0; padding: 0; background: #FFF; font-family: 'Source Sans Pro', Tahoma, Verdana, Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; overflow: auto; }
.clickable { cursor: pointer; }
.taleft { text-align: left; }
input, select, textarea, option { font-family: 'Source Sans Pro', Tahoma, Verdana, Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; }
input[type="radio"] {vertical-align: middle; }
ul {margin:0;padding:0;}
li { list-style: none; }
li a { display: block; }
li a:hover { text-decoration: none; } 
h1 { font-family: Trebuchet MS, sans-serif; font-weight: normal; }
h2 { font-family: Trebuchet MS, sans-serif; font-weight: normal; }
p { padding: 6px 12px; }
.btn { padding: 6px; }
.taright { text-align: right !important; }
.bodytopspace { margin-top: 110px !important; }
.bold { font-weight: bold; }

.fleft { float: left; }
.fright { float: right; }

/* LOGO */
.logob { font-family: "Times New Roman", Serif; font-size: 28pt; font-weight: bold; }
.logob-or { color: orange; }
.logob-nv { color: navy; }
.logob-gr { color: gray; }

/* HEADER */
#hdr { overflow: hidden; position: fixed; top:0; height: 30px; width: 100%; color: #f0f0f0; padding: 0px; z-index: 1000000; } /*background-color: #333;*/
#hdr-cnt { margin: 0 50px 0 50px; overflow: auto; } 
#sub-hdr { overflow: auto; position: fixed; top:  80px; height: /*29*/ 42px; background-color: #fff; border-bottom: 1px solid #F0F0F0; font-size: 14px; width: 100%; z-index: 1000001; }
#sub-hdr-cnt { margin: 0 63px; }

#sub-hdr2 { overflow: auto; position: fixed; top:  110px; height: 29px; background-color: #fff; border-bottom: 2px solid #F0F0F0; width: 100%; }
#sub-hdr-cnt2 { margin: 0 50px; color: red; font-size: 15pt; }

#hdr ul { z-index: 2; width: auto; }
#hdr li { float: left; width: auto; display: inline-block; }
#hdr li a { display: block; padding: 5px 15px; overflow: hidden; }
#hdr li a:hover { background-color: #666; }
#hdr li h1 { display: inline; color: #f0f0f0; font-size: 10pt; }

.mm-a { opacity: 0.8; }
.mm-a:hover { opacity: 1; }
.mm-a05 { opacity: 0.5; }
.mm-a05:hover { opacity: 1; }
.mm-b { width: 20px; height: 20px; display: inline-block; margin: 1px 0px 0 10px; }
.mm-b32 { width: 32px; height: 32px; display: inline-block; margin: 3px 0px 0 10px; }
.mm-postit { background: url('../../images/s2014/postit.png') center right no-repeat; width: 50px; height: 50px; display: inline-block; } /*float: right; */
.mm-help { background: url('../../images/s2014/help.png') center no-repeat; }
.mm-settings { background: url('../../images/s2014/settings.png') center no-repeat; }
.mm-mail { background: url('../../images/s2014/mail.png') center no-repeat; width: 25px; }
.mm-logout { background: url('../../images/s2014/logout.png') center no-repeat; }
.mm-note-close { background: url('../../images/s2014/note_close.png') center no-repeat; }
.mm-note-add { background: url('../../images/s2014/note_add.png') center no-repeat; }

body.overzicht li#overzicht, body.overzicht li#overzicht a, 	
body.email li#email, body.email li#email a, 	
body.bulkmail li#bulkmail, body.bulkmail li#bulkmail a, 	
body.agenda li#agenda, body.agenda li#agenda a,
body.invoices li#invoices, body.invoices li#invoices a, 	
body.relaties li#relaties, body.relaties li#relaties a, 	
body.projecten li#projecten, body.projecten li#projecten a,
body.organisations li#organisations, body.organisations li#organisations a, 	
body.taxatie li#taxatie, body.taxatie li#taxatie, body.dashboard li#dashboard a { background-color: #777; }

#hdr-logo { overflow: hidden; position: fixed; top: 30px; height: 50px; width: 100%; background-color: #F0F0F0; color: #333; z-index: 1000002; }
#hdr-logo-cnt { overflow: auto; margin: 0px 50px; text-align: center; }

#sub-hdr ul { }
#sub-hdr li { float: left; padding-right: 15px; }
#sub-hdr li a { padding-top: 6px; height: 21px; }
#sub-hdr a:hover { text-decoration: underline; } 

#usr-mn { float: right; font-size: 12px; color: #fff; display: block; overflow: auto; margin-top: 13px; margin-right: 250px; }

/*supercontainer the powermaintainer*/
#mstrcnt { width: 100%; height: 100%; margin:0; padding:0; }
#sprcnt { width: 100%; }
#sprcnt-dashboard { width: 100%; }


/* FOOTER */
body.login #footer { position: fixed; bottom: 10px; width: 100%; }

/* DIALOG BOX */
.ppp_txt {
	opacity: 1; width: 820px; background-color: #F0F0F0; margin: 300px auto 0 auto; -moz-box-shadow: 4px 4px 8px rgba(0,0,0,.4);
	-webkit-box-shadow: 4px 4px 8px rgba(0,0,0,.4); box-shadow: 4px 4px 8px rgba(0,0,0,.24); text-align: right;
}
.ppp_txt h1 { 	background-image: linear-gradient(bottom, rgb(51,51,51) 12%, rgb(90,90,90) 100%);
				background-image: -o-linear-gradient(bottom, rgb(51,51,51) 12%, rgb(90,90,90) 100%);
				background-image: -moz-linear-gradient(bottom, rgb(51,51,51) 12%, rgb(90,90,90) 100%);
				background-image: -webkit-linear-gradient(bottom, rgb(51,51,51) 12%, rgb(90,90,90) 100%);
				background-image: -ms-linear-gradient(bottom, rgb(51,51,51) 12%, rgb(90,90,90) 100%);
				background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, rgb(51,51,51)), color-stop(1, rgb(90,90,90)));	
				font-weight: normal; color: #f0f0f0; padding: 6px 10px; margin:0; font-size: 16px; text-align: left; }
.ppp_txt p { padding: 8px 20px; text-align: left; }

/* ADDITIONAL DIALOG BOX INFO */
.ppp_login { width:400px; }
.ppp_login form { padding: 5px; }
.ppp_login form label { float: left; width: 100%; margin: 1px; display: block; padding: 3px; cursor: pointer; }
.ppp_login form label span { float: left; width: 30%; margin: 1px; padding: 7px 5px 0 0; text-align: right; display: inline-block; }
.ppp_login form input { float: left; width: 65%; padding: 3px; }

.ppp_nwwiask { width:650px; }
.ppp_nwwiask form { padding: 5px; }
.ppp_nwwiask form label { float: left; width: 100%; margin: 1px; display: block; padding: 3px; cursor: pointer; }
.ppp_nwwiask form label span { float: left; width: 35%; margin: 1px; padding: 7px 5px 0 0; text-align: right; display: inline-block; }
.ppp_nwwiask form input[type="text"] { float: left; width: 60%; padding: 3px; }
.ppp_nwwiask form input[type="password"] { float: left; width: 60%; padding: 3px; }


/* BUTTONS */
.button-a {
	/* box-shadow: 0 0 0 1px #FFFFFF, 0 0 7px 1px rgba(0, 0, 0, 0.2); */ text-shadow: 0 1px rgba(255, 255, 255, 0.75); 
	cursor: pointer; text-align: center; text-decoration: none;
	/* -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;  !!! */
	display: inline-block; padding: 2px 10px; color: #000; margin: 5px;
}
.button-a:hover { text-decoration: none; }

.button-b {
	/* box-shadow: 0 0 0 1px #FFFFFF, 0 0 7px 1px rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(255, 255, 255, 0.75); */ 
	cursor: pointer; text-align: center; text-decoration: none;
	/* -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;  !!! */
	display: inline-block; padding: 2px 10px; color: #000; margin: 2px;
	width: 90px;
}
.button-a:hover { text-decoration: none; }

.button-bigger { font-size: 16pt; }

/* BUTTONS COLORS */
/* .button-orange { background-color: rgb(241,177,40); border: 1px solid #DCA325; }
.button-red { background-color: rgb(193,63,87); text-shadow: 0 1px rgba(25, 25, 25, 0.75); color: #FAFAFA !important; border: 1px solid rgb(183, 53, 77); }
.button-green { background-color: rgb(65,101,63); text-shadow: 0 1px rgba(25, 25, 25, 0.75); color: #FAFAFA !important; border: 1px solid rgb(55,91,53); } */

.button-orange {
	background-color: rgb(241,177,40);
	/* background-image: linear-gradient(bottom, rgb(241,177,40) 12%, rgb(255,208,0) 100%);
	background-image: -o-linear-gradient(bottom, rgb(241,177,40) 12%, rgb(255,208,0) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(241,177,40) 12%, rgb(255,208,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(241,177,40) 12%, rgb(255,208,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(241,177,40) 12%, rgb(255,208,0) 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, rgb(241,177,40)), color-stop(1, rgb(255,208,0))); */
	border: 1px solid #DCA325;
}

.button-red {
	background-color: rgb(191,37,56);
	/* background-image: linear-gradient(bottom, rgb(191,37,56) 12%, rgb(221,67,86) 100%);
	background-image: -o-linear-gradient(bottom, rgb(191,37,56) 12%, rgb(221,67,86) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(191,37,56) 12%, rgb(221,67,86) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(191,37,56) 12%, rgb(221,67,86) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(191,37,56) 12%, rgb(221,67,86) 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, rgb(191,37,56)), color-stop(1, rgb(221,67,86)));	
	text-shadow: 0 1px rgba(25, 25, 25, 0.75); */
	color: #FAFAFA !important;
	border: 1px solid rgb(181, 27, 46);
}

.button-green {
	background-color: rgb(115,224,93); 
	/*background-image: linear-gradient(bottom, rgb(115,224,93) 12%, rgb(145,254,123) 100%);
	background-image: -o-linear-gradient(bottom, rgb(115,224,93) 12%, rgb(145,254,123) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(115,224,93) 12%, rgb(145,254,123) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(115,224,93) 12%, rgb(145,254,123) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(115,224,93) 12%, rgb(145,254,123) 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, rgb(115,224,93)), color-stop(1, rgb(145,254,123)));	
	/ * text-shadow: 0 1px rgba(25, 25, 25, 0.75);
	color: #FAFAFA !important; */
	border: 1px solid rgb(95,204,73);
}

.button-blue {
	background-color: rgb(35,119,222);
	/* background-image: linear-gradient(bottom, rgb(35,119,222) 12%, rgb(65,149,252) 100%);
	background-image: -o-linear-gradient(bottom, rgb(35,119,222) 12%, rgb(65,149,252) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(35,119,222) 12%, rgb(65,149,252) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(35,119,222) 12%, rgb(65,149,252) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(35,119,222) 12%, rgb(65,149,252) 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, rgb(35,119,222)), color-stop(1, rgb(65,149,252)));
	text-shadow: 0 1px rgba(25, 25, 25, 0.75); */
	color: #FAFAFA !important;
	border: 1px solid rgb(25,109,212);	
}

.backgroud-black {
	background-image: linear-gradient(bottom, rgb(51,51,51) 12%, rgb(90,90,90) 100%);
	background-image: -o-linear-gradient(bottom, rgb(51,51,51) 12%, rgb(90,90,90) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(51,51,51) 12%, rgb(90,90,90) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(51,51,51) 12%, rgb(90,90,90) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(51,51,51) 12%, rgb(90,90,90) 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, rgb(51,51,51)), color-stop(1, rgb(90,90,90)));	
}



/* DASHBOARD */
.text-box-db { margin: 0 50px /*25px*/0 50px;  color: #4A453F; overflow: auto; }

.qry-form { display: block; float: right; margin-bottom: 2px; }

.dashboard-column { min-height: 200px; padding-bottom: 0px; /*30px*/ float: left; }
.dashboard-column:hover { }
.dashboard-column-side { width: 30%; }
.dashboard-column-center { width: 40%; }
.dashboard-column-single { width: 100%; }
.dashboard-column-sideB { width: 50%; }

.dashboard-column-empty { width: 2% !important; }
.dashboard-column-fullw { width: 96% !important; }
.dashboard-column-sideb { width: 49% !important; }
.dashboard-column-centerb { width: 68% !important; }

/* .dashboard-item { margin: 0px 15px 25px 15px; border: 1px solid #ccc; background-color: #FFF; text-align: left; cursor: pointer; }
.dashboard-item h1 { padding: 3px; font-size: 11pt; background-color: #F0F0F0; border-bottom: 1px solid #ccc; overflow: auto; } */

.dashboard-item { margin: 0px 15px 25px 15px; border: background-color: #FFF; text-align: left; cursor: pointer; }
.dashboard-item h1 { padding: 5px 15px 2px 15px; 
               		 background: #FFF; border-bottom: 2px solid #ccc; font-size: 30px; color: #000; 
               		 font-family: 'WOL_SL','Segoe UI Semilight','Segoe UI',Tahoma,Helvetica,sans-serif; margin-bottom: 15px; overflow: auto; }

.dashboard-item-content { overflow-y: auto; overflow-x: hidden; margin: 10px; height: 200px; }
.dashboard-item-content-full { overflow-y: auto; overflow-x: hidden; margin: 10px; }
.dashboard-item { -moz-box-shadow: 4px 4px 8px rgba(0,0,0,.4);
				  -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,.4); box-shadow: 4px 4px 8px rgba(0,0,0,.24); }

.dashboard-item:hover h1 { background: #f0f0f0; }

/*.dashboard-item:hover h1 { 	background-color: #E0E0E0; 
							/ * background-image: linear-gradient(top, rgb(177,177,177) 12%, rgb(208,208,208) 100%);
							background-image: -o-linear-gradient(top, rgb(177,177,177) 12%, rgb(208,208,208) 100%);
							background-image: -moz-linear-gradient(top, rgb(177,177,177) 12%, rgb(208,208,208) 100%);
							background-image: -webkit-linear-gradient(top, rgb(177,177,177) 12%, rgb(208,208,208) 100%);
							background-image: -ms-linear-gradient(top, rgb(177,177,177) 12%, rgb(208,208,208) 100%); * /  } */

.multitable-comment { margin-top: 15px; background-color: #CCCCCC; }

.db-reportlist { border-top: 1px solid #BBB; }
.db-reportlist-item { padding: 5px; border-bottom: 1px solid #BBB; }
.db-reportlist-item-adres { font-size: 10pt; }
.db-reportlist-item-addinfo { font-size: 9pt; }

.st-tb-relaties { top: 97px !important; }
.text-box-relaties { margin: 0 24px 25px 24px; color: #4A453F; }
.text-box-relaties h1 { padding: 5px 16px 2px 16px; background: white; border-bottom: 1px solid #b4b4b4; font-size: 18px; color: #000; }
.text-box-relaties h2 { padding: 5px 16px 2px 16px; color: #000; }

.relaties-all { margin-top: 134px !important; }
.relaties-bodytopspace { margin-left: 350px; }
.relaties-item { border: 1px solid #ccc; background-color: #FFF; text-align: left; cursor: pointer; float: left; margin: 5px; width: 300px; }
.relaties-item h1 { padding: 3px; font-size: 11pt; background-color: #F0F0F0; border-bottom: 1px solid #ccc; }
.relaties-item h1 a.button-a { display: none; }
.relaties-item:hover h1 a.button-a { display: inline-block; }
.relaties-item-content { overflow: auto; margin: 10px; }
.relaties-item:hover { -moz-box-shadow: 4px 4px 8px rgba(0,0,0,.4);
						-webkit-box-shadow: 4px 4px 8px rgba(0,0,0,.4); box-shadow: 4px 4px 8px rgba(0,0,0,.24); }
.relaties-item:hover h1 { background-color: #E0E0E0; }

#relaties-srch { position: fixed; top: 110px; left: 0px; right: 0px; height: 36px; text-align: right; padding: 0 50px 0 50px; overflow: auto; }
.relaties-srch-fld {  width: 140px; height: 20px; font-size: 12px; font-weight: normal; padding: 2px 4px; vertical-align: top; border-width: 0 1px 1px 1px; border-style:  solid;  border-color: rgb(240, 240, 240); }

.relaties-submenu-struct-editor { display: none; }
.relaties-submenu-struct-editor-stop { display: none; color: red !important; font-weight: bold; }
.relaties-submenu-struct-editor-start { display: block; color: green !important; font-weight: bold; }

/* margin: 110px 0 0 0; */

.db-todo { }
.db-todo h2 { font-weight: bold; color: navy; }
.db-todo-element { }
.db-todo-element input[type="checkbox"] { vertical-align: middle; }


.references-picker-full-adopts { display: none; }
.references-picker-roles { display: none; }
.references-picker-items-s { display: none; }
.references-picker-items-f { display: none; max-height: 400px; overflow: auto; }

.weekday { width: 14px; font-weight: bold; text-align: center; font-size: 9pt; padding: 2px; }
.currentday { text-align: right; font-size: 9pt; padding: 2px; color: orange; }
.currentmonth { text-align: right; font-size: 9pt; padding: 2px; }

.width33 { width: 33%; float: left; }
.width34 { width: 34%; float: left; }

.dashboard-no-objects { max-height: 300px; overflow: auto; }
.dashboard-list-object { padding: 3px; border-bottom: 1px dotted #ccc; }
.dashboard-list-object-title { font-size: 10pt; }
.dashboard-list-object-title a { color: navy !important; }
.dashboard-list-object-title a:hover { color: blue !important; }
.dashboard-list-object-subs { font-size: 9pt; color: #888 !important; position: relative; }
.dashboard-list-object-subs a { color: #888 !important; }
.dashboard-list-object-subs a:hover { color: black !important; }
.dashboard-list-object-subs-fright { font-size: 9pt; color: #888 !important; text-align: right; } 
.dashboard-list-object-subs-hovergray:hover { background-color: #f0f0f0; }

.db-emails { max-height: 300px; overflow-y: auto; overflow-x: hidden; }
.db-email-item { padding: 3px; border-bottom: 1px dotted #ccc; }

.show-more-info { text-align: right; padding: 5px 30px; }
.show-more-info a { color: #800000 !important; font-size: 11pt; }
.show-more-info a:hover { color: #FF0000 !important; }

.text-box .references-picker { overflow: visible; position: relative; vertical-align: middle; }
.text-box .references-picker-query-box { margin-right: 60px; padding-top: 3px;  }
.text-box .references-picker-query { display: block; height: 20px; font-size: 14px; padding: 2px 7px; border: 1px solid #b4b4b4; resize: none; width: 100%; }
.text-box .references-picker-add-new { float: right; }
.text-box .references-picker-items-s-el { display: inline-block; border: 1px solid #ccc; background-color: #fff; padding: 2px 2px 2px 4px; border-radius: 3px; }
.text-box .references-picker-items-s-el .button-a { margin: 0px 0px 0px 5px; }
.text-box .references-picker .references-picker-combo { position: fixed; top: 10px; max-height: 200px; overflow: auto; background-color: #f0f0f0; border: 1px solid #ccc; }
.text-box .references-picker .references-picker-combo .references-picker-combo-element { padding: 5px; border-bottom: 1px dotted #ccc; cursor: pointer; }
.text-box .references-picker .references-picker-combo .references-picker-combo-element:hover { background-color: #fff; }
.text-box .references-picker-combo-element-pinfo { font-size: 11pt; color: navy; }

.bulkmail-dialog { margin-top: 50px; }
.bulkmail-dialog-maxsize { height: 500px; overflow: auto; }
.bulkmail-dialog-maxsize h2 { display: block; text-align: left; padding: 10px; font-size: 12pt; font-weight: bold; color: #888; } 
.bulkmail-proj-item { display: block; text-align: left; font-size: 11pt; color: #555; padding: 0px; }
.bulkmail-proj-item:hover { color: black; background-color: #fafafa; }
.bulkmail-proj-item label { padding: 10px; display: block; }
.bulkmail-proj-item input { display: inline-block; margin: 10px 5px 10px 10px; vertical-align: middle; width: 16px; height: 16px; }

.bulkmail-proj-item-table { width: 99%; text-align: left; font-size: 11pt; margin-left: 5px; }
.bulkmail-proj-item-table td { padding: 5px; }
.bulkmail-proj-item-table-head-checkbox { width: 18px; background-color: #ccc; }
.bulkmail-proj-item-table-head { background-color: #ccc; font-weight: bold; }
.bulkmail-proj-item-table-tr:hover { background-color: #fafafa; }
.bulkmail-proj-item-cb { width: 16px; height: 16px; }
.bulkmail-dialog-qdiv { padding: 5px; }

.bulkmail-picuper .references-tiel { overflow: visible; position: relative; vertical-align: middle; margin-left: 155px; margin-top: 5px; margin-bottom: 5px; }

.bulkmail-picuper { text-align: left; overflow: auto; }
.bulkmail-picuper .aelabel { width: 140px; float: left; margin: 10px 0 5px 10px; }
.bulkmail-picuper .references-picker { overflow: visible; position: relative; vertical-align: middle; margin-left: 155px; margin-top: 5px; margin-bottom: 5px; }
.bulkmail-picuper .references-picker-query-box { margin-right: 60px; padding-top: 3px;  }
.bulkmail-picuper .references-picker-query { display: block; height: 20px; font-size: 14px; padding: 2px 7px; border: 1px solid #b4b4b4; resize: none; width: 100%; }
.bulkmail-picuper .references-picker-add-new { float: right; }
.bulkmail-picuper .references-picker-items-s-el { display: inline-block; border: 1px solid #ccc; background-color: #fff; padding: 2px 2px 2px 4px; border-radius: 3px; }
.bulkmail-picuper .references-picker-items-s-el .button-a { margin: 0px 0px 0px 5px; }
.bulkmail-picuper .references-picker .references-picker-combo { position: fixed; top: 10px; max-height: 200px; overflow: auto; background-color: #f0f0f0; border: 1px solid #ccc; }
.bulkmail-picuper .references-picker .references-picker-combo .references-picker-combo-element { padding: 5px; border-bottom: 1px dotted #ccc; cursor: pointer; }
.bulkmail-picuper .references-picker .references-picker-combo .references-picker-combo-element:hover { background-color: #fff; }
.bulkmail-picuper .references-picker-combo-element-pinfo { font-size: 11pt; color: navy; }

.references-picker-massadd { margin-top: 50px; }

#bulkmail-persons-dialog-table { text-align: left; max-height: 500px; overflow: auto; }
#bulkmail-persons-dialog-table table { width: 100%; }
#bulkmail-persons-dialog-table table tr { background-color: #f5f5f5; margin-bottom: 1px; cursor: pointer; }
#bulkmail-persons-dialog-table table tr:hover { background-color: #d5d5d5; margin-bottom: 1px; }
#bulkmail-persons-dialog-table table tr td { padding: 3px; }


.dashboard-item-content .references-picker { overflow: visible; position: relative; vertical-align: middle; }
.dashboard-item-content .references-picker-query-box { margin-right: 60px; padding-top: 3px;  }
.dashboard-item-content .references-picker-query { display: inline-block; height: 20px; font-size: 14px; padding: 2px 7px; border: 1px solid #b4b4b4; resize: none; width: 86%; }
.dashboard-item-content .references-picker-add-new { display: inline-block; }
.dashboard-item-content .references-picker-items-s-el { display: inline-block; border: 1px solid #ccc; background-color: #fff; padding: 2px 2px 2px 4px; border-radius: 3px; }
.dashboard-item-content .references-picker-items-f-el { display: block; border-bottom: 1px dotted #ccc; background-color: #fff; padding: 3px 4px 3px 4px; overflow: auto; min-height: 36px; }
.dashboard-item-content .references-picker-items-f-el-info { margin-left: 45px; margin-right: 100px; }
.dashboard-item-content .references-picker-bottom { margin-top: 5px; cursor: default; text-align: right; }
.dashboard-item-content .references-picker-items-f { margin-top: 5px; cursor: default; max-height: 450px; }
.dashboard-item-content .references-picker-topinfo { margin-bottom: 5px; }
.dashboard-item-content .references-picker-items-f-el .button-a { display: none; }
.dashboard-item-content .references-picker-items-f-el:hover .button-a { display: inline-block; }
.dashboard-item-content .references-picker-items-f-el-role { width: 90px; border: 1px dotted #ccc; padding: 2px; }
.dashboard-item-content .references-picker-items-f-el:hover .references-picker-items-f-el-role { border: 1px solid #ccc; }
.dashboard-item-content .references-picker-items-s-el .button-a { margin: 0px 0px 0px 5px; }
.dashboard-item-content .references-picker .references-picker-combo { position: fixed; top: 10px; max-height: 200px; overflow: auto; background-color: #f0f0f0; border: 1px solid #ccc; }
.dashboard-item-content .references-picker .references-picker-combo .references-picker-combo-element { padding: 5px; border-bottom: 1px dotted #ccc; cursor: pointer; }
.dashboard-item-content .references-picker .references-picker-combo .references-picker-combo-element:hover { background-color: #fff; }
.dashboard-item-content .references-picker-combo-element-pinfo { font-size: 11pt; color: navy; }

#references-picker-massadd-cont { max-height: 400px; overflow: auto; }

.anotice-block-header { text-align: right; padding-right: 25px; }

#maininfo { position: fixed; width: 300px; left: 0; bottom: 0px; top: 110px; background-color: #F0F0F0; border-right: 1px solid #cccccc; }
#maininfo .trow .qst { width: 100px; }
#maininfo .trow .ans { margin-left: 105px; }
#maininfo .spacer { height: 25px; } 

#actionsinfo { position: fixed; width: 300px; right: 0; bottom: 0px; top: 123px; background: url('/images/s2014/tl_line_off.png') 21px 0 repeat-y #FFF; padding-top: 10px; overflow: auto; }
#actionsinfo-rel { position: fixed; width: 300px; left: 0; bottom: 0px; top: 110px; background-color: #F0F0F0; border-right: 1px solid #cccccc; padding-top: 10px; overflow: auto; }

/* .viewr-db { margin-right: 325px; } */ 
.viewl-db { margin-left: 325px; }
.viewr-db { margin-right: 625px; }
.viewr-db-main { margin-right: 325px; }

.cms-oblist-table { width: 100% }
/* .cms-oblist-table tbody { overflow: auto; max-height: 400px; display: block; }
.cms-oblist-table tbody { overflow: auto; max-height: 400px; } */
.cms-oblist-table td { padding: 0 5px; margin: 1px; } /* height: 24px; */
.cms-oblist-table-item-tr:hover { background-color: #f4f4f4; text-decoration: underline; }
.cms-oblist-table-del { width: 19px; text-align: center; }
.cms-oblist-table-postcode { width: 80px; }
.cms-oblist-table-nr { width: 50px; }
.cms-oblist-table-plaats { width: 250px; }
.cms-oblist-table-type { width: 90px; }
.cms-oblist-table-date { width: 90px; }
.cms-oblist-table-datetime { width: 170px; }
.cms-oblist-table-dossier { width: 200px; }
.cms-oblist-table-email { width: 200px; }
.cms-oblist-table-head { background-color: #F0F0F0; border: 1px solid #ccc; font-family: Trebuchet MS, sans-serif; font-size: 9pt; font-weight: bold; line-height: 150%; }
.cms-oblist-del { width: 19px; height: 24px; display: inline-block; margin: 0px; }
.cms-oblist-table-item-tr:hover .cms-oblist-del { display: inline-block; background: url('/images/s2014/but_delete_off.png') center no-repeat; }
.cms-oblist-del:hover { display: inline-block; background: url('/images/s2014/but_delete_on.png') center no-repeat !important; }

#uedit-send { width: 405px; }
#uedit-send .trow .qst { width: 120px; }
#uedit-send .trow .ans { margin-left: 120px; padding-right: 5px; }
#uedit-send .qcm { margin-left: 0px; }
#uedit-send input { width: 260px; }

#mce-modal-block { z-index: 3005000 !important; }
.mce-floatpanel { z-index: 3006000 !important; }

.references-picker-add-new { display: none !important; } /* TODO: check if this adding button in this object is needed */
.anotice-picuper .references-picker-query { width: 312px !important; } /* TODO: if adding button stais then this shall be removed */

.db-event-list-item { padding: 3px; border-bottom: 1px dotted #ccc; min-height: 33px; }
.db-event-list-item-dates { font-size: 9pt; color: #888 !important; text-align: left; overflow: auto; }
.db-event-list-item-edit { opacity: 0.3; width: 18px; height: 20px; float: right; display: block; overflow: hidden; background: url('/images/s2014/note_sedit.png') center no-repeat; }
.db-event-list-item:hover .db-event-list-item-edit { opacity: 1; }
.db-event-list-item-infos { overflow: auto; margin-right: 32px; margin-left: 40px; }
.db-event-list-item-title { font-size: 10pt; color: navy !important; }
.db-event-list-item-title:hover { color: blue !important; }
.db-event-list-item-icon { display: block; width: 24px; height: 24px; color: white; 
						   text-align: center; float: left; font-size: 15pt; 
						   position: relative; }
.db-event-list-item-icon-error { display: block;
								 width: 10px; height: 10px; padding: 0px; 
								 color: white; font-weight: bold; font-size: 9px;
								 background-color: red; 
								 position: absolute;
								 line-height: 100%;
								 font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
								 margin-top: -3px; margin-left: -3px; }
.db-event-list-item-icon-comments { display: block;
								 min-width: 10px; height: 10px; padding: 0px 1px; 
								 color: white; font-weight: bold; font-size: 9px;
								 background-color: navy; 
								 position: absolute;
								 margin-top: 18px; margin-left: 18px;
								 line-height: 100%;
								 font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; }
.db-event-list-item-icon-blue { background-color: rgb(65,149,252); }
.db-event-list-item-icon-green { background-color: rgb(90, 129, 82); } /* rgb(145,254,123) */
.db-event-list-item-icon-red { background-color: rgb(221, 112, 125); }
.db-event-list-item-icon-pinkred { background-color: red; }
.db-event-list-item-icon-purple { background-color: rgb(179, 125, 172); }
.db-event-list-item-icon-orange { background-color: rgb(241, 104, 40); }
.db-event-list-item-icon-gray { background-color: rgb(160, 159, 130); }

#agenda-notice-done-dialog { width: 760px; margin-top: 50px !important; }
.agenda-notice-done-dialog-content-note { text-align: left; font-size: 10pt; padding: 10px; max-height: 200px; overflow: auto; background: #FFF; }
.agenda-notice-done-dialog-content { overflow: auto; text-align: left; padding: 3px 10px; font-size: 14px; }
.agenda-notice-done-dialog-content .and-label { width: 80px; float: left; }
.agenda-notice-done-dialog-content .and-text { margin-left: 80px; max-height: 150px; }
.agenda-notice-done-dialog-content-reaction { margin-top: 15px; }
.agenda-notice-done-dialog-content-reaction textarea { width: 704px; margin: 5px auto; }
.agenda-notice-done-dialog-content-old-reactions { border: 1px solid #ccc; background-color: #ddd; padding: 5px; max-height: 200px; overflow: auto; }
.agenda-notice-done-dialog-content-old-reactions-item { border-bottom: 2px dotted #ccc; padding: 3px; }
.agenda-notice-done-dialog-content-old-reactions-item-date { font-size: 8pt; color: #555; margin-bottom: 5px; }
.and-cell { overflow: auto; float: left; width: 30%; }

.tl-day-block { overflow: auto; padding: 0px 5px 10px 5px; }
.tl-day-block .tl-day { overflow: auto; border: 1px solid #ccc; background: url('/images/s2014/tl_ball_off.png') 10px center no-repeat #FAFAFA; color: black; font-size: 10pt; padding: 2px 2px 2px 20px; font-weight: bold; width: 80px; text-align: center; }
.tl-day-block .tl-day-el { overflow: auto; min-height: 33px; padding: 3px; border: 1px solid #eee; background-color: #f3f3f3; margin-left: 30px; margin-top: 5px; }
.tl-day-block .tl-day-el:hover { background-color: #fcfcfc; } 
.tl-day-block .tl-day-el:hover .db-event-list-item-edit { opacity: 1; }
/*
.tl-day-block:hover .tl-day { background: url('/images/s2014/tl_ball.png') 10px center no-repeat #FAFAFA;  }
.tl-day-block:hover { background: url('/images/s2014/tl_line.png') 21px 0 repeat-y #F0F0F0;  }
*/

#bulkmail-send-dialog-csv { float: left; }


.qform-list-add-block { overflow: auto; padding: 0 3px 3px 3px; border-bottom: 1px solid #eee; cursor: default; }
.qform-list-addbutton { width: 20px; height: 20px; background: url('/images/s2014/add.png') center center no-repeat; display: inline-block; float: right; opacity: 0.6; }
.qform-list-addbutton:hover { opacity: 1; }

#agenda-notice-email-dialog { margin-top: 50px; } 

.agenda-notice-done-dialog-content-citem { overflow: auto; }
.agenda-notice-done-dialog-content-relid { vertical-align: top; margin-right: 5px; }
.agenda-notice-done-dialog-content-projid { vertical-align: top; margin-right: 5px; }

.anotice-type-selector { color: white !important; opacity: 0.5; }
.anotice-type-selector-active { opacity: 1; }
.agenda-notice-done-dialog-content-reaction label { display: block; margin: 3px 5px; height: 30px; }
#nddcr-reaction {max-height: 150px; }

.user-info-edit td { min-height: 26px; padding-left: 5px; padding-right: 5px; }

.inv_table thead td { padding: 2px; background: #ccc; border: 1px solid #888; font-weight: bold; }
.inv_table tbody tr:hover { background: #bbb; }
.inv_table tbody { max-height: 50px; overflow: auto; }
.inv_table tbody tr:hover .cms-oblist-del { display: inline-block; background: url('/images/s2014/but_delete_off.png') center no-repeat; }

.invoice-create-tbl { width: 690px; margin: 5px; }
.invoice-create-tbl td { text-align: left; }
.invoice-create-tbl thead td { border: 1px solid #333; background-color: #aaa; }
.invoice-create-tbl tfoot td { border: 1px solid #333; background-color: #aaa; text-align: right; font-weight: bold; }
#invoice-create-user { margin: 5px; text-align: left; }
.invoice-create-btxt { margin-top: 15px; }
.invoice-create-label { width: 200px; float: left; text-align: left; padding-left: 10px; }
.invoice-create-text { margin-left: 220px; text-align: left; }
#invoice-create-bottom-info { width: 458px !important; }

.cms-oblist-table-count { width: 80px; }
.cms-oblist-table-date { width: 100px; }
.cms-oblist-table-invnr { width: 100px; }
.cms-oblist-table-price { width: 100px; }
.cms-oblist-table-client { width: 250px; }

.cms-oblist-table tr:hover .db-event-list-item-edit { opacity: 1; }

#inv_elements tr { cursor: pointer; }
#edit-invoice-reason { width: 458px !important; }
#edit-invoice-rcpt { width: 458px !important; }
#edit-invoice-footer { width: 458px !important; }
#edit-invoice-nr { width: 458px !important; }
.invoice-edit-tbl { width: 690px; margin: 5px; }
.invoice-edit-tbl td { text-align: left; }
.invoice-edit-tbl thead td { border: 1px solid #333; background-color: #aaa; }
.invoice-edit-tbl tfoot td { border: 1px solid #333; background-color: #aaa; text-align: right; font-weight: bold; }

#ob-edit-div {margin-top: 25px; width: 90%; }
#ob-edit-div .edit-content-iframe { width: 100%; border: 0px; height: 500px; }
#rightdashboard {
	position: fixed;
	width: 300px;
	right: 300px;
	bottom: 0px;
	top: 123px;
	background: #FFF;
	padding-top: 13px;
	overflow: auto;
}

#rightdashboard2 {
	position: fixed;
	width: 300px;
	right: 600px;
	bottom: 0px;
	top: 123px;
	background: #FFF;
	padding-top: 13px;
	overflow: auto;
}

.qmatrix-box {
	display: inline-block;
	overflow: auto;
	margin-right: 20px;
	padding: 2px 7px;
	border: 1px none white;
	vertical-align: top;
}

.qmatrix-box span { font-size: 9pt; color: #555; }

.qmatrix-box-in {
	height: 20px;
	width: 200px;
	display: -webkit-inline-flex;
	-webkit-flex-direction: row;
	display: inline-flex;
	flex-direction: row;
}

.qmatrix-box-in div {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

.qmatrix-box-in div:first-child {
	border-radius: 5px 0 0 5px;
}
.qmatrix-box-in div:last-child {
	border-radius: 0 5px 5px 0;
}

.blockfield {
	display: block;
	color: black;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	padding: 5px;
	background: #EEE;
}

.licencefield {
	display: block;
	color: black;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	padding: 20px;
	background: #C1FAFA;
	border-radius: 8px;
}

.sygnfield {
	display: block;
	color: black;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	padding: 20px;
	background: #E3C1FA;
	border-radius: 8px;
}

.ppp_ttt_printdate .qst {
		float: left;
		width: 290px !important;
	}
.ppp_ttt_printdate .ans {
		margin-left: 290px !important;
	}
.ppp_ttt_printdate .printDate { width: 200px; }

.mtanblockchilds .qst { width: 290px; }
.mtanblockchilds .ans { margin-left: 350px; }

.subhead_title { font-size: 20px; font-weight: bold; padding-bottom: 0px; }
.subhead_comment { font-style: italic; }


.header-edit { position: relative !important; top: 0; height: /*29*/ 42px; background-color: #fff; border-bottom: 1px solid #F0F0F0; font-size: 14px; width: 100%;}
.header-edit ul { }
.header-edit li { float: left; padding-right: 15px; }
.header-edit li a { padding-top: 6px; height: 21px; }
.header-edit a:hover { text-decoration: underline; } 

.dashboard-list-object-selected { background: #ddd; }

#bulkmail-send-sf-screen {
	border: 2px solid #BBB;
	background: #f3f3f3;
	padding: 4px;
	position: absolute;
	display: none;
	width: 400px;
}
#bulkmail-send-sf-screen table {
	width: 100%;
}
#bulkmail-send-sf-screen td {
	padding: 2px;
}