html{color:#222;font-size:1em;line-height:1.4;}::selection{background:#b3d4fc;text-shadow:none;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}audio,canvas,iframe,img,svg,video{vertical-align:middle;}fieldset{border:0;margin:0;padding:0;}textarea{resize:vertical;}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0;}html,body{margin:0;padding:0;background:#ccc;color:#000;font-size:14px;}html,body,input,textarea,select,optgroup{font-family:Verdana,Arial,Helvetica;}.browsehappy{margin:0;padding:8px;}h1{font-size:1.4em;}h2{font-size:1.25em;}h3{font-size:1.1em;}a{color:#26f;}a:hover{text-decoration:none;}*{word-break:break-word;}table{margin:1em 0;}table{margin:1em 0;border-spacing:1px;border-collapse:separate;background:#ddd;}.responsive-table{overflow:auto;margin:1em 0;position:relative;display:none}.responsive-table table{margin:0;width:100%}@media (max-width:640px){table{font-size:16px}}th{padding:4px 12px;background:#f9f9f9;}th[scope=row]{font-weight:normal;background:#fff;}td{padding:4px 12px;background:#fff;}table .row-spacer{font-size:1px;background-color:#eee;}td.table-container{padding:4px;background:#efefef;}td.table-container table{margin:0;box-shadow:none;}.behavior-ajax-autocomplete{list-style:none;padding:0;margin:8px -5px;position:absolute;border:1px solid #aaa;background:#fff;}.behavior-ajax-autocomplete li{border-bottom:1px solid #eee}.behavior-ajax-autocomplete li.no-result{padding:6px 12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.behavior-ajax-autocomplete a{color:#000;text-decoration:none;display:block;padding:6px 12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.behavior-ajax-autocomplete a:hover{background:#eee}.behavior-ajax-autocomplete small{color:#ccc}.behavior-collapsible{border:1px solid #ccc;margin:8px 0;border-top:0;border-radius:2px;}.behavior-collapsible-heading{margin:0;padding:8px;border-top:1px solid #ccc;cursor:pointer}.behavior-collapsible-body{padding:0 8px}.behavior-collapsible-body:after{display:block;content:" ";overflow:hidden;height:8px}.behavior-collapsible-body table:first-child,.behavior-collapsible-body p:first-child{margin-top:0}.behavior-collapsible-body table:last-child,.behavior-collapsible-body p:last-child{margin-bottom:0}.behavior-expandable-footer{position:absolute;left:0;right:0;bottom:0;padding-top:90px;padding-bottom:8px;background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);text-align:center;}.behavior-expandable-footer a{transition:all .2s}.behavior-expandable-footer:hover a{font-size:1.6em}.with-icon{text-decoration:none;}.with-icon i{color:#444}.with-icon span{text-decoration:underline}.with-icon:hover span{text-decoration:none}.button{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;-moz-box-sizing:border-box;padding:4px 8px;margin:1px 0;border-radius:4px;border:1px solid #aaa;background:#ccc;box-shadow:inset 0 1px 0 0 #fff;text-decoration:none;line-height:1.5;color:#000;outline:none;vertical-align:middle;background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#ddd),color-stop(1,#ccc));background:-moz-linear-gradient(center top,#ddd 5%,#ccc 100%);background-color:#ddd;}td .button{white-space:normal;}.button:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#ddd),color-stop(1,#ddd));background:-moz-linear-gradient(center top,#ddd 5%,#ddd 100%);background-color:#ddd;}.button-pressed,.button-pressed:hover,.button:active{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#ccc),color-stop(1,#ddd));background:-moz-linear-gradient(center top,#ccc 5%,#ddd 100%);background-color:#ccc;}.button .fa,.button .fab,.button .fas,.button .far,.button .fal{color:#666}.button-small{font-size:.85em;padding:1px 6px;}.button-small .fa,.button-small .fab,.button-small .fas,.button-small .far,.button-small .fal{font-size:1.2em}.button-large{font-weight:bold;font-size:1.25em;padding:4px 20px 6px;}.button-light{border:1px solid #bbb;background:#ddd;background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#eee),color-stop(1,#ddd));background:-moz-linear-gradient(center top,#eee 5%,#ddd 100%);background-color:#eee;}.button-light:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#eee),color-stop(1,#eee));background:-moz-linear-gradient(center top,#eee 5%,#eee 100%);background-color:#eee;}.button-light.button-pressed,.button-light.button-pressed:hover,.button-light:active{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#ddd),color-stop(1,#eee));background:-moz-linear-gradient(center top,#ddd 5%,#eee 100%);background-color:#ddd;}.button-cta{border:1px solid #0d4575;background:#286090;box-shadow:inset 0 1px 0 0 #73b3eb;color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#337ab7),color-stop(1,#286090));background:-moz-linear-gradient(center top,#337ab7 5%,#286090 100%);background-color:#337ab7;}.button-cta:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#337ab7),color-stop(1,#337ab7));background:-moz-linear-gradient(center top,#337ab7 5%,#337ab7 100%);background-color:#337ab7;}.button-cta.button-pressed,.button-cta.button-pressed:hover,.button-cta:active{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#286090),color-stop(1,#337ab7));background:-moz-linear-gradient(center top,#286090 5%,#337ab7 100%);background-color:#286090;}.button-cta .fa,.button-cta .fab,.button-cta .fas,.button-cta .far,.button-cta .fal{color:#ddd}@media print{.button-cta{color:#000}.button-cta .fa,.button-cta .fab,.button-cta .fas,.button-cta .far,.button-cta .fal{color:#000}}.button-danger{border:1px solid #750d0d;background:#902828;box-shadow:inset 0 1px 0 0 #eb7373;color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#b73333),color-stop(1,#902828));background:-moz-linear-gradient(center top,#b73333 5%,#902828 100%);background-color:#b73333;}.button-danger:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#b73333),color-stop(1,#b73333));background:-moz-linear-gradient(center top,#b73333 5%,#b73333 100%);background-color:#b73333;}.button-danger.button-pressed,.button-danger.button-pressed:hover,.button-danger:active{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#902828),color-stop(1,#b73333));background:-moz-linear-gradient(center top,#902828 5%,#b73333 100%);background-color:#902828;}.button-danger .fa,.button-danger .fab,.button-danger .fas,.button-danger .far,.button-danger .fal{color:#ddd}@media print{.button-danger{color:#000}.button-danger .fa,.button-danger .fab,.button-danger .fas,.button-danger .far,.button-danger .fal{color:#000}}.button:disabled{border-color:#ccc;background:#ccc;box-shadow:none;color:#999;}.button:disabled .fa,.button:disabled .fab,.button:disabled .fas,.button:disabled .far,.button:disabled .fal{color:#999}input[type='number'],input[type='text'],input[type='search']{padding:4px;border-radius:4px;border:1px solid #aaa;-moz-box-sizing:border-box;box-sizing:border-box;}.form-field{display:block;}.form-field-with-border{border:1px solid #aaa;border-radius:2px;box-shadow:inset 0 4px 8px -4px #aaa;padding:4px;background:#fff;}.form-field-with-border:hover{border-color:#777;}.form-field-with-border input,.form-field-with-border textarea,.form-field-with-border select{width:100%;padding:0;margin:0;border:0;vertical-align:top;display:block;background-color:transparent;outline:none}html.apple-ios .form-field-with-border input,html.apple-ios .form-field-with-border textarea,html.apple-ios .form-field-with-border select{background-color:#fff}.form-field-checkboxcontainer,.form-field-radiocontainer{float:left;padding:2px 0}.search-field{position:relative;max-width:100%;background-color:#fff;box-shadow:inset 0 4px 8px -4px #aaa;border-radius:4px;border:1px solid #aaa;}.search-field input{background-color:transparent;width:160px;max-width:100%;border:0;transition:all .2s}.search-field input:focus{width:320px}.search-field button{position:absolute;right:1px;top:1px;bottom:1px;border:0;border-radius:3px;background:transparent;color:#bbb}.search-field button:hover{color:#000}nav.paging{padding:7px;position:relative;margin-top:-7px;}nav.paging .prev-first,nav.paging .prev,nav.paging .next,nav.paging .next-last{position:absolute}nav.paging .prev-first:disabled,nav.paging .prev:disabled,nav.paging .next:disabled,nav.paging .next-last:disabled{border-color:#aaa}nav.paging .prev-first{left:0;border-radius:3px 0 0 3px}nav.paging .prev{left:29px;border-radius:0 3px 3px 0}nav.paging .next{right:29px;border-radius:3px 0 0 3px}nav.paging .next-last{right:0;border-radius:0 3px 3px 0}nav.paging .next-last:disabled .fa{color:#aaa}nav.paging .paging-info{text-align:center;margin:5px auto}.popover{position:absolute;display:block;border:1px solid #aaa;border-radius:4px;box-shadow:0 4px 16px -4px #999;background:#fff;margin:10px;z-index:1000;}.popover-right-bottom{right:0;}.popover:before{position:absolute;display:block;border:1px solid #aaa;height:8px;width:8px;content:"";background:#fff;margin-left:12px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}.popover-left-bottom:before,.popover-right-bottom:before{margin-top:-5px;border-right-width:0;border-bottom-width:0;}.popover-right-bottom:before{margin-left:0;right:12px;}.popover-left-top:before,.popover-right-top:before{bottom:0;margin-bottom:-5px;border-left-width:0;border-top-width:0;}.popover-right-top:before{margin-left:0;right:12px;}.popover .popover-body{padding:8px}.ui-widget{font-size:.9em!important;}.ui-datepicker td span,.ui-datepicker td a{text-align:center!important}.fancybox-wrap .fancybox-skin{background:#fff;}.fancybox-type-iframe .fancybox-inner{overflow:visible!important;}@media (hover:none){.fancybox-nav span{visibility:visible!important}}.notice{color:#963;font-weight:bold;font-size:.85em;}.block.notice{color:#630;border:1px solid #fc6;background:#ff9;font-weight:normal;font-size:1em;}.error{color:#f00;font-weight:bold;font-size:.85em;}.block.error{color:#900;border:1px solid #f00;background:#fdd;font-weight:normal;font-size:1em;}.tooltip{border:1px solid #FC6;background:#FF9;padding:.25em .5em;margin-top:4px;border-radius:4px;clear:both;width:308px;}.area{float:left;min-height:1px;}.area-width-25{width:25%}.area-width-33{width:33.3333%}.area-width-50{width:50%}.area-width-66{width:66.6666%}.area-width-75{width:75%}.area-width-100{width:100%}@media (max-width:640px){.area-width-25,.area-width-33,.area-width-50,.area-width-66,.area-width-75{width:100%}}#main .area-intro,#main .area-prefooter{clear:left;width:100%;}.default-layout>.area{clear:left;width:100%;}.twocolumns-layout .area{}.twocolumns-layout .area-1{clear:left;}.twocolumns-layout .area-2{float:right;}.twocolumns-left-layout .area-1{}.twocolumns-left-layout .area-2{}.twocolumns-right-layout .area-1{}.twocolumns-right-layout .area-2{}.threecolumns-layout .area{}.threecolumns-layout .area-1{clear:left;}.threecolumns-mid-layout .area-1{clear:none;}.threecolumns-mid-layout .area-2{clear:left;}.threecolumns-mid-layout .area-3{}.threecolumns-left-layout .area-1{clear:left;}.threecolumns-left-layout .area-2,.threecolumns-left-layout .area-3{}.fourcolumns-layout .area{}.fourcolumns-layout .area-1{clear:left;}.block{background:#fff;color:#000;padding:8px;margin:8px 8px 16px;border:1px solid #fff;border-radius:4px;}.block header{margin-bottom:4px}.block header h1{color:#000;text-decoration:none;margin:0}.block header h1 a{color:#000;text-decoration:none}.block header h1 a:hover{text-decoration:underline}.block .body{background:#fff;color:#000;margin:0 -4px;padding:3px 4px;border-radius:2px;overflow:hidden}.block .body img{max-width:100%}.block .body .area{}.block .body .area .block{margin:8px 0 14px;}.block .body .area .block header h1{font-size:1em;border-bottom:1px solid #000}.block-style-default{}.block-style-highlight{background:#eee;color:#000;border-color:#ddd;}.block-style-highlight header h1 a{color:#000}.block-style-highlight .body{background:#eee;color:#000}.block-style-inverse{background:#555;color:#fff;border-color:#333;}.block-style-inverse header h1{color:#fff}.block-style-inverse header h1 a{color:#fff}.block-style-inverse a{color:#fff}.block-style-inverse .body{background:#555;color:#ddd}.block .body .area .block-style-inverse header h1,.block-style-inverse .body dt{}.block-style-inverse .button{color:#000}.block-style-inverse .button-cta{color:#fff}.block-style-inverse .with-icon i{color:#ddd}

.block-form{}.block-form.block-style-inverse .form .form-field-with-border{border-color:#333;background-color:#ddd}.block-form.block-style-inverse .form .form-field-with-border:hover{background-color:#fff}.block-form.block-style-inverse .form .button-back:hover,.block-form.block-style-inverse .form .button-submit{border-color:#333;background-color:#333}.block-form.block-style-inverse .form .button-submit:hover{border-color:#222;background-color:#222}.block-form footer.navigation-links ul{list-style:none;margin-left:0;padding-left:0}.block-form-confirm{}.block-form-confirm .form .form-footer-left,.block-form-confirm .form .form-footer-right{display:block;width:auto;float:none;text-align:center}.popover-body .block-form{min-width:180px;}.popover-body .block-form footer.navigation-links ul{margin-bottom:0}.form{position:relative;}.form fieldset{}.form .form-fieldgroup{width:auto;background:#eee;margin-bottom:16px;padding:16px;position:relative;border-radius:4px}.form .form-fieldgroup legend{border:0;background:#eee;padding:6px 24px;font-weight:bold;font-size:19px;text-align:center;border-radius:4px}.form .form-fields-address{display:none}.form .form-fieldrow{}.form .form-fieldlabel,.form .form-fieldcolumn,.form .form-footer-left,.form .form-footer-right{float:left;padding:.3em 0;overflow:hidden}.form .form-fieldlabel,.form .form-footer-left{width:35%}@media (max-width:480px){.form .form-fieldlabel{width:100%}.form .form-footer-left{width:50%}}.form .form-fieldlabel{padding-top:.55em}.form .form-fieldlabel label,.form .form-fieldlabel i{vertical-align:top}.form .form-fieldvalidationicon,.form .form-fieldhelpicon{float:right;margin:0 6px 0 0;line-height:1.5}.form .form-fieldvalidationicon{cursor:help}.form .form-fieldvalidationicon.fa-times-circle{color:#900}.form .form-fieldvalidationicon.fa-check-circle{color:#090}.form .form-fieldhelpicon{color:#009}.form .form-fieldcolumn,.form .form-footer-right{width:65%}@media (max-width:480px){.form .form-fieldcolumn{width:100%}.form .form-footer-right{width:50%;text-align:right}}.form .form-field-signature .button-eraser{position:absolute;right:8px}.form .form-fieldgroup .form-field-signature .button-eraser{right:24px}.form .form-fieldrow-signature .form-field-readonly img{max-width:100%}.form .form-fieldseparator{padding:.4em 0}.form .form-fieldrow:after,.form footer:after{content:" ";height:0;display:block;clear:both}.form .form-fieldseparatorrow{}.form .form-fieldseparatorrow.form-fieldseparatorrow-title h3{margin:0}.form footer{}.form .form-footer-right{float:right}.form .form-footer-left{}.form-resulttext{margin-top:1.5em;}.form-results{border:0;padding:0;margin:2em 0 0;}.form-results legend{display:none}.popover-body .form{min-width:180px;}.popover-body .form .form-fieldlabel,.popover-body .form .form-footer-right{width:auto}.popover-body .form .form-fieldlabel{padding-top:0}.popover-body .form .form-fieldlabel label{padding-right:8px}.popover-body .form .form-fieldcolumn{width:100%;padding-bottom:.55em}.form .form-fieldrow-burgerservicenummer{}.form .form-fieldrow-burgerservicenummer .form-fieldcolumn{width:96px}.form .form-field-currency{}.form .form-field-currency span{position:absolute;margin:3px 0 0 8px}.form .form-field-currency input{padding-left:20px;width:294px}.form .form-field-date{}.date-picker-wrapper .select-wrapper{border:1px solid #ccc;border-radius:3px;padding:4px 8px}.date-picker-wrapper .select-wrapper:hover{text-decoration:none!important;border-color:#999}.date-picker-wrapper .select-wrapper select{cursor:default!important;bottom:0;width:100%}.date-picker-wrapper .select-wrapper::after{content:"▼";padding-left:8px;font-size:8px;vertical-align:top}.form .form-field-file .form-field-filethumbnail{width:52px;height:36px;display:block;float:left;margin:1px 1px 0 0;opacity:.7;filter:alpha(opacity=70);background-position:center;background-repeat:no-repeat;}.form .form-field-file .form-field-filethumbnail:hover{opacity:1;filter:alpha(opacity=100);}.form .form-field-file .form-field-filethumbnail span{display:none}.form .form-fieldrow-hidden{display:none;}.form .form-fieldrow-licenseplate{}.form .form-fieldrow-licenseplate .form-fieldcolumn{width:98px}.form .form-field-licenseplate,.form .form-field-licenseplate:hover{background-color:#f4be04;border-color:#555;position:relative}.form .form-field-licenseplate:before{display:block;width:16px;position:absolute;left:1px;top:1px;bottom:1px;border-radius:2px 0 0 2px;content:" ";background:#2566a4 url("//www.adesto.nl/Images/licenseplate-eu.png") center no-repeat;background-size:10px}.form .form-field-licenseplate input{text-indent:20px;font-family:monospace;font-weight:bold;text-transform:uppercase;letter-spacing:3px}.form .form-field-multicheckbox,.form .form-field-radio{border:0;padding:3px 0;box-shadow:none;background:transparent;}.form .form-field-multicheckbox label,.form .form-field-radio label{display:block;float:left}.form .form-field-multicheckbox label input,.form .form-field-radio label input{display:inline-block;width:auto;height:1.5em;margin:0 4px}.form .form-fieldrow-number{}.form .form-fieldrow-number .form-fieldcolumn{width:96px}.form .form-field-readonly{padding-top:4px;}.form .form-fieldrow-time{}.form .form-fieldrow-time .form-fieldcolumn{width:auto;min-width:96px}.form .form-fieldrow-time select{-moz-appearance:none;-webkit-appearance:none;appearance:none;text-align:center;width:26px;display:inline-block}

.block-activeuserslist ul{padding-left:0;margin:8px 0}.block-activeuserslist li{display:inline-block}.block-activeuserslist li:after{content:', '}.block-activeuserslist li:last-of-type:after{content:''}.block-header .block-form-userlogin .form-fieldrow-name-remember .form-fieldlabel{display:none}.popover .block-userloginform .form-fieldrow-name-remember .form-fieldlabel{display:none}.block-header .block-usermenu{position:absolute;right:0;top:0;border:0;margin:0;padding:4px;background:0 0}.block-header .block-usermenu .popover-body nav{min-width:180px}.header-style-fixed .block-header .block-usermenu{bottom:0}.header-style-fixed .block-header .block-usermenu .button{margin-left:8px;margin-top:0;margin-bottom:2px}

html,body,input,textarea,select,optgroup{font-family:'Oxygen',Verdana,Arial,Helvetica;}html{padding:0 20px;}@media (max-width:1280px){html{padding:0}}body{max-width:1280px;background:#fff;color:#000;margin:20px auto;text-align:left;height:auto;line-height:1.5;border:1px solid #fff;border-radius:4px;}body.header-style-fixed{margin-top:46px;border-top-left-radius:0;border-top-right-radius:0;}body.popup-controller{margin-top:0;border-radius:0;}@media (max-width:1280px){html{background:#fff}body{margin-top:0;border-radius:0}}@media (max-width:768px){body.has-navigationdrawer{position:absolute;top:0;left:-48px;right:0;margin-left:100%;margin-top:0;margin-bottom:0;width:100%;min-height:100%;border:0}body.navigationdrawer-closed{left:0;margin-left:0;width:auto}}input[type="date"]{-webkit-appearance:none;-moz-appearance:none;min-height:1.2em;}#header{}.popup-controller #header{display:none;}@media (max-width:768px){.header-style-fixed.has-navigationdrawer #header{padding-top:46px}}#main{}#footer{}.popup-controller #footer{display:none;}#footer .block:last-child{margin-bottom:8px}#cookieChoiceInfo{background-color:#333!important;top:auto!important;bottom:0;border-top:1px solid #111;color:#fff;font-size:12px;z-index:8000!important;right:0!important;width:auto!important;}.fancybox-margin #cookieChoiceInfo{right:17px!important;}#cookieChoiceInfo a{color:#fff;border:1px solid #666;background:#222;display:inline-block;padding:2px 6px;text-decoration:none;border-radius:2px}#cookieChoiceInfo a:hover{border-color:#999;background-color:#444}.collapsable .collapsable-head{position:relative;padding-left:24px;cursor:pointer;transition:all .4s;}.collapsable .collapsable-head{color:#26f;margin-top:.75em;margin-bottom:.75em;}@media print{.collapsable .collapsable-head{color:#000}}.collapsable.collapsed .collapsable-head{color:#000;}.collapsable.collapsed .collapsable-head:hover{color:#26f;}.collapsable .collapsable-head .fa,.collapsable .collapsable-head .fab,.collapsable .collapsable-head .fas,.collapsable .collapsable-head .far,.collapsable .collapsable-head .fal{font-size:10px;position:absolute;left:5px;top:5px}.collapsable .collapsable-body{opacity:1;max-height:1000px;transition:all .4s;overflow:hidden;}.collapsable .collapsable-body>p:first-child{margin-top:0;}.collapsable.collapsed .collapsable-body{opacity:0;max-height:0;}@media print{.collapsable.collapsed .collapsable-body{opacity:1;max-height:none}}.block-style-highlight .behavior-expandable-footer{background:#eee;background:-moz-linear-gradient(top,rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(238,238,238,0)),color-stop(100%,rgba(238,238,238,1)));background:-webkit-linear-gradient(top,rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);background:-o-linear-gradient(top,rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);background:-ms-linear-gradient(top,rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);background:linear-gradient(to bottom,rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);}.block-style-inverse .behavior-expandable-footer{background:#555;background:-moz-linear-gradient(top,rgba(85,85,85,0) 0%,rgba(85,85,85,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(85,85,85,0)),color-stop(100%,rgba(85,85,85,1)));background:-webkit-linear-gradient(top,rgba(85,85,85,0) 0%,rgba(85,85,85,1) 100%);background:-o-linear-gradient(top,rgba(85,85,85,0) 0%,rgba(85,85,85,1) 100%);background:-ms-linear-gradient(top,rgba(85,85,85,0) 0%,rgba(85,85,85,1) 100%);background:linear-gradient(to bottom,rgba(85,85,85,0) 0%,rgba(85,85,85,1) 100%);}.block-carousel{}.block-carousel ul.slides{position:relative;padding:0;list-style:none;overflow:hidden;transition:all .4s}.block-carousel li.slide{position:absolute;top:0;width:100%;transition:all .4s}.block-carousel li.slide.active{position:relative;z-index:1}.block-carousel li.slide h3{position:absolute;left:0;right:0;top:50%;margin:-1em 0 0 0;text-align:center;color:#fff;font-size:1.75em;text-shadow:2px 2px 4px #222,-1px -1px 0 #222,1px -1px 0 #222,-1px 1px 0 #222,1px 1px 0 #222;opacity:.9;transition:all .2s}.block-carousel li.slide a:hover h3{font-size:2.25em;opacity:1}.block-carousel li.slide img{width:100%}.block-carousel li.slide .img-zoom-overlay{display:block;position:absolute;left:0;bottom:0;right:0;background:#333;background:rgba(51,51,51,.8);color:#fff;padding:8px;font-size:.8em;line-height:100%;overflow:hidden;text-overflow:ellipsis;transition:all .2s;border-top:0;font-weight:normal;top:0;text-align:center;opacity:0}.block-carousel li.slide .img-zoom-overlay i{position:absolute;top:50%;font-size:48px;margin-top:-24px;left:0;right:0}.block-carousel li.slide a:hover .img-zoom-overlay{opacity:1}.block-carousel ul.slides-navigation{position:relative;padding:0;margin-top:0;text-align:center;font-size:1.75em;z-index:2;opacity:.4;transition:all .2s}.block-carousel ul.slides-navigation:hover{opacity:1}.block-carousel li.slides-navigation-item{display:inline-block;cursor:pointer;width:1em;text-align:center;transition:all .2s}.block-carousel li.slides-navigation-item:before{display:inline;content:"○"}.block-carousel li.slides-navigation-item.active:before{content:"●"}.block-image-carousel{}.block-image-carousel ul.slides-navigation{margin-top:-2.25em;color:#ccc}.block-image-carousel li.slides-navigation-item:hover,.block-image-carousel li.slides-navigation-item.active{color:#fff}.block-review-carousel{}.block-review-carousel li.slide{text-align:center}.block-review-carousel .review-text{margin:0;font-size:1.75em;font-style:italic;line-height:1.4}.block-review-carousel .review-author{display:block}.block-review-carousel .review-rating{font-size:1.75em;display:block}.block-review-carousel .review-rating .star:before{content:"☆"}.block-review-carousel .review-rating .star.active:before{content:"★"}.block-crumbpath{margin-bottom:8px;}.block-crumbpath-aligned-left{text-align:left}.block-crumbpath-aligned-center{text-align:center}.block-crumbpath-aligned-right{text-align:right}.block-crumbpath ul{margin:0;padding:0}.block-crumbpath li{display:inline}.block-crumbpath li:after{content:" » "}.block-crumbpath li:last-child:after{content:""}.block-crumbpath a{text-decoration:none}.block-crumbpath a:hover{text-decoration:underline}.block-crumbpath.block-style-default a{color:#000}.block-crumbpath.block-style-highlight a{color:#000}.block-crumbpath li.current-page a{text-decoration:none;cursor:default}.block-header{position:relative;margin-bottom:16px;padding:0;z-index:1000;border-color:#fff;background:#fff;}@media (max-width:768px){.block-header{margin:0;border-left:0;border-right:0;border-radius:0}#header .block-header{border-top:0}}body.header-style-fixed #header .block-header{position:fixed;left:0;top:0;right:0;margin:0;border:0;border-radius:0;height:46px;border-bottom:1px solid #bbb;}.fancybox-margin body.header-style-fixed #header .block-header{right:17px;}@media (max-height:768px){body.header-style-fixed #header .block-header{position:absolute}}@media (max-width:768px){body.header-style-fixed #header .block-header{position:absolute}body.has-navigationdrawer #header .block-header{padding:0 16px 0 48px}}.block-header .body{max-height:100%;margin:0;padding:0;background:transparent;position:relative;overflow:visible}body.header-style-fixed #header .block-header .body{max-width:1280px;margin:0 auto}.block-header .logo{display:block;text-decoration:none;border-radius:3px}.block-header .logo span{display:block;font-size:0;line-height:0;background-image:url("//www.adesto.nl/Images/logo.png");background-image:linear-gradient(transparent,transparent),url("//www.adesto.nl/Images/logo.svg");background-size:auto 100%;background-repeat:no-repeat;height:96px}body.header-style-fixed #header .block-header .logo{display:inline-block;max-height:46px;overflow:hidden}body.header-style-fixed #header .block-header .logo img,body.header-style-fixed #header .block-header .logo span{max-height:58px;min-width:200px}.block-layout{margin:0;padding:0;border:0;}.block-area{float:left;min-height:1px}.block-area-width-25,.block-area-width-33,.block-area-width-50,.block-area-width-66,.block-area-width-75,.block-area-width-100{width:100%}@media (min-width:640px){.block-area-width-25{width:25%}.block-area-width-33{width:33.3333%}.block-area-width-50{width:50%}.block-area-width-66{width:66.6666%}.block-area-width-75{width:75%}.block-area-width-75 .block-area-width-75,.block-area-width-75 .block-area-width-66,.block-area-width-75 .block-area-width-50 .block-area,.block-area-width-75 .block-area-width-25{width:100%}.block-area-width-66 .block-area-width-75,.block-area-width-66 .block-area-width-66,.block-area-width-66 .block-area-width-50 .block-area,.block-area-width-66 .block-area-width-25{width:100%}.block-area-width-50 .block-area-width-75,.block-area-width-50 .block-area-width-66,.block-area-width-50 .block-area-width-50 .block-area,.block-area-width-50 .block-area-width-33,.block-area-width-50 .block-area-width-25{width:100%}.block-area-width-33 .block-area{width:100%}.block-area-width-25 .block-area{width:100%}}@media (max-width:799px){.area-width-75 .block-area-width-25{width:100%}.area-width-66 .block-area-width-25{width:100%}}@media (max-width:1023px){.area-width-50 .block-area-width-75,.area-width-50 .block-area-width-66,.area-width-50 .block-area-width-50 .block-area,.area-width-50 .block-area-width-33,.area-width-50 .block-area-width-25{width:100%}}@media (max-width:1279px){.area-width-33 .block-area,.area-width-25 .block-area{width:100%}}@media (min-width:1280px){.area-width-33 .block-area-width-75,.area-width-33 .block-area-width-66,.area-width-33 .block-area-width-50 .block-area,.area-width-33 .block-area-width-33,.area-width-33 .block-area-width-25{width:100%}.area-width-25 .block-area-width-75,.area-width-25 .block-area-width-66,.area-width-25 .block-area-width-50 .block-area,.area-width-25 .block-area-width-33,.area-width-25 .block-area-width-25{width:100%}}.block-menu-aligned-left{text-align:left}.block-menu-aligned-center{text-align:center}.block-menu-aligned-right{text-align:right}.block-menu .button-navigationdrawer{display:none}.block-menu ul{margin:8px 0 0;padding:0}.block-menu li{position:relative;display:block;list-style:none;margin:2px 0;padding:4px 8px;background:#fff;border:1px solid #ddd;border-radius:4px}.block-style-inverse.block-menu li{background:#eee;border-color:#bbb;color:#000}.block-style-inverse.block-menu li:hover{background:#fff}.block-style-inverse.block-menu li a{color:#333}.block-menu li a,.block-menu li span.no-link{display:block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;-moz-box-sizing:border-box;box-sizing:border-box;max-height:1.6em;transition:all .2s}.block-menu li.active>a{font-weight:bold}.block-menu ul:hover li a{white-space:normal;max-height:4.8em}.block-menu-horizontal.block-style-default{margin:0;padding-top:0;padding-bottom:0;}.block-menu-horizontal.block-style-highlight,.block-menu-horizontal.block-style-inverse{padding:0;}.block-menu-horizontal header{padding:3px 8px;margin-bottom:0}.block-menu-horizontal header h1{font-size:1em}.block-menu-horizontal.block-style-default .body,.block-menu-horizontal.block-style-highlight .body,.block-menu-horizontal.block-style-inverse .body{margin:8px 4px}.block-menu-horizontal ul{display:block;margin:0}.block-menu-horizontal ul:after{content:"\0020";display:block;height:0;visibility:hidden;clear:both}.block-menu-horizontal li{position:static;display:inline-block;margin:0;padding:0;border:0;border-radius:0}.block-menu-horizontal.block-style-default li,.block-menu-horizontal.block-style-highlight li,.block-menu-horizontal.block-style-inverse li{background:transparent}.block-menu-horizontal li a,.block-menu-horizontal li span.no-link{display:inline-block;padding:3px 8px;text-decoration:none;margin:1px 0 1px 1px;transition:all .2s;max-height:none}.block-menu-horizontal.block-style-default li a,.block-menu-horizontal.block-style-default li span.no-link{color:#000}.block-menu-horizontal.block-style-highlight li a,.block-menu-horizontal.block-style-highlight li span.no-link,.block-menu-horizontal.block-style-inverse li a,.block-menu-horizontal.block-style-inverse li span.no-link{padding-top:6px;padding-bottom:6px}.block-menu-horizontal.block-style-highlight li a,.block-menu-horizontal.block-style-highlight li span.no-link{color:#000}.block-menu-horizontal.block-style-default li:hover a span{text-decoration:underline}.block-menu-horizontal.block-style-highlight li:hover a,.block-menu-horizontal.block-style-highlight li.active>a{background:#ddd;font-weight:normal}.block-menu-horizontal.block-style-inverse li:hover a,.block-menu-horizontal.block-style-inverse li.active>a{background:#333;font-weight:normal}.block-menu-horizontal li:first-child a,.block-menu-horizontal li:first-child span.no-link{border-top-left-radius:3px;border-bottom-left-radius:3px}.block-menu-horizontal li:last-child a,.block-menu-horizontal li:last-child span.no-link{border-top-right-radius:3px;border-bottom-right-radius:3px;margin-right:1px}.block-menu-horizontal li ul{display:none;position:absolute;background:#fff;border:1px solid #fff}.block-menu-horizontal.block-style-highlight li ul{background:#eee;border:1px solid #ddd}.block-menu-horizontal.block-style-inverse li ul{background:#555;border:1px solid #333}.block-menu-horizontal li:hover ul{display:block;min-width:145px;z-index:1000}.block-menu-horizontal li li{float:none;display:block}.block-menu-horizontal-aligned-center li li{text-align:left}.block-menu-horizontal li li a,.block-menu-horizontal li li span.no-link,.block-menu-horizontal li:first-child li a,.block-menu-horizontal li:first-child li span.no-link,.block-menu-horizontal li li:first-child a,.block-menu-horizontal li li:first-child span.no-link,.block-menu-horizontal li:last-child li a,.block-menu-horizontal li:last-child li span.no-link,.block-menu-horizontal li li:last-child a,.block-menu-horizontal li li:last-child span.no-link{display:block;margin-right:1px;border-radius:0}.block-menu-horizontal.block-style-default li:hover li a,.block-menu-horizontal.block-style-highlight li:hover li a,.block-menu-horizontal.block-style-inverse li:hover li a{text-decoration:none;background:transparent}.block-menu-horizontal.block-style-default li li:hover>a,.block-menu-horizontal.block-style-default li li.active>a{text-decoration:underline}.block-menu-horizontal.block-style-highlight li li:hover>a,.block-menu-horizontal.block-style-highlight li li.active>a{background:#ddd}.block-menu-horizontal.block-style-inverse li li:hover>a,.block-menu-horizontal.block-style-inverse li li.active>a{background:#333}.block-menu-horizontal li li ul{display:none}body.header-style-fixed #header>.area .block-menu{margin:-1px -1px 0;border-radius:0;position:relative;z-index:999;}#header>.area .block-menu .button-navigationdrawer{position:absolute;display:none;right:-36px;top:2px}.navigationdrawer-closed #header>.area .block-menu .button-navigationdrawer{right:-35px}body.header-style-fixed #header>.area .block-menu .button-navigationdrawer{right:-48px;top:-2px;margin:0;padding:0;line-height:47px;width:47px;text-align:center;font-size:18px;border-radius:0;border-top:0;border-left:0;border-bottom:0;border-right:1px solid #bbb}.navigationdrawer-closed.header-style-fixed #header>.area .block-menu .button-navigationdrawer{right:-47px}@media (max-width:768px){#header>.area .block-menu .button-navigationdrawer{display:inline-block}}#header>.area .block-style-inverse.block-menu li{background:transparent;border-color:#333;color:#fff}#header>.area .block-style-inverse.block-menu li:hover{background:transparent}#header>.area .block-style-inverse.block-menu li a{color:#fff}body.header-style-fixed #header>.area .block-menu li a,body.header-style-fixed #header>.area .block-menu li span.no-link{padding:11px 16px;border-radius:0}@media (max-width:768px){.has-navigationdrawer #header>.area .block-menu,.has-navigationdrawer.header-style-fixed #header>.area .block-menu{position:absolute;left:-100%;top:0;bottom:0;right:100%;margin:0 0 0 48px;border-radius:0;display:block;z-index:2000}.navigationdrawer-closed #header>.area .block-menu,.navigationdrawer-closed.header-style-fixed #header>.area .block-menu{border-color:transparent;background:transparent}.has-navigationdrawer #header>.area .block-menu li{display:block}.has-navigationdrawer #header>.area .block-menu li a{display:block;margin-right:1px}.has-navigationdrawer #header>.area .block-menu.block-style-highlight li a{border-bottom:1px solid #ddd}.has-navigationdrawer #header>.area .block-menu.block-style-inverse li a{border-bottom:1px solid #333}.has-navigationdrawer #header .block-menu li ul{display:block;position:static;font-size:.9em}.has-navigationdrawer #header>.area .block-menu.block-style-highlight li ul,.has-navigationdrawer #header>.area .block-menu.block-style-inverse li ul{border:0}.has-navigationdrawer #header>.area .block-menu li ul a{padding-left:16px}.has-navigationdrawer #header>.area .block-menu li ul a:before{content:"» "}.has-navigationdrawer #header>.area .block-menu li:first-child a{border-bottom-left-radius:0}.has-navigationdrawer #header>.area .block-menu li:last-child a{border-top-right-radius:0;border-bottom-right-radius:0}.has-navigationdrawer #header>.area .block-menu li:last-child li:last-child a{border-bottom:0}}.block-text{}.block-text.autocollapse .body{display:none}.block-taskstatuslist{}.block-taskstatuslist table{width:100%}.block-taskstatuslist td{white-space:nowrap}.block-taskstatuslist tr.status-waiting td{color:#9E9E9E}.block-taskstatuslist tr.status-queued td{font-weight:bold}.block-taskstatuslist tr.status-running td{font-style:italic}.block-taskstatuslist tr.status-completed td{color:#4CAF50;background:#ecffed}.block-taskstatuslist tr.status-failed td{color:#F44336;background:#ffe3e1}

/* Base style */

html, body, input, textarea, select, optgroup
{
    font-family: 'Lato', sans-serif;
}

html, body
{
    background: #fff;
    font-size: 15px;
}

html
{
    padding: 0;
}

body
{
    max-width: none;

    margin: 0 auto;

    border: 0 solid #fff;
    border-radius: 0;
}

@media only screen and (max-width: 768px) 
{
    body,
    body.header-style-fixed
    {
        position: static;
        margin-left: 0;
        width: auto;
    }
}



/* 
 * Typography 
 */

h1
{
    font-size: 20px;
}

h2
{
    font-size: 17px;
}

h3
{
    font-size: 16px;
}

h2, h3, h4
{
    color: #404040;
}

a
{
    color: #070;
}



/* Icons */

.with-icon-email,
.with-icon-externallink,
.with-icon-fax,
.with-icon-phone
{
    padding-left: 20px;
}

.with-icon-email:before,
.with-icon-externallink:before,
.with-icon-fax:before,
.with-icon-phone:before
{
    content: "" !important;
}

.with-icon-email:before,
.with-icon-externallink:before,
.with-icon-fax:before,
.with-icon-phone:before
{
    color: #444;
    position: absolute;
    margin-left: -18px;
    font-family: FontAwesome;
}

.with-icon-email
{
}

.with-icon-email:before
{
    content: "\f0e0" !important;
}

.with-icon-externallink
{
}

.with-icon-externallink:before
{
    content: "\f08e" !important;
}

.with-icon-fax
{
}

.with-icon-fax:before
{
    content: "\f02f" !important;
}

.with-icon-phone
{
    padding-left: 20px;
}

.with-icon-phone:before
{
    content: "\f095" !important;
}



/* Buttons */

.button,
.button:hover,
.button-pressed,
.button-pressed:hover,
.button:active
{
    background: #8ac246;
    background-color: #8ac246;
    filter: none;
}

.button
{
    color: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    padding: 4px 16px;
}

.button:hover
{
    text-decoration: underline;
}

.button-pressed,
.button-pressed:hover,
.button:active
{
    background: #498d38;
    background-color: #498d38;
}

    .button .fa
    {
        color: #fff;
    }
    


/* Collapsable */

.collapsable .collapsable-head,
.collapsable .collapsable-head:hover
{
    color: #070;
}



/* Layout structure */

#header,
#main
{
    background: #fff;
    max-width: 1280px;
    margin: 0 auto;
}

#header:after 
{
    content: " ";
    clear: both;
    display: block;
}

#footer
{
    background: #777;
    color: #fff;
    margin-top: 48px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.3);
    box-shadow: inset 0 10px 20px -10px rgba(0,0,0,.3);
}

    #footer .block
    {
        background: transparent;
        border: 0;
        max-width: 1280px;
        margin: 0 auto;
    }

    #footer .block:last-child
    {
        margin-bottom: 0;
    }
    
        #footer .block .body
        {
            background: transparent;
            color: #fff;
        }
        
            #footer .block .body a
            {
                color: #fff;
                transition: all .4s;
                text-decoration: underline;
            }
        
            #footer .block .body a:hover
            {
                color: #fff;
            }

.molivier-icon
{
    max-width: 1280px;
    margin: -8px auto 0;
    text-align: right;
}

    .molivier-icon a
    {
        display: inline-block;
        background: url("//www.adesto.nl/Images/icon-molivier.png") left top no-repeat;
        width: 41px;
        height: 21px;
    }

        .molivier-icon span
        {
            display: none;
        }



/* Areas (global) */

.area-subheader
{
    background: url("//www.adesto.nl/Images/header-background.jpg") right center no-repeat;
    background-size: cover;
    min-height: 235px;
    float: none;
    margin-bottom: 0;
    position: relative;
    border-top: 5px solid #eee;
}

@media only screen and (max-width: 1280px) 
{
    .area-subheader
    {
        background-position: right top;
        min-height: 135px;
    }
}

@media only screen and (max-width: 1024px) 
{
    .area-subheader
    {
        background-position: 75% top;
        background-size: cover;
        min-height: 135px;
    }
}

@media only screen and (max-width: 768px) 
{
    .area-subheader
    {
        min-height: 120px;
    }
}

    .area-subheader .block
    {
        background: transparent;
        border: 0;
        max-width: 1248px;
        margin: 0 auto;
        padding: 24px 16px;
    }
    
        .area-subheader .block header
        {
            text-align: left;
            background: transparent;
            box-shadow: none;
            margin-bottom: 0;
        }
    
            .area-subheader .block header h1
            {
                padding: 0;
                margin: 0 0 .67em;
                border-bottom: 0;
                font-size: 24px;
                color: #fff;
                text-shadow: 0px 0px 9px rgba(0,0,0,.9);
            }
            
            @media only screen and (max-width: 1280px) 
            {
                .area-subheader .block header h1
                {
                    font-size: 20px;
                }
            }

            .area-subheader .block header h1:after
            {
                display: none;
            }
            
        .area-subheader .block .body
        {
            background: transparent;
            color: #000;
        }
        
            .area-subheader .block .body h1
            {
                color: #fff;
                text-transform: lowercase;
                font-size: 24px;
                text-shadow: 0px 0px 9px rgba(0,0,0,.9);
            }
            
            @media only screen and (max-width: 1280px) 
            {
                .area-subheader .block .body h1
                {
                    font-size: 20px;
                }
            }
        
            .area-subheader .block .body h2
            {
                margin: 0;
                text-transform: lowercase;
                font-size: 16px;
                color: #fff;
                text-shadow: 0px 0px 9px rgba(0,0,0,.9);
            }

.area-intro
{
}

    .area-intro .block:last-of-type
    {
        margin-bottom: 0;
    }



/* Blocks */

.block
{
    margin-bottom: 0;
}

@media only screen and (max-width: 640px) 
{
    .block
    {
        margin-bottom: 16px;
    }
}

    .block header
    {
        margin: -8px -8px 0;
        border-bottom: 3px solid #ddd;
    }

        .block header h1
        {
            padding: 12px 8px;
            border-bottom: 1px solid #fff;
        }
        
    .block .body
    {
        line-height: 1.8;
    }

        .block .body h2:first-child
        {
            margin-top: 14px;
        }



/* Blocks additional styles */

.block.has-curvedbottom
{
    position: relative;
    overflow: hidden;
}

    .block.has-curvedbottom:after
    {
        display: block;
        position: absolute;
        content: " ";
        background: #fff;
        height: 400%;
        width: 300%;
        left: -100%;
        margin-top: -26px;
        border-radius: 300%;
    }



/* Blocks additional styles (footer specific) */

#footer .block.has-curvedbottom:after
{
    background: #777;
}



/* Block style: Default */

.block-style-default
{
}

    .block-style-default header
    {
        text-align: center;
        margin: 0 0 1em;
        border-bottom: 0;
        box-shadow: 0 16px 24px -15px #999;
    }

        .block-style-default header h1
        {
            padding: 8px 12px 12px;
            margin-bottom: -5px;
            display: inline-block;
            border-bottom: 5px solid #8ac246;
            position: relative;
        }
        
        .block-style-default header h1:after
        {
            position: absolute;
            left: 0;
            right: 0;
            width: 0;
            bottom: 0;
            margin: auto;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #8ac246;
            content: "";
        }
        
    .block-style-default .body
    {
        background: transparent;
    }



/* Block style: Highlight */

.block-style-highlight
{
    background: #f2f2f2;
    border-color: #fff;
    border-radius: 0;
    padding: 12px 16px;
    box-shadow: none;
}

    .block-style-highlight header
    {
        border: 0;
        padding-bottom: 12px;
        border-bottom: 2px solid #ddd;
        margin-bottom: 0;
    }

        .block-style-highlight header h1
        {
            padding-bottom: 0;
            border: 0;
            text-transform: none;
        }

    .block-style-highlight .body
    {
        background: transparent;
    }
    
    
    
/* Block style: Inverse */

.block-style-inverse
{
    background: #424242;
    border-color: #fff;
    border-radius: 0;
    padding: 12px 16px;
    box-shadow: none;
}
    
    .block-style-inverse header
    {
        border: 0;
    }

        .block-style-inverse header h1
        {
            padding-bottom: 0;
            border: 0;
            text-transform: none;
        }

    .block-style-inverse .body
    {
        background: transparent;
        color: #fff;
    }

        .block-style-inverse .body .with-icon-email:before,
        .block-style-inverse .body .with-icon-externallink:before,
        .block-style-inverse .body .with-icon-fax:before,
        .block-style-inverse .body .with-icon-phone:before
        {
            color: #ddd;
        }

    .block-style-inverse .button
    {
        color: #fff;
    }



/* Block style: Default */

.block-style-custom1
{
    border: 2px solid #00a1de;
    border-radius: 0;
    padding: 12px 16px;
}

    .block-style-custom1 a
    {
        color: #00a1de;
    }

    .block-style-custom1 header
    {
        text-align: center;
        margin: 0 0 1em;
        border-bottom: 0;
        box-shadow: 0 16px 24px -15px #999;
    }

        .block-style-custom1 header h1
        {
            padding: 8px 12px 12px;
            margin-bottom: -5px;
            display: inline-block;
            border-bottom: 5px solid #00a1de;
            position: relative;
        }
        
        .block-style-custom1 header h1:after
        {
            position: absolute;
            left: 0;
            right: 0;
            width: 0;
            bottom: 0;
            margin: auto;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #00a1de;
            content: "";
        }
        
    .block-style-custom1 .body
    {
        background: transparent;
    }

    .block-style-custom1 .collapsable .collapsable-head,
    .block-style-custom1 .collapsable .collapsable-head:hover
    {
        color: #00a1de;
    }

    .block-style-custom1 .button,
    .block-style-custom1 .button:hover,
    .block-style-custom1 .button-pressed,
    .block-style-custom1 .button-pressed:hover,
    .block-style-custom1 .button:active
    {
        background: #00a1de;
        background-color: #00a1de;
    }

    .block-style-custom1 .button
    {
        color: #fff;
    }
    
    .block-style-custom1 .button:disabled
    {
        background: #ccc;
        color: #999;
    }



/* Block: Form */

.block-form
{
}

    .block-form .form
    {
        margin-top: 1em;
    }

    .block-form.block-style-default .form
    {
        margin-top: 2em;
    }



/* Block (header specific) */

#header .block
{
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    border-radius: 0;
    width: 75%;
    float: right;
}



/* Block: Crumbpath */

.block-crumbpath.block-style-custom1 a
{
    color: #000;
}



/* Block: Header */

#header .block-header
{
    width: 25%;
    float: left;
}

@media only screen and (max-width: 768px) 
{
    body.has-navigationdrawer #header .block-header
    {
        padding-left: 0;
    }
}

    .block-header .preheader
    {
        background: #8ac246;
        margin: 0;
        border: 0;
        padding: 5px 0 4px;
        min-height: 36px;
        font-size: 12px;
        color: #fff;
        text-align: left;
        box-shadow: inset 0 -10px 20px -10px rgba(0,0,0,.3);
    }
    
        .block-header .preheader .body,
        .block-header .preheader a,
        .block-header .preheader .with-icon i
        {
            color: #fff;
        }
        
        .block-header .preheader a
        {
            transition: all .4s;
            white-space: nowrap;
        }
        
        .block-header .preheader a:hover
        {
            font-size: 15px;
        }
        
        .block-header .preheader a.with-icon
        {
            margin-right: 16px;
        }

        @media only screen and (max-width: 640px) 
        {
            .block-header .preheader a.with-icon
            {
                margin: 0 24px;
                font-size: 14px;
            }
        }

        @media only screen and (max-width: 420px) 
        {
            .block-header .preheader a.with-icon
            {
                display: block;
            }
        }
        
        .block-header .preheader a.facebook,
        .block-header .preheader a.twitter
        {
            display: block;
            float: left;
            line-height: 32px;
            height: 32px;
            width: 32px;
            background: #498d38;
            text-align: center;
            margin: 0 0 0 4px;
            border-radius: 16px;
            font-size: 18px;
        }
        
        .block-header .preheader a.facebook:hover
        {
            background: #3b5998;
        }
        
        .block-header .preheader a.twitter:hover
        {
            background: #0084b4;
        }
        
        .block-header .preheader a:hover,
        .block-header .preheader a.with-icon:hover i
        {
            color: #fff;
        }
    
        .block-header .preheader address
        {
            font-style: normal;
            line-height: 34px;
        }
        
        .block-header .preheader address.social-links
        {
            position: absolute;
            right: 8px;
            top: 0;
        }

        @media only screen and (max-width: 640px) 
        {
            .block-header .preheader address
            {
                margin: 0 60px;
            }

            .block-header .preheader address.social-links
            {
                margin: 0;
                right: 4px;
            }
        }
    
    .block-header .body
    {
        margin: 0 auto;
        padding: 0 16px;
        height: 98px;
    }

        .block-header .logo
        {
            position: absolute;
            width: 325px;
            margin-top: 8px;
            margin-left: 0;
        }
        
            .block-header .logo span
            {
                background-image: url("//www.adesto.nl/Images/logo.svg");
                background-size: 100% 100%;
                height: 81px;
                width: 276px;
            }

            .no-svg .block-header .logo span
            {
                background-image: url("//www.adesto.nl/Images/logo.png");
            }
    
    .block-header .preheader .body
    {
        height: auto;
    }

    @media only screen and (max-width: 640px) 
    {
        .block-header .preheader .body
        {
            text-align: center;
        }
    }



/* Block: Menu */

.block-menu
{
}

    .block-menu .button-navigationdrawer
    {
        display: none;
    }

    .block-menu .body + ul
    {
        margin-top: 0;
    }
    
    .block-menu li
    {
        border-color: #ccc;
        border-bottom-width: 2px;
        transition: all .2s;
    }
    
    .block-menu li:hover
    {
        padding-left: 16px;
    }
    
        .block-menu li a
        {
            text-decoration: none;
            padding-left: 4px;
        }
    
        .block-menu li a.with-icon-email,
        .block-menu li a.with-icon-externallink,
        .block-menu li a.with-icon-fax,
        .block-menu li a.with-icon-phone
        {
            padding-left: 20px;
        }
        
        .block-menu li a:hover
        {
            font-weight: bold;
        }



/* Block: Menu (horizontally aligned) */

.block-menu-horizontal.block-style-custom1
{
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

    .block-menu-horizontal.block-style-custom1 .body
    {
        margin: 8px 4px;
    }
        
        .block-menu-horizontal.block-style-custom1 li
        {
            background: transparent;
        }

            .block-menu-horizontal.block-style-custom1 li a,
            .block-menu-horizontal.block-style-custom1 li span.no-link
            {
                color: #000;
            }

            .block-menu-horizontal.block-style-custom1 li:hover a span
            {
                text-decoration: underline;
            }
                    
                .block-menu-horizontal.block-style-custom1 li:hover li a
                {
                    text-decoration: none;
                    background: transparent;
                }

                .block-menu-horizontal.block-style-custom1 li li.active > a
                {
                    text-decoration: underline;
                }



/* Block: Menu (subheader specific) */

.area-subheader .block-menu.block-style-default,
.area-subheader .block-menu.block-style-highlight,
.area-subheader .block-menu.block-style-inverse,
.area-subheader .block-menu.block-style-custom1
{
    max-width: none;
    margin: 0 auto;
    padding: 0;
    background: rgba(238,238,238,.7);
    border-radius: 0;
    border: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

    .area-subheader .block-menu select,
    .area-subheader .block-menu ul
    {
        max-width: 1280px;
        position: relative;
        z-index: 1001;
        margin: 0 auto;
        box-sizing: border-box;
    }
    
    .area-subheader .block-menu select
    {
        display: none;
        margin: 4px 1%;
        padding: 4px;
        font-size: 16px;
        font-weight: bold;
        width: 98%;
    }
    
    .area-subheader .block-menu ul
    {
        padding: 0 16px;
    }

    @media only screen and (max-width: 940px) 
    {
        .area-subheader .block-menu select
        {
            display: block;
        }

        .area-subheader .block-menu ul
        {
            display: none;
        }
    }
    
        .area-subheader .block-menu li:hover
        {
            padding-left: 0;
        }
    
            .area-subheader .block-menu li a
            {
                padding-left: 0;
                max-height: none;
            }

            .area-subheader .block-menu li a:before
            {
                display: none;
            }

            .area-subheader .block-menu.block-style-default li a,
            .area-subheader .block-menu.block-style-highlight li a,
            .area-subheader .block-menu.block-style-inverse li a,
            .area-subheader .block-menu.block-style-custom1 li a
            {
                position: relative;
                border-radius: 0;
                line-height: 48px;
                margin: 0 0 0 1px;
                padding: 0 16px;
                color: #333;
                font-size: 17px;
                font-weight: bold;
                transition: all .4s;
            }

            .area-subheader .block-menu.block-style-default li:hover a,
            .area-subheader .block-menu.block-style-default li.active > a,
            .area-subheader .block-menu.block-style-highlight li:hover a,
            .area-subheader .block-menu.block-style-highlight li.active > a,
            .area-subheader .block-menu.block-style-inverse li:hover a,
            .area-subheader .block-menu.block-style-inverse li.active > a,
            .area-subheader .block-menu.block-style-custom1 li:hover a,
            .area-subheader .block-menu.block-style-custom1 li.active > a
            {
                background: #fff;
                font-weight: bold;
            }

                .area-subheader .block-menu li.active > a:before
                {
                    display: block;
                    border-left: 6px solid transparent;
                    border-right: 6px solid transparent;
                    border-top: 6px solid #8ac246;
                    left: 0;
                    right: 0;
                    top: 0;
                    width: 0;
                    margin: auto;
                    position: absolute;
                    content: "";
                }
        
            .area-subheader .block-menu li .fa
            {
                display: inline-block;
            }



/* Block: Report damage form */
            
.block-reportdamageform .form-fieldrow-name-phonenumber,
.block-reportdamageform .form-fieldrow-name-paperFormFront,
.block-reportdamageform .form-fieldrow-name-description,
.block-reportdamageform .form footer
{
    margin-top: .55em;
    padding-top: 1em;
    border-top: 1px solid #ccc;
}

.block-reportdamageform .form-fieldrow-name-hasadditionalfiles
{
    margin-top: 1.55em;
}

@media only screen and (min-width: 480px)
{
    .block-reportdamageform .form-fieldrow-name-street .form-field
    {
        margin-right: 148px;
    }

    .block-reportdamageform .form-fieldrow-name-housenumber,
    .block-reportdamageform .form-fieldrow-name-housenumberaddition
    {
        position: absolute;
        margin-top: -2.45em;
        right: 1px;
    }

    .block-reportdamageform .form-fieldrow-name-housenumber
    {
        right: 75px;
    }

        .block-reportdamageform .form-fieldrow-name-housenumber .form-fieldlabel,
        .block-reportdamageform .form-fieldrow-name-housenumberaddition .form-fieldlabel
        {
            display: none;
        }

        .block-reportdamageform .form-fieldrow-name-housenumber .form-fieldlabel label,
        .block-reportdamageform .form-fieldrow-name-housenumberaddition .form-fieldlabel label
        {
            display: none;
        }

        .block-reportdamageform .form-fieldrow-name-housenumber .form-fieldcolumn,
        .block-reportdamageform .form-fieldrow-name-housenumberaddition .form-fieldcolumn
        {
            width: 64px;
        }
}

@media only screen and (min-width: 640px) and (max-width: 800px)
{
    .area-width-50 .block-reportdamageform .form-field
    {
        margin-right: 0;
    }

    .area-width-50 .block-reportdamageform .form-fieldrow
    {
        position: static;
        margin-top: 0;
    }

        .area-width-50 .block-reportdamageform .form-fieldlabel,
        .area-width-50 .block-reportdamageform .form-fieldlabel
        {
            display: block;
        }

        .area-width-50 .block-reportdamageform .form-fieldlabel label
        {
            display: inline;
        }
}