@font-face{font-family:SansPro;src:url(font/sourcesanspro.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(font/roboto.ttf) format('truetype');font-weight:400;font-style:normal}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;font-family:SansPro,sans-serif;font-size:16px}input,textarea{font-family:SansPro,sans-serif;font-size:16px!important}button{cursor:pointer;padding:5px 10px 5px 10px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body,html{margin:0;padding:0;height:120%;width:100%;font-family:SansPro,sans-serif;font-size:16px;overflow:hidden}#laden{display:none;margin:0 auto}#laden td{vertical-align:middle;text-align:center;font-weight:700;height:40px;width:210px;background-color:#b5bfff;z-index:9999;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-box-shadow:2px -1px 25px -7px rgba(0,0,0,.53);-moz-box-shadow:2px -1px 25px -7px rgba(0,0,0,.53);box-shadow:2px -1px 25px -7px rgba(0,0,0,.53)}.blue-button{box-shadow:inset 0 -3px 7px 0 #29bbff;background:linear-gradient(to bottom,#2dabf9 5%,#0688fa 100%);background-color:#2dabf9;border-radius:3px;border:1px solid #0b0e07;display:inline-block;cursor:pointer;color:#fff;font-family:SansPro,sans-serif;font-size:15px;padding:9px 18px;text-decoration:none;text-shadow:0 1px 0 #263666}.blue-button:hover{background:linear-gradient(to bottom,#0688fa 5%,#2dabf9 100%);background-color:#0688fa}.blue-button:active{position:relative;top:1px}.grey-button{box-shadow:inset 0 -3px 7px 0 #ccc;background:linear-gradient(to bottom,#ddd 5%,#eee 100%);background-color:#ccc;border-radius:3px;border:1px solid #aaa;display:inline-block;cursor:pointer;color:#333;font-family:SansPro,sans-serif;font-size:16px;padding:7px 14px;text-decoration:none}.grey-button:hover{background:linear-gradient(to bottom,#ccc 5%,#ddd 100%);background-color:#ddd}.grey-button:active{position:relative;top:1px}.account-box{position:fixed;-webkit-box-shadow:0 0 5px 0 rgba(100,100,100,.4);-moz-box-shadow:0 0 5px 0 rgba(100,100,100,.4);box-shadow:0 0 5px 0 rgba(100,100,100,.4);border-radius:2px;border:1px solid #aaa;float:right;margin-top:10px;margin-right:10px;background-color:#fafafa;padding:15px;z-index:40}.account-icon{display:table-cell;vertical-align:middle;text-align:center;height:45px;width:45px;background-color:#0094ff;font-size:35px;color:#333;border-radius:100%;z-index:40}.account-box-icon{display:table-cell;vertical-align:middle;text-align:center;height:60px;width:60px;background-color:#0094ff;font-size:40px;color:#333;border-radius:100%;z-index:40}.topbar{top:0;left:0;width:100%;padding:5px;position:relative;height:46px;background-color:#fafafa;border-bottom:1px solid #aaa;z-index:20}.sidebar{position:fixed;top:0;margin-top:57px;padding:0 5px 0 0;width:200px;background-color:#fff;height:99%;border-right:1px solid #aaa;z-index:20}.sidebar a{display:block;color:#000;padding:7px 16px 7px 16px;text-decoration:none;cursor:pointer}.sidebar a.active{background-color:#e7e8ff;color:#000;border-top-right-radius:20px;border-bottom-right-radius:20px}.sidebar a:hover:not(.active){background-color:#eee;color:#000;border-top-right-radius:20px;border-bottom-right-radius:20px}div.content{margin-left:220px;padding:0;vertical-align:top;width:calc(100vw - 200px);height:calc(100vh - 70px)}.modal-center-top{z-index:99999;position:fixed;top:0;left:50%;transform:translate(-50%,0)}.modal-center-middle{z-index:99999;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}.pointer{cursor:pointer}.menuheader{margin-left:5px;margin-top:5px;border-top:1px solid #aaa;padding:10px 10px 5px 0;padding-left:10px;font-weight:700}#datacontent{margin-top:98px}::-webkit-input-placeholder{font-family:SansPro,sans-serif}::-moz-placeholder{font-family:SansPro,sans-serif}:-ms-input-placeholder{font-family:SansPro,sans-serif}:-moz-placeholder{font-family:SansPro,sans-serif}.grid-header td{padding:5px;font-size:13px;background-color:#d3d3d3;border-top:1px solid #a9a9a9;border-bottom:1px solid #a9a9a9;border-right:1px solid #a9a9a9}.grid-header td:first-child{border-left:1px solid #a9a9a9}.grid-header td:last-child{border-right:1px solid #a9a9a9}.grid-rij{background-color:#fff;transition:background-color .01s ease-in-out;cursor:pointer}.grid-rij:hover{background-color:#ddd;transition:background-color .01s ease-in-out}.grid-rij td{padding:5px;border-bottom:1px solid #a9a9a9;border-right:1px solid #d3d3d3;font-size:13px;vertical-align:middle!important}.grid-rij td:first-child{border-left:1px solid #a9a9a9}.grid-rij td:last-child{border-right:1px solid #a9a9a9}.grid-filter td{background-color:#fff;font-size:13px;border:0;border-bottom:2px solid #000}.grid-filter input{padding:3px;text-indent:3px;font-size:13px!important;outline:0;border-radius:0;border:0;border-left:1px solid #a9a9a9}.grid-filter td:last-child input{border-right:1px solid #a9a9a9}.grid-filter td:last-child{border-right:1px solid #a9a9a9}.sortering-none{float:right;margin-top:-3px}.tab{overflow:hidden;border:1px solid #ccc;background-color:#f1f1f1}.tab button{font-size:16px;background-color:inherit;float:left;border:none;outline:0;cursor:pointer;padding:14px 16px;transition:.3s}.tab button:hover{background-color:#ddd}.tab button.active{background-color:#ccc}.tabcontent{display:none;padding:6px 12px 30px 12px;border:1px solid #ccc;border-top:none}.verplicht{color:red;font-size:20px}.copy-button{width:30px;height:30px}.maincolumn{vertical-align:top;padding:10px;border:1px solid #d3d3d3;border-radius:10px}.input{text-indent:5px;width:405px!important;font-size:16px;line-height:25px;border-radius:3px;border:1px solid #d3d3d3}.select{width:409px!important;font-size:16px;line-height:29px;height:29px;border-radius:3px;border:1px solid #d3d3d3}.select option{min-width:150px;padding-left:5px;padding-right:5px}.textarea{padding:5px;width:400px!important;height:60px;font-size:16px;resize:none;border-radius:3px;border:1px solid #d3d3d3}.datatable td{vertical-align:top;padding:5px}.klantobjectentabel td,.onderdelentabel td,.takentabel td{vertical-align:top;padding:0;padding-top:3px;padding-bottom:3px}.imagetable td{vertical-align:top;padding:5px}.objectfoto,.taakfoto{float:left;height:120px;width:150px;max-height:120px;max-width:150px;border:1px solid #d3d3d3;text-align:center;vertical-align:middle}img{border-radius:10px;cursor:pointer;max-width:150px;max-height:120px}.artikelfoto{display:table-cell;height:250px;width:250px;max-height:250px;max-width:250px;border:1px solid #d3d3d3;text-align:center;vertical-align:middle}