@font-face {
	font-family: 'Maven Pro';
	src: url('/fonts/Maven_Pro/mavenpro-variablefont_wght-webfont.woff2') format('woff2'),
	url('/fonts/Maven_Pro/mavenpro-variablefont_wght-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
	url('/fonts/Roboto/Roboto-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto Light';
	src: url('/fonts/Roboto/roboto-light-webfont.woff2') format('woff2'),
	url('/fonts/Roboto/roboto-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

sub,sup,dd,dt,dl {margin:0; padding:0; border:0}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,
ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,
time,mark,audio,video {margin:0; padding:0; border:0; font:inherit; font-size:100%; vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block}

html {line-height:1}
ul,ol {list-style:none}
table {border-collapse:collapse; border-spacing:0}
caption,th,td {text-align:left; font-weight:normal; vertical-align:middle}
q:before,q:after,blockquote:before,blockquote:after {content:''; content:none}
q,blockquote {quotes:none}
a img {border:none}
a {text-decoration:none; color:#7F8C8D}
p {padding-bottom:20px; line-height:26px}
h1 {font:25px 'Maven Pro' !important}
html,body {height:100%; font:13px 'Roboto'}
body {line-height:20px}
body.admin {
	background-color:#ecf0f1;
	background-image:url(/images/top.gif);
	background-attachment:fixed!important;
	background-repeat:repeat-x;
	background-position:top;
}
textarea {resize:none}
textarea, input[type='text'], input[type='search'], input[type='submit'], input[type='reset'], select {
	box-shadow:0!important;
	-webkit-appearance:none;
}
input[type='submit'],
input[type='reset'] {background:#ff7f00; color:#fff; padding:5px 10px; border:none; cursor:pointer; border-radius:3px}

div.lay_main_container, div.lay_content {color:#7f8c8d; text-align:left}
div.lay_main_container {height:auto!important; margin:0 auto -70px; min-height:100%; width:1200px}
div.lay_main_container:after {content:''; display:block; clear:both;}
div.lay_spacing { height:70px;}
#fixed_size_div {height:100%}


div.black_overlay {display:none; position:fixed; top:0;left:0;right:0;bottom:0; width:100%;height:100%; z-index:1111; background:url(/images/png1px50a.png)}
div.black_overlay table td {vertical-align:middle}
div.black_overlay table {width:100%; height:100%}
div.black_overlay div.white_content {display:inline-block; background:#fff}
div.black_overlay div.white_content {box-shadow: 0 0 4px rgba(0,0,0,0.698)}
div.black_overlay div.white_content {border-radius:5px}


.clear {clear:both}
.nobr {white-space:nowrap}
.highlight {background-color:#ff5!important;color:#333!important; border-radius:3px}
#ui-datepicker-div {z-index:1212!important}

.pre_msgblock {position:relative; float:right}
.pre_msgblock .success, .pre_msgblock .general_errors, .pre_msgblock .general_warnings {position:absolute;right:0;top:-5px}
.general_warnings, .general_errors, .success {color:#fff; padding:7px 10px; border-radius:4px}
.general_warnings, .general_errors, .success {webkit-box-shadow: 0px 3px 7px -1px rgba(50, 50, 50, 0.41)}
.general_warnings, .general_errors, .success {box-shadow: 0px 3px 7px -1px rgba(50, 50, 50, 0.41)}
.general_warnings i, .general_errors i, .success i {position:absolute; top:5px; left:5px; font-size:175%}
.general_warnings b, .general_errors b, .success b {padding-left:30px}
.general_warnings {background-color:#aead27}
.general_errors {background-color:#AE2728}
.success {background-color:#27AE60}

::-webkit-input-placeholder {text-align:right; font-size:13px}
:-moz-placeholder {text-align:right; font-size:13px}
::-moz-placeholder {text-align:right; font-size:13px}
:-ms-input-placeholder {text-align:right; font-size:13px}

header ::-webkit-input-placeholder {text-align:left; color:#fff; line-height:13px}
header :-moz-placeholder {text-align:left; color:#fff; line-height:13px}
header ::-moz-placeholder {text-align:left; color:#fff; line-height:13px}
header :-ms-input-placeholder {text-align:left; color:#fff; line-height:13px}

div.tijdlijn ::-webkit-input-placeholder {font:13px 'Roboto'}
div.tijdlijn :-moz-placeholder {font:13px 'Roboto'}
div.tijdlijn ::-moz-placeholder {font:13px 'Roboto'}
div.tijdlijn :-ms-input-placeholder {font:13px 'Roboto'}


a.button {background:#ff7f00; color:#fff; padding:5px 10px; border-radius:3px}
a.button.geavanceerde {background:#a4a6a7; text-transform:uppercase}
.lay_main_container select,
body.inloggen select,
.lay_content select {background:#ecf0f1; background-image:url(/images/seltick.png); background-repeat:no-repeat; background-position:right 12px; padding:5px; border:none; color:#7f8c8d}
.lay_main_container select,
body.inloggen select,
.lay_content select {border-radius:3px; webkit-appearance:none; moz-appearance:none; text-indent:0.01px; text-overflow:''}
header {width:1160px; margin-left:auto; margin-right:auto; height:112px; margin-bottom:30px; position:fixed; padding-left:14px; padding-right:14px; margin-left:7px; background:#ecf0f1 url(/images/top.gif) repeat-x top; z-index:1001}
header:after {display:block; clear:both; content:''}
header .logo { float:left; padding-top:15px;}
header nav { float:left; margin-left:15px;}
header nav li { float:left;}
header nav a { color:#fff; outline:none; display:block; padding:21px 15px;}
header nav a:hover { background:#f27900;}
header nav a.active { background:#fff; color:#ff7f00;}
header .zoek {float:right; background:#f27900; padding:19px 18px; margin-right:5px}
header .zoek i {width:20px; height:20px; float:left; color:#fff}
header .zoek input[type='search'] { background-color:#f27900; border:1px solid #f27900; color:#fff; width:78px; height:18px; margin-left:5px; border-radius:1px}
header .zoek input[type='submit'] {padding:0; margin:0; display:inline; width:20px; position:relative; bottom:17px; left:0; background:transparent!important}
header form#meta select option:disabled {padding:0!important}
header form#meta select option {padding:5px}
header form#meta select {height:27px; padding:5px}
header .login { float:right; color:#fff; padding:10px 0; position:relative;}
header .login td { vertical-align:middle; padding:0 5px;}
header .login .caret { position:relative; top:-1px;}
header .login .avatar img { width:36px; height:36px; border-radius:19px; border:1px solid #fff;}
header .login ul { background:#fff; width:100%; margin-top:8px; display:none; position:absolute; z-index:9999;}
header .login ul {webkit-box-shadow:0px 7px 18px -3px rgba(50, 50, 50, 0.41); box-shadow:0px 7px 18px -3px rgba(50, 50, 50, 0.41)}
header .login ul li { padding:10px 20px;}
header .login ul li:first-child a { color:#27ae60;}
header .login ul li a { color:#7f8c8d; display:block;}
header .login ul li a span,
header .login ul li a i { float:right; width:20px; text-align:center;}
header .login ul li:hover { background:#ff7f00;}
header .login ul li:hover a { color:#fff;}
header .login:hover ul { display:block;}
header .left { float:left; padding-top:10px;}
header .left h1 { float:left; color:#ff7f00; text-transform:uppercase; margin-right:5px;}
header .left ul { float:left; padding-top:6px; padding-left:10px}
header .left ul li { float:left;}
header .left ul a { color:#7f8c8d; text-transform:uppercase; padding:0; float:none; background:transparent!important}
header .left ul a.active { color:#ff7f00;}
header .right { float:right; padding-top:10px;}
header .right td { vertical-align:middle; color:#7f8c8d; padding-left:10px;}
header .right form { float:left;}
header .right a, header .left a { float:left; outline:none; background:#ecf0f1; color:#fff; padding:5px 10px; color:#7f8c8d; border-radius:3px}
header #notificaties-li {display:none}
header .right .langchooser {position:relative; cursor:pointer; background: #ecf0f1 url(/images/seltick.png) no-repeat scroll right center; padding:3px; padding-right:30px; border-radius:3px}
header .right .langchooser img {display:block; opacity:0.72}
header .right .langchooser ul {position:absolute; left:0; display:none}
header .right .langchooser ul {webkit-box-shadow:0px 7px 18px -3px rgba(50, 50, 50, 0.41); box-shadow:0px 7px 18px -3px rgba(50, 50, 50, 0.41)}
header .right .langchooser ul li a {display:block; padding:3px; border-top:1px solid #fff}
header .right .langchooser ul li a span {float:right; width:27px; padding-top:3px; text-transform:uppercase; text-align:center}
header .right .langchooser ul li a img {float:left}
header .right .langchooser ul li a:hover {background-color:#ff8000; color:#fff}
header .right .langchooser:hover ul {display:block}


footer {height:70px; position:relative; width:100%; color:#7f8c8d}
div.footer_wrapper { height:70px; margin:0 auto; width:1170px; margin-left:auto; margin-right:auto;}
div.footer_wrapper:after { content:" "; display:block; clear:both;}
div.footer_wrapper .left { float:left}
div.footer_wrapper .right { float:right}
div.footer_wrapper .right li { float:left}
div.footer_wrapper .right li a { color:#7f8c8d; padding:0}
div.footer_wrapper .center { text-align:center}




body.inloggen {background:#ECF0F1; color:#7F8C8D}
body.inloggen table.wrapper {width:100%;height:100%}
body.inloggen table.wrapper td.wrapper {vertical-align:middle;text-align:center}
body.inloggen table.wrapper label {display:block; line-height:26px; padding-bottom:2px}
body.inloggen table.wrapper h2 {padding-bottom:10px; text-transform:uppercase}
body.inloggen .block_shadow {display:inline-block; text-align:left}
body.inloggen .biglogo {display:block; margin:0 auto 30px}

body.inloggen table.wrapper select.b4u,
body.inloggen table.wrapper input[type='password'].b4u,
body.inloggen table.wrapper input[type='text'].b4u {width:250px; margin-bottom:15px}
body.inloggen table.wrapper input[type='text'].b4u {background-image:url(/images/user.gif); background-repeat:no-repeat; background-position:95% center}
body.inloggen table.wrapper input[type='password'].b4u {background-image:url(/images/lock.gif); background-repeat:no-repeat; background-position:95% center}
body.inloggen table.wrapper input[type='submit'].b4u {height:40px; margin-bottom:15px; width:100%}
body.inloggen table.wrapper a {outline:none!important}
body.inloggen table.wrapper div.hover-errmsg {display:block}
body.inloggen table.wrapper div#best4uw {display:none}

body.inloggen table.wrapper select.b4u {width:270px!important; padding-bottom:10px; padding-top:10px; background-position: right center}


.iframe_container .block_shadow {margin-right:30px}
div.lay_content.tijdlijn {padding-top:0!important}
div.lay_content.tijdlijn div.block_shadow {margin-left:15px; margin-right:15px}
div.separateur {background:url(/images/border.gif) no-repeat scroll left center}
div.separateur select {float:right; margin-right:15px; text-transform:uppercase; background-color:#fff; border: 1px solid #7F8C8D; box-shadow: 0 7px 18px -3px rgba(50, 50, 50, 0.41)}
div.separateur input {float:right; margin-left:20px}
div.tijdlijn.separateur {margin-left:15px}
div.tijdlijn_pagina_div {padding-top:35px}
div.tijdlijn_pagina_div table.tijdlijn_who td h3 {font-size:18px}
div.tijdlijn_pagina_div table.tijdlijn_who td {padding-right:10px;padding-bottom:10px}
div.tijdlijn_pagina_div h3.tijdlijn_bijlagen {font-size:14px; padding-bottom:5px; padding-top:16px}
div.tijdlijn_pagina_div a.download {display:inline!important}
select.proj_status,
select.lead_status {height:30px; padding:5px!important}
select.lead_status {background-color:#fff; margin-bottom:20px}
select.proj_status option,
select.lead_status option {padding:5px}

.lay_main_container .bubble_notificatie {position:absolute; bottom:10px; left:10px; position:fixed; z-index:9999}
.lay_main_container .bubble_notificatie div.local-wrapper {width:330px; padding:15px; padding-left:20px; margin-top:10px; background:#fff; border-radius:10px}
.lay_main_container .bubble_notificatie div.local-wrapper {webkit-box-shadow:0px 7px 18px -3px rgba(50, 50, 50, 0.41); box-shadow:0px 7px 18px -3px rgba(50, 50, 50, 0.41)}
.lay_main_container .bubble_notificatie td.image {vertical-align:top; padding-bottom:10px; font-size:56px; width:1px}
.lay_main_container .bubble_notificatie td.image i {position:relative; right:10px}
.lay_main_container .bubble_notificatie td.image-comment {padding-right:10px}
.lay_main_container .bubble_notificatie td {vertical-align:top}
.lay_main_container .bubble_notificatie a.popup-sluiten {position:absolute; top:5px; right:10px}
.lay_main_container .bubble_notificatie a.popup-sluiten:hover {color:#ff7f00!important}
.lay_main_container .bubble_notificatie h3.subtitle {color:#ff7f00; font-size:14px!important; margin-top:5px; margin-bottom:10px}


.product_lijn {padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ECF0F1}
.product_lijn.inv {padding-top:15px; }
.project_info {margin-top:20px}
.project_info table td {padding-left:10px; padding-bottom:10px; vertical-align:top}
.project_info table td:first-child {padding-left:0; color:#BDC3C7}

table.tech_stats table.vormtabel tr td:first-child {text-align:right}
table.tech_stats table.vormtabel td {padding-left:10px; padding-bottom:10px}
table.tech_stats table.subtabel th {text-align:left; padding:0; color:#FF7F00}
table.tech_stats table.subtabel th,
table.tech_stats table.subtabel td {padding-left:10px; padding-bottom:10px}
table.tech_stats table.subtabel tr td:first-child {padding-left:0!important}
table.tech_stats table.subtabel td.right {text-align:right}
table.tech_stats table.subtabel td {vertical-align:top}
table.tech_stats .bottom {position:absolute;bottom:5px}

table.tech_stats table.subtabel tr.toon_meer {display:none}

table.tech_stats table.chartable td {text-align:right; padding:10px 0}
table.tech_stats table.chartable tr td:first-child {text-align:left}
table.tech_stats table.chartable tr.bar td {padding:0; background:#ECF0F1}
table.tech_stats table.chartable tr.bar div a {display:block; color:#fff; text-align:right; padding:5px}
table.tech_stats table.chartable tr.bar div {border-radius:4px}

table.tech_stats table.chartable td.bar {width:150px}
table.tech_stats table.chartable td.bar div {padding:1px 0!important;height:auto!important;margin:3px 0!important}
table.tech_stats table.chartable.klein td {padding-bottom:5px; padding-top:0!important; padding-left:10px}
table.tech_stats table.chartable.klein tr td:first-child {padding-left:0!important}

table.tech_stats tfoot.has-border-top tr:first-child td {border-top:1px solid #ECF0F1}

table.tech_stats .taken_van_week {padding-top:30px; text-align:center}
table.tech_stats .taken_van_week h3 {font-size:20px; line-height:30px; padding-bottom:20px}
table.tech_stats .taken_van_week h4 {}


table.inlineactie tr td {padding-left:15px}
table.inlineactie tr th {padding-left:18px}
table.inlineactie tr td:first-child {padding-left:0!important}
table.inlineactie tr th:first-child {padding-left:3px!important}
table.inlineactie select {height:36px!important; background-position:right 55%}
table.inlineactie select option {padding:5px}
table.inlineactie div.relative {position:relative; float:left}
table.inlineactie div.relative [class^="icon-"],
table.inlineactie div.relative [class*=" icon-"] {position:absolute; right:1px; top:9px; color:#7f8c8d; font-size:130%}
table.inlineactie .button-wrp input[type="submit"] {position:absolute;right:0}
table.inlineactie .button-wrp {position:relative; font-size:200%}
.block_shadow.blyadi h2.topright {width:1100px; max-width:1100px}
.button-wrp input[type="submit"], button.button-wrp {border:none!important;background:transparent!important}
button.button-wrp {cursor:pointer!important; padding:0!important; position:relative; left:10px}
table.tech_stats table.vormtabel a.button-wrp,
table.compact.manyspace a.button-wrp {outline:none; position:relative; left:7px; font-size:150%}
.button-wrp .kleur-verwijderen {color:#E64C3B}
.button-wrp .kleur-toevoegen {color:#26AD5E}
div.separateur a, div.separateur input {padding:10px 15px}
div.separateur a {background-color:#7F8C8D;float:right;line-height:18px}

a.tech_korting_ahref {outline:none}
a.tech_korting_ahref u {text-decoration:none!important}
a:hover.tech_korting_ahref, a.tech_korting_ahref.whenpopup {color:#FF7F00!important}
a.tech_korting_ahref.korting_edit {padding-left:21px;background:url(/images/edit.png) no-repeat left center}
.tech_korting {display:none;position:absolute;background:#fff;z-index:3;padding:5px 3px;border:1px solid #333} 
.tech_korting {box-shadow:0 0 3px #777}
.tech_korting {border-radius:5px}

.tech_korting table.compact.ultra {margin:15px; margin-right:25px; width:1px}
.tech_korting table.compact.ultra tr td:first-child {padding-right:15px; text-align:left}




.admin .lay_content {width:1170px; margin-left:auto; margin-right:auto; padding-top:130px}
.admin .lay_content:after {display:block; clear:both; content:''}
body.admin.iframe {background:transparent!important; overflow-y:hidden}
body.admin.iframe .lay_content {width:auto!important;padding-top:0}
body.admin.iframe .lay_content.block_shadow {margin:0!important ;background:transparent}
body.admin.iframe .lay_content.block_shadow {webkit-box-shadow:none}
body.admin.iframe .lay_content.block_shadow {box-shadow:none}

.admin .breadcrumbs {float:left}
.admin .breadcrumbs a {color:#7f8c8d}
.admin .breadcrumbs span.active {color:#ff7f00}

.admin .topBar {margin-bottom:40px; border-radius:4px; background:#fff; webkit-box-shadow:0px 7px 18px -3px rgba(50, 50, 50, 0.41); box-shadow:0px 7px 18px -3px rgba(50, 50, 50, 0.41);}
.admin .topBar nav {float:left;}
.admin .topBar nav li {float:left;}
.admin .topBar nav li a {outline:none; color:#7f8c8d; display:block; padding:20px; border-right:1px solid #7f8c8d;}
.admin .topBar nav li a:hover,
.admin .topBar nav li.active a {background:#ECF0F1}
.admin .topBar nav li:last-child a {border:0px;}
.admin .topBar aside { float:right;}
.admin .topBar aside a { display:block; padding:20px; color:#fff; background:#27ae60;}

.actiebar {background:#fff; margin-top:20px; padding:2px; border-radius:4px}
.actiebar {webkit-box-shadow: 0px 7px 18px -3px rgba(50, 50, 50, 0.41)}
.actiebar {box-shadow: 0px 7px 18px -3px rgba(50, 50, 50, 0.41)}

.actiebar ::-webkit-input-placeholder { color:#7f8c8d;}
.actiebar :-moz-placeholder { color:#7f8c8d;}
.actiebar ::-moz-placeholder { color:#7f8c8d;}
.actiebar :-ms-input-placeholder { color:#7f8c8d;}


table.table {padding:10px 0}
table.table tr.odd {background-color:#F3F6F7}
table.table td, table.table th {padding:10px}
table.table tr td:first-child, table.table tr th:first-child {padding-left:20px}
table.table tr td.last, table.table tr th.last {padding-right:20px}
table.table th {border-bottom:1px solid #7F8C8D}
table.table th, table.table th * {color:#FF7F00}
table.table a {outline:none!important}
table.table td.right {text-align:right}

/*table.table tr.hoverable {height:33px}*/
table.table tr.hoverable:hover span.color {color:#fff!important}
table.table tr.hoverable:hover, table.table tr.hoverable:hover * {color:#fff; background:#ff7f00}
table.table a.hellip_hover {position:relative; text-decoration:none; outline:none; color:inherit}
table.table a.hellip_hover span.onhover {display:none; position:absolute; padding:3px; padding-right:7px; border-radius:3px}
table.table a.hellip_hover:hover span.onhover {display:block; white-space:nowrap; top:-4px; left:-3px}

table.table tr.helper {display:none}

table.table span.relative {position:relative; padding-right:21px}
table.table span.relative * {font-size:130%; position:absolute; top:-4px}

table.table th span.nosort {padding:0}
table.table th a.sort {display:block; overflow:hidden}
table.table th a.sort:hover span.label {text-decoration:underline!important}

table.table .status {display:block; padding:5px 8px}
table.table .status {border-radius:5px}

a.href:hover {color:#FF7F00; border-bottom-style:dashed; border-bottom-width:1px}


table.taken {width:100%; margin-bottom:10px}
table.taken tr.view.overdue * {color:#E74C3C}
table.taken tr.view.overdue.completed *,
table.taken tr.view.completed * {color:#27AE60}
table.taken tr.view.overdue.completed td.action a,
table.taken tr.view.completed  td.action a {visibility:hidden}
table.taken tr.view.no-omschrijving td,
table.taken tr.view.omschrijving td {padding-bottom:10px}
table.taken td.right {text-align:right}
table.taken td.action {padding-left:30px}
table.taken td.action a {outline:none}

table.local_btn_tabel .general_errors,
table.local_btn_tabel .success {float:left;position:absolute;bottom:25px;left:5px}
table.local_btn_tabel .general_errors i,
table.local_btn_tabel .success i {position:relative}
table.local_btn_tabel .general_errors b,
table.local_btn_tabel .success b {padding-left:5px}

.rechten_tree {float:left; padding-left:10px}
.rechten_tree label {display:block; padding-bottom:3px}

div.afbeelding {position:relative}
div.afbeelding h2 {position:absolute}
div.afbeelding input[type='file'] {position:absolute; right:0; bottom:0}
div.afbeelding h2.text_shadow {text-shadow: 0 0 2px #fff}
div.afbeelding table.noimg td {text-align:center; font-size:40px; line-height:50px; color:#ecf0f1}
div.afbeelding, div.afbeelding a, div.afbeelding table.noimg td {width:300px; height:400px}
div.afbeelding.landscape, div.afbeelding.landscape a, div.afbeelding.landscape table.noimg td {width:300px!important; height:200px!important}
div.afbeelding {background-attachment:scroll; background-repeat:no-repeat; background-position:center center; background-size:cover}
div.afbeelding.box-shadow {box-shadow: 2px 2px 3px rgba(0,0,0,0.3) inset}
div.afbeelding a {display:block}



/*.block_shadow {border-radius:3px}*/
.block_shadow {background:#fff}
div.block_shadow {margin-bottom:35px}
.block_shadow {box-shadow: 0px 7px 18px -3px rgba(50, 50, 50, 0.41)}
.block_shadow {webkit-box-shadow: 0px 7px 18px -3px rgba(50, 50, 50, 0.41)}
.block_shadow.scaffold {padding:20px 0; border-radius:4px}
div.block_shadow.scaffold {margin-top:20px}
.block_shadow .inner {position:relative; padding:30px}
.block_shadow .inner.grayish {background-color:#ECF0F1}

.block_shadow .inner .hover-errmsg {display:none; z-index:101; position:absolute; padding:30px; left:0;right:0;top:0;bottom:0; color:#fff; background:url(/images/hover.png)}
.block_shadow .inner .hover-errmsg h3.errmsg-header {font-size:18px; padding-top:20px; text-transform:uppercase; text-align:center}
.block_shadow .inner .hover-errmsg a.close {float:right; outline:none!important}
.block_shadow .inner .hover-errmsg .errmsg-content {padding-top:10px; text-align:center}
.block_shadow .inner .hover-errmsg .errmsg-content p {font-size:13px; line-height:15px!important; white-space:normal!important}

.block_shadow h2.topright {width:310px; max-width:310px; overflow-x:hidden}
.block_shadow h2, body.iframe h2 {font-size:25px; color:#ff7f00; line-height:33px; padding-bottom:10px}
.block_shadow a.topright {outline:none;position:absolute;right:30px;top:30px;line-height:33px;padding-left:40px}
.block_shadow a.topright {background-image:url(/images/topright-butt-gradient.png); background-position:left center}
.block_shadow h4.topright {padding-left:50px; background:url(/images/topright-butt-gradient.png) left center}
.block_shadow h4.topright {position:absolute; top:35px; right:30px}
.block_shadow h4.topright span {background-color:#fff}
.block_shadow h4.topright span.prijs {font-size:20px; color:#FF7F00}
.block_shadow h4.topright span.korting {position:absolute; top:30px; right:0;  display:none}
.block_shadow h4.topright span.korting .oranje {color:#FF7F00}

.block_shadow div.info,
.block_shadow div.sep {padding:10px 0;margin:10px 0}
.block_shadow div.sep {border-bottom:1px solid #ecf0f1}

.block_shadow .inner.persdata h3 {font-size:14px; margin-top:-10px}
.block_shadow .inner.persdata div.info td:first-child {padding-right:14px}
.block_shadow .inner.persdata div.info td {padding-bottom:10px}
.block_shadow .inner.persdata p.heading {color:#FF7F00}
.block_shadow .inner.persdata p {line-height:26px;padding-bottom:4px}
.block_shadow .inner.persdata.bedrijfsgegevens div.info {border:1px solid #ecf0f1;border-left:none;border-right:none}
.block_shadow .inner.persdata .status {border-radius:3px; padding:5px 10px}
.block_shadow .inner.persdata.compact td.extra-informatie {display:none}
.block_shadow .inner.persdata.compact a.tech_verwijderen {display:none}
.block_shadow .inner.persdata div.sep tr td.waarde {text-align:right}
.block_shadow .inner.persdata div.sep tr td.waarde.kans_akkoord {color:#FF7F00}
.block_shadow .inner.persdata div.sep tr td.waarde.kans_akkoord input[type='text'] {border:none!important; width:30px; text-align:right; color:#FF7F00}
.block_shadow .inner.persdata div.sep tr td {vertical-align:top}


.block_shadow .inner.persdata #tech_kans_akkoord {height:11px; width:297px; margin-left:9px; border-radius:5px}
.block_shadow .inner.persdata #tech_kans_akkoord {
	background: -moz-linear-gradient(center top, #C5C5C5, #A2A2A2) repeat scroll 0 0 transparent;
/*	background: -moz-linear-gradient(center top, #787878, #A2A2A2) repeat scroll 0 0 transparent;*/
	box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 0 rgba(230, 230, 230, 0.898), 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}
.block_shadow .inner.persdata #tech_kans_akkoord a {outline:none!important; border:1px solid rgba(255,255,255,0.6); border-radius:10px}
.block_shadow .inner.persdata #tech_kans_akkoord a {
	background: -moz-linear-gradient(90deg, #B4B4B4 20%, #E6E6E6 50%, #B4B4B4 80%) repeat scroll 0 0 transparent;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5), 0 2px 5px 2px rgba(0, 0, 0, 0.2);
}


.block_shadow table.compact {width:100%; margin-bottom:30px}
.block_shadow table.compact.manyspace {width:1px!important}
.block_shadow table.compact td {vertical-align:middle}
.block_shadow table.compact td.label {padding-right:30px; text-align:right}
.block_shadow table.compact.manyspace td.label {text-align:left}
.block_shadow table.compact td.option {width:1px}
.block_shadow table.compact td.input {width:1px}
.block_shadow table.compact td span.label,
.block_shadow table.compact td label {display:block; margin-bottom:5px; padding:10px 0}
.block_shadow table.compact .verplicht {color:#FF0E00; position:absolute; padding-left:5px}
.block_shadow table.compact div.relative {position:relative; float:left}
.block_shadow table.compact div.relative [class^='icon-'],
.block_shadow table.compact div.relative [class*=' icon-'] {position:absolute; right:1px; top:9px; color:#7f8c8d; font-size:130%}
.block_shadow table.compact a.toggle {outline:none!important; color:#FF7F00; display:block; margin:10px 0}

.block_shadow table.compact ::-webkit-input-placeholder {font-style:italic}
.block_shadow table.compact :-moz-placeholder {font-style:italic}
.block_shadow table.compact ::-moz-placeholder {font-style:italic}
.block_shadow table.compact :-ms-input-placeholder {font-style:italic}
.block_shadow table.compact select {width:190px; height:40px; padding:10px; margin:2px 0; background-position:right 16px}
.block_shadow table.compact select option:disabled {padding:0!important}
.block_shadow table.compact select option {padding:5px}

.block_shadow table.compact label.float_left {float:left; margin-right:25px; padding:0; padding-top:10px}


.block_shadow input[type='password'].b4u,
.block_shadow input[type='text'].b4u {display:block; width:320px; padding:9px; margin:2px 0; background-color:#ecf0f1; color:#7f8c8d; text-indent:0.01px; border:1px solid #ecf0f1}
.block_shadow textarea.b4u {display:block; padding:9px; margin:2px 0; background-color:#ecf0f1; color:#7f8c8d; text-indent:0.01px; border:1px solid #ecf0f1}
.block_shadow input[type='submit'] {float:right; text-transform:uppercase}
/*
.block_shadow input[type='password'].b4u,
.block_shadow input[type='text'].b4u {box-shadow: 0 1px 10px -2px #adaeae inset}
.block_shadow input[type='password'].b4u,
.block_shadow input[type='text'].b4u {webkit-box-shadow: 0 1px 10px -2px #adaeae inset}
*/
.block_shadow select,
.block_shadow input[type='password'].b4u,
.block_shadow input[type='text'].b4u {border-radius:3px; webkit-appearance:none; moz-appearance:none}
.block_shadow input[type='password'].b4u:focus,
.block_shadow input[type='text'].b4u:focus {border-color:#FFBF67}
.block_shadow .validation_error_container input[type='text'],
.block_shadow .validation_error_container input[type='password'],
.block_shadow .validation_error_container textarea,
.block_shadow .validation_error_container label {color:#FF0E00!important; border-color:#FF0E00!important}
.block_shadow .validation_error_container select {border:1px solid #FF0E00}
.block_shadow .validation_error_container [class^='icon-'] {color:#FF0E00!important}


.block_shadow table.bestand {width:100%}
.block_shadow table.bestand tr td {padding-left:5px}
.block_shadow table.bestand tr td:first-child {padding:5px 0; padding-left:0!important;}
.block_shadow table.bestand tr td:first-child i {font-size:130%}
.block_shadow table.bestand tr td a.download {display:block; white-space:normal!important}
.block_shadow table.bestand tr td a.download:hover {color:#FF7F00}

body.iframe .block_shadow table.compact td.label {white-space:nowrap}

.block_shadow table.compact.contactpersoon div.input {border-radius:3px}
.block_shadow table.compact.contactpersoon div.input {display:block;float:left;background:#ecf0f1;width:320px; overflow-x:hidden; line-height:16px; padding:4px 10px 0; margin:2px 0}
.block_shadow table.compact.contactpersoon a.icon-minus-squared {color:#E74C3C}
.block_shadow table.compact.contactpersoon div.input i {display:block; font-size:8px}
.block_shadow table.compact.contactpersoon div.input b {display:block}

.block_shadow #kaartKtl {width:310px;height:310px}
.block_shadow div.kaart_fullscrean.wrp {position:fixed; top:0;left:0;right:0;bottom:0; height:100%;width:100%; z-index:1111}
.block_shadow div.kaart_fullscrean.wrp #kaartKtl {width:100%;height:100%}
.block_shadow a.kaart_fullscrean {outline:none; position:absolute; right:0;top:0; font-size:120%; color:#cdd4d8}
.block_shadow div.kaart_fullscrean.wrp a.kaart_fullscrean {color:#333; z-index:1112}


.block_shadow .taak_titel_bottom table {width:100%}
.block_shadow .taak_titel_bottom table td {padding-bottom:10px}
.block_shadow .taak_titel_bottom table select option {padding:5px}
.block_shadow .taak_titel_bottom table select {padding:10px; height:40px; background-position:right 55%}
.block_shadow .taak_titel_bottom table input[type='submit'] {font-size:12px; text-transform:uppercase; padding:10px 15px}
.block_shadow .taak_titel_bottom table input[type='submit'].reassign {background:#7F8C8D}
.block_shadow .taak_titel_bottom table input[type='submit'].voltooid {float:left}

.block_shadow table.taak_titel {width:100%}
.block_shadow table.taak_titel tr td {vertical-align:top; padding-left:5px}
.block_shadow table.taak_titel tr.padding td {padding-top:10px}
.block_shadow table.taak_titel tr td:first-child {padding-left:0}
.block_shadow table.taak_titel tr td.titel {color:#FF7F00}
body.iframe .lay_content table.taken .status,
.block_shadow table.taak_titel .status {font-size:11px; text-transform:uppercase; padding:0 5px; border-radius:3px}
.block_shadow table.taak_titel td.no-padding-left {padding-left:0!important}
.block_shadow table.taak_titel .link a {color:#3498DB}
.block_shadow table.taak_titel a.action {outline:none; font-size:18px; line-height:13px; position:relative; left:10px; top:1px}
.block_shadow table.taak_titel a.action.delete {color:#E74C3C}
.block_shadow .taak-omschrijving {padding-top:3px}

.block_shadow table.taak_titel .taak-due-ts,
.block_shadow table.taak_titel .link {padding-left:15px}
.block_shadow .sep.overdue .taak-due-ts {color:#E74C3C}
.block_shadow .sep.vooltoid .groen-zoals-vooltoid,
.block_shadow .sep.completed .taak-due-ts {color:#27AE60!important}
.block_shadow .sep.completed a.action,
.block_shadow .sep.vooltoid a.action {visibility:hidden!important}


.lay_content table.boxcontainer {width:100%}
.lay_content table.boxcontainer td.block_shadow {vertical-align:top}
.lay_content table.boxcontainer td.spaceer {width:30px}
.lay_content table.boxcontainer tr.spaceer {height:35px}


span.autocomplete_helper {position:relative}
span.autocomplete_helper span.aggregate {position:absolute;top:-1px;right:12px;line-height:18px;background:url(/images/cursor-beam.png) no-repeat 11px center}



.pagination_footing {margin-bottom:30px}
.pagination_footing .tabel_results {float:left; margin-left:10px}
.pagination_footing .tabel_results span.active {color:#FF7F00}
.pagination_footing .pagination { float:right}
.pagination_footing .pagination li { float:left; margin-left:8px}
.pagination_footing .pagination li a, .pagination li span.pageno {display:block; padding:5px 10px}
.pagination_footing .pagination li a, .pagination li span.pageno {box-shadow: 0px 7px 18px -3px rgba(50, 50, 50, 0.41)}
.pagination_footing .pagination li a, .pagination li span.pageno {webkit-box-shadow: 0px 7px 18px -3px rgba(50, 50, 50, 0.41)}
.pagination_footing .pagination li a.icon-angle-double-left, .pagination_footing .pagination li a.icon-angle-double-right {padding:5px}
.pagination_footing .pagination li span.pageno.hellip {background:#ecf0f1; color:#7F8C8D}
.pagination_footing .pagination li span.pageno.hellip {webkit-box-shadow:none!important}
.pagination_footing .pagination li span.pageno.hellip {box-shadow:none!important}
.pagination_footing .pagination li span.pageno,
.pagination_footing .pagination li.active a {background:#FF7F00; color:#fff}
.pagination_footing .pagination li a {outline:none; background:#F6F8F8}
.pagination_footing .pagination li a:hover {border:none!important}
.pagination_footing .pagination li a.active { background:#fff}
.c404 h2 {color:#FF7F00; font-size:48px; margin-top:50px}
body.iframe .c404 h2 {padding-left:30px; font-size:32px; white-space:nowrap}
body.iframe .c404.pre_msgblock {display:none!important}



/* a#notif_button.parent */
.notif {position:fixed; top:0; width:400px; height:100%; background-color:#34495E; z-index:1002; display:none}
.notif.right-side {right:-400px}
.notif.left-side {left:-400px}
.notif .notif-button {outline:none; position:absolute}
.notif.right-side .notif-button {left:-50px}
.notif.left-side .notif-button {right:-50px}
.notif .notif-button img.tech_right {display:none}
.notif .notif-button.modus_show img.tech_left {display:none}
.notif .notif-button.modus_show img.tech_right {display:inline!important}
.notif .block_shadow {position:relative; bottom:30px; margin:0 15px 35px}
/*.notif_position_relative {position:relative; height:70%}*/











body.admin .zoekBar input[type='search'] {display:block; border:none!important; color:#7f8c8d; padding:7px 10px}
body.admin .zoekBar input[type='submit'].search {background:transparent!important; color:#7f8c8d; padding:5px; font-family:'fontello-david'}
body.admin .zoekBar select {width:auto!important; height:40px; background-color:#fff; padding:10px; background-position:right 16px; border-left:1px solid #7F8C8D}
body.admin .zoekBar tr td:first-child select {border:none!important; margin-left:0!important}
body.admin .zoekBar td.spaceer div {height:40px; border-left:1px solid #7F8C8D; border-radius:3px}
body.admin .zoekBar select option:disabled {padding:0!important}
body.admin .zoekBar select option {padding:5px}
body.admin .zoekBar div.relative {position:relative}
body.admin .zoekBar div.relative * {font-size:130%; position:absolute; left:5px; top:-12px}
body.admin .zoekBar .tabel_results span.active {color:#FF7F00}
body.admin .zoekBar input[type='text'] {height:19px}
body.admin .zoekBar .pagination {display:none!important}
body.admin .zoekBar .inverse_flag {position:absolute; outline:none; top:12px; left:10px}



body.admin table.bezoek {width:100%}
body.admin table.bezoek tr th,
body.admin table.bezoek tr td {padding-bottom:10px; padding-left:10px}
body.admin table.bezoek tr th:first-child,
body.admin table.bezoek tr td:first-child {padding-left:0!important}



.mijn td span { color:#ff7f00;}
.mijn td span.offerte { padding:0 5px; background:#ff7f00; color:#fff; border-radius:3px; text-transform:uppercase; font-size:11px;}
.mijn td span.behandeling { padding:0 5px; background:#9B59B6; color:#fff; border-radius:3px; text-transform:uppercase; font-size:11px;}
.mijn td i { font-size:18px; margin-left:3px;}
.mijn td a:nth-child(2) i { position:relative; top:1px;}
.mijn td select { width:100%; background-position:290px 14px;}
.mijn .sep { border-bottom:1px solid #ecf0f1; padding:10px 0; margin:10px 0;}
.mijn input[type='button'], .mijn input[type='submit'] { border-radius:3px; background:#ff7f00; color:#fff; padding:10px 15px; border:none; cursor:pointer; text-transform:uppercase; font-size:12px;}
.mijn input[type='button'] { background:#7f8c8d;}

.map { min-height:500px; height:500px;}
.map .css-map-container { height:500px; width:auto!important}
.map .css-map-container ul.css-map {float:right}
.map .map-visible-list { display:inline-block; vertical-align:top;}
.map .map-visible-list { position:absolute; left:0; top:0;}
.map .map-visible-list li { padding-bottom:10px;}
.map .map-visible-list li i.i {display:none}
.map .map-visible-list li.david_totaal {padding-top:30px}
.map .map-visible-list li.david_totaal * {color:#ff7f00}
.map .css-map-container .map-visible-list li a span { top:-18px; position:relative; left:160px;}
.map .map-visible-list li { position:relative; width:200px;}
.map .map-visible-list li.active-region a,
.map .map-visible-list li.focus a {color:#ff7f00}
.maps a.active {color:#ff7f00}
.maps a {outline:none}


/*-wysibb-*/
.wysibb-text-editor b {font-weight:bold!important}
.wysibb-text-editor i {font-style:italic!important}
/*-wysibb-*/
.font_size_50 {font-size:10px!important}
.font_size_85 {font-size:13px!important}
.font_size_100 {font-size:16px!important}
.font_size_150 {font-size:18px!important}
.font_size_200 {font-size:32px!important}


a.snelzoek-resultaat {font-size:0.9em!important}
.snelzoek-resultaat {clear:both; display:table-row}
.snelzoek-resultaat .twolines {display:table-cell; vertical-align:middle; padding-left:10px; white-space:nowrap}
.snelzoek-resultaat .cap-letter {display:table-cell; text-align:center; vertical-align:middle; font-size:26px; line-height:38px; min-width:38px; width:38px; height:38px; border-width:1px; border-style:solid; border-radius:19px}
.snelzoek-resultaat .twolines .oneline .beeldmerk {position:relative; padding-right:27px}
.snelzoek-resultaat .twolines .oneline .beeldmerk img {position:absolute; top:-4px}
.snelzoek-resultaat .twolines .oneline {float:none; display:block}
.snelzoek-resultaat .twolines .oneline.first {position:relative}
.snelzoek-resultaat .twolines .oneline.first .status {position:absolute; right:0; padding:0 10px; border-radius:3px}
.snelzoek-resultaat .twolines .oneline.first i.klantnaam {/*font-weight:bold!important*/}

ul.ui-autocomplete {webkit-box-shadow:0px 7px 18px -3px rgba(50, 50, 50, 0.41); box-shadow:0px 7px 18px -3px rgba(50, 50, 50, 0.41)}

li.snelzoek-when-popup {list-style-image:none!important; padding-top:5px!important; min-width:570px; border-bottom:1px solid #aaa}
a.snelzoek-resultaat .twolines {display:block!important; padding-left:none!important; float:right; overflow:hidden; width:91%}
a.snelzoek-resultaat .cap-letter {display:block!important; float:left}
a.snelzoek-resultaat {display:block!important; overflow:hidden}


@-moz-document url-prefix() {
	.lay_main_container select {
		padding-top:10px;
	}
}


body.admin.traffic-today {
	background-image: url(/images/top_tt.gif);
}
.traffic-today header {
	background: #ecf0f1 url(/images/top_tt.gif) repeat-x top;
}
.traffic-today header .left h1 {
	color: #fff;
}
.traffic-today .login.justinfo td h4,
.traffic-today header nav a,
.traffic-today .block_shadow .inner .texten h1,
.traffic-today  .block_shadow h2,
.traffic-today body.iframe h2,
.traffic-today .block_shadow .inner .texten h3,
.traffic-today a.a_offerte_afwijzen:hover,
.traffic-today .block_shadow h2,
.traffic-today body.iframe h2{
	color: #ec3047!important;
}
.traffic-today a.a_offerte_afwijzen:hover {
	border-color: #ec3047;
}
.traffic-today .block_shadow.tech_button .inner a.button.toggleform {
	position: relative;
}
.traffic-today .block_shadow.tech_button .inner a.button.toggleform::after {
	content: '';
	width: 32px;
	height: 22px;
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	background-image: url(/images/tick.png);
}
.traffic-today header .login td {
	color: #7f8c8d;
}
.traffic-today header .login .avatar img {
	border-color: #ec3047;
}
.traffic-today input[type='submit'],
.traffic-today input[type='reset'],
.traffic-today .block_shadow.tech_button .inner form.toggle input[type="submit"],
.traffic-today .block_shadow.tech_button .inner a.button.toggleform {
	box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
	background: -moz-linear-gradient(-45deg, rgba(233, 46, 69, 0.85) 0%, rgba(233, 46, 69, 0.86) 25%, rgba(233, 46, 69, 0.87) 50%, rgba(233, 46, 69, 0.89) 76%, rgba(233, 46, 69, 0.9) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(233, 46, 69, 0.85) 0%, rgba(233, 46, 69, 0.86) 25%, rgba(233, 46, 69, 0.87) 50%, rgba(233, 46, 69, 0.89) 76%, rgba(233, 46, 69, 0.9) 100%);
	background: linear-gradient(135deg, rgba(233, 46, 69, 0.85) 0%, rgba(233, 46, 69, 0.86) 25%, rgba(233, 46, 69, 0.87) 50%, rgba(233, 46, 69, 0.89) 76%, rgba(233, 46, 69, 0.9) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d9e92e45', endColorstr='#e6e92e45', GradientType=1);
}