// <style>html,body {height:100%;} 
body {font-family:'open sans', arial, helvetica; font-size:13px;}
* { margin:0; padding:0;font-family:inherit;font-size:inherit;outline:none; zoom:1;box-sizing:border-box}
i, i * {font-size:8pt}
body {background:white}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
	 resize:none;
}
select {height:20px;border-radius:none;}

.E {cursor:pointer;min-height:3px}
.Eframe {background: #ddd;padding:10px}
#laynav {position:fixed;left:20px;bottom:20px;width:90px;height:60px }
#laynav div {position:absolute;width:30px;height:30px;background:#ccc;border-radius:3px;border:1px solid black;line-height:28px;font-weight:bold;text-align:center}
#laynav div.avail {background:white}
#laykey37 {bottom:0;left:0}
#laykey38 {top:0;left:30px}
#laykey39 {bottom:0;right:0}
#laykey40 {bottom:0;left:30px}

/* #objectform {background:#f7f7f7} */

textarea,select,input[type="text"] {
	 border-radius: 0;
	 border-style:solid;
	 border-width:1px;
	 padding-left:3px;
	 xborder-color:#aaa;
	 line-height:20px;
}

.nmore {width:30px;text-align:center}

.q {display:block;border:0 !important;border-bottom:1px solid #aaa !important;background:none}
.scrolist label {display:block}

div#morediv {border:1px solid gray;background:white;padding:1px;position:absolute;top:100px;left:100px;display:none;z-index:1000}
div#morediv h1 {display:block;background:#ff0025;color:white;font-weight:bold;padding:2px}


div#exppart {border:1px solid gray;background:white;padding:4px;position:absolute;top:100px;left:100px;display:none;z-index:1001}

div.topbar {padding:3px 6px 3px 10px;background:#ff0025;color:white;font-weight:bold;}
div.topbar * {color:white; text-decoration:none; font-weight:bold;font-size:10pt;font-family:arial}
div div.topbar {border:0;height:24px}

div.fctrl {float:right;cursor:pointer;padding-top:2px;position:relative;z-index:1001}
#menu {background:right center no-repeat url(images/logo.png) #174982;padding:6px 10px 6px 10px;color:#ff0025;position:relative;z-index:500}
#main {position:absolute;top:30px;height:auto;bottom:0px;width:100%;left:0}

#menu.topbar_bb {background:white url('bb/logo.png') top right no-repeat;height:85px;padding:0 240px 0 0;}
#menu.topbar_bb > a, #menu.topbar_bb span.z {background:url('bb/tab.png') right;float:left;display:block;height:25px;line-height:25px;color:#002b5c;font-size:16px;border-left:1px solid #60778c;padding:0px 15px}
span.z {font-size:inherit !important}

a img {border:0}
tr th {text-align:left;width:120px;vertical-align:top;font-weight:normal}
td input, td select {vertical-align:middle}
/*form table {width:100%}*/
div.ff input {padding:2px 5px 2px 5px;float:right}

a img {vertical-align:middle}

div.clear {clear:both}

div.menu {position:absolute;border:1px #4F9CC4 ridge}

table tr td {height:24px;padding:0px 5px 0px 5px; border-bottom:1px solid #dddddd}
table tr th {padding:4px 5px 0px 5px; border-bottom:1px solid #dddddd}
.btn {width:auto;padding:1px 2px 1px 2px;margin:1px}

table.sf tr th {width:160px;}
table.sf td {position:relative}
/*.add.select {position:absolute;left:-20px;top:2px;display:none !important}
*:hover > .add.select {display:inline-block !important} */

input.boxsetup {position:absolute;width:25px;font-size:8pt;text-align:center;color:black;border:1px solid gray}
.num {text-align:right;padding-right:2px}

a {color:#084999;text-decoration:none}
a:hover {text-decoration:underline}

select.date option {text-align:right}

.treefold {display:none}

.move {cursor:move}

#printlink {position:relative;z-index:1001;cursor:pointer;vertical-align:middle}

td.va {vertical-align:top;padding-top:4px}

ul.tree {margin-left:20px;list-style-type:none}
ul.le {margin-left:0px}
ul.tree li {clear:both;}
ul.tree li div div {border-top:1px solid #cccccc;margin-top:-4px;float:none} /* margin is voor de border-top */
div.branch:hover div {background:#ff0038;cursor:pointer}

div.listitem {white-space:nowrap}
div.listitem:hover > div, .tdc:hover {background-color:#ff0038 !important;cursor:pointer}


div.pop {position:absolute;border:2px solid #999999;background:white;display:none;padding:3px;z-index:1001}

div.grid { height:22px; padding:3px; overflow:hidden;display:inline-block;*display:inline;border-right:1px dotted #bbbbbb;border-bottom:1px solid #bbbbbb; background:white; white-space:nowrap; cursor:default; box-sizing:border-box;position:relative;}
div.plan { height:20px; float:left; padding:3px; overflow:hidden;display:inline-block;*display:inline;border-right:1px solid #e5e5e5;border-bottom:1px solid #bbbbbb;  white-space:nowrap}

div.cal, div.calh, div.calg, div.cal2 { line-height:24px; width:29px; padding:2px; text-align:center; overflow:hidden;display:inline-block;*display:inline;border-right:1px solid #e5e5e5;border-bottom:1px solid #bbbbbb; background:white; white-space:nowrap;vertical-align:top}
div.calm {width:41px} div.caly {width:36px}
div.calg {color:gray}
div.cal2 div#Yback {position:absolute;display:none;left:0px;top:0px;width:100%;white-space:normal}
div.cal2:hover div#Yback {display:block;}
div.cal2 div#Yfwd {position:absolute;display:none;left:0px;top:0px;width:100%;white-space:normal}
div.cal2:hover div#Yfwd {display:block;}
div.cal:hover, div.calg:hover {background:orange;cursor:pointer;color:white}

div#freezr_head div {vertical-align:top}
div#freezr_main div, div#freezr_side div {vertical-align:top}
div#frametop {padding-left:5px;line-height:25px; overflow:hidden;/*border-bottom:1px solid #bbbbbb; */background:white; white-space:nowrap}
div#listbar {padding-left:0px;line-height:55px;border-bottom:1px solid #bbbbbb; background:white; white-space:nowrap}
div.treenav { width:13px; height:13px; padding:5px; overflow:hidden; float:left; display:inline-block; *display:inline;}
#freezr {background:#efefef;height:300px;width:400px}
.c {text-align:center;}


.fl {float:left}

#multi {display:none;font-size:9pt;margin:1px 4px;z-index:50;float:left}

div.resize {position:absolute;width:15px;height:15px;background:url(images/resize.gif);cursor:se-resize;top:309px;left:385px;z-index:1001}

div.r {text-align:right}
div.c {text-align:center}

div.grid > img, div.grid > input {margin-right:5px; vertical-align:middle}
div.grid > img {margin:-8px;max-height:40px}
.grid .clear {position:absolute;right:0px;top:1px;background:white}

label.imgsel {line-height:50px;cursor:pointer}
label.imgsel * {vertical-align:middle;position:relative}
label.imgsel img {max-height:50px;margin-left:-10px;z-index:-1}

.w10 {width:10px}.w15 {width:15px}.w20 {width:20px}.w25 {width:25px}.w30 {width:30px}.w35 {width:35px}.w40 {width:40px}.w45 {width:45px}.w50 {width:50px}.w55 {width:55px}.w60 {width:60px}.w65 {width:65px}.w70 {width:70px}.w75 {width:75px}.w80 {width:80px}.w85 {width:85px}.w90 {width:90px}.w95 {width:95px}.w100 {width:100px}.w105 {width:105px}.w110 {width:110px}.w115 {width:115px}.w120 {width:120px}.w125 {width:125px}.w130 {width:130px}.w135 {width:135px}.w140 {width:140px}.w145 {width:145px}.w150 {width:150px}.w155 {width:155px}.w160 {width:160px}.w165 {width:165px}.w170 {width:170px}.w175 {width:175px}.w180 {width:180px}.w185 {width:185px}.w190 {width:190px}.w195 {width:195px}.w200 {width:200px}.w205 {width:205px}.w210 {width:210px}.w215 {width:215px}.w220 {width:220px}.w225 {width:225px}.w230 {width:230px}.w235 {width:235px}.w240 {width:240px}.w245 {width:245px}.w250 {width:250px}.w255 {width:255px}.w260 {width:260px}.w265 {width:265px}.w270 {width:270px}.w275 {width:275px}.w280 {width:280px}.w285 {width:285px}.w290 {width:290px}.w295 {width:295px}.w300 {width:300px}.w305 {width:305px}.w310 {width:310px}.w315 {width:315px}.w320 {width:320px}.w325 {width:325px}.w330 {width:330px}.w335 {width:335px}.w340 {width:340px}.w345 {width:345px}.w350 {width:350px}.w355 {width:355px}.w360 {width:360px}.w365 {width:365px}.w370 {width:370px}.w375 {width:375px}.w380 {width:380px}.w385 {width:385px}.w390 {width:390px}.w395 {width:395px}.w400 {width:400px}.w405 {width:405px}.w410 {width:410px}.w415 {width:415px}.w420 {width:420px}.w425 {width:425px}.w430 {width:430px}.w435 {width:435px}.w440 {width:440px}.w445 {width:445px}.w450 {width:450px}.w455 {width:455px}.w460 {width:460px}.w465 {width:465px}.w470 {width:470px}.w475 {width:475px}.w480 {width:480px}.w485 {width:485px}.w490 {width:490px}.w495 {width:495px}.w500 {width:500px}.w505 {width:505px}.w510 {width:510px}.w515 {width:515px}.w520 {width:520px}.w525 {width:525px}.w530 {width:530px}.w535 {width:535px}.w540 {width:540px}.w545 {width:545px}.w550 {width:550px}.w555 {width:555px}.w560 {width:560px}.w565 {width:565px}.w570 {width:570px}.w575 {width:575px}.w580 {width:580px}.w585 {width:585px}.w590 {width:590px}.w595 {width:595px}.w600 {width:600px}.w605 {width:605px}.w610 {width:610px}.w615 {width:615px}.w620 {width:620px}.w625 {width:625px}.w630 {width:630px}.w635 {width:635px}.w640 {width:640px}.w645 {width:645px}.w650 {width:650px}.w655 {width:655px}.w660 {width:660px}.w665 {width:665px}.w670 {width:670px}.w675 {width:675px}.w680 {width:680px}.w685 {width:685px}.w690 {width:690px}.w695 {width:695px}.w700 {width:700px}.w705 {width:705px}.w710 {width:710px}.w715 {width:715px}.w720 {width:720px}.w725 {width:725px}.w730 {width:730px}.w735 {width:735px}.w740 {width:740px}.w745 {width:745px}.w750 {width:750px}.w755 {width:755px}.w760 {width:760px}.w765 {width:765px}.w770 {width:770px}.w775 {width:775px}.w780 {width:780px}.w785 {width:785px}.w790 {width:790px}.w795 {width:795px}.w800 {width:800px}.w805 {width:805px}.w810 {width:810px}.w815 {width:815px}.w820 {width:820px}.w825 {width:825px}.w830 {width:830px}.w835 {width:835px}.w840 {width:840px}.w845 {width:845px}.w850 {width:850px}.w855 {width:855px}.w860 {width:860px}.w865 {width:865px}.w870 {width:870px}.w875 {width:875px}.w880 {width:880px}.w885 {width:885px}.w890 {width:890px}.w895 {width:895px}.w900 {width:900px}.w905 {width:905px}.w910 {width:910px}.w915 {width:915px}.w920 {width:920px}.w925 {width:925px}.w930 {width:930px}.w935 {width:935px}.w940 {width:940px}.w945 {width:945px}.w950 {width:950px}.w955 {width:955px}.w960 {width:960px}.w965 {width:965px}.w970 {width:970px}.w975 {width:975px}.w980 {width:980px}.w985 {width:985px}.w990 {width:990px}.w995 {width:995px}
.h10 {height:10px}.h15 {height:15px}.h20 {height:20px}.h25 {height:25px}.h30 {height:30px}.h35 {height:35px}.h40 {height:40px}.h45 {height:45px}
div.h {background:#174982;color:white;line-height:20px}

div.calbody {border-right:1px solid black;border-top:1px solid #aaaaaa;float:left}
div.calbody div {border-left:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa;float:left;width:4px;height:17px;padding:1px;text-align:right}

div.cc /* calcel */ {padding:2px;border:1px solid #aaaaaa;cursor:pointer;font-size:9pt}
div.cc img {vertical-align:middle}
div.cc div {display:none;border:1px solid gray;z-index:100;padding:3px;background:#f9f8c8;position:absolute;color:black;width:200px;font-size:9pt;line-height:140%;margin-left:25px}
div.cc div ul li, div.cc div ul li * {font-size:8pt}
div.cc:hover div {display:block}

ul.parts, ul.parts li {display:inline-block;*display:inline;}
.exp {display:inline-block;background:white;text-decoration:none;cursor:default;padding:4px 10px;font-weight:bold;font-size:10pt;margin-right:2px;margin-bottom:2px;border-radius:7px}

.expop, .expop:hover {width:18px;background:purple;height:18px;line-height:18px;display:inline-block;color:white;text-align:center;text-decoration:none;cursor:pointer}


.exp_property {border:1px ridge blue;background:blue;color:white;}
.exp_value {border:1px ridge yellow;background:yellow}
.exp_value input {border:0;width:20px;background:none;text-align:center}
.exp_function {border:1px ridge green;background:green;color:white}
.exp_operator {border:1px ridge purple;background:purple;color:white}
.exp_entity {border:1px ridge red;background:red;color:white}
.exp_linkage {border:1px ridge orange;background:orange;color:white}
.exp_ {border:1px ridge black;background:black;color:white}

a.exp_operator, a.exp_function, a.exp_property, a.exp_entity, a.exp_linkage, a.exp_ {line-height:25px;margin-right:1px;margin-bottom:1px;text-align:center;display:block;text-align:center;text-decoration:none}
a.exp_operator {float:left;width:25px;}
a.exp_function {float:left;width:100px;text-align:left;padding-left:5px}
a.exp_property, a.exp_entity, a.exp_linkage {float:left;width:150px;text-align:left;padding-left:5px}
a.exp_ {float:none;width:100px}

div#partmenu {width:210px;margin-top:-4px}
div#partmenu a {background:#666;border:1px ridge #666}
div#partmenu a:hover {background:#ccc;color:black}

.exp a {display:none}
.exp:hover a {display:block}
.exp a.back {position:absolute;margin-left:-8px;background:url('images/miniback.png');width:9px;height:9px;margin-top:4px;margin-right:2px}
.exp div {float:right;margin-right:-8px;width:9px;margin-top:-2px;position:relative}
.exp div a {position:absolute}
.exp a.del {background:url('images/minidel.png');width:9px;height:9px;}
.exp a.add {background:url('images/miniplus.png');width:9px;height:9px;top:12px}

div#measure {visibility:hidden;position:absolute;display:inline-block;*display:inline;left:0;top:0}

#print {position:absolute;height:10px;width:10px;top:-50px}

div.draghelp {width:500px;height:500px;z-index:1000;position:absolute;display:none;background:green;filter:alpha(opacity=0);opacity:0}

.we {background:#f4f3e6}

.ico {display:none}

.btn {color:white;padding:2px 5px 2px 5px;background:#ff0025;border:1px ridge #cccccc}
.btn:hover {text-decoration:none}

.dropcontentdiv {cursor:pointer}
.dropcontentdiv:hover {background:#b7f6bf;}
#dragcontentdiv {position:absolute;z-index:200;white-space:nowrap}

.col:hover {background:#ff0038;cursor:pointer}

ul.z {float:left;list-style-type:none}
ul.z li ul {display:none;position:absolute;top:22px;left:5px;}
ul.z li ul li {background:#ff0025;}
ul.z li:hover ul {display:block;width:200px}
ul.z li:hover ul li a {display:block;padding-left:6px;padding-right:6px;line-height:25px;border-bottom:1px solid white}

span.z {position:relative;height:25px}
span.z ul {position:absolute;top:10px;left:5px;list-style-type:none;display:none;padding-top:10px}
span.z ul li {background:#ff0025;}
span.z:hover ul {display:block;width:200px}
span.z ul li a {display:block;padding-left:6px;padding-right:6px;line-height:25px;border-bottom:1px solid white;color:white}

table.list {border-spacing:1px;background:#ddd;margin:10px}
table.list tr th {background:#ff0025;color:white;text-align:left;padding:3px;border:0;text-align:center;font-weight:bold}
table.list tr td {background:white;padding:3px;vertical-align:top;border:0;}
table.list tr td * {vertical-align:middle}

div#listprint {display:inline-block;width:25px;height:16px}
div#listprint img {margin:5px;cursor:pointer}
#listprop {display:none;border:1px solid gray;background:white;position:absolute;z-index:100;width:640px;margin-left:0px;margin-top:-2px}
#listprop div ul {list-style-type:none}
#listprop li {float:left;display:block;width:200px;height:20px;overflow:hidden;margin:5px}
div#listprint:hover div {display:block}

div#listfilter {display:none;border:1px solid gray;background:white;position:relative;z-index:100;margin-left:2px;margin-top:24px;padding:2px}
div#listfilter div {margin:1px;border-bottom:1px solid gray;}
div#listfilter span {display:inline-block;padding:0px 5px;margin:3px}
div#listfilter span.fltpop > div {display:none;margin-top:20px;position:absolute;background:white;border:1px solid gray;padding:3px;padding-right:20px}
div#listfilter span.fltpop > div > div {display:inline-block}
div#listfilter span.fltpop:hover {background:#ff0038}
div#listfilter span.fltpop:hover div {display:block}

/*div.wsel {background:#174982;color:white}*/
div.wsel {background:#ff0038}

span.pastemenu {position:relative}
span.pastemenu span, span.pastemenu span div.ptr {display:none;}
span.pastemenu:hover span {position:absolute;background:white;border:1px solid #666666;left:13px;top:-3px;display:block;padding-left:10px;width:70px;height:20px}
span.pastemenu:hover span div.ptr {display:block;position:absolute;margin-left:-14px;margin-top:7px;background:url('images/pointer2.gif');width:4px;height:5px}

#pop_paste {display:none}

div#editptr {border:2px solid blue;position:absolute;width:100px;height:20px;}

/* depth */
div.d1 {background-color:#293f6c;color:white;font-weight:bold}
div.d2 {background-color:#586c96;color:white;font-weight:bold}
div.d3 {background-color:#fff}
div.cl {color:#900}

div.vpl {background:url('images/edit.png');width:14px;height:14px;position:absolute;margin-left:-18px;margin-top:3px}

div.List > div {height:34px;box-sizing:border-box;line-height:32px;border-bottom:1px solid #eee;position:relative;padding-left:8px}
div.List > div > div {position:absolute;background:url('images/del.svg') no-repeat center;background-size:13px 13px;cursor:pointer;right:0;top:0;height:100%;width:25px}
div.List > div:nth-of-type(odd) {background-color: #f9f9f9;}

div.ascending, div.descending {
	background-image:url('images/sort-amount-asc.svg') !important;
	background-repeat:no-repeat !important;
	background-position:right 6px center !important;
	background-size:auto 14px !important
}

div.ascending {background-image:url('images/sort-amount-desc.svg') !important;}

a.tb{
    color: white;
    text-decoration: none;
    background: #ff0025;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 10px;
    text-transform: uppercase;
}

textarea.single {/*height:20px !important;*/width:100% !important;z-index:200;min-width:200px;}
div.popout {position:absolute !important;z-index:1000 !important}

#auto{display: none;position: absolute;border: 1px solid #999;padding: 0px;background: white;z-index: 500;max-height: 160px;overflow-y: auto;}
#auto a {display:block;color:black;padding:2px;text-decoration:none;cursor:pointer}
#auto a span {color:#666;float:right;width:40px;display:block;text-align:right;margin-right:3px}
#auto a span:last-child {width:80px;text-align:left}
#auto a:hover, #auto a.over {background:#ff0038;color:black}

div.mch {box-sizing:border-box;width:16px;height:16px;vertical-align:middle !important;margin:0px 2px;display:inline-block;background-size:contain;background-repeat:no-repeat;border:2px solid #666;border-radius:4px}
div.mch.none {background-image:none}
div.mch.all {background-image:url('svg.php?which=check&color=666')}
div.mch.some {background-image:url('svg.php?which=square&color=666')}

#overload {opacity:0;position:fixed;width:100%;height:100%;z-index:100;background:url('images/load.gif') no-repeat center;display:none;background-size:80px 80px;background-color:rgba(0,0,0,0.5);;transition: all 4s linear 4s;}
#overload.on {display:block;opacity:1;transition: all 4s linear 4s;}

[data-unique="not"] > input {background:#ffdddd}
[data-unique="not"]::after {content:'een object met deze waarde bestaat al';color:red;display:inline-block;position:absolute;display:inline-block;left:5px;font-size:11px;top:-14px}

.ph {display:none}

.sel {box-sizing:border-box;position:absolute;display:none;z-index:99}
.sel.T, .sel.B {border-top-width:1px;border-bottom:0}
.sel.L, .sel.R {border-left-width:1px;border-right:0}
.sel.a {border-style:dashed;color:red}
.sel.b {border-style:solid;color:blue}

.oSel {position:absolute;display:none;margin:4px;z-index:99}
#dragh { box-shadow:inset 0.5px 0.5px 2px rgba(0,0,0,0.4) !important;background-color:rgba(0,0,0,0.1) !important;border-width:0 !important}

* {
	-webkit-touch-callout: inherit !important;
	-webkit-user-select: inherit !important;
	-khtml-user-select: inherit !important;
	-moz-user-select: inherit !important;
	-ms-user-select: inherit !important;
	user-select: inherit !important;
}

.noselect {	
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important; 
}