/* PostCSS Normalize uses the non-opinionated version of normalize.css. */ /*! normalize.css v8.0.0 | MIT License | github.com/csstools/normalize.css */ /* Document * ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections * ========================================================================== */ /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content * ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * Add the correct display in IE. */ main { display: block; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics * ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; /* 1 */ } /** * Add the correct text decoration in Edge, IE, Opera, and Safari. */ abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /* Embedded content * ========================================================================== */ /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms * ========================================================================== */ /** * Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { margin: 0; } /** * 1. Show the overflow in IE. * 2. Remove the inheritance of text transform in Edge, Firefox, and IE. */ button { overflow: visible; /* 1 */ text-transform: none; /* 2 */ } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ ::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule in Firefox. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * Show the overflow in Edge and IE. */ input { overflow: visible; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in Edge and IE. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the inheritance of text transform in Firefox. */ select { text-transform: none; } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive * ========================================================================== */ /* * Add the correct display in Edge and IE. */ details { display: block; } /* * Add the correct styles in Edge, IE, and Safari. */ dialog { background-color: white; border: solid; color: black; display: block; height: -moz-fit-content; height: -webkit-fit-content; height: fit-content; left: 0; margin: auto; padding: 1em; position: absolute; right: 0; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; } dialog:not([open]) { display: none; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting * ========================================================================== */ /** * Add the correct display in IE. */ template { display: none; } /* User interaction * ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* Some global resets (normalize did not do it how way we like it :)) */ html { -webkit-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } ul, ol { list-style: none; padding: 0; margin: 0; } table { width: 100%; border-collapse: collapse; } th { font-weight: 700; } img, embed, object, video, iframe { display: inline-block; max-width: 100%; height: auto; } figure { margin: 0; } body .hidden { /** * does have body-specificity to override display: flex values set on same * specific-classes, for example /aanvragen/aanvraag/type:MM.htm */ display: none; } :root { /* contextual colors */ /* discipline colors */ /* sizings */ } /** * @license * MyFonts Webfont Build ID 3462073, 2017-10-10T04:28:38-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: AzoSans-BoldItalic by Rui Abreu * URL: https://www.myfonts.com/fonts/r-type/azo-sans/bold-italic/ * Copyright: Copyright (c) 2010 by Rui Abreu, Portugal. All rights reserved. * * Webfont: AzoSans-Bold by Rui Abreu * URL: https://www.myfonts.com/fonts/r-type/azo-sans/bold/ * Copyright: Copyright (c) 2012 by Rui Abreu, Portugal. All rights reserved. * * Webfont: AzoSans-Black by Rui Abreu * URL: https://www.myfonts.com/fonts/r-type/azo-sans/black/ * Copyright: Copyright (c) 2012 by Rui Abreu, Portugal. All rights reserved. * * Webfont: AzoSans-BlackItalic by Rui Abreu * URL: https://www.myfonts.com/fonts/r-type/azo-sans/black-italic/ * Copyright: Copyright (c) 2012 by Rui Abreu, Portugal. All rights reserved. * * Webfont: AzoSans-Italic by Rui Abreu * URL: https://www.myfonts.com/fonts/r-type/azo-sans/italic/ * Copyright: Copyright (c) 2012 by Rui Abreu, Portugal. All rights reserved. * * Webfont: AzoSans-Light by Rui Abreu * URL: https://www.myfonts.com/fonts/r-type/azo-sans/light/ * Copyright: Copyright (c) 2012 by Rui Abreu, Portugal. All rights reserved. * * Webfont: AzoSans-LightItalic by Rui Abreu * URL: https://www.myfonts.com/fonts/r-type/azo-sans/light-italic/ * Copyright: Copyright (c) 2012 by Rui Abreu, Portugal. All rights reserved. * * Webfont: AzoSans-Medium by Rui Abreu * URL: https://www.myfonts.com/fonts/r-type/azo-sans/medium/ * Copyright: Copyright (c) 2012 by Rui Abreu, Portugal. All rights reserved. * * Webfont: AzoSans-MediumItalic by Rui Abreu * URL: https://www.myfonts.com/fonts/r-type/azo-sans/medium-italic/ * Copyright: Copyright (c) 2012 by Rui Abreu, Portugal. All rights reserved. * * Webfont: AzoSans-Regular by Rui Abreu * URL: https://www.myfonts.com/fonts/r-type/azo-sans/regular/ * Copyright: Copyright (c) 2012 by Rui Abreu, Portugal. All rights reserved. * * Webfont: AzoSans-ThinItalic by Rui Abreu * URL: https://www.myfonts.com/fonts/r-type/azo-sans/thin-italic/ * Copyright: Copyright (c) 2012 by Rui Abreu, Portugal. All rights reserved. * * Webfont: AzoSans-Thin by Rui Abreu * URL: https://www.myfonts.com/fonts/r-type/azo-sans/thin/ * Copyright: Copyright (c) 2012 by Rui Abreu, Portugal. All rights reserved. * * * License: https://www.myfonts.com/viewlicense?type=web&buildid=3462073 * Licensed pageviews: 100,000 * * © 2017 MyFonts Inc */ @font-face {font-style: normal; font-weight: 100; font-family: 'AzoSans';src: url('../../../fonts/azo-sans/34D3B9_B_0.eot');src: url('../../../fonts/azo-sans/34D3B9_B_0.eot?#iefix') format('embedded-opentype'),url('../../../fonts/azo-sans/34D3B9_B_0.woff2') format('woff2'),url('../../../fonts/azo-sans/34D3B9_B_0.woff') format('woff'),url('../../../fonts/azo-sans/34D3B9_B_0.ttf') format('truetype');} @font-face {font-style: italic; font-weight: 100; font-family: 'AzoSans';src: url('../../../fonts/azo-sans/34D3B9_A_0.eot');src: url('../../../fonts/azo-sans/34D3B9_A_0.eot?#iefix') format('embedded-opentype'),url('../../../fonts/azo-sans/34D3B9_A_0.woff2') format('woff2'),url('../../../fonts/azo-sans/34D3B9_A_0.woff') format('woff'),url('../../../fonts/azo-sans/34D3B9_A_0.ttf') format('truetype');} @font-face {font-style: normal; font-weight: 200; font-family: 'AzoSans';src: url('../../../fonts/azo-sans/34D3B9_5_0.eot');src: url('../../../fonts/azo-sans/34D3B9_5_0.eot?#iefix') format('embedded-opentype'),url('../../../fonts/azo-sans/34D3B9_5_0.woff2') format('woff2'),url('../../../fonts/azo-sans/34D3B9_5_0.woff') format('woff'),url('../../../fonts/azo-sans/34D3B9_5_0.ttf') format('truetype');} @font-face {font-style: italic; font-weight: 200; font-family: 'AzoSans';src: url('../../../fonts/azo-sans/34D3B9_6_0.eot');src: url('../../../fonts/azo-sans/34D3B9_6_0.eot?#iefix') format('embedded-opentype'),url('../../../fonts/azo-sans/34D3B9_6_0.woff2') format('woff2'),url('../../../fonts/azo-sans/34D3B9_6_0.woff') format('woff'),url('../../../fonts/azo-sans/34D3B9_6_0.ttf') format('truetype');} @font-face {font-style: normal; font-weight: 400; font-family: 'AzoSans';src: url('../../../fonts/azo-sans/34D3B9_9_0.eot');src: url('../../../fonts/azo-sans/34D3B9_9_0.eot?#iefix') format('embedded-opentype'),url('../../../fonts/azo-sans/34D3B9_9_0.woff2') format('woff2'),url('../../../fonts/azo-sans/34D3B9_9_0.woff') format('woff'),url('../../../fonts/azo-sans/34D3B9_9_0.ttf') format('truetype');} @font-face {font-style: italic; font-weight: 400; font-family: 'AzoSans';src: url('../../../fonts/azo-sans/34D3B9_4_0.eot');src: url('../../../fonts/azo-sans/34D3B9_4_0.eot?#iefix') format('embedded-opentype'),url('../../../fonts/azo-sans/34D3B9_4_0.woff2') format('woff2'),url('../../../fonts/azo-sans/34D3B9_4_0.woff') format('woff'),url('../../../fonts/azo-sans/34D3B9_4_0.ttf') format('truetype');} @font-face {font-style: normal; font-weight: 500; font-family: 'AzoSans';src: url('../../../fonts/azo-sans/34D3B9_7_0.eot');src: url('../../../fonts/azo-sans/34D3B9_7_0.eot?#iefix') format('embedded-opentype'),url('../../../fonts/azo-sans/34D3B9_7_0.woff2') format('woff2'),url('../../../fonts/azo-sans/34D3B9_7_0.woff') format('woff'),url('../../../fonts/azo-sans/34D3B9_7_0.ttf') format('truetype');} @font-face {font-style: italic; font-weight: 500; font-family: 'AzoSans';src: url('../../../fonts/azo-sans/34D3B9_8_0.eot');src: url('../../../fonts/azo-sans/34D3B9_8_0.eot?#iefix') format('embedded-opentype'),url('../../../fonts/azo-sans/34D3B9_8_0.woff2') format('woff2'),url('../../../fonts/azo-sans/34D3B9_8_0.woff') format('woff'),url('../../../fonts/azo-sans/34D3B9_8_0.ttf') format('truetype');} @font-face {font-style: italic; font-weight: 700; font-family: 'AzoSans';src: url('../../../fonts/azo-sans/34D3B9_0_0.eot');src: url('../../../fonts/azo-sans/34D3B9_0_0.eot?#iefix') format('embedded-opentype'),url('../../../fonts/azo-sans/34D3B9_0_0.woff2') format('woff2'),url('../../../fonts/azo-sans/34D3B9_0_0.woff') format('woff'),url('../../../fonts/azo-sans/34D3B9_0_0.ttf') format('truetype');} @font-face {font-style: normal; font-weight: 700; font-family: 'AzoSans';src: url('../../../fonts/azo-sans/34D3B9_1_0.eot');src: url('../../../fonts/azo-sans/34D3B9_1_0.eot?#iefix') format('embedded-opentype'),url('../../../fonts/azo-sans/34D3B9_1_0.woff2') format('woff2'),url('../../../fonts/azo-sans/34D3B9_1_0.woff') format('woff'),url('../../../fonts/azo-sans/34D3B9_1_0.ttf') format('truetype');} @font-face {font-style: normal; font-weight: 900; font-family: 'AzoSans';src: url('../../../fonts/azo-sans/34D3B9_2_0.eot');src: url('../../../fonts/azo-sans/34D3B9_2_0.eot?#iefix') format('embedded-opentype'),url('../../../fonts/azo-sans/34D3B9_2_0.woff2') format('woff2'),url('../../../fonts/azo-sans/34D3B9_2_0.woff') format('woff'),url('../../../fonts/azo-sans/34D3B9_2_0.ttf') format('truetype');} @font-face {font-style: italic; font-weight: 900; font-family: 'AzoSans';src: url('../../../fonts/azo-sans/34D3B9_3_0.eot');src: url('../../../fonts/azo-sans/34D3B9_3_0.eot?#iefix') format('embedded-opentype'),url('../../../fonts/azo-sans/34D3B9_3_0.woff2') format('woff2'),url('../../../fonts/azo-sans/34D3B9_3_0.woff') format('woff'),url('../../../fonts/azo-sans/34D3B9_3_0.ttf') format('truetype');} body { color: #181818; } body, input, select, option, button, textarea { font-family: "AzoSans", sans-serif; font-size: 14px; } h1 { margin-top: 0; font-weight: 500; font-size: 28px; color: #00386E; } h2 { font-weight: 500; font-size: 24px; color: #00386E; } h3, .fbContainerTitle { font-weight: 500; font-size: 20px; color: #00386E; } h4 { font-weight: 500; font-size: 18px; color: #00386E; } h5 { font-weight: 500; font-size: 16px; color: #00386E; } :link,:visited { text-decoration: none; color: #009FDF; } :-webkit-any-link { text-decoration: none; color: #009FDF; } :-moz-any-link { text-decoration: none; color: #009FDF; } :any-link { text-decoration: none; color: #009FDF; } :link:hover,:visited:hover { color: #8CCFEF; } :-webkit-any-link:hover { color: #8CCFEF; } :-moz-any-link:hover { color: #8CCFEF; } :any-link:hover { color: #8CCFEF; } hr { border: 0; border-top: 1px solid #C6DBEE; } .detailNotification { display: inline-block; padding: 10px; border: 1px solid #FADD4B; background: #fcf8e3; border-radius: 5px; } .detailNotification > * { margin: 0; font-size: 16px; font-weight: normal; } /* Layout .app .app__header .app__wrapper .app__nav .app__sidebar (optional) .app__sidebar-wrapper .app__sidebar-toggler .app__main .app__main-header .app__footer */ .app { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100vh; background: white; } .app__header { position: relative; z-index: 2; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 90px; border-bottom: 1px solid #C6DBEE; background: white; } .app__branding { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-identifier { margin: 0 0 0 20px; padding-left: 20px; font-size: 24px; border-left: solid 1px #C6DBEE; line-height: 40px; color: #00386E; } .page-identifier::before { content: none; display: inline-block; width: 35px; height: 35px; margin-right: 20px; margin-bottom: -10px; background: transparent no-repeat center / contain; } .page-identifier--meterregister::before { content: ''; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.57 32.39' fill='%2300386E'%3E%3Cdefs/%3E%3Cpath class='cls-1' d='M22.51 27.37h-10c-1.39 0-2 .66-2 2v1c0 1.36.61 2 2 2h10c1.39 0 2-.63 2-2v-1c0-1.37-.61-2-2-2zm0 3h-10v-1h10s0 1.02-.02 1.02z'/%3E%3Cpath transform='rotate(-69.97 22.271 5.378)' d='M21.54 4.46H23V6.3h-1.46z'/%3E%3Cpath d='M16.84 3.85h1.84v1.46h-1.84z'/%3E%3Cpath transform='rotate(-50.01 26.235 7.668)' d='M25.51 6.75h1.47v1.84h-1.47z'/%3E%3Cpath transform='rotate(-60 29.183 24.354)' d='M28.26 23.63h1.84v1.46h-1.84z'/%3E%3Cpath transform='rotate(-30 29.184 11.18)' d='M28.45 10.25h1.46v1.84h-1.46z'/%3E%3Cpath class='cls-1' d='M17.79 0A17.88 17.88 0 0 0 5.37 30.65l1.3-1.32a15.94 15.94 0 1 1 22.24 0l1.29 1.32A17.88 17.88 0 0 0 17.79 0z'/%3E%3Cpath transform='rotate(-79.99 30.752 20.052)' d='M29.83 19.32h1.84v1.46h-1.84z'/%3E%3Cpath transform='rotate(-19.99 13.268 5.38)' d='M12.33 4.65h1.84v1.46h-1.84z'/%3E%3Cpath transform='rotate(-79.98 4.787 15.48)' d='M3.86 14.74H5.7v1.46H3.86z'/%3E%3Cpath transform='rotate(-30 6.352 24.362)' d='M5.62 23.44h1.46v1.84H5.62z'/%3E%3Cpath transform='rotate(-10.02 4.792 20.076)' d='M4.05 19.13h1.46v1.84H4.05z'/%3E%3Cpath transform='rotate(-60 6.354 11.174)' d='M5.43 10.44h1.84v1.46H5.43z'/%3E%3Cpath transform='rotate(-39.99 9.283 7.673)' d='M8.37 6.94h1.84V8.4H8.37z'/%3E%3Cpath class='cls-1' d='M31.28 16.43l-.66-1.72-9.73 3.74a3.85 3.85 0 0 0-7 2.25 3 3 0 0 0 0 .42l-2.31.88.66 1.72 2.34-.9a3.85 3.85 0 0 0 7-2.15 3.19 3.19 0 0 0 0-.54zM17.77 22.7a2 2 0 1 1 2-2 2 2 0 0 1-2 2z'/%3E%3C/svg%3E"); } .page-identifier--intakes::before { content: ''; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 31.02' fill='%2300386E'%3E%3Cdefs/%3E%3Cpath class='cls-1' d='M13.55 0a3.35 3.35 0 0 0-1 6.54v2.3h2v-2.3a3.35 3.35 0 0 0-1-6.54zm0 4.71a1.36 1.36 0 1 1 1.35-1.36 1.35 1.35 0 0 1-1.35 1.36z'/%3E%3Cpath class='cls-1' d='M25.1 20v9H2V5.92h7.63V4H1a1 1 0 0 0-1 1v25a1 1 0 0 0 1 1h25.1a.93.93 0 0 0 .9-1V20z'/%3E%3Cpath d='M7.01 23H15v1.74H7.01zM7.01 19.01h7.96v1.82H7.01zM7.01 15H18v1.9H7.01zM7.01 10.98h14v2h-14z'/%3E%3Cpath class='cls-1' d='M25.1 8.84H27V5a1 1 0 0 0-.94-1h-8.59v1.92h7.63zM36.41 5.49L34.94 4a1.87 1.87 0 0 0-2.63-.1l-15.7 16-.87 5 5.06-.87 15.71-16a1.88 1.88 0 0 0-.1-2.54zM19.82 22.24l-1.63.28.28-1.64L30.83 8.3l1.36 1.35zm13.77-14l-1.36-1.37 1.35-1.37 1.36 1.36z'/%3E%3C/svg%3E"); } .page-identifier--callscript::before { content: ''; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 31.02' fill='%2300386E'%3E%3Cdefs/%3E%3Cpath class='cls-1' d='M13.55 0a3.35 3.35 0 0 0-1 6.54v2.3h2v-2.3a3.35 3.35 0 0 0-1-6.54zm0 4.71a1.36 1.36 0 1 1 1.35-1.36 1.35 1.35 0 0 1-1.35 1.36z'/%3E%3Cpath class='cls-1' d='M25.1 20v9H2V5.92h7.63V4H1a1 1 0 0 0-1 1v25a1 1 0 0 0 1 1h25.1a.93.93 0 0 0 .9-1V20z'/%3E%3Cpath d='M7.01 23H15v1.74H7.01zM7.01 19.01h7.96v1.82H7.01zM7.01 15H18v1.9H7.01zM7.01 10.98h14v2h-14z'/%3E%3Cpath class='cls-1' d='M25.1 8.84H27V5a1 1 0 0 0-.94-1h-8.59v1.92h7.63zM36.41 5.49L34.94 4a1.87 1.87 0 0 0-2.63-.1l-15.7 16-.87 5 5.06-.87 15.71-16a1.88 1.88 0 0 0-.1-2.54zM19.82 22.24l-1.63.28.28-1.64L30.83 8.3l1.36 1.35zm13.77-14l-1.36-1.37 1.35-1.37 1.36 1.36z'/%3E%3C/svg%3E"); } .page-identifier--location_registry::before { content: ''; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38' fill='%2300386E'%3E%3Cpath d='M37.68 27.36L32.78 23a.89.89 0 0 0-.51-.23l-8.37-1.1-1.5-.92c1.53-2.23 3.1-4.53 3.65-5.4a9.88 9.88 0 0 0 1.62-5.83 9.59 9.59 0 0 0-19.18 0 9.82 9.82 0 0 0 1.63 5.83c.49.78 1.8 2.72 3.17 4.72L.51 26.83a1 1 0 0 0-.51.78 1 1 0 0 0 .4.84L6 32.4a.91.91 0 0 0 .43.17l8.3 1.11 4.57 4.08a1 1 0 0 0 .7.24 1 1 0 0 0 .45-.11l17.09-9a.9.9 0 0 0 .5-.72.93.93 0 0 0-.36-.81zm-25.94-13a7.91 7.91 0 0 1-1.33-4.82 7.68 7.68 0 0 1 15.35 0 8 8 0 0 1-1.33 4.82c-.9 1.42-4.68 6.91-6.35 9.31-1.66-2.42-5.45-7.91-6.34-9.33zm8.35 21.54l-4.29-3.83a1 1 0 0 0-.52-.24l-5.89-.78 4.48-2.3-.87-1.69-6.52 3.34-3.71-2.61 11.61-6.14 2.91 4.22.79 1.13.79-1.14c.1-.15 1.17-1.68 2.45-3.55l1.75 1.07a.82.82 0 0 0 .37.13l5.45.72-8.83 4.9.94 1.67 10.89-6 3.5 3.1z'/%3E%3Cpath d='M21 12.52a4.11 4.11 0 0 0-2.94-7 4.11 4.11 0 0 0-2.93 7 4.24 4.24 0 0 0 5.87 0zm-4.51-1.35a2.2 2.2 0 0 1 1.57-3.74 2.14 2.14 0 0 1 2.19 2.18 2.17 2.17 0 0 1-.62 1.56 2.35 2.35 0 0 1-3.12 0z'/%3E%3C/svg%3E"); } .page-identifier--facturen::before { content: ''; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%2300386E'%3E%3Cpath d='M25.74 0H10.41A2.42 2.42 0 0 0 8 2.43v27.14A2.42 2.42 0 0 0 10.41 32h19.18A2.42 2.42 0 0 0 32 29.57V6.3zm4.4 29.57a.43.43 0 0 1-.43.43H10.43a.43.43 0 0 1-.43-.43V2.43a.43.43 0 0 1 .43-.43H25l5.13 5.13zM23.86 3.14h2v3.29h3.28v2h-5.28zM0 26.86V4h2v22.86zm4 2.28V2h2v27.14z' fill-rule='evenodd'/%3E%3Cpath d='M22.48 25.8a1 1 0 0 0-1.27-.34 4.24 4.24 0 0 1-2.08.56 4.19 4.19 0 0 1-3.59-2.09h3.2a.93.93 0 0 0 0-1.86H15v-.19-1.19h3.74a.93.93 0 1 0 0-1.86h-3.21a4.06 4.06 0 0 1 3.6-2.09 4.2 4.2 0 0 1 2.08.55 1 1 0 0 0 1.27-.29 1 1 0 0 0 .09-.71 1 1 0 0 0-.43-.57 6 6 0 0 0-8.65 3.15h-.68a.93.93 0 0 0 0 1.86h.33v1.19a1.21 1.21 0 0 0 0 .19h-.33a.93.93 0 0 0 0 1.86h.68a6.06 6.06 0 0 0 5.64 3.95 6 6 0 0 0 3-.81.94.94 0 0 0 .34-1.27z'/%3E%3C/svg%3E"); } .page-identifier--contracten::before { content: ''; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%2300386E'%3E%3Cpath d='M25.74 0H10.41A2.42 2.42 0 0 0 8 2.43v27.14A2.42 2.42 0 0 0 10.41 32h19.18A2.42 2.42 0 0 0 32 29.57V6.3zm4.4 29.57a.43.43 0 0 1-.43.43H10.43a.43.43 0 0 1-.43-.43V2.43a.43.43 0 0 1 .43-.43H25l5.13 5.13zM23.86 3.14h2v3.29h3.28v2h-5.28zM0 26.86V4h2v22.86zm4 2.28V2h2v27.14z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .page-identifier--aanvragen::before { content: ''; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 26.26' fill='%2300386E'%3E%3Cpath d='M1.94 12.88H0v-1.56l3.67-6.6h1.87v1.94h-.73l-2.87 5.16v1.06zM32 12.88h-1.94v-1.06l-2.87-5.16h-.74V4.72h1.88l3.67 6.6v1.56z'/%3E%3Cpath d='M32 26.26H0V11.91h9.87l2 2h8.34l2-2H32zM1.94 24.32h28.12V13.84h-7.12l-2 2H11l-2-2H1.94zM27.43 11.57h-1.94v-2.3H6.51v2.3H4.58V7.33h22.85v4.24zM25.46 6.99h-1.93V6H8.47v.99H6.54V4.06h18.92v2.93zM24.16 3.73h-1.94v-1H9.78v1H7.84V.8h16.32v2.93z'/%3E%3Cpath d='M18.61 22.34h-5.22a1.63 1.63 0 0 1-1.63-1.62v-3.59h8.48v3.59a1.63 1.63 0 0 1-1.63 1.62zM13.7 20.4h4.6v-1.33h-4.6z'/%3E%3C/svg%3E"); } .page-identifier--reports::before { content: ''; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 32' fill='%2300386E'%3E%3Cpath d='M32 10V6.09L25.81 0H9.61a2.44 2.44 0 0 0-2.44 2.43L7 6.09H2C.7 6.09 0 6.7 0 8v21a3.23 3.23 0 0 0 1 2.34A2.83 2.83 0 0 0 3 32h31a.9.9 0 0 0 1-.87V11a1 1 0 0 0-1-1zM9 3a1 1 0 0 1 1-1h15l5.15 5.15V10H21.8a1 1 0 0 0-.7.3l-2 1.7H9zM4.1 29a1 1 0 0 1-1 1.15 1 1 0 0 1-.75-.26A1.25 1.25 0 0 1 2 29V9.05c0-.7 0-1 .48-1H7v4.15h-.26c-1.34 0-2.64.55-2.64 1.89zM33 30.13H6.08V15c0-.82.38-1 .92-1h13c.27 0 .18.05.37-.14L22.22 12H33z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .page-identifier--faq::before { content: ''; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.43 32.95' fill='%2300386E'%3E%3Cpath d='M13.86 24A3.15 3.15 0 1 1 17 20.86 3.15 3.15 0 0 1 13.86 24zm0-4.29A1.15 1.15 0 1 0 15 20.86a1.14 1.14 0 0 0-1.14-1.15z'/%3E%3Cpath d='M14.66 17.57h-2.15a1.78 1.78 0 0 1-1.79-1.72v-2.14c0-2 2-3.7 3.46-5 .35-.31.67-.59.91-.82a1.29 1.29 0 0 0 .37-1 1.24 1.24 0 0 0-1.88-.95 1.27 1.27 0 0 0-.59.91C13 7.49 12.93 9 11.09 9H8.94a1.75 1.75 0 0 1-1.3-.46A1.94 1.94 0 0 1 7.22 7v-.22a7 7 0 0 1 14-.35A6.86 6.86 0 0 1 19.15 12a14.06 14.06 0 0 1-1.12.9 7.54 7.54 0 0 0-1.75 1.59v1.35a1.64 1.64 0 0 1-1.62 1.73zm-1.94-2h1.57v-1.14c0-1.2 1.29-2.18 2.54-3.12a11 11 0 0 0 .94-.75 4.92 4.92 0 0 0 1.48-4A5.08 5.08 0 0 0 17 2.82a5 5 0 0 0-7.78 4V7H11v-.32a3.24 3.24 0 1 1 5.5 2.65c-.26.26-.61.57-1 .91-1 .91-2.78 2.43-2.78 3.47z'/%3E%3Cpath d='M8.15 33a1.64 1.64 0 0 1-.65-.13 1.71 1.71 0 0 1-1.07-1.59v-3.71H3.86A3.86 3.86 0 0 1 0 23.71v-10a3.86 3.86 0 0 1 3.86-3.86H6v2H3.86A1.86 1.86 0 0 0 2 13.71v10a1.86 1.86 0 0 0 1.86 1.86h3.57a1 1 0 0 1 1 1v3.95l4.49-4.64a1 1 0 0 1 .72-.31h10.93a1.86 1.86 0 0 0 1.86-1.86v-10a1.86 1.86 0 0 0-1.86-1.86h-2.14v-2h2.14a3.86 3.86 0 0 1 3.86 3.86v10a3.86 3.86 0 0 1-3.86 3.86h-10.5l-4.69 4.85a1.69 1.69 0 0 1-1.23.58z'/%3E%3C/svg%3E"); } .page-identifier--contact::before { content: ''; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 29' fill='%2300386E'%3E%3Cpath d='M29.34 0H8.21a1.65 1.65 0 0 0-1.66 1.6v4.5l-.28-.4a1.86 1.86 0 0 0-2.52-.56l-2 1.17A3.23 3.23 0 0 0 .26 8.23c-.75 2.69-.22 7.3 6.58 14C11.39 26.69 15.51 29 19.1 29a7.49 7.49 0 0 0 1.94-.26 3.25 3.25 0 0 0 2-1.47l1.19-2a1.82 1.82 0 0 0-.56-2.48l-4.77-3.12a1.91 1.91 0 0 0-2.52.4L15 21.83a.11.11 0 0 1-.13 0l-.27-.15a15.58 15.58 0 0 1-4-3.12h18.74A1.65 1.65 0 0 0 31 16.93V1.59A1.65 1.65 0 0 0 29.34 0zM14 23.37a1.89 1.89 0 0 0 2.39-.48l1.38-1.75a.11.11 0 0 1 .15 0l4.76 3.13a.11.11 0 0 1 0 .14l-1.2 2a1.52 1.52 0 0 1-.9.69c-2.28.62-6.31.07-12.52-6S1.33 10.94 2 8.69a1.53 1.53 0 0 1 .71-.89l2-1.17a.11.11 0 0 1 .09 0L8 11.34a.1.1 0 0 1 0 .14l-1.83 1.36a1.82 1.82 0 0 0-.49 2.35l.14.25a16.9 16.9 0 0 0 3.48 4.37 17 17 0 0 0 4.44 3.42l.19-.32-.19.33zM8.21 1.7zm-1 12.65a.1.1 0 0 1 0-.13L9 12.85a1.85 1.85 0 0 0 .41-2.47L8.31 8.7v-7h20.93v15.13H8.89a13 13 0 0 1-1.52-2.22zm22-12.75z'/%3E%3Cpath d='M18.77 10.4A2.11 2.11 0 0 0 20 10l8.43-6.29a.85.85 0 0 0 .34-.57.86.86 0 0 0-.17-.64.9.9 0 0 0-1.24-.17L19 8.61a.3.3 0 0 1-.35 0l-8.47-6.28a.9.9 0 0 0-1.24.17.85.85 0 0 0 .17 1.21L17.54 10a2.08 2.08 0 0 0 1.23.4zM9.67 16.39a.86.86 0 0 0 .65-.28l5.18-5.46a.85.85 0 0 0-.08-1.18.89.89 0 0 0-1.21 0L9 14.93a.85.85 0 0 0-.24.62.89.89 0 0 0 .28.61.92.92 0 0 0 .63.23zM23.39 9.49a.89.89 0 0 0-1.25 0 .85.85 0 0 0-.05 1.22l5.17 5.44a.89.89 0 0 0 .61.28.91.91 0 0 0 .61-.23.86.86 0 0 0 0-1.23z'/%3E%3C/svg%3E"); } .page-identifier--location_registry { color: #F18A00; } .page-identifier--location_registry::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38' fill='%23F18A00'%3E%3Cpath d='M37.68 27.36L32.78 23a.89.89 0 0 0-.51-.23l-8.37-1.1-1.5-.92c1.53-2.23 3.1-4.53 3.65-5.4a9.88 9.88 0 0 0 1.62-5.83 9.59 9.59 0 0 0-19.18 0 9.82 9.82 0 0 0 1.63 5.83c.49.78 1.8 2.72 3.17 4.72L.51 26.83a1 1 0 0 0-.51.78 1 1 0 0 0 .4.84L6 32.4a.91.91 0 0 0 .43.17l8.3 1.11 4.57 4.08a1 1 0 0 0 .7.24 1 1 0 0 0 .45-.11l17.09-9a.9.9 0 0 0 .5-.72.93.93 0 0 0-.36-.81zm-25.94-13a7.91 7.91 0 0 1-1.33-4.82 7.68 7.68 0 0 1 15.35 0 8 8 0 0 1-1.33 4.82c-.9 1.42-4.68 6.91-6.35 9.31-1.66-2.42-5.45-7.91-6.34-9.33zm8.35 21.54l-4.29-3.83a1 1 0 0 0-.52-.24l-5.89-.78 4.48-2.3-.87-1.69-6.52 3.34-3.71-2.61 11.61-6.14 2.91 4.22.79 1.13.79-1.14c.1-.15 1.17-1.68 2.45-3.55l1.75 1.07a.82.82 0 0 0 .37.13l5.45.72-8.83 4.9.94 1.67 10.89-6 3.5 3.1z'/%3E%3Cpath d='M21 12.52a4.11 4.11 0 0 0-2.94-7 4.11 4.11 0 0 0-2.93 7 4.24 4.24 0 0 0 5.87 0zm-4.51-1.35a2.2 2.2 0 0 1 1.57-3.74 2.14 2.14 0 0 1 2.19 2.18 2.17 2.17 0 0 1-.62 1.56 2.35 2.35 0 0 1-3.12 0z'/%3E%3C/svg%3E"); } .app__wrapper { position: relative; z-index: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .app__nav, .app__sidebar-wrapper, .app__main { overflow-y: auto; } .app__nav { z-index: 3; position: relative; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 20px; overflow-x: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); background: white; max-width: 300px; -webkit-transition: max-width .25s; transition: max-width .25s; will-change: max-width; } .app__nav--closed { max-width: 70px; } .app__nav-toggler { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0; background: transparent; border: none; border-top: 1px solid #C6DBEE; cursor: pointer; } .app__nav-toggler::before { content: ''; display: block; width: 70px; height: 70px; background: transparent no-repeat center / 14px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .app__nav-toggler::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.17 10' fill='%23009FDF'%3E%3Cdefs/%3E%3Cpath class='cls-1' d='M0 1.17L3.83 5 0 8.83 1.17 10l5-5-5-5L0 1.17z'/%3E%3Cpath class='cls-1' d='M5 1.17L8.83 5 5 8.83 6.17 10l5-5-5-5L5 1.17z'/%3E%3C/svg%3E"); } .app__nav-toggler:hover { background: #F9FAFD; } .app__nav-toggler:focus { outline: none; } .app__nav--closed .app__nav-toggler::before { -webkit-transform: rotate(0); transform: rotate(0); } .app__sidebar { z-index: 2; position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 400px; -webkit-transition: width .25s; transition: width .25s; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); background: white; } .app__sidebar--closed { width: 0; } .app__sidebar-wrapper { position: absolute; top: 0; right: 0; width: 400px; padding: 20px 0 0 10px; overflow-x: hidden; height: 100%; } .app__sidebar-toggler { position: absolute; top: 30px; right: 0; width: 20px; height: 40px; -webkit-transform: translateX(100%); transform: translateX(100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(198, 219, 238, 0.5); color: #009FDF; cursor: pointer; } .app__sidebar-toggler:hover { background: rgba(198, 219, 238, 0.75); } .app__sidebar-toggler::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.17 10' fill='%23009FDF'%3E%3Cdefs/%3E%3Cpath class='cls-1' d='M0 1.17L3.83 5 0 8.83 1.17 10l5-5-5-5L0 1.17z'/%3E%3Cpath class='cls-1' d='M5 1.17L8.83 5 5 8.83 6.17 10l5-5-5-5L5 1.17z'/%3E%3C/svg%3E") no-repeat center / 12px; -webkit-transform: rotate(.5turn); transform: rotate(.5turn); } .app__sidebar-toggler--closed::after { -webkit-transform: rotate(0); transform: rotate(0); } .app__main { z-index: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #F9FAFD; padding: calc(20px * 2) calc(20px * 4) 0; } .app__footer { margin-top: auto; padding-top: calc(3 * 20px); } .app__main-header, .search-form, .reports__header { margin: calc(-2 * 20px) calc(20px * -4) calc(1.5 * 20px); padding: calc(2 * 20px) calc(20px * 4) calc(20px * 1.5); border-bottom: 1px solid #C6DBEE; background: white; } @media (max-width: 1200px) { .app__header { height: 70px; } .app__main { padding: 20px 20px 0; } .app__nav--closed { width: 50px; } } span.tums-application-switcher { padding-top: 5px; width: 50px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .app__main { display: block; } } /* App Kiosk mode */ .app--kiosk-mode .app__sidebar-wrapper { padding-top: 10px; padding-left: 15px; } .app--kiosk-mode .app__main { padding-top: 20px; } .app--kiosk-mode .app__sidebar-toggler { top: 8px; } /* App header */ .app-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 calc(20px * 4) 0 20px; } .user-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .user-details form { padding-left: 30px; margin-left: 30px; border-left: 1px solid #C6DBEE; } .user-details img { margin-left: 30px; } .user-details__user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #00386E; } .user-details__user:hover { color: rgba(0, 56, 110, 0.75); } .user-details__user::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.17' fill='%2300386E'%3E%3Cpath fill-rule='evenodd' d='M1.17 0L5 3.83 8.83 0 10 1.17l-5 5-5-5L1.17 0z'/%3E%3C/svg%3E") !important; } .user-details__user::before { content: ''; display: block; width: 34px; height: 34px; margin-right: 10px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34' fill='%2300386E'%3E%3Cpath d='M34 17A17 17 0 1 0 6 29.92a.52.52 0 0 0 .18.13A16.76 16.76 0 0 0 17 34a17.15 17.15 0 0 0 10.8-3.86.66.66 0 0 0 .39-.3A17.22 17.22 0 0 0 34 17M1.56 17a15.44 15.44 0 1 1 26.55 10.72A11.58 11.58 0 0 0 22.38 20a6.61 6.61 0 0 0 1.43-4.16 6.77 6.77 0 1 0-13.53 0A7 7 0 0 0 11.71 20 11.27 11.27 0 0 0 6 27.72 15.14 15.14 0 0 1 1.56 17m10.24-1.17A5.21 5.21 0 1 1 17 21a5.22 5.22 0 0 1-5.2-5.2M7.37 29.06a9.73 9.73 0 0 1 5.47-7.9A6.72 6.72 0 0 0 17 22.59a6.9 6.9 0 0 0 4.21-1.47A9.9 9.9 0 0 1 26.72 29a15.45 15.45 0 0 1-19.35 0' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat center / contain; } /* App footer */ .app-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 70px; margin: 0; border-top: 1px solid #C6DBEE; font-size: 12px; } .app-footer a { display: inline-block; margin-left: 10px; } .app-footer__img { margin-right: 10px; } /* App navigation */ nav.mainnav { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } nav.mainnav ul.mainnav { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } nav.mainnav ul.mainnav li:nth-last-child(2) { margin-top: auto; } .mainnav li { position: relative; } .mainnav a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; color: #00386E; font-size: 16px; white-space: nowrap; } .mainnav > ul > li > a { padding-right: 20px; } .mainnav li.open a, .mainnav li:hover > a { color: #009FDF; } .mainnav a::before { content: ''; -ms-flex-negative: 0; flex-shrink: 0; display: block; width: 70px; height: 70px; margin-right: 10px; background: no-repeat center center / 35px 35px; } .mainnav a::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.41 31.06' fill='%2300386E'%3E%3Cpath d='M20.1 31.06a1 1 0 0 1-1-1v-9h-5v9a1 1 0 0 1-1 1h-8c-.56 0-.78-.44-.78-1V16h1.74v13.11h6V20.2a1 1 0 0 1 1-1h6.84a1 1 0 0 1 1 1v9.06h6.23V16H29v14.06a.89.89 0 0 1-.86 1zM32 17.71L16.71 2.41l-15.3 15.3L0 16.29l16-16a1 1 0 0 1 1.41 0l16 16zM7.19 8.31h-2V1.92a1 1 0 0 1 1-1h3.66a1 1 0 0 1 1 1v2.74h-2V2.92H7.19z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .mainnav li.open a::before, .mainnav li:hover > a::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.41 31.06' fill='%23009FDF'%3E%3Cpath d='M20.1 31.06a1 1 0 0 1-1-1v-9h-5v9a1 1 0 0 1-1 1h-8c-.56 0-.78-.44-.78-1V16h1.74v13.11h6V20.2a1 1 0 0 1 1-1h6.84a1 1 0 0 1 1 1v9.06h6.23V16H29v14.06a.89.89 0 0 1-.86 1zM32 17.71L16.71 2.41l-15.3 15.3L0 16.29l16-16a1 1 0 0 1 1.41 0l16 16zM7.19 8.31h-2V1.92a1 1 0 0 1 1-1h3.66a1 1 0 0 1 1 1v2.74h-2V2.92H7.19z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .mainnav a.menu-meterregister::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.57 32.39' fill='%2300386E'%3E%3Cdefs/%3E%3Cpath class='cls-1' d='M22.51 27.37h-10c-1.39 0-2 .66-2 2v1c0 1.36.61 2 2 2h10c1.39 0 2-.63 2-2v-1c0-1.37-.61-2-2-2zm0 3h-10v-1h10s0 1.02-.02 1.02z'/%3E%3Cpath transform='rotate(-69.97 22.271 5.378)' d='M21.54 4.46H23V6.3h-1.46z'/%3E%3Cpath d='M16.84 3.85h1.84v1.46h-1.84z'/%3E%3Cpath transform='rotate(-50.01 26.235 7.668)' d='M25.51 6.75h1.47v1.84h-1.47z'/%3E%3Cpath transform='rotate(-60 29.183 24.354)' d='M28.26 23.63h1.84v1.46h-1.84z'/%3E%3Cpath transform='rotate(-30 29.184 11.18)' d='M28.45 10.25h1.46v1.84h-1.46z'/%3E%3Cpath class='cls-1' d='M17.79 0A17.88 17.88 0 0 0 5.37 30.65l1.3-1.32a15.94 15.94 0 1 1 22.24 0l1.29 1.32A17.88 17.88 0 0 0 17.79 0z'/%3E%3Cpath transform='rotate(-79.99 30.752 20.052)' d='M29.83 19.32h1.84v1.46h-1.84z'/%3E%3Cpath transform='rotate(-19.99 13.268 5.38)' d='M12.33 4.65h1.84v1.46h-1.84z'/%3E%3Cpath transform='rotate(-79.98 4.787 15.48)' d='M3.86 14.74H5.7v1.46H3.86z'/%3E%3Cpath transform='rotate(-30 6.352 24.362)' d='M5.62 23.44h1.46v1.84H5.62z'/%3E%3Cpath transform='rotate(-10.02 4.792 20.076)' d='M4.05 19.13h1.46v1.84H4.05z'/%3E%3Cpath transform='rotate(-60 6.354 11.174)' d='M5.43 10.44h1.84v1.46H5.43z'/%3E%3Cpath transform='rotate(-39.99 9.283 7.673)' d='M8.37 6.94h1.84V8.4H8.37z'/%3E%3Cpath class='cls-1' d='M31.28 16.43l-.66-1.72-9.73 3.74a3.85 3.85 0 0 0-7 2.25 3 3 0 0 0 0 .42l-2.31.88.66 1.72 2.34-.9a3.85 3.85 0 0 0 7-2.15 3.19 3.19 0 0 0 0-.54zM17.77 22.7a2 2 0 1 1 2-2 2 2 0 0 1-2 2z'/%3E%3C/svg%3E"); } .mainnav li.open a.menu-meterregister::before, .mainnav li:hover > a.menu-meterregister::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.57 32.39' fill='%23009FDF'%3E%3Cdefs/%3E%3Cpath class='cls-1' d='M22.51 27.37h-10c-1.39 0-2 .66-2 2v1c0 1.36.61 2 2 2h10c1.39 0 2-.63 2-2v-1c0-1.37-.61-2-2-2zm0 3h-10v-1h10s0 1.02-.02 1.02z'/%3E%3Cpath transform='rotate(-69.97 22.271 5.378)' d='M21.54 4.46H23V6.3h-1.46z'/%3E%3Cpath d='M16.84 3.85h1.84v1.46h-1.84z'/%3E%3Cpath transform='rotate(-50.01 26.235 7.668)' d='M25.51 6.75h1.47v1.84h-1.47z'/%3E%3Cpath transform='rotate(-60 29.183 24.354)' d='M28.26 23.63h1.84v1.46h-1.84z'/%3E%3Cpath transform='rotate(-30 29.184 11.18)' d='M28.45 10.25h1.46v1.84h-1.46z'/%3E%3Cpath class='cls-1' d='M17.79 0A17.88 17.88 0 0 0 5.37 30.65l1.3-1.32a15.94 15.94 0 1 1 22.24 0l1.29 1.32A17.88 17.88 0 0 0 17.79 0z'/%3E%3Cpath transform='rotate(-79.99 30.752 20.052)' d='M29.83 19.32h1.84v1.46h-1.84z'/%3E%3Cpath transform='rotate(-19.99 13.268 5.38)' d='M12.33 4.65h1.84v1.46h-1.84z'/%3E%3Cpath transform='rotate(-79.98 4.787 15.48)' d='M3.86 14.74H5.7v1.46H3.86z'/%3E%3Cpath transform='rotate(-30 6.352 24.362)' d='M5.62 23.44h1.46v1.84H5.62z'/%3E%3Cpath transform='rotate(-10.02 4.792 20.076)' d='M4.05 19.13h1.46v1.84H4.05z'/%3E%3Cpath transform='rotate(-60 6.354 11.174)' d='M5.43 10.44h1.84v1.46H5.43z'/%3E%3Cpath transform='rotate(-39.99 9.283 7.673)' d='M8.37 6.94h1.84V8.4H8.37z'/%3E%3Cpath class='cls-1' d='M31.28 16.43l-.66-1.72-9.73 3.74a3.85 3.85 0 0 0-7 2.25 3 3 0 0 0 0 .42l-2.31.88.66 1.72 2.34-.9a3.85 3.85 0 0 0 7-2.15 3.19 3.19 0 0 0 0-.54zM17.77 22.7a2 2 0 1 1 2-2 2 2 0 0 1-2 2z'/%3E%3C/svg%3E"); } .mainnav a.menu-intakes::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 31.02' fill='%2300386E'%3E%3Cdefs/%3E%3Cpath class='cls-1' d='M13.55 0a3.35 3.35 0 0 0-1 6.54v2.3h2v-2.3a3.35 3.35 0 0 0-1-6.54zm0 4.71a1.36 1.36 0 1 1 1.35-1.36 1.35 1.35 0 0 1-1.35 1.36z'/%3E%3Cpath class='cls-1' d='M25.1 20v9H2V5.92h7.63V4H1a1 1 0 0 0-1 1v25a1 1 0 0 0 1 1h25.1a.93.93 0 0 0 .9-1V20z'/%3E%3Cpath d='M7.01 23H15v1.74H7.01zM7.01 19.01h7.96v1.82H7.01zM7.01 15H18v1.9H7.01zM7.01 10.98h14v2h-14z'/%3E%3Cpath class='cls-1' d='M25.1 8.84H27V5a1 1 0 0 0-.94-1h-8.59v1.92h7.63zM36.41 5.49L34.94 4a1.87 1.87 0 0 0-2.63-.1l-15.7 16-.87 5 5.06-.87 15.71-16a1.88 1.88 0 0 0-.1-2.54zM19.82 22.24l-1.63.28.28-1.64L30.83 8.3l1.36 1.35zm13.77-14l-1.36-1.37 1.35-1.37 1.36 1.36z'/%3E%3C/svg%3E"); } .mainnav li.open a.menu-intakes::before, .mainnav li:hover > a.menu-intakes::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 31.02' fill='%23009FDF'%3E%3Cdefs/%3E%3Cpath class='cls-1' d='M13.55 0a3.35 3.35 0 0 0-1 6.54v2.3h2v-2.3a3.35 3.35 0 0 0-1-6.54zm0 4.71a1.36 1.36 0 1 1 1.35-1.36 1.35 1.35 0 0 1-1.35 1.36z'/%3E%3Cpath class='cls-1' d='M25.1 20v9H2V5.92h7.63V4H1a1 1 0 0 0-1 1v25a1 1 0 0 0 1 1h25.1a.93.93 0 0 0 .9-1V20z'/%3E%3Cpath d='M7.01 23H15v1.74H7.01zM7.01 19.01h7.96v1.82H7.01zM7.01 15H18v1.9H7.01zM7.01 10.98h14v2h-14z'/%3E%3Cpath class='cls-1' d='M25.1 8.84H27V5a1 1 0 0 0-.94-1h-8.59v1.92h7.63zM36.41 5.49L34.94 4a1.87 1.87 0 0 0-2.63-.1l-15.7 16-.87 5 5.06-.87 15.71-16a1.88 1.88 0 0 0-.1-2.54zM19.82 22.24l-1.63.28.28-1.64L30.83 8.3l1.36 1.35zm13.77-14l-1.36-1.37 1.35-1.37 1.36 1.36z'/%3E%3C/svg%3E"); } .mainnav a.menu-location_registry::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38' fill='%2300386E'%3E%3Cpath d='M37.68 27.36L32.78 23a.89.89 0 0 0-.51-.23l-8.37-1.1-1.5-.92c1.53-2.23 3.1-4.53 3.65-5.4a9.88 9.88 0 0 0 1.62-5.83 9.59 9.59 0 0 0-19.18 0 9.82 9.82 0 0 0 1.63 5.83c.49.78 1.8 2.72 3.17 4.72L.51 26.83a1 1 0 0 0-.51.78 1 1 0 0 0 .4.84L6 32.4a.91.91 0 0 0 .43.17l8.3 1.11 4.57 4.08a1 1 0 0 0 .7.24 1 1 0 0 0 .45-.11l17.09-9a.9.9 0 0 0 .5-.72.93.93 0 0 0-.36-.81zm-25.94-13a7.91 7.91 0 0 1-1.33-4.82 7.68 7.68 0 0 1 15.35 0 8 8 0 0 1-1.33 4.82c-.9 1.42-4.68 6.91-6.35 9.31-1.66-2.42-5.45-7.91-6.34-9.33zm8.35 21.54l-4.29-3.83a1 1 0 0 0-.52-.24l-5.89-.78 4.48-2.3-.87-1.69-6.52 3.34-3.71-2.61 11.61-6.14 2.91 4.22.79 1.13.79-1.14c.1-.15 1.17-1.68 2.45-3.55l1.75 1.07a.82.82 0 0 0 .37.13l5.45.72-8.83 4.9.94 1.67 10.89-6 3.5 3.1z'/%3E%3Cpath d='M21 12.52a4.11 4.11 0 0 0-2.94-7 4.11 4.11 0 0 0-2.93 7 4.24 4.24 0 0 0 5.87 0zm-4.51-1.35a2.2 2.2 0 0 1 1.57-3.74 2.14 2.14 0 0 1 2.19 2.18 2.17 2.17 0 0 1-.62 1.56 2.35 2.35 0 0 1-3.12 0z'/%3E%3C/svg%3E"); } .mainnav li.open a.menu-location_registry::before, .mainnav li:hover > a.menu-location_registry::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38' fill='%23009FDF'%3E%3Cpath d='M37.68 27.36L32.78 23a.89.89 0 0 0-.51-.23l-8.37-1.1-1.5-.92c1.53-2.23 3.1-4.53 3.65-5.4a9.88 9.88 0 0 0 1.62-5.83 9.59 9.59 0 0 0-19.18 0 9.82 9.82 0 0 0 1.63 5.83c.49.78 1.8 2.72 3.17 4.72L.51 26.83a1 1 0 0 0-.51.78 1 1 0 0 0 .4.84L6 32.4a.91.91 0 0 0 .43.17l8.3 1.11 4.57 4.08a1 1 0 0 0 .7.24 1 1 0 0 0 .45-.11l17.09-9a.9.9 0 0 0 .5-.72.93.93 0 0 0-.36-.81zm-25.94-13a7.91 7.91 0 0 1-1.33-4.82 7.68 7.68 0 0 1 15.35 0 8 8 0 0 1-1.33 4.82c-.9 1.42-4.68 6.91-6.35 9.31-1.66-2.42-5.45-7.91-6.34-9.33zm8.35 21.54l-4.29-3.83a1 1 0 0 0-.52-.24l-5.89-.78 4.48-2.3-.87-1.69-6.52 3.34-3.71-2.61 11.61-6.14 2.91 4.22.79 1.13.79-1.14c.1-.15 1.17-1.68 2.45-3.55l1.75 1.07a.82.82 0 0 0 .37.13l5.45.72-8.83 4.9.94 1.67 10.89-6 3.5 3.1z'/%3E%3Cpath d='M21 12.52a4.11 4.11 0 0 0-2.94-7 4.11 4.11 0 0 0-2.93 7 4.24 4.24 0 0 0 5.87 0zm-4.51-1.35a2.2 2.2 0 0 1 1.57-3.74 2.14 2.14 0 0 1 2.19 2.18 2.17 2.17 0 0 1-.62 1.56 2.35 2.35 0 0 1-3.12 0z'/%3E%3C/svg%3E"); } .mainnav a.menu-facturen::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%2300386E'%3E%3Cpath d='M25.74 0H10.41A2.42 2.42 0 0 0 8 2.43v27.14A2.42 2.42 0 0 0 10.41 32h19.18A2.42 2.42 0 0 0 32 29.57V6.3zm4.4 29.57a.43.43 0 0 1-.43.43H10.43a.43.43 0 0 1-.43-.43V2.43a.43.43 0 0 1 .43-.43H25l5.13 5.13zM23.86 3.14h2v3.29h3.28v2h-5.28zM0 26.86V4h2v22.86zm4 2.28V2h2v27.14z' fill-rule='evenodd'/%3E%3Cpath d='M22.48 25.8a1 1 0 0 0-1.27-.34 4.24 4.24 0 0 1-2.08.56 4.19 4.19 0 0 1-3.59-2.09h3.2a.93.93 0 0 0 0-1.86H15v-.19-1.19h3.74a.93.93 0 1 0 0-1.86h-3.21a4.06 4.06 0 0 1 3.6-2.09 4.2 4.2 0 0 1 2.08.55 1 1 0 0 0 1.27-.29 1 1 0 0 0 .09-.71 1 1 0 0 0-.43-.57 6 6 0 0 0-8.65 3.15h-.68a.93.93 0 0 0 0 1.86h.33v1.19a1.21 1.21 0 0 0 0 .19h-.33a.93.93 0 0 0 0 1.86h.68a6.06 6.06 0 0 0 5.64 3.95 6 6 0 0 0 3-.81.94.94 0 0 0 .34-1.27z'/%3E%3C/svg%3E"); } .mainnav li.open a.menu-facturen::before, .mainnav li:hover > a.menu-facturen::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23009FDF'%3E%3Cpath d='M25.74 0H10.41A2.42 2.42 0 0 0 8 2.43v27.14A2.42 2.42 0 0 0 10.41 32h19.18A2.42 2.42 0 0 0 32 29.57V6.3zm4.4 29.57a.43.43 0 0 1-.43.43H10.43a.43.43 0 0 1-.43-.43V2.43a.43.43 0 0 1 .43-.43H25l5.13 5.13zM23.86 3.14h2v3.29h3.28v2h-5.28zM0 26.86V4h2v22.86zm4 2.28V2h2v27.14z' fill-rule='evenodd'/%3E%3Cpath d='M22.48 25.8a1 1 0 0 0-1.27-.34 4.24 4.24 0 0 1-2.08.56 4.19 4.19 0 0 1-3.59-2.09h3.2a.93.93 0 0 0 0-1.86H15v-.19-1.19h3.74a.93.93 0 1 0 0-1.86h-3.21a4.06 4.06 0 0 1 3.6-2.09 4.2 4.2 0 0 1 2.08.55 1 1 0 0 0 1.27-.29 1 1 0 0 0 .09-.71 1 1 0 0 0-.43-.57 6 6 0 0 0-8.65 3.15h-.68a.93.93 0 0 0 0 1.86h.33v1.19a1.21 1.21 0 0 0 0 .19h-.33a.93.93 0 0 0 0 1.86h.68a6.06 6.06 0 0 0 5.64 3.95 6 6 0 0 0 3-.81.94.94 0 0 0 .34-1.27z'/%3E%3C/svg%3E"); } .mainnav a.menu-contracten::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%2300386E'%3E%3Cpath d='M25.74 0H10.41A2.42 2.42 0 0 0 8 2.43v27.14A2.42 2.42 0 0 0 10.41 32h19.18A2.42 2.42 0 0 0 32 29.57V6.3zm4.4 29.57a.43.43 0 0 1-.43.43H10.43a.43.43 0 0 1-.43-.43V2.43a.43.43 0 0 1 .43-.43H25l5.13 5.13zM23.86 3.14h2v3.29h3.28v2h-5.28zM0 26.86V4h2v22.86zm4 2.28V2h2v27.14z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .mainnav li.open a.menu-contracten::before, .mainnav li:hover > a.menu-contracten::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23009FDF'%3E%3Cpath d='M25.74 0H10.41A2.42 2.42 0 0 0 8 2.43v27.14A2.42 2.42 0 0 0 10.41 32h19.18A2.42 2.42 0 0 0 32 29.57V6.3zm4.4 29.57a.43.43 0 0 1-.43.43H10.43a.43.43 0 0 1-.43-.43V2.43a.43.43 0 0 1 .43-.43H25l5.13 5.13zM23.86 3.14h2v3.29h3.28v2h-5.28zM0 26.86V4h2v22.86zm4 2.28V2h2v27.14z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .mainnav a.menu-aanvragen::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 26.26' fill='%2300386E'%3E%3Cpath d='M1.94 12.88H0v-1.56l3.67-6.6h1.87v1.94h-.73l-2.87 5.16v1.06zM32 12.88h-1.94v-1.06l-2.87-5.16h-.74V4.72h1.88l3.67 6.6v1.56z'/%3E%3Cpath d='M32 26.26H0V11.91h9.87l2 2h8.34l2-2H32zM1.94 24.32h28.12V13.84h-7.12l-2 2H11l-2-2H1.94zM27.43 11.57h-1.94v-2.3H6.51v2.3H4.58V7.33h22.85v4.24zM25.46 6.99h-1.93V6H8.47v.99H6.54V4.06h18.92v2.93zM24.16 3.73h-1.94v-1H9.78v1H7.84V.8h16.32v2.93z'/%3E%3Cpath d='M18.61 22.34h-5.22a1.63 1.63 0 0 1-1.63-1.62v-3.59h8.48v3.59a1.63 1.63 0 0 1-1.63 1.62zM13.7 20.4h4.6v-1.33h-4.6z'/%3E%3C/svg%3E"); } .mainnav li.open a.menu-aanvragen::before, .mainnav li:hover > a.menu-aanvragen::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 26.26' fill='%23009FDF'%3E%3Cpath d='M1.94 12.88H0v-1.56l3.67-6.6h1.87v1.94h-.73l-2.87 5.16v1.06zM32 12.88h-1.94v-1.06l-2.87-5.16h-.74V4.72h1.88l3.67 6.6v1.56z'/%3E%3Cpath d='M32 26.26H0V11.91h9.87l2 2h8.34l2-2H32zM1.94 24.32h28.12V13.84h-7.12l-2 2H11l-2-2H1.94zM27.43 11.57h-1.94v-2.3H6.51v2.3H4.58V7.33h22.85v4.24zM25.46 6.99h-1.93V6H8.47v.99H6.54V4.06h18.92v2.93zM24.16 3.73h-1.94v-1H9.78v1H7.84V.8h16.32v2.93z'/%3E%3Cpath d='M18.61 22.34h-5.22a1.63 1.63 0 0 1-1.63-1.62v-3.59h8.48v3.59a1.63 1.63 0 0 1-1.63 1.62zM13.7 20.4h4.6v-1.33h-4.6z'/%3E%3C/svg%3E"); } .mainnav a.menu-reports::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 32' fill='%2300386E'%3E%3Cpath d='M32 10V6.09L25.81 0H9.61a2.44 2.44 0 0 0-2.44 2.43L7 6.09H2C.7 6.09 0 6.7 0 8v21a3.23 3.23 0 0 0 1 2.34A2.83 2.83 0 0 0 3 32h31a.9.9 0 0 0 1-.87V11a1 1 0 0 0-1-1zM9 3a1 1 0 0 1 1-1h15l5.15 5.15V10H21.8a1 1 0 0 0-.7.3l-2 1.7H9zM4.1 29a1 1 0 0 1-1 1.15 1 1 0 0 1-.75-.26A1.25 1.25 0 0 1 2 29V9.05c0-.7 0-1 .48-1H7v4.15h-.26c-1.34 0-2.64.55-2.64 1.89zM33 30.13H6.08V15c0-.82.38-1 .92-1h13c.27 0 .18.05.37-.14L22.22 12H33z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .mainnav li.open a.menu-reports::before, .mainnav li:hover > a.menu-reports::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 32' fill='%23009FDF'%3E%3Cpath d='M32 10V6.09L25.81 0H9.61a2.44 2.44 0 0 0-2.44 2.43L7 6.09H2C.7 6.09 0 6.7 0 8v21a3.23 3.23 0 0 0 1 2.34A2.83 2.83 0 0 0 3 32h31a.9.9 0 0 0 1-.87V11a1 1 0 0 0-1-1zM9 3a1 1 0 0 1 1-1h15l5.15 5.15V10H21.8a1 1 0 0 0-.7.3l-2 1.7H9zM4.1 29a1 1 0 0 1-1 1.15 1 1 0 0 1-.75-.26A1.25 1.25 0 0 1 2 29V9.05c0-.7 0-1 .48-1H7v4.15h-.26c-1.34 0-2.64.55-2.64 1.89zM33 30.13H6.08V15c0-.82.38-1 .92-1h13c.27 0 .18.05.37-.14L22.22 12H33z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .mainnav a.menu-faq::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.43 32.95' fill='%2300386E'%3E%3Cpath d='M13.86 24A3.15 3.15 0 1 1 17 20.86 3.15 3.15 0 0 1 13.86 24zm0-4.29A1.15 1.15 0 1 0 15 20.86a1.14 1.14 0 0 0-1.14-1.15z'/%3E%3Cpath d='M14.66 17.57h-2.15a1.78 1.78 0 0 1-1.79-1.72v-2.14c0-2 2-3.7 3.46-5 .35-.31.67-.59.91-.82a1.29 1.29 0 0 0 .37-1 1.24 1.24 0 0 0-1.88-.95 1.27 1.27 0 0 0-.59.91C13 7.49 12.93 9 11.09 9H8.94a1.75 1.75 0 0 1-1.3-.46A1.94 1.94 0 0 1 7.22 7v-.22a7 7 0 0 1 14-.35A6.86 6.86 0 0 1 19.15 12a14.06 14.06 0 0 1-1.12.9 7.54 7.54 0 0 0-1.75 1.59v1.35a1.64 1.64 0 0 1-1.62 1.73zm-1.94-2h1.57v-1.14c0-1.2 1.29-2.18 2.54-3.12a11 11 0 0 0 .94-.75 4.92 4.92 0 0 0 1.48-4A5.08 5.08 0 0 0 17 2.82a5 5 0 0 0-7.78 4V7H11v-.32a3.24 3.24 0 1 1 5.5 2.65c-.26.26-.61.57-1 .91-1 .91-2.78 2.43-2.78 3.47z'/%3E%3Cpath d='M8.15 33a1.64 1.64 0 0 1-.65-.13 1.71 1.71 0 0 1-1.07-1.59v-3.71H3.86A3.86 3.86 0 0 1 0 23.71v-10a3.86 3.86 0 0 1 3.86-3.86H6v2H3.86A1.86 1.86 0 0 0 2 13.71v10a1.86 1.86 0 0 0 1.86 1.86h3.57a1 1 0 0 1 1 1v3.95l4.49-4.64a1 1 0 0 1 .72-.31h10.93a1.86 1.86 0 0 0 1.86-1.86v-10a1.86 1.86 0 0 0-1.86-1.86h-2.14v-2h2.14a3.86 3.86 0 0 1 3.86 3.86v10a3.86 3.86 0 0 1-3.86 3.86h-10.5l-4.69 4.85a1.69 1.69 0 0 1-1.23.58z'/%3E%3C/svg%3E"); } .mainnav li.open a.menu-faq::before, .mainnav li:hover > a.menu-faq::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.43 32.95' fill='%23009FDF'%3E%3Cpath d='M13.86 24A3.15 3.15 0 1 1 17 20.86 3.15 3.15 0 0 1 13.86 24zm0-4.29A1.15 1.15 0 1 0 15 20.86a1.14 1.14 0 0 0-1.14-1.15z'/%3E%3Cpath d='M14.66 17.57h-2.15a1.78 1.78 0 0 1-1.79-1.72v-2.14c0-2 2-3.7 3.46-5 .35-.31.67-.59.91-.82a1.29 1.29 0 0 0 .37-1 1.24 1.24 0 0 0-1.88-.95 1.27 1.27 0 0 0-.59.91C13 7.49 12.93 9 11.09 9H8.94a1.75 1.75 0 0 1-1.3-.46A1.94 1.94 0 0 1 7.22 7v-.22a7 7 0 0 1 14-.35A6.86 6.86 0 0 1 19.15 12a14.06 14.06 0 0 1-1.12.9 7.54 7.54 0 0 0-1.75 1.59v1.35a1.64 1.64 0 0 1-1.62 1.73zm-1.94-2h1.57v-1.14c0-1.2 1.29-2.18 2.54-3.12a11 11 0 0 0 .94-.75 4.92 4.92 0 0 0 1.48-4A5.08 5.08 0 0 0 17 2.82a5 5 0 0 0-7.78 4V7H11v-.32a3.24 3.24 0 1 1 5.5 2.65c-.26.26-.61.57-1 .91-1 .91-2.78 2.43-2.78 3.47z'/%3E%3Cpath d='M8.15 33a1.64 1.64 0 0 1-.65-.13 1.71 1.71 0 0 1-1.07-1.59v-3.71H3.86A3.86 3.86 0 0 1 0 23.71v-10a3.86 3.86 0 0 1 3.86-3.86H6v2H3.86A1.86 1.86 0 0 0 2 13.71v10a1.86 1.86 0 0 0 1.86 1.86h3.57a1 1 0 0 1 1 1v3.95l4.49-4.64a1 1 0 0 1 .72-.31h10.93a1.86 1.86 0 0 0 1.86-1.86v-10a1.86 1.86 0 0 0-1.86-1.86h-2.14v-2h2.14a3.86 3.86 0 0 1 3.86 3.86v10a3.86 3.86 0 0 1-3.86 3.86h-10.5l-4.69 4.85a1.69 1.69 0 0 1-1.23.58z'/%3E%3C/svg%3E"); } .mainnav a.menu-contact::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 29' fill='%2300386E'%3E%3Cpath d='M29.34 0H8.21a1.65 1.65 0 0 0-1.66 1.6v4.5l-.28-.4a1.86 1.86 0 0 0-2.52-.56l-2 1.17A3.23 3.23 0 0 0 .26 8.23c-.75 2.69-.22 7.3 6.58 14C11.39 26.69 15.51 29 19.1 29a7.49 7.49 0 0 0 1.94-.26 3.25 3.25 0 0 0 2-1.47l1.19-2a1.82 1.82 0 0 0-.56-2.48l-4.77-3.12a1.91 1.91 0 0 0-2.52.4L15 21.83a.11.11 0 0 1-.13 0l-.27-.15a15.58 15.58 0 0 1-4-3.12h18.74A1.65 1.65 0 0 0 31 16.93V1.59A1.65 1.65 0 0 0 29.34 0zM14 23.37a1.89 1.89 0 0 0 2.39-.48l1.38-1.75a.11.11 0 0 1 .15 0l4.76 3.13a.11.11 0 0 1 0 .14l-1.2 2a1.52 1.52 0 0 1-.9.69c-2.28.62-6.31.07-12.52-6S1.33 10.94 2 8.69a1.53 1.53 0 0 1 .71-.89l2-1.17a.11.11 0 0 1 .09 0L8 11.34a.1.1 0 0 1 0 .14l-1.83 1.36a1.82 1.82 0 0 0-.49 2.35l.14.25a16.9 16.9 0 0 0 3.48 4.37 17 17 0 0 0 4.44 3.42l.19-.32-.19.33zM8.21 1.7zm-1 12.65a.1.1 0 0 1 0-.13L9 12.85a1.85 1.85 0 0 0 .41-2.47L8.31 8.7v-7h20.93v15.13H8.89a13 13 0 0 1-1.52-2.22zm22-12.75z'/%3E%3Cpath d='M18.77 10.4A2.11 2.11 0 0 0 20 10l8.43-6.29a.85.85 0 0 0 .34-.57.86.86 0 0 0-.17-.64.9.9 0 0 0-1.24-.17L19 8.61a.3.3 0 0 1-.35 0l-8.47-6.28a.9.9 0 0 0-1.24.17.85.85 0 0 0 .17 1.21L17.54 10a2.08 2.08 0 0 0 1.23.4zM9.67 16.39a.86.86 0 0 0 .65-.28l5.18-5.46a.85.85 0 0 0-.08-1.18.89.89 0 0 0-1.21 0L9 14.93a.85.85 0 0 0-.24.62.89.89 0 0 0 .28.61.92.92 0 0 0 .63.23zM23.39 9.49a.89.89 0 0 0-1.25 0 .85.85 0 0 0-.05 1.22l5.17 5.44a.89.89 0 0 0 .61.28.91.91 0 0 0 .61-.23.86.86 0 0 0 0-1.23z'/%3E%3C/svg%3E"); } .mainnav li.open a.menu-contact::before, .mainnav li:hover > a.menu-contact::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 29' fill='%23009FDF'%3E%3Cpath d='M29.34 0H8.21a1.65 1.65 0 0 0-1.66 1.6v4.5l-.28-.4a1.86 1.86 0 0 0-2.52-.56l-2 1.17A3.23 3.23 0 0 0 .26 8.23c-.75 2.69-.22 7.3 6.58 14C11.39 26.69 15.51 29 19.1 29a7.49 7.49 0 0 0 1.94-.26 3.25 3.25 0 0 0 2-1.47l1.19-2a1.82 1.82 0 0 0-.56-2.48l-4.77-3.12a1.91 1.91 0 0 0-2.52.4L15 21.83a.11.11 0 0 1-.13 0l-.27-.15a15.58 15.58 0 0 1-4-3.12h18.74A1.65 1.65 0 0 0 31 16.93V1.59A1.65 1.65 0 0 0 29.34 0zM14 23.37a1.89 1.89 0 0 0 2.39-.48l1.38-1.75a.11.11 0 0 1 .15 0l4.76 3.13a.11.11 0 0 1 0 .14l-1.2 2a1.52 1.52 0 0 1-.9.69c-2.28.62-6.31.07-12.52-6S1.33 10.94 2 8.69a1.53 1.53 0 0 1 .71-.89l2-1.17a.11.11 0 0 1 .09 0L8 11.34a.1.1 0 0 1 0 .14l-1.83 1.36a1.82 1.82 0 0 0-.49 2.35l.14.25a16.9 16.9 0 0 0 3.48 4.37 17 17 0 0 0 4.44 3.42l.19-.32-.19.33zM8.21 1.7zm-1 12.65a.1.1 0 0 1 0-.13L9 12.85a1.85 1.85 0 0 0 .41-2.47L8.31 8.7v-7h20.93v15.13H8.89a13 13 0 0 1-1.52-2.22zm22-12.75z'/%3E%3Cpath d='M18.77 10.4A2.11 2.11 0 0 0 20 10l8.43-6.29a.85.85 0 0 0 .34-.57.86.86 0 0 0-.17-.64.9.9 0 0 0-1.24-.17L19 8.61a.3.3 0 0 1-.35 0l-8.47-6.28a.9.9 0 0 0-1.24.17.85.85 0 0 0 .17 1.21L17.54 10a2.08 2.08 0 0 0 1.23.4zM9.67 16.39a.86.86 0 0 0 .65-.28l5.18-5.46a.85.85 0 0 0-.08-1.18.89.89 0 0 0-1.21 0L9 14.93a.85.85 0 0 0-.24.62.89.89 0 0 0 .28.61.92.92 0 0 0 .63.23zM23.39 9.49a.89.89 0 0 0-1.25 0 .85.85 0 0 0-.05 1.22l5.17 5.44a.89.89 0 0 0 .61.28.91.91 0 0 0 .61-.23.86.86 0 0 0 0-1.23z'/%3E%3C/svg%3E"); } .mainnav > li.open > a::after { content: ''; position: absolute; top: 12px; bottom: 12px; left: 0; width: 5px; background: #009FDF; } @media (max-width: 1200px) { .mainnav a::before { width: 50px; height: 50px; background-size: 26px 26px; } .mainnav li.open > a::after { width: 3px; } } .hassubs > ul { display: none;} .hassubs:hover > ul { display: block; position: fixed; top: 0; left: 0; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); } .hassubs:hover > ul::before { content: ''; position: absolute; z-index: 0; width: 20px; height: 20px; -webkit-transform: translate(-8px, 15px) rotate(.125turn); transform: translate(-8px, 15px) rotate(.125turn); background: white; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);} .hassubs:hover > ul > li { display: block; position: relative; background: white; } .hassubs:hover > ul > li > a { min-width: 250px; padding: 0 20px; color: #00386E; } .hassubs:hover > ul > li > a::before { height: 50px; } .hassubs:hover > ul > li:not(:last-child) > a { border-bottom: 1px solid #C6DBEE; } .hassubs:hover > ul > li > a::before { width: 0; margin: 0; } .hassubs:hover > ul > li > a:hover { background: #F9FAFD; } /* Grid (old school) */ .col-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .col-wrapper--align-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .col-wrapper--space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .col-wrapper--nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .col-wrapper--no-margin-bottom .col { margin-bottom: 0; } .col-wrapper--dont-grow-childs .col { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .col { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 10px 20px; } .col--end { margin-left: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .col--start { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .col--100 { width: 100%; } .col--66 { width: calc(66.666% - 20px); } .col--50, .col-wrapper--2col > .col, .col-wrapper.grid-2 > .col { width: calc(50% - 20px); } .col--33, .col-wrapper--3col > .col, .col-wrapper.grid-3 > .col { width: calc(33.333% - 20px); } .col--25, .col-wrapper--4col > .col, .col-wrapper.grid-4 > .col { width: calc(25% - 20px); } .col > .card { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 1500px) { .col--33, .col-wrapper--3col > .col, .col-wrapper.grid-3 > .col, .col--25, .col-wrapper--4col > .col, .col-wrapper.grid-4 > .col { width: calc(50% - 20px); } } /* Headerwrapper -> for aligning buttons tot the right of the header */ .headerwrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: calc(2 * 20px); } .headerwrapper .button { margin-left: 10px; } .headerwrapper .back { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin: 0 20px 0 0; } .headerwrapper h1 { margin-right: auto; margin-bottom: 0; } .headerwrapper form { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .headerwrapper form label { margin-right: 10px; } /** Foldouts */ .foldout { position: relative; } .foldout__trigger { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .foldout__trigger::after { content: ''; display: block; width: 10px; height: 10px; margin-left: 10px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.17' fill='%23009FDF'%3E%3Cpath fill-rule='evenodd' d='M1.17 0L5 3.83 8.83 0 10 1.17l-5 5-5-5L1.17 0z'/%3E%3C/svg%3E") no-repeat center / contain; } .foldout__trigger:hover::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.17' fill='%238CCFEF'%3E%3Cpath fill-rule='evenodd' d='M1.17 0L5 3.83 8.83 0 10 1.17l-5 5-5-5L1.17 0z'/%3E%3C/svg%3E"); } .foldout__items { display: none; position: absolute; z-index: 1; right: 0; background: white; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); } .foldout__items--open { display: block; } .foldout__item { display: block; padding: 10px 20px; white-space: nowrap; } .logo { margin-top: 6px; } .button, .button-cta, .button-link, .button-icon:not(tums-button-icon), input.submit, .btn-cancel, .search-form__back-button { display: inline-block; padding: 10px 20px; border: 2px solid currentColor; border-radius: 50px; text-decoration: none; white-space: nowrap; -webkit-transition: all .18s ease; transition: all .18s ease; cursor: pointer; } .button:active, .button-cta:active, .button-link:active, .button-icon:not(tums-button-icon):active, input.submit:active, .btn-cancel:active, .search-form__back-button:active { -webkit-transform: scale(.95); transform: scale(.95); } .button:focus, .button-cta:focus, .button-link:focus, .button-icon:not(tums-button-icon):focus, input.submit:focus, .btn-cancel:focus, .search-form__back-button:focus { outline: none; } /* simple bordered button */ .button { background: white; color: #009FDF; } .button:hover, .button:focus { color: #8CCFEF; } /* full-primary-color button */ .button-cta, input.submit { background: #F18A00; border-color: #F18A00; color: white; } .button-cta:hover, .button-cta:focus, input.submit:hover, input.submit:focus { background: #ffa024; border-color: #ffa024; color: white; } /* text-only button: looks like a simple link */ .button-link, .btn-cancel { background: transparent; border-color: transparent; color: #009FDF; text-decoration: underline; } .button-link:hover, .button-link:focus, .btn-cancel:hover, .btn-cancel:focus { color: #8CCFEF; } /* icon buttons */ .button-icon:not(tums-button-icon) { -ms-flex-negative: 0; flex-shrink: 0; padding: 0; height: 40px; width: 40px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.17 10' fill='%23009FDF'%3E%3Cpath fill-rule='evenodd' d='M6.17 1.17L2.33 5l3.84 3.83L5 10 0 5l5-5 1.17 1.17z'/%3E%3C/svg%3E") no-repeat 45% 50% / 9px; color: #009FDF; -webkit-transition: none; transition: none; } .button-icon:not(tums-button-icon):hover { color: #8CCFEF; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.17 10' fill='%238CCFEF'%3E%3Cpath fill-rule='evenodd' d='M6.17 1.17L2.33 5l3.84 3.83L5 10 0 5l5-5 1.17 1.17z'/%3E%3C/svg%3E"); } .button-icon:not(tums-button-icon).button-icon--print { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 19' fill='%23009FDF'%3E%3Cpath d='M24 8a3 3 0 0 0-3-3h-2V0H6v5H3a3 3 0 0 0-3 3v7h6v4h13v-4h5zM8 2h9v3H8zm9 15H8v-2h9zm5-4H2V8a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1z' fill-rule='evenodd'/%3E%3Cpath d='M4 9h2v1H4z'/%3E%3C/svg%3E"); background-size: 20px; } .button-icon:not(tums-button-icon).button-icon--print:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 19' fill='%238CCFEF'%3E%3Cpath d='M24 8a3 3 0 0 0-3-3h-2V0H6v5H3a3 3 0 0 0-3 3v7h6v4h13v-4h5zM8 2h9v3H8zm9 15H8v-2h9zm5-4H2V8a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1z' fill-rule='evenodd'/%3E%3Cpath d='M4 9h2v1H4z'/%3E%3C/svg%3E"); } /* form buttons */ /* contextual buttons */ .button.bag-viewer::before { content: ''; display: inline-block; width: 15px; height: 16px; vertical-align: middle; margin-right: 8px; background: url('../../../../../image/logo-kadaster.png') center center / cover no-repeat; } /* Base form element styling */ [type=text], [type=email], [type=number], [type=password], [type=search], [type=url], [type=tel], [type=date], select, textarea { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 40px; padding: 8px 10px; border: 1px solid #C6DBEE; border-radius: 0; white-space: normal; background: white; } [type=text]:focus, [type=email]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=url]:focus, [type=tel]:focus, [type=date]:focus, select:focus, textarea:focus { outline: none; border-color: #78909C; } [type=text]:disabled, [type=email]:disabled, [type=number]:disabled, [type=password]:disabled, [type=search]:disabled, [type=url]:disabled, [type=tel]:disabled, [type=date]:disabled, select:disabled, textarea:disabled { color: rgba(24, 24, 24, 0.35); cursor: default; border-color: rgba(198, 219, 238, 0.75); } /* Textarea */ textarea { white-space: pre-wrap; min-height: 5em; max-height: 15em; resize: vertical; -webkit-transition: min-height .2s ease; transition: min-height .2s ease; } /* Select */ select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 25px; white-space: nowrap; /* no background shorthand to support ie11 */ background-color: white; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='%23009FDF'%3E%3Cpath class='cls-1' d='M8.83 0L5 3.73 1.17 0 0 1.14 5 6l5-4.86L8.83 0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: calc(100% - 10px) 50%; background-size: 12px 12px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { select::-ms-expand { display: none; } } /* Placeholder */ ::-webkit-input-placeholder { color: gray; } ::-ms-input-placeholder { color: gray; } ::placeholder { color: gray; } /* Radios */ [type=radio], [type=checkbox] { position: relative; display: block; z-index: -1; width: 1px; height: 1px; opacity: 0; } [type=radio] + label, [type=checkbox] + label { position: relative; display: block; padding-left: 30px; font-weight: normal; cursor: pointer; margin-bottom: 5px; } [type=radio] + label::after, [type=checkbox] + label::after { content: ''; position: absolute; top: 2px; left: 4px; width: 10px; height: 10px; border-radius: 100%; } [type=radio] + label::before, [type=checkbox] + label::before { content: ''; position: absolute; top: -3px; left: -1px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 7px; width: 20px; height: 20px; border-radius: 100%; background: white; border: 1px solid #C6DBEE; } [type=radio]:focus + label::before, [type=checkbox]:focus + label::before { border-color: #78909C; } [type=radio]:checked + label::after, [type=checkbox]:checked + label::after { background-color: #009FDF; } [type=radio]:disabled + label, [type=checkbox]:disabled + label { cursor: default; color: rgba(24, 24, 24, 0.35); } [type=radio]:disabled + label::before, [type=checkbox]:disabled + label::before { border-color: rgba(198, 219, 238, 0.75); } [type=radio]:disabled:checked + label::after, [type=checkbox]:disabled:checked + label::after { background-color: rgba(24, 24, 24, 0.35); } /* Checkboxes */ [type=checkbox] + label::before { border-radius: 0; } [type=checkbox] + label::after { width: 14px; height: 14px; top: 1px; left: 3px; border-radius: 0; background: transparent no-repeat center center / 12px 12px; } [type=checkbox]:checked + label::after { background-color: transparent; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 400' xmlns='http://www.w3.org/2000/svg' fill='%23009FDF'%3E%3Cpath d='M432 0L192 240 80 128 0 208l192 192L512 80z'/%3E%3C/svg%3E"); } [type=checkbox]:disabled:checked + label::after { background-color: transparent; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 400' xmlns='http://www.w3.org/2000/svg' fill='%23C6DBEE'%3E%3Cpath d='M432 0L192 240 80 128 0 208l192 192L512 80z'/%3E%3C/svg%3E"); } /* * Formbuilder */ .fbForm { max-width: 1000px; } .fbElement { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } .fbElement > .labelwrapper { width: 40%; padding-top: 14px; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #00386E; } .fbElement > .inputwrapper { width: 60%; } .fbElement > label.error { margin-left: auto; margin-top: .5em; padding-left: 11px; width: 60%; color: red; } /* hide step titles on forms with breadcrumbs */ .fbForm--has-breadcrumbs .fbFormStep h2 { display: none; } /* make formstep wullwidth */ .fbForm--fullwidth { max-width: none; } .fbForm--fullwidth .form-breadcrumbs { max-width: 1000px; } /* * Common errors */ .error, .resultError { color: red; } select.error, input.error, textarea.error { color: inherit; } /* formbuilder checkboxes */ .fbCheckbox > label, .fbRadio > label { margin-left: 40%; } /* formbuolder fbRadioButtons */ .fbRadioButtons { padding-top: 5px; } .fbRadioButtons .fbElement:last-child { margin-bottom: 0; } .fbRadioButtons .fbElement > label { margin-left: 0; } .fbRadioContainerTitle { margin: -9px 0 0 0; } /* fbAdvancedDateInpitbInline */ .advanced-date-input { display: -webkit-box; display: -ms-flexbox; display: flex; } .advanced-date-input select { margin-right: 5px; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .advanced-date-input input { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding-right: 32px; background: white url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 33.95' fill='%2300386E'%3E%3Cpath d='M17.35 14.5h-5.29V9.21h5.29zm0 1.28h-5.29v5.29h5.29zm-6.58 0H5.48v5.29h5.29zm13.17 0h-5.29v5.29h5.29zm1.29 5.29h5.29v-5.29h-5.29zm-14.46 1.28H5.48v5.29h5.29zm1.29 5.29h5.29v-5.29h-5.29zm6.59 0h5.29v-5.29h-5.29zm5.29-18.43h-5.29v5.29h5.29zm6.58 0h-5.29v5.29h5.29zm-4-6.31H21v2h5.46zm4 2V0h-2v7h2zM19 4.9V0h-2v7h2zm13.49-1.75v2.16A3 3 0 0 1 34 7.9V29a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7.9a3 3 0 0 1 1.57-2.62V3.13A5 5 0 0 0 0 7.9V29a5 5 0 0 0 5 5h26a5 5 0 0 0 5-5V7.9a5 5 0 0 0-3.51-4.75zM7.57 4.9V0h-2v7h2zm7.43-2H9.57v2H15z'/%3E%3C/svg%3E") top 50% right 8px / 22px 22px no-repeat; } /* form box - white box in which a form can be renedered */ .fbFormStep { padding: calc(2 * 20px); border: 1px solid #C6DBEE; background: white; border-radius: 5px; } .fbFormStep .fbContainer .fbContainerTitle { margin-top: 0; } .fbFormStep .fbContainer:not(:first-of-type) .fbContainerTitle { margin-top: 2em; padding-top: 2em; border-top: 1px solid #C6DBEE; } .fbFormStep--empty { display: none; } .fbForm--no-form-box .fbFormStep { padding: 0; border: none; } /* form grid */ .fbContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fbContainer.fieldblock { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fbContainer > .fbContainerTitle, .fbContainer > .warningbox { width: 100%; } .fbContainer > .fbElement { width: 100%; } .fbContainer.fieldblock > .fbElement { width: calc(50% - 20px); } .fbContainer > .fbElement--1col, .fbContainer.fieldblock > .fbElement--1col { width: 100%; } .fbContainer > .fbElement--1col > .inputwrapper { width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .fbContainer > .fbElement--1col > .labelwrapper { width: calc((50% - 20px) * .4); } /* fbContainer that holds two fbElements that are placed inline if on a big screen (used in class.AanvraagMeterMutatieForm.php) */ @media (min-width: 1024px) { .fbContainer--label-input-input { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .fbContainer--label-input-input .inputwrapper { width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .fbContainer--label-input-input .fbElement:nth-child(1) { width: 70%; } .fbContainer--label-input-input .fbElement:nth-child(1) .labelwrapper { width: calc(100% / 7 * 4); } .fbContainer--label-input-input .fbElement:nth-child(1) .inputwrapper { padding-right: 5px; } .fbContainer--label-input-input .fbElement:nth-child(2) { width: 30%; } .fbContainer--label-input-input .fbElement:nth-child(2) .labelwrapper { display: none; } .fbContainer--label-input-input .fbElement:nth-child(2) .inputwrapper { padding-left: 5px; } } /* fbFileupload */ .fbFileUpload > .labelwrapper { padding-top: 4px; } /* form table -> based on the table setup of all forms */ .form-table { display: block; } .form-table tbody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form-table tr { display: -webkit-box; display: -ms-flexbox; display: flex; } .form-table tr:not(:last-child) { margin-bottom: 10px; } .form-table th { -ms-flex-negative: 0; flex-shrink: 0; width: 35%; margin-right: 10px; padding: 12px 0 0; font-weight: normal; color: #00386E; text-align: left; overflow: hidden; text-overflow: ellipsis; } .form-table td { width: 65%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0; } .form-table td.radiopadding { padding-top: 12px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* flex on table-rows does not work in ie :( */ .form-table tr { display: block; } .form-table th { float: left; margin-bottom: 10px; margin-right: 0; padding-right: 10px; } .form-table td { float: right; margin-bottom: 10px; } } /* form buttons (navigation) */ .form-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; margin-bottom: 0; } .form-buttons__note { margin-right: auto; } .form-buttons [class^="button"]:not(:last-child) { margin-right: 10px; } .form-buttons > :first-child:not(.form-buttons__note) { margin-left: auto; } .form-buttons > .fbElement { margin: 0; width: auto; } .form-buttons > .fbElement > .labelwrapper { display: none; } .form-buttons > .fbElement > .inputwrapper { width: auto; } .form-buttons--border-top { border-top: 1px solid #C6DBEE; padding-top: 20px; } .form-buttons--justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* form buttons add (add items to list) */ .form-buttons-add { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; margin-bottom: 0; } .form-buttons-add .fbButton { margin-right: 10px; margin-bottom: 0; } .form-buttons-add .fbButton .labelwrapper { display: none; } /* status lists */ .status-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .status-list__title { margin: 0 20px 0 0; padding-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #00386E; } .status-list__title p { margin: 0 10px 0 0; } .status-list__choices { padding-top: 10px; } .status-list__choices img { -ms-flex-item-align: start; align-self: flex-start; margin-right: 10px; } /* form steps */ .form-breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin: calc(2*20px) 0; counter-reset: step-counter; } .form-breadcrumbs li { counter-increment: step-counter; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #78909C; } .form-breadcrumbs li::before { content: counter(step-counter); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; align-self: center; width: 45px; height: 45px; border-radius: 45px; border: 3px solid #78909C; background: white; font-size: 20px; } .form-breadcrumbs li span { position: relative; padding-top: 20px; text-transform: uppercase; letter-spacing: .5px; font-size: 12px; font-weight: 500; text-align: center; } .form-breadcrumbs li span::before, .form-breadcrumbs li span::after { content: ''; position: absolute; top: -24px; height: 5px; background: #78909C; } .form-breadcrumbs li span::before { left: 0; right: calc(50% + 40px); } .form-breadcrumbs li span::after { left: calc(50% + 40px); right: 0; } .form-breadcrumbs li:first-child span::before, .form-breadcrumbs li:last-child span::after { content: none; } .form-breadcrumbs li.active { color: #009FDF; } .form-breadcrumbs li.active::before { background-color: #009FDF; color: white; border-color: #009FDF; } /* Search forms (headers) */ .search-form .col-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .search-form .col-wrapper .col { width: calc(33.333% - 30px); margin-bottom: 0; } .search-form .col-wrapper .col:not(:last-child) { padding-right: 15px; } @media (max-width: 1200px) { .search-form .col-wrapper .col { width: calc(33.333% - 10px); margin-left: 5px; margin-right: 5px; } } .search-form__back-button { position: fixed; top: 110px; left: 50%; margin-left: -120px; color: #00386E; border-color: #00386E; z-index: 1; } .search-form__back-button::before { content: ''; display: inline-block; width: 15px; height: 8px; margin-right: 8px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.17' fill='%2300386E'%3E%3Cpath fill-rule='evenodd' d='M8.83 6.17L5 2.33 1.17 6.17 0 5l5-5 5 5-1.17 1.17z'/%3E%3C/svg%3E") center center / contain no-repeat; } .search-form__inputs-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .search-form__inputs-row input[type=text] { width: calc(33.333% - 6px); } .rapportage-content .search-form { margin-top: 0; padding-top: 20px; padding-bottom: 20px; } .rapportage-content .search-form .col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 10px; width: calc(25% - 20px); } .rapportage-content .search-form .radiogroup, .rapportage-content .search-form .checkboxes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 5px; } .search-form__label, .rapportage-content .search-form .radio, .rapportage-content .search-form .checkbox { margin-bottom: calc(20px / 2.5); } /* Stored procedure report filters */ .stored-procedure-report-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px -20px; } .stored-procedure-report-filters__filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(50% - 20px); margin: 0 10px 20px; } .stored-procedure-report-filters__filter label { width: 45%; } .stored-procedure-report-filters__filter label + * { width: 55%; } /* Fieldblocks - zebra striped blocks */ .fieldblock { padding: 20px; margin-bottom: 20px; border-radius: 5px; background: white; border: 1px solid #C6DBEE; } .fieldblock.even { background: #F9FAFD; } .fieldblock:last-of-type { margin-bottom: 0; } .fieldblock__header { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .fieldblock__title { margin: 0; } /** Groupcheckboxstylifier on registration page */ .idf-register .fbElement--checkboxgroup { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .idf-register .fbElement--checkboxgroup .fbCheckboxContainerTitle { margin: 0; } .idf-register .fbElement--checkboxgroup .fbCheckboxes { padding-top: 15px; } .idf-register .fbElement--checkboxgroup .fbCheckbox > label { margin-left: 0; } .search-results { margin: 0 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search-results__amount { margin: 0 20px 0 0; white-space: nowrap; } .search-results__download { margin-right: 20px; white-space: nowrap; } .search-results__paging { margin-left: auto; margin-right: 20px; } .search-results__history-button { margin-left: 20px; } .search-results--footer { margin-top: 20px; } .search-results--footer .search-results__paging { margin-right: 0; } /* table controls */ .table-controls { display: -webkit-box; display: -ms-flexbox; display: flex; } .table-controls > * { margin-left: 20px; } .table-controls > :first-child { margin-left: auto; } /* paging */ .paging { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .paging ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .paging ul a { display: block; height: 40px; line-height: 40px; min-width: 40px; margin-left: -1px; border: 1px solid #C6DBEE; background: white; color: #181818; text-align: center; } .paging ul :not(.active) a:hover { background-color: rgba(198, 219, 238, 0.3); color: currentColor; } .paging ul .active a { color: #009FDF; } .paging ul .prev a { margin-right: 15px; } .paging ul .next a { margin-left: 15px; } .paging ul .first a, .paging ul .prev a, .paging ul .next a, .paging ul .last a { background: white no-repeat center center / 10px 10px; } .paging ul .first a:hover, .paging ul .prev a:hover, .paging ul .next a:hover, .paging ul .last a:hover { background-color: rgba(198, 219, 238, 0.3); } .paging ul .first a { display: none; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.17 10' fill='%23181818'%3E%3Cpath fill-rule='evenodd' d='M6.17 1.17L2.33 5l3.84 3.83L5 10 0 5l5-5 1.17 1.17z'/%3E%3C/svg%3E"); } .paging ul .prev a { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.17 10' fill='%23181818'%3E%3Cpath fill-rule='evenodd' d='M6.17 1.17L2.33 5l3.84 3.83L5 10 0 5l5-5 1.17 1.17z'/%3E%3C/svg%3E"); } .paging ul .next a { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.17 10' fill='%23181818'%3E%3Cpath fill-rule='evenodd' d='M0 1.17L3.83 5 0 8.83 1.17 10l5-5-5-5L0 1.17z'/%3E%3C/svg%3E"); } .paging ul .last a { display: none; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.17 10' fill='%23181818'%3E%3Cpath fill-rule='evenodd' d='M0 1.17L3.83 5 0 8.83 1.17 10l5-5-5-5L0 1.17z'/%3E%3C/svg%3E"); } /* main table */ .main-table, .list table, .list table.producten-result, .reports__result-box table { font-size: 12px; } .main-table th, .list table th, .list table.producten-result th, .reports__result-box table th { padding: 10px 5px; text-align: left; background: #00386E; color: white; text-transform: uppercase; } .main-table th a, .list table th a, .list table.producten-result th a, .reports__result-box table th a { color: white; } .main-table td, .list table td, .list table.producten-result td, .reports__result-box table td { padding: 10px 5px; vertical-align: top; border-bottom: 1px solid #C6DBEE; font-weight: normal; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .main-table td.center, .list table td.center, .list table.producten-result td.center, .reports__result-box table td.center { text-align: center; } .main-table tr:nth-child(even) td, .list table tr:nth-child(even) td, .list table.producten-result tr:nth-child(even) td, .reports__result-box table tr:nth-child(even) td { background: #F9FAFD; } .main-table tr:nth-child(odd) td, .list table tr:nth-child(odd) td, .list table.producten-result tr:nth-child(odd) td, .reports__result-box table tr:nth-child(odd) td { background: white; } .main-table td:first-child, .list table td:first-child, .list table.producten-result td:first-child, .reports__result-box table td:first-child { border-left: 1px solid #C6DBEE; } .main-table td:last-child, .list table td:last-child, .list table.producten-result td:last-child, .reports__result-box table td:last-child { border-right: 1px solid #C6DBEE; } .main-table th:last-child, .list table th:last-child, .list table.producten-result th:last-child, .reports__result-box table th:last-child { border-right: 1px solid #00386E; } .main-table tr:hover td, .list table tr:hover td, .list table.producten-result tr:hover td, .reports__result-box table tr:hover td { background: rgba(198, 219, 238, 0.3); } .main-table td.rood, .main-table tr.rood td, .list table td.rood, .list table.producten-result td.rood, .list table tr.rood td, .list table.producten-result tr.rood td, .reports__result-box table td.rood, .reports__result-box table tr.rood td { background: #ffb5b2 !important; } .main-table td.geel, .main-table tr.geel td, .list table td.geel, .list table.producten-result td.geel, .list table tr.geel td, .list table.producten-result tr.geel td, .reports__result-box table td.geel, .reports__result-box table tr.geel td { background: #fcf8e3 !important; } .main-table td.oranje, .main-table tr.oranje td, .list table td.oranje, .list table.producten-result td.oranje, .list table tr.oranje td, .list table.producten-result tr.oranje td, .reports__result-box table td.oranje, .reports__result-box table tr.oranje td { background: #ffd6a2 !important; } .main-table td.groen, .main-table tr.groen td, .list table td.groen, .list table.producten-result td.groen, .list table tr.groen td, .list table.producten-result tr.groen td, .reports__result-box table td.groen, .reports__result-box table tr.groen td { background: #dff0d8 !important; } .main-table td.lichtgrijs, .main-table tr.lichtgrijs td, .list table td.lichtgrijs, .list table.producten-result td.lichtgrijs, .list table tr.lichtgrijs td, .list table.producten-result tr.lichtgrijs td, .reports__result-box table td.lichtgrijs, .reports__result-box table tr.lichtgrijs td { background: #e7e7e7 !important; } .main-table .nowrap, .list table .nowrap, .list table.producten-result .nowrap, .reports__result-box table .nowrap { white-space: nowrap; } .main-table .center, .list table .center, .list table.producten-result .center, .reports__result-box table .center { text-align: center; } .main-table .price, .list table .price, .list table.producten-result .price, .reports__result-box table .price { text-align: right; white-space: nowrap; } .main-table .totals-footer tr td, .main-table .totals-footer tr th, .list table .totals-footer tr td, .list table.producten-result .totals-footer tr td, .list table .totals-footer tr th, .list table.producten-result .totals-footer tr th, .reports__result-box table .totals-footer tr td, .reports__result-box table .totals-footer tr th { padding-bottom: 0; vertical-align: baseline; background: transparent; border-bottom: none; border-right: none; color: #181818; white-space: nowrap; text-align: right; } .main-table .totals-footer tr th, .list table .totals-footer tr th, .list table.producten-result .totals-footer tr th, .reports__result-box table .totals-footer tr th { font-weight: normal; text-transform: none; } .main-table .totals-footer span.total, .list table .totals-footer span.total, .list table.producten-result .totals-footer span.total, .reports__result-box table .totals-footer span.total { position: relative; padding-left: 1em; font-weight: 700; font-size: 16px; } .main-table .totals-footer span.total::before, .list table .totals-footer span.total::before, .list table.producten-result .totals-footer span.total::before, .reports__result-box table .totals-footer span.total::before { content: ''; position: absolute; top: -12px; left: -5px; right: -5px; height: 4px; background: #C6DBEE; } .main-table--no-wrap th, .main-table--no-wrap td { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; max-width: 0; padding: 10px 5px; } /* max-width none forces ellipsis */ /* * Specific row/table-cell styling */ .meterregister-table__ean { white-space: nowrap; } /* * Table headers */ .list th > a::after { display: inline-block; height: 8px; width: 8px; margin-left: 5px; } .list th.asc > a::after { content: ''; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='%23ffffff'%3E%3Cpath class='cls-1' d='M8.83 0L5 3.73 1.17 0 0 1.14 5 6l5-4.86L8.83 0z'/%3E%3C/svg%3E") no-repeat 50% 50% / 14px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .list th.desc > a::after { content: ''; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='%23ffffff'%3E%3Cpath class='cls-1' d='M8.83 0L5 3.73 1.17 0 0 1.14 5 6l5-4.86L8.83 0z'/%3E%3C/svg%3E") no-repeat 50% 50% / 14px; } /* Definition-list like table */ table.dl-like-table, table.pretty, .aanvraag .result-box table { width: 100%; } table.dl-like-table th, table.pretty th, table.dl-like-table td, table.pretty td, .aanvraag .result-box table th, .aanvraag .result-box table td { padding: 7px 0; vertical-align: top; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } table.dl-like-table th, table.pretty th, .aanvraag .result-box table th { width: 200px; text-align: left; font-weight: normal; color: #00386E; } table.dl-like-table td, table.pretty td, .aanvraag .result-box table td { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 10px; font-weight: 500; } table.dl-like-table td:only-child, table.pretty td:only-child, .aanvraag .result-box table td:only-child { padding-left: 0; } table.dl-like-table tr.changed th, table.pretty tr.changed th, table.dl-like-table tr.changed td, table.pretty tr.changed td, .aanvraag .result-box table tr.changed th, .aanvraag .result-box table tr.changed td { background: #F9FAFD; } table.dl-like-table ul, table.pretty ul, .aanvraag .result-box table ul { list-style: disc; padding-left: 1em; } table.dl-like-table--no-fixed-width th, table.pretty--no-fixed-width th, table.dl-like-table--no-fixed-width td, table.pretty--no-fixed-width td, .aanvraag .result-box table th, .aanvraag .result-box table td { width: auto; } /* Styled definition list (same style as %dl-like-table); */ .dl-styled { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } .dl-styled dt, .dl-styled dd { padding: 0 0 15px; margin: 0; } .dl-styled dt { width: 40%; text-align: left; font-weight: normal; color: #00386E; } .dl-styled dd { width: 60%; padding-left: 10px; font-weight: 700; } .dl-styled dt:last-of-type, .dl-styled dd:last-of-type { padding-bottom: 0; } .dl-styled--small-labels dt { width: 200px; } .dl-styled--small-labels dd { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: calc(100% - 200px); } /* Cards with a title and some content (mostly pretty tables) */ .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 5px; border: 1px solid #C6DBEE; background: white; overflow: hidden; } .card--single-center { max-width: 540px; margin: 0 auto; } .card__title { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; padding: 13px 20px; margin: 0; -webkit-box-shadow: 0 0 0 1px #C6DBEE; box-shadow: 0 0 0 1px #C6DBEE; background: #F9FAFD; font-size: 16px; font-weight: 500; } .card__title > a, .card__title > .subtitle { margin-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; font-weight: normal; } .card__title span.title { text-transform: uppercase; } .card__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 30px 20px; overflow: auto; } .card__content--filler { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; position: relative; min-height: 10vh; } .card__content > div.pretty { padding-top: 0; } .card--disabled .card__title { background-color: #F9FAFD; color: #C6DBEE; cursor: default; } .card--disabled .card__content { display: none; } .card--heavy .card__title { background: #00386E; color: white; -webkit-box-shadow: none; box-shadow: none; } /* Tabs */ .tabs { } .tabs__tab { display: block; padding: 10px; margin-bottom: 10px; border: 1px solid #C6DBEE; border-right: none; border-radius: 5px 0 0 5px; background: white; text-transform: uppercase; font-size: 12px; font-weight: 500; } .tabs__tab:hover { background: rgba(255, 255, 255, 0.5); color: #009FDF; } .active > .tabs__tab { background: #009FDF; border-color: #009FDF; color: white; } .active > .tabs__tab:hover { background: rgba(0, 159, 223, 0.9); } /* Clickable block */ .clickable-block { margin-bottom: calc(.5 * 20px); } .clickable-block h3.pretty { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 17px 25px 13px; border: 1px solid #C6DBEE; border-radius: 5px; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.03); box-shadow: 0 2px 1px rgba(0,0,0,.03); cursor: pointer; font-size: 16px; font-weight: 500; } .clickable-block h3.pretty:not(.no-toggle)::after { content: ''; position: absolute; right: 20px; top: 0; width: 14px; height: 100%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='%23009FDF'%3E%3Cpath class='cls-1' d='M8.83 0L5 3.73 1.17 0 0 1.14 5 6l5-4.86L8.83 0z'/%3E%3C/svg%3E") no-repeat 50% 50% / 14px; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s;} .clickable-block h3.pretty span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 15px; } .clickable-block h3.pretty span.title { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 200px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; } .clickable-block h3.pretty span.title:only-child { width: auto; } .clickable-block div.pretty { padding: 25px 25px 15px; opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; } .clickable-block table.pretty th { padding-right: 10px; } .clickable-block table.pretty td { padding-left: 0; } .clickable-block .list table { border: none; width: calc(100% + 50px); margin: -15px 0 0 -25px; } .clickable-block .list .search-results { margin-bottom: 40px; } .clickable-block .open div.pretty { opacity: 1; } .clickable-block .open h3.pretty { background-color: #FAFCFE; } .clickable-block .open h3.pretty:not(.no-toggle)::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .clickable-block .disabled h3.pretty { background-color: #F2F1F4; color: #78909C; cursor: default; border-color: #CFD8DC; } .clickable-block .disabled h3.pretty::after { content: none; } /* Clickable block in cards */ .clickable-block .card h3.pretty { border-radius: 5px 5px 0 0; border: 0; } .clickable-block .card.open h3.pretty { border-bottom: solid 1px #C6DBEE; } .clickable-block .card h3.pretty span.subtitle { margin-left: 0; } .clickable-block .card .list table { width: 100%; margin: 0; } /** Overflow-x scrollable on tables */ .scrolltable { position: relative; padding-bottom: calc(3 * 20px); } .scrolltable__scroller { position: relative; } .scrolltable__toggle { position: absolute; bottom: 0; left: 0; } .scrolltable--overflow .scrolltable__scroller { overflow-x: auto; border-left: 1px solid #C6DBEE; border-right: 1px solid #C6DBEE; } .scrolltable--overflow .scrolltable__table { width: auto; min-width: 100%; border: none; } .scrolltable--overflow .scrolltable__table th, .scrolltable--overflow .scrolltable__table td { max-width: none; } .scrolltable--overflow .scrolltable__table td:first-child { border-left: none; } .scrolltable--overflow .scrolltable__table td:last-child { border-right: none; } /** Tablesorter */ .tablesorter-header { cursor: pointer; -webkit-transition: opacity .15s; transition: opacity .15s; } .tablesorter-header:hover { opacity: .75; } .tablesorter-header-inner { display: block; position: relative; padding-right: 20px; cursor: pointer; text-overflow: ellipsis; overflow: hidden; } .tablesorter-header-inner::after { content: ''; position: absolute; right: 0; top: 0; width: 12px; height: 10px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='white'%3E%3Cpath class='cls-1' d='M8.83 0L5 3.73 1.17 0 0 1.14 5 6l5-4.86L8.83 0z'/%3E%3C/svg%3E") 50% 50% no-repeat / contain; -webkit-transform: scale(0) rotate(0); transform: scale(0) rotate(0); -webkit-transition: -webkit-transform .15s; transition: -webkit-transform .15s; transition: transform .15s; transition: transform .15s, -webkit-transform .15s; } .tablesorter-headerAsc .tablesorter-header-inner::after { -webkit-transform: scale(1) rotate(.5turn); transform: scale(1) rotate(.5turn); } .tablesorter-headerDesc .tablesorter-header-inner::after { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } .dbDebug table { width: 100%; } .dbDebug td.first { padding-right: 5px; } .dbDebug th { text-align: left; } .dbDebug td { vertical-align: top; border-bottom: 1px solid #AAA; padding: 5px 15px 5px 0; } .dbDebug td.number { text-align: center; } .dbDebug .error { color: red; background-color: white; } .dbDebug .notice { font-style: italic; color: white; background-color: #00d4ff; } .dbDebug pre { margin: 0; padding: 0; } /* Fancybox */ .figure a.fancybox { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-skin { background: #fff; } .fancybox-outer { background: #fff; border-radius: 0; } .fancybox-inner { min-width: 50vw; border-radius: 5px; } .fancybox-inner > * { padding: 30px; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/image/fancybox_sprite.png') !important; } #fancybox-loading div { background-image: url('/image/fancybox_loading.gif') !important; } /* tagHandler */ .tagHandler ul.tagHandlerContainer { padding: 0; margin: 0; border: none; border-radius: 0; line-height: normal; line-height: initial; overflow: hidden; } .tagHandler ul.tagHandlerContainer li { height: auto; line-height: normal; line-height: initial; } .tagHandler ul.tagHandlerContainer li.tagItem, .tagHandler ul.tagHandlerContainer li.tagInput input { height: 20px; padding: 3px 5px; margin: 0 5px 5px 0; border-radius: 10px; background: #F9FAFD; } .tagHandler ul.tagHandlerContainer li.tagItem { background: #009FDF; } .tagHandler ul.tagHandlerContainer li.tagInput { padding: 0; margin: 0; } .tagHandler ul.tagHandlerContainer li.tagInput input { border: 1px solid #C6DBEE; } .tagHandler .tagUpdate { margin: 5px 0; } /* QTip */ .qtip-mes { background: #009FDF; font-size: 12px; color: white; border: none; border-radius: 5px; } .qtip-mes .qtip-tip { -webkit-box-shadow: 0 0 0 10px #009FDF inset; box-shadow: 0 0 0 10px #009FDF inset; width: 10px !important; height: 10px !important; margin-top: -5px !important; left: -5px !important; border: 1px solid red; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .qtip-mes .qtip-tip canvas { display: none; } .qtip-mes .qtip-content { padding: 10px; } .qtip-mes .qtip-content p { margin: 0; } /* Chozen */ .chzn-container { width: 100% !important; } .chzn-container .chzn-single:hover { color: currentColor; } .chzn-container .chzn-single, .chzn-container-active .chzn-single, .chzn-container-active.chzn-with-drop .chzn-single { height: 40px; padding: 8px 10px; background: white; border: 1px solid #C6DBEE; -webkit-box-shadow: none; box-shadow: none; } .chzn-container-single .chzn-single div { width: 24px; } .chzn-container-single .chzn-single div b { background: white url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='%23009FDF'%3E%3Cpath class='cls-1' d='M8.83 0L5 3.73 1.17 0 0 1.14 5 6l5-4.86L8.83 0z'/%3E%3C/svg%3E") no-repeat calc(100% - 10px) 50% / 12px 12px; } .chzn-container .chzn-drop { border-color: #C6DBEE; } /* Daterangepicker */ body .dropdown-menu { display: none; border: 1px solid #C6DBEE; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); } body .dropdown-menu .range_inputs { display: none; } body .daterangepicker th.month { padding: 0; border: none; } body .daterangepicker select.monthselect, body .daterangepicker select.yearselect { display: inline-block; padding: 3px 15px 3px 5px; } /* Treetable */ table.treetable tr span.indenter a { position: relative; } table.treetable tr span.indenter a:before, table.treetable tr.collapsed span.indenter a:before, table.treetable tr.expanded span.indenter a:before { content: ''; margin: 0; position: absolute; top: -2px; left: 0; width: 12px; height: 12px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='%23009FDF'%3E%3Cpath class='cls-1' d='M8.83 0L5 3.73 1.17 0 0 1.14 5 6l5-4.86L8.83 0z'/%3E%3C/svg%3E") no-repeat 50% 50% / contain; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } table.treetable tr.collapsed span.indenter a:before { -webkit-transform: rotate(-.25turn); transform: rotate(-.25turn); } /* Popover */ .pop { display: inline-block; width: 20px; height: 18px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 34' fill='%23009FDF'%3E%3Cpath d='M24.4 3.21H3.6A3.61 3.61 0 0 0 0 6.81v15.6A3.6 3.6 0 0 0 3.6 26h1.6v4.71a1.85 1.85 0 0 0 1.15 1.72 1.82 1.82 0 0 0 .72.15A1.87 1.87 0 0 0 8.39 32l6-6h10a3.6 3.6 0 0 0 3.6-3.6V6.81a3.61 3.61 0 0 0-3.59-3.6zm1.6 19.2A1.6 1.6 0 0 1 24.4 24H13.59L7.2 30.4V24H3.6A1.6 1.6 0 0 1 2 22.41V6.81a1.6 1.6 0 0 1 1.6-1.6h20.8a1.6 1.6 0 0 1 1.6 1.6z'/%3E%3Cpath d='M13 19h2v2h-2zM14 8a3.79 3.79 0 0 0-4 4v1h2v-1a1.82 1.82 0 0 1 2-2 1.89 1.89 0 0 1 2 2 1.85 1.85 0 0 1-.89 1.51l-.46.35A3.12 3.12 0 0 0 13 16.42V18h2v-1.58c0-.28.12-.41.85-1l.5-.39A3.83 3.83 0 0 0 18 12a3.91 3.91 0 0 0-4-4z'/%3E%3C/svg%3E") no-repeat center / contain; cursor: help; } .popover { position: absolute; z-index: 1; background: #009FDF; color: white; padding: 1em 10px; border-radius: 10px; max-width: 250px; } .popover-title { display: none; } .popover-content p { margin: 0; } .tooltip { position: fixed; z-index: 999; display: block; background: #009FDF; color: white; padding: 0 10px; border-radius: 10px; max-width: 250px; } .tip.icon { display: inline-block; width: 20px; height: 20px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 34' fill='%23009FDF'%3E%3Cpath d='M24.4 3.21H3.6A3.61 3.61 0 0 0 0 6.81v15.6A3.6 3.6 0 0 0 3.6 26h1.6v4.71a1.85 1.85 0 0 0 1.15 1.72 1.82 1.82 0 0 0 .72.15A1.87 1.87 0 0 0 8.39 32l6-6h10a3.6 3.6 0 0 0 3.6-3.6V6.81a3.61 3.61 0 0 0-3.59-3.6zm1.6 19.2A1.6 1.6 0 0 1 24.4 24H13.59L7.2 30.4V24H3.6A1.6 1.6 0 0 1 2 22.41V6.81a1.6 1.6 0 0 1 1.6-1.6h20.8a1.6 1.6 0 0 1 1.6 1.6z'/%3E%3Cpath d='M13 19h2v2h-2zM14 8a3.79 3.79 0 0 0-4 4v1h2v-1a1.82 1.82 0 0 1 2-2 1.89 1.89 0 0 1 2 2 1.85 1.85 0 0 1-.89 1.51l-.46.35A3.12 3.12 0 0 0 13 16.42V18h2v-1.58c0-.28.12-.41.85-1l.5-.39A3.83 3.83 0 0 0 18 12a3.91 3.91 0 0 0-4-4z'/%3E%3C/svg%3E") no-repeat center / contain; cursor: help; } .tip.icon.right { float: right; } /* setup extends*/ .alert, .warningbox, .resultWarning, .resultError, .resultSuccess { padding: 13px 35px 13px 14px; margin-bottom: 18px; border: 1px solid #fbeed5; border-radius: 4px; background-color: #fcf8e3; color: #c09853; } .alert-success, .warningbox.success, .resultSuccess { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-danger, .alert-error, .warningbox.error, .resultError { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-info, .warningbox.info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } /* apply to alert-classes*/ .alert-heading { color: inherit; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 18px; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .alert .close { float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #1783CE; opacity: 0.2; } .alert .close:hover { color: #1783CE; text-decoration: none; cursor: pointer; opacity: 0.4; } .alert button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } /* apply to warningbox */ /* result errors */ .resultWarning, .resultError, .resultSuccess { display: block; width: 100%; } .resultWarning b, .resultError b, .resultSuccess b { font-weight: normal; } .inline-icon, .download.icon { display: inline-block; width: 25px; height: 25px; margin-right: 8px; background: center center / 25px 25px no-repeat; vertical-align: middle; margin-top: -6px; } .inline-icon--filehtml { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 17' fill='%2300386E'%3E%3Cpath d='M13 4v-.65L9.61 0h-8.3A1.3 1.3 0 0 0 0 1.29v14.42A1.3 1.3 0 0 0 1.31 17h10.38A1.3 1.3 0 0 0 13 15.71V5zM9.2 1L12 3.75V4H8V1zM12 15.77a.23.23 0 0 1-.23.23H1.23a.23.23 0 0 1-.23-.23V1.23A.23.23 0 0 1 1.23 1H7v4h5z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .inline-icon--filepdf, .download.icon.filepdf { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 17' fill='%2300386E'%3E%3Cpath d='M13 4v-.65L9.61 0h-8.3A1.3 1.3 0 0 0 0 1.29v14.42A1.3 1.3 0 0 0 1.31 17h10.38A1.3 1.3 0 0 0 13 15.71V4zm-1 11.77a.23.23 0 0 1-.23.23H1.23a.23.23 0 0 1-.23-.23V1.23A.23.23 0 0 1 1.23 1H7v4h5zM12 4H8V1h1.2L12 3.75zM1.94 14.1h3.57v1H1.94zm0-1.62h3.57v1H1.94zm0-1.63h3.57v1H1.94zm6.75-.48a2.43 2.43 0 0 1 .61.09l-.87 2.23 2.41-.83a2.23 2.23 0 0 1 .16.83 2.32 2.32 0 1 1-2.31-2.32z'/%3E%3C/svg%3E"); } .inline-icon--fileexcel { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 17' fill='%2300386E'%3E%3Cpath d='M13 4v-.65L9.61 0h-8.3A1.3 1.3 0 0 0 0 1.29v14.42A1.3 1.3 0 0 0 1.31 17h10.38A1.3 1.3 0 0 0 13 15.71V4zm-1 11.77a.23.23 0 0 1-.23.23H1.23a.23.23 0 0 1-.23-.23V1.23A.23.23 0 0 1 1.23 1H7v4h5zM12 4H8V1h1.2L12 3.75zm-4.45 6L9.1 7.86h1.62l-2.4 3.28L11 15H8.67L7 12.5l-1.17 1.58h1.06V15H3.6l2.57-3.64-2.49-3.5H6z'/%3E%3C/svg%3E"); } /* helper for backward compatibility */ /* module specific */ /* Meters */ .meterregister-one { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .meterregister-one__header { width: 100%; margin-top: -5px; padding-left: calc(200px + (2 * 20px)); margin-bottom: 20px; } .meterregister-one__tabs { width: 200px; } .meterregister-one__sheets { width: calc(100% - 200px); padding: calc(2*20px); background: white; border: 1px solid #C6DBEE; } .meterregister-one__tabs .tabs__tab { color: #181818; } .meterregister-one__tabs .active .tabs__tab, .meterregister-one__tabs .active .tabs__tab span { color: white; } .meterregister-one__tabs .tabs__tab span { display: block; margin: 8px 0; } .meterregister-one__tabs .tabs__tab span.line_1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; } .meterregister-one__tabs .discipline { position: relative; padding-left: 0; } .meterregister-one__tabs .discipline .discipline-icon { height: 15px; margin-top: -3px; margin-right: 5px; } .meterregister-one__sheets .headerwrapper { margin-bottom: 20px; } .meterregister-one__sheets .headerwrapper h1 { font-size: 20px; color: #181818; } .meterregister-one .details.group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* override classes because client wants to customize blocklayout in certain situations */ .meterregister-one .details.group .row { width: 100%; } .meterregister-one .details.group .row--50 { width: calc(50% - 10px); } .meterregister-one .details.group .row--50.fullwidth { width: 100%; } @media (max-width: 1500px) { .meterregister-one .details.group .row { width: 100%; } } .meterregister-google-image { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; background-position: center center; background-size: cover; } .meterregister-google-image img { display: none;} .meterstanden .show-history-ms { display: inline-block; } .storingen .show-history { float: right; margin-bottom: 20px; margin-top: -2em; } /* Disciplines */ .discipline-icon { display: inline-block; width: 15px; height: 22px; background: transparent no-repeat 50% 50% / contain; } .discipline-icon-wrapper { display: block; float: left; width: 15px; height: 1em; position: relative; } .discipline-icon-wrapper:not(:only-child) { margin-right: 5px; } .discipline-icon-wrapper .discipline-icon { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-11px); transform: translateY(-11px); } /* e, g, t, w, h, ovr */ .discipline-icon--e { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 23' fill='%232AB78E'%3E%3Cpath class='cls-1' d='M5.3 0L0 13.32h6.65L2.17 23h.39l9.21-12.11H5.94L12 0H5.3z'/%3E%3C/svg%3E"); } .meterregister-one__tabs .discipline--e { color: #2AB78E; } .meterregister-one__tabs .active .tabs__tab--e { border-color: #2AB78E; background: #2AB78E; } .meterregister-one__tabs .active .discipline-icon--e { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 23' fill='white'%3E%3Cpath class='cls-1' d='M5.3 0L0 13.32h6.65L2.17 23h.39l9.21-12.11H5.94L12 0H5.3z'/%3E%3C/svg%3E"); } .discipline-icon--g { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 21' fill='%23F18A00'%3E%3Cpath d='M11.18 6.47c-1.32-1.6-2.46-3-2.11-5.75L9.16 0l-.61.27c-1.91.85-3.09 3.52-3.32 5.13a18.17 18.17 0 0 0-.11 2.09c0 2-.14 2.61-.83 2.61-.06 0-.25-.17-.43-.95a14.25 14.25 0 0 1-.28-2.08c0-.22 0-.4-.06-.53l-.14-1.07-.55.9c-.12.19-.24.37-.35.56C1.15 9.07 0 10.92 0 13.35 0 17.57 3.14 21 7 21s7-3.43 7-7.65a9.75 9.75 0 0 0-2.82-6.88' fill-rule='evenodd'/%3E%3C/svg%3E"); } .meterregister-one__tabs .discipline--g { color: #F18A00; } .meterregister-one__tabs .active .tabs__tab--g { border-color: #F18A00; background: #F18A00; } .meterregister-one__tabs .active .discipline-icon--g { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 21' fill='white'%3E%3Cpath d='M11.18 6.47c-1.32-1.6-2.46-3-2.11-5.75L9.16 0l-.61.27c-1.91.85-3.09 3.52-3.32 5.13a18.17 18.17 0 0 0-.11 2.09c0 2-.14 2.61-.83 2.61-.06 0-.25-.17-.43-.95a14.25 14.25 0 0 1-.28-2.08c0-.22 0-.4-.06-.53l-.14-1.07-.55.9c-.12.19-.24.37-.35.56C1.15 9.07 0 10.92 0 13.35 0 17.57 3.14 21 7 21s7-3.43 7-7.65a9.75 9.75 0 0 0-2.82-6.88' fill-rule='evenodd'/%3E%3C/svg%3E"); } .discipline-icon--t { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' fill='%23ada08f'%3E%3Cpath d='M880.19 542.229c3.8-12.02 5.99-25.842 5.99-40.176 0-76.072-61.668-137.74-137.74-137.74-29.844 0-57.47 9.491-80.027 25.62C661.52 265.719 559 167.39 433.23 167.39c-130.51 0-236.3 105.8-236.3 236.3 0 7 .45 13.82 1 20.63C87.09 433.8 0 526.66 0 640c0 119.63 97 216.61 216.62 216.61h649.84c87.007 0 157.54-70.533 157.54-157.54 0-82.37-63.25-149.87-143.81-156.84z'/%3E%3C/svg%3E"); } .meterregister-one__tabs .discipline--t { color: #ada08f; } .meterregister-one__tabs .active .tabs__tab--t { border-color: #ada08f; background: #ada08f; } .meterregister-one__tabs .active .discipline-icon--t { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' fill='white'%3E%3Cpath d='M880.19 542.229c3.8-12.02 5.99-25.842 5.99-40.176 0-76.072-61.668-137.74-137.74-137.74-29.844 0-57.47 9.491-80.027 25.62C661.52 265.719 559 167.39 433.23 167.39c-130.51 0-236.3 105.8-236.3 236.3 0 7 .45 13.82 1 20.63C87.09 433.8 0 526.66 0 640c0 119.63 97 216.61 216.62 216.61h649.84c87.007 0 157.54-70.533 157.54-157.54 0-82.37-63.25-149.87-143.81-156.84z'/%3E%3C/svg%3E"); } .discipline-icon--w { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 21' fill='%23009FDF'%3E%3Cpath d='M6.5 0C3.35 5.59 0 12.46 0 14.82A6.35 6.35 0 0 0 6.5 21a6.36 6.36 0 0 0 6.5-6.18C13 12.46 9.65 5.59 6.5 0' fill-rule='evenodd'/%3E%3C/svg%3E"); } .meterregister-one__tabs .discipline--w { color: #009FDF; } .meterregister-one__tabs .active .tabs__tab--w { border-color: #009FDF; background: #009FDF; } .meterregister-one__tabs .active .discipline-icon--w { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 21' fill='white'%3E%3Cpath d='M6.5 0C3.35 5.59 0 12.46 0 14.82A6.35 6.35 0 0 0 6.5 21a6.36 6.36 0 0 0 6.5-6.18C13 12.46 9.65 5.59 6.5 0' fill-rule='evenodd'/%3E%3C/svg%3E"); } .discipline-icon--h { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='703' height='1024' fill='%23e63746'%3E%3Cpath d='M519.537 366.86c15.648 19.432 31.208 42.904 31.208 58.553s-11.617 39.061-23.384 62.505c-19.6 39.032-39.111 78.143-35.238 121.048 4.031 42.904 27.424 78.143 50.728 113.144 15.728 19.679 31.287 43.142 31.287 58.632 0 15.648-11.697 39.032-23.473 62.395-15.292 30.465-30.544 60.979-34.665 93.346h128.674c4.437-12.826 11.825-27.602 19.214-42.379 19.6-39.032 39.111-78.143 35.238-121.137s-27.335-77.985-50.728-113.233c-15.728-19.6-31.287-43.063-31.287-58.711s11.697-39.032 23.384-62.395c19.6-39.032 39.111-78.143 35.16-121.048-3.793-42.984-27.177-78.143-50.65-113.313-15.648-19.6-31.287-42.984-31.287-58.632-3.873-15.569 11.697-42.904 19.521-62.395 15.609-31.218 31.198-62.435 34.892-95.723H521.923c-4.011 13.41-12.875 29.198-18.035 44.984-19.6 38.953-39.191 77.985-35.16 121.048 3.873 42.914 27.414 78.074 50.808 113.313zM289.04 366.86c15.648 19.432 31.287 42.904 31.287 58.553s-11.776 39.032-23.473 62.505c-19.6 39.032-39.111 78.143-35.16 121.048s27.335 78.143 50.728 113.144c15.648 19.679 31.208 43.142 31.208 58.632 0 15.648-11.697 39.032-23.384 62.395-15.292 30.465-30.494 60.979-34.585 93.346h124.662c4.447-12.826 11.885-27.602 19.293-42.379 19.6-39.032 39.111-78.143 35.08-121.137-3.873-42.904-27.256-78.064-50.808-113.233-15.569-19.561-31.188-43.024-31.188-58.672s11.697-39.032 23.473-62.395c19.6-39.032 39.032-78.143 35.16-121.048s-27.335-78.143-50.728-113.313c-15.648-19.6-31.208-42.984-31.208-58.632s11.697-42.904 23.384-62.395c15.609-31.218 31.208-62.495 34.853-95.713h-128.03c-4.308 13.41-12.172 29.198-20.036 44.984-19.58 38.903-39.071 74.152-35.199 120.968 3.863 42.944 27.335 78.104 54.671 113.342zM54.68 366.86c15.648 19.432 31.208 42.904 31.208 58.553s-11.687 39.061-23.384 62.505c-19.6 39.032-39.111 78.064-35.238 120.968s27.335 78.064 50.808 113.233c15.638 19.67 31.277 43.142 31.277 58.622 0 15.648-11.776 39.032-23.473 62.395-15.232 30.465-30.465 60.979-34.575 93.346h128.614c4.447-12.826 11.885-27.602 19.293-42.379 19.511-39.032 39.032-78.143 35.16-121.137s-27.335-77.985-50.808-113.233c-15.56-19.6-31.208-43.063-31.208-58.711s11.776-39.032 23.473-62.395c19.511-39.032 39.032-78.143 35.08-121.137s-27.335-78.064-50.728-113.233c-15.56-19.6-31.287-42.984-31.287-58.632s11.776-42.904 23.473-62.395c15.599-31.208 31.198-62.465 34.803-95.713H59.138c-4.328 13.41-12.182 29.198-20.106 44.984C19.521 171.454 0 210.496 3.872 253.519c3.873 42.944 27.345 78.182 50.808 113.342z'/%3E%3C/svg%3E"); } .meterregister-one__tabs .discipline--h { color: #e63746; } .meterregister-one__tabs .active .tabs__tab--h { border-color: #e63746; background: #e63746; } .meterregister-one__tabs .active .discipline-icon--h { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='703' height='1024' fill='white'%3E%3Cpath d='M519.537 366.86c15.648 19.432 31.208 42.904 31.208 58.553s-11.617 39.061-23.384 62.505c-19.6 39.032-39.111 78.143-35.238 121.048 4.031 42.904 27.424 78.143 50.728 113.144 15.728 19.679 31.287 43.142 31.287 58.632 0 15.648-11.697 39.032-23.473 62.395-15.292 30.465-30.544 60.979-34.665 93.346h128.674c4.437-12.826 11.825-27.602 19.214-42.379 19.6-39.032 39.111-78.143 35.238-121.137s-27.335-77.985-50.728-113.233c-15.728-19.6-31.287-43.063-31.287-58.711s11.697-39.032 23.384-62.395c19.6-39.032 39.111-78.143 35.16-121.048-3.793-42.984-27.177-78.143-50.65-113.313-15.648-19.6-31.287-42.984-31.287-58.632-3.873-15.569 11.697-42.904 19.521-62.395 15.609-31.218 31.198-62.435 34.892-95.723H521.923c-4.011 13.41-12.875 29.198-18.035 44.984-19.6 38.953-39.191 77.985-35.16 121.048 3.873 42.914 27.414 78.074 50.808 113.313zM289.04 366.86c15.648 19.432 31.287 42.904 31.287 58.553s-11.776 39.032-23.473 62.505c-19.6 39.032-39.111 78.143-35.16 121.048s27.335 78.143 50.728 113.144c15.648 19.679 31.208 43.142 31.208 58.632 0 15.648-11.697 39.032-23.384 62.395-15.292 30.465-30.494 60.979-34.585 93.346h124.662c4.447-12.826 11.885-27.602 19.293-42.379 19.6-39.032 39.111-78.143 35.08-121.137-3.873-42.904-27.256-78.064-50.808-113.233-15.569-19.561-31.188-43.024-31.188-58.672s11.697-39.032 23.473-62.395c19.6-39.032 39.032-78.143 35.16-121.048s-27.335-78.143-50.728-113.313c-15.648-19.6-31.208-42.984-31.208-58.632s11.697-42.904 23.384-62.395c15.609-31.218 31.208-62.495 34.853-95.713h-128.03c-4.308 13.41-12.172 29.198-20.036 44.984-19.58 38.903-39.071 74.152-35.199 120.968 3.863 42.944 27.335 78.104 54.671 113.342zM54.68 366.86c15.648 19.432 31.208 42.904 31.208 58.553s-11.687 39.061-23.384 62.505c-19.6 39.032-39.111 78.064-35.238 120.968s27.335 78.064 50.808 113.233c15.638 19.67 31.277 43.142 31.277 58.622 0 15.648-11.776 39.032-23.473 62.395-15.232 30.465-30.465 60.979-34.575 93.346h128.614c4.447-12.826 11.885-27.602 19.293-42.379 19.511-39.032 39.032-78.143 35.16-121.137s-27.335-77.985-50.808-113.233c-15.56-19.6-31.208-43.063-31.208-58.711s11.776-39.032 23.473-62.395c19.511-39.032 39.032-78.143 35.08-121.137s-27.335-78.064-50.728-113.233c-15.56-19.6-31.287-42.984-31.287-58.632s11.776-42.904 23.473-62.395c15.599-31.208 31.198-62.465 34.803-95.713H59.138c-4.328 13.41-12.182 29.198-20.106 44.984C19.521 171.454 0 210.496 3.872 253.519c3.873 42.944 27.345 78.182 50.808 113.342z'/%3E%3C/svg%3E"); } .discipline-icon--ovr { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' fill='%23fb7598'%3E%3Cpath d='M926.664 366.124c-2.597-6.006-8.465-10.12-15.303-10.12H639.37L527.241 105.976c-2.629-5.921-8.462-9.976-15.244-9.976s-12.61 4.055-15.204 9.869L384.624 356.003H112.64c-9.187 0-16.64 7.453-16.64 16.64a16.58 16.58 0 0 0 4.654 11.543l201.333 215.615-88.853 306.926c-.413 1.378-.65 2.971-.65 4.61 0 9.192 7.458 16.65 16.65 16.65a16.52 16.52 0 0 0 8.811-2.522l274.062-169.263 274.14 169.311c2.482 1.553 5.501 2.472 8.737 2.472 9.192 0 16.65-7.458 16.65-16.65a16.48 16.48 0 0 0-.683-4.731l-88.828-306.82 201.339-215.62a16.557 16.557 0 0 0 4.646-11.52c0-2.364-.494-4.602-1.378-6.632z'/%3E%3C/svg%3E"); } .meterregister-one__tabs .discipline--ovr { color: #fb7598; } .meterregister-one__tabs .active .tabs__tab--ovr { border-color: #fb7598; background: #fb7598; } .meterregister-one__tabs .active .discipline-icon--ovr { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' fill='white'%3E%3Cpath d='M926.664 366.124c-2.597-6.006-8.465-10.12-15.303-10.12H639.37L527.241 105.976c-2.629-5.921-8.462-9.976-15.244-9.976s-12.61 4.055-15.204 9.869L384.624 356.003H112.64c-9.187 0-16.64 7.453-16.64 16.64a16.58 16.58 0 0 0 4.654 11.543l201.333 215.615-88.853 306.926c-.413 1.378-.65 2.971-.65 4.61 0 9.192 7.458 16.65 16.65 16.65a16.52 16.52 0 0 0 8.811-2.522l274.062-169.263 274.14 169.311c2.482 1.553 5.501 2.472 8.737 2.472 9.192 0 16.65-7.458 16.65-16.65a16.48 16.48 0 0 0-.683-4.731l-88.828-306.82 201.339-215.62a16.557 16.557 0 0 0 4.646-11.52c0-2.364-.494-4.602-1.378-6.632z'/%3E%3C/svg%3E"); } /* Ping page */ .ping form, .ping .search-footer, .pingResults { max-width: 640px; } .pingResults { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; background: white; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); } .pingResults #masterdata { margin: 15px 0 0;} .pingResults #masterdata dt { width: 170px; padding-bottom: 5px; } .pingResults #masterdata dd { width: calc(90% - 170px); padding-bottom: 5px; } .pingResults #logging { margin: 15px 0; font-family: monospace, serif; font-style: italic; } .pingResults #status { line-height: 20px; } .pingResults #online, .pingResults #offline { font-weight: 700; } .pingResults #online { color: #2AB78E; } .pingResults #offline { color: red; } .pingResults #status { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; } .status::before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 10px; background: transparent no-repeat center center / 16px 16px; } .status--success::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 400' xmlns='http://www.w3.org/2000/svg' fill='%232AB78E'%3E%3Cpath d='M432 0L192 240 80 128 0 208l192 192L512 80z'/%3E%3C/svg%3E"); } .status--failed::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.44 13.43' fill='red'%3E%3Cpath d='M12.02 0l-5.3 5.3L1.42 0 0 1.41l5.3 5.31-5.3 5.3 1.42 1.42 5.3-5.31 5.3 5.31 1.42-1.42-5.31-5.3 5.31-5.31L12.02 0z'/%3E%3C/svg%3E"); } #status .value { font-style: italic; } /* Ping popup */ .fancybox-inner .pingResults { max-width: 600px; -webkit-box-shadow: none; box-shadow: none; } /* Location */ .location_registry .one .headerwrapper { position: relative; z-index: 2; } .location_registry .one .col-wrapper { position: relative; } .location_registry .button-icon--print { margin-left: 20px; } /* title removed location on single location */ .LocationRegisterRemoved { color: red; } .LocationRegisterRemoved > .LocationRegisterRemoved { font-size: 50%; } .location_registry .google { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;} .location_registry .google img { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .location_registry .google img { top: 0; left: 0; height: 100%; -webkit-transform: none; transform: none; -o-object-fit: cover; object-fit: cover; } } .icon-lock { width: 40px; height: 40px; margin-left: 20px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36' fill='%2378909C'%3E%3Cpath d='M12 28.83l.76-5.29a2 2 0 1 1 2.48 0l.76 5.29zM28 14v17a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5V14h5.08v-3.51c0-.19-.1-5.22 2.86-8.26A7.57 7.57 0 0 1 13.58 0a7.19 7.19 0 0 1 5.33 2.12c3 3 3 8.24 2.95 8.46V14H28zM7.08 10.46V14h12.78v-3.43c0-.06 0-4.61-2.38-7A5.2 5.2 0 0 0 13.58 2a5.57 5.57 0 0 0-4.2 1.62c-2.38 2.43-2.3 6.8-2.3 6.84zM26 16H2v15a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3z'/%3E%3C/svg%3E") center center / 40px 40px no-repeat; } /* Location list */ .location_registry .list tr.removed td:first-child { border-left-color: red; -webkit-box-shadow: 3px 0 0 0 red inset; box-shadow: 3px 0 0 0 red inset; } .location_registry .list tr.removed { background: red; } .location_registry .list tr.removed td { background: #fcc; } /* AddLocationForm */ #infoBoxContainerBag .fbElement, #infoBoxContainerCendris .fbElement, #infoBoxContainerManual .fbElement { width: 100%; } /** Form table info */ #addlocationform .fbElement > .labelwrapper { width: 200px; } #addlocationform .fbElement > .inputwrapper { width: calc(100% - 200px); } #addlocationform table td, #addlocationform table th { padding: 5px 10px; text-align: left; border: 1px solid #C6DBEE; } #addlocationform table td p, #addlocationform table th p { margin: 0; } .addLocation__scroller { width: 100%; overflow-x: auto; } .addLocation--nowrap { white-space: nowrap; } /* table legenda */ .countResultTable { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1em; } .countResultTable dt, .countResultTable dd { margin: 0 10px 0 0; padding: 0; } .countResultTable dd { margin-right: 30px; } .countResultTable dt [class*=result] { display: inline-block; margin: 0; padding: 5px 10px; } .faq-category-index { margin-bottom: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .faq-category:not(:last-child) { margin-bottom: 2em; } /* * Facturen */ .factuur .contract-switch { max-width: 500px; } /* * Layouting, used for external reports (Power BI) */ .idf-reports .app__main { position: relative; padding-left: 50px; padding-right: 50px; } .reports--iframe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .reports--iframe .reports__header { padding: 20px calc(20px * 4) 15px; margin: 0; border-bottom: solid 1px #C6DBEE; } .reports--iframe .rapportage-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; } .reports--iframe .rapportage-content iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .app--kiosk-mode .reports--iframe .reports__header { margin-top: 0; padding-top: 10px; } /* * Report */ .reports__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; padding-top: 20px; padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .reports__header-title { margin: 0; } .reports__header-toggler { margin-left: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reports__header-toggler .group-name { margin: 10px 20px 10px 0; text-align: right; } .reports__header-toggler .togglekiosk { display: inline-block; width: 32px; height: 24px; margin-top: -6px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.02 34' fill='%23009FDF'%3E%3Cpath d='M11.06 0v17.84h2V8H37v14H17v2h22V0zm2 6V2H37v4z'/%3E%3Cpath d='M31 32H2.02l-.01-17.87h8.02v-2H2.01L2 8h8.04V6H0l.03 28H33v-8.97h-2V32z'/%3E%3Cpath d='M10.03 21h-2v6h6v-2h-2.59l9.58-9.59V18h2v-6h-6v2h2.59l-9.58 9.59V21zM3.02 9h2v2h-2zM14.02 3h2v2h-2zM17.02 3h2v2h-2zM20.02 3h2v2h-2zM6.02 9h2v2h-2z'/%3E%3C/svg%3E") no-repeat center / contain; } .reports #searchForm .form-table { max-width: 600px; } .reports #searchForm #submitSearch { margin-left: auto; } .reports #searchFormTable tr:last-child td { text-align: right; } .reports__result-box { position: relative; overflow: auto; } .reports__result-box > h2 { margin-top: 0; } .reports__result-box table th { text-transform: none; } .table-wrapper { overflow-x: auto; } .reports .csv-download-button { margin: 20px 0 calc(3 * 20px); } .report-tree a, .report-tree .folder-item { display: block; padding: 15px 10px 15px 35px; border-bottom: 1px solid #C6DBEE; color: #00386E; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 32' fill='%2300386E'%3E%3Cpath d='M32 10V6.09L25.81 0H9.61a2.44 2.44 0 0 0-2.44 2.43L7 6.09H2C.7 6.09 0 6.7 0 8v21a3.23 3.23 0 0 0 1 2.34A2.83 2.83 0 0 0 3 32h31a.9.9 0 0 0 1-.87V11a1 1 0 0 0-1-1zM9 3a1 1 0 0 1 1-1h15l5.15 5.15V10H21.8a1 1 0 0 0-.7.3l-2 1.7H9zM4.1 29a1 1 0 0 1-1 1.15 1 1 0 0 1-.75-.26A1.25 1.25 0 0 1 2 29V9.05c0-.7 0-1 .48-1H7v4.15h-.26c-1.34 0-2.64.55-2.64 1.89zM33 30.13H6.08V15c0-.82.38-1 .92-1h13c.27 0 .18.05.37-.14L22.22 12H33z' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 5px 50% / 20px 20px; } .report-tree a { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 17' fill='%2300386E'%3E%3Cpath d='M13 4v-.65L9.61 0h-8.3A1.3 1.3 0 0 0 0 1.29v14.42A1.3 1.3 0 0 0 1.31 17h10.38A1.3 1.3 0 0 0 13 15.71V5zM9.2 1L12 3.75V4H8V1zM12 15.77a.23.23 0 0 1-.23.23H1.23a.23.23 0 0 1-.23-.23V1.23A.23.23 0 0 1 1.23 1H7v4h5z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .report-tree a.external-item { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 17' fill='%2300386E'%3E%3Cpath d='M13 4v-.65L9.61 0h-8.3A1.3 1.3 0 0 0 0 1.29v14.42A1.3 1.3 0 0 0 1.31 17h10.38A1.3 1.3 0 0 0 13 15.71V4zm-1 11.77a.23.23 0 0 1-.23.23H1.23a.23.23 0 0 1-.23-.23V1.23A.23.23 0 0 1 1.23 1H7v4h5zM12 4H8V1h1.2L12 3.75zM1.94 14.1h3.57v1H1.94zm0-1.62h3.57v1H1.94zm0-1.63h3.57v1H1.94zm6.75-.48a2.43 2.43 0 0 1 .61.09l-.87 2.23 2.41-.83a2.23 2.23 0 0 1 .16.83 2.32 2.32 0 1 1-2.31-2.32z'/%3E%3C/svg%3E"); } .report-tree a.excel-item { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 17' fill='%2300386E'%3E%3Cpath d='M13 4v-.65L9.61 0h-8.3A1.3 1.3 0 0 0 0 1.29v14.42A1.3 1.3 0 0 0 1.31 17h10.38A1.3 1.3 0 0 0 13 15.71V4zm-1 11.77a.23.23 0 0 1-.23.23H1.23a.23.23 0 0 1-.23-.23V1.23A.23.23 0 0 1 1.23 1H7v4h5zM12 4H8V1h1.2L12 3.75zm-4.45 6L9.1 7.86h1.62l-2.4 3.28L11 15H8.67L7 12.5l-1.17 1.58h1.06V15H3.6l2.57-3.64-2.49-3.5H6z'/%3E%3C/svg%3E"); } .report-tree .folder-item { border-bottom: none; padding-bottom: 5px; font-weight: 700; } .report-tree .report-tree { margin-left: 10px; } .app--kiosk-mode .reports__header { margin-top: -20px; padding-top: 10px; } /** * Table sorter */ #searchResult th { cursor: pointer; } #searchResult th::after { content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 10px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.17' fill='%23009FDF'%3E%3Cpath fill-rule='evenodd' d='M1.17 0L5 3.83 8.83 0 10 1.17l-5 5-5-5L1.17 0z'/%3E%3C/svg%3E") no-repeat center / contain; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .15s; transition: -webkit-transform .15s; transition: transform .15s; transition: transform .15s, -webkit-transform .15s; } #searchResult th.sort-asc::after { -webkit-transform: scale(1); transform: scale(1); } #searchResult th.sort-desc::after { -webkit-transform: scale(1) rotate(180deg); transform: scale(1) rotate(180deg); } /** Export formats */ .exportformats { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .exportformats .exportformats__label { margin-right: 2em; } .exportformats .exportformats__radios .radiogroup { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 6px 0 0 0; } .exportformats .exportformats__radios .radiogroup .radio { margin: 0 2em 0 0; } .exportformats .exportformats__btn { margin-left: auto; } /* * Tables */ .download-button-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* * Datepickers */ .datepicker-container, .location_date > .inputwrapper > .inputpadding, #Ingangsdatum_container > .inputwrapper > .inputpadding, #Realisatiedatum_container > .inputwrapper > .inputpadding, #afspraak_datum_container > .inputwrapper > .inputpadding { position: relative; } .datepicker-container::after, .location_date > .inputwrapper > .inputpadding::after, #Ingangsdatum_container > .inputwrapper > .inputpadding::after, #Realisatiedatum_container > .inputwrapper > .inputpadding::after, #afspraak_datum_container > .inputwrapper > .inputpadding::after { content: ''; display: block; width: 22px; height: 22px; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 33.95' fill='%2300386E'%3E%3Cpath d='M17.35 14.5h-5.29V9.21h5.29zm0 1.28h-5.29v5.29h5.29zm-6.58 0H5.48v5.29h5.29zm13.17 0h-5.29v5.29h5.29zm1.29 5.29h5.29v-5.29h-5.29zm-14.46 1.28H5.48v5.29h5.29zm1.29 5.29h5.29v-5.29h-5.29zm6.59 0h5.29v-5.29h-5.29zm5.29-18.43h-5.29v5.29h5.29zm6.58 0h-5.29v5.29h5.29zm-4-6.31H21v2h5.46zm4 2V0h-2v7h2zM19 4.9V0h-2v7h2zm13.49-1.75v2.16A3 3 0 0 1 34 7.9V29a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7.9a3 3 0 0 1 1.57-2.62V3.13A5 5 0 0 0 0 7.9V29a5 5 0 0 0 5 5h26a5 5 0 0 0 5-5V7.9a5 5 0 0 0-3.51-4.75zM7.57 4.9V0h-2v7h2zm7.43-2H9.57v2H15z'/%3E%3C/svg%3E") center center / 22px 22px no-repeat; pointer-events: none; } /* * Aanvragen */ .aanvraag .result-box table .producten-result { width: 100%; } .aanvraag .result-box .list table th { padding: 7px 0 7px 10px; color: white; } .aanvraag .result-box table th.fbContainerTitle { padding: 1em 0; font-weight: 500; } .aanvraag .result-box table.aansluitingen-result th { font-weight: 700; } .aanvraag .result-box table.aansluitingen-result td { font-weight: 400; } /* Status icons */ .status-icon { display: inline-block; } .status-icon-wrapper { display: block; float: left; width: 16px; height: 1em; position: relative; } .status-icon-wrapper:not(:only-child) { margin-right: 5px; } .status-icon-wrapper .status-icon { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-8px); transform: translateY(-8px); } #AanvraagP4Form .form-buttons-add { margin-top: 0; } callscript .loading-placeholder { margin-top: 200px; margin-bottom: 200px; padding-top: 60px; background-image: url(/image/callscript-loading.gif); background-repeat: no-repeat; background-position: center center; text-align: center; } workflowcomponent, .workflowcomponent { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; padding: 17px 25px 13px; border: 1px solid #C6DBEE; cursor: pointer; } workflowcomponent h2, .workflowcomponent h2 { margin: 0; font-size: 16px; font-weight: normal; } workflowcomponent .chosen-answer, .workflowcomponent .chosen-answer { color: #009FDF; } workflowcomponent h2::before, .workflowcomponent h2::before { content: ''; display: inline-block; margin-right: 20px; width: 14px; height: 100%; vertical-align: middle; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='%23009FDF'%3E%3Cpath class='cls-1' d='M8.83 0L5 3.73 1.17 0 0 1.14 5 6l5-4.86L8.83 0z'/%3E%3C/svg%3E") no-repeat 50% 50% / 14px; } /* current row */ workflowcomponent.current, .workflowcomponent.current { display: -webkit-box; display: -ms-flexbox; display: flex; background: white; } workflowcomponent.current h2, .workflowcomponent.current h2, workflowcomponent.current closed-question, .workflowcomponent.current closed-question { width: 100%; } workflowcomponent.current .chosen-answer, .workflowcomponent.current .chosen-answer { display: none; } workflowcomponent.current h2::before, .workflowcomponent.current h2::before { content: ''; display: inline-block; margin-right: 20px; width: 14px; height: 100%; vertical-align: middle; background: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='%23009FDF'%3E%3Cpath class='cls-1' d='M8.83 0L5 3.73 1.17 0 0 1.14 5 6l5-4.86L8.83 0z'/%3E%3C/svg%3E") no-repeat 50% 50% / 14px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* visited row */ workflowcomponent.visited.used, .workflowcomponent.visited.used { display: -webkit-box; display: -ms-flexbox; display: flex; } workflowcomponent.visited.used closed-question ul, .workflowcomponent.visited.used closed-question ul { display: none; } closed-question ul, .closed-question ul { margin: 20px 0; } closed-question ul li, .closed-question ul li { margin: .5em 0; color: #009FDF; cursor: pointer; } closed-question ul li:hover, .closed-question ul li:hover { color: #8CCFEF; } closed-question ul li.selected, .closed-question ul li.selected { font-weight: 700; } closed-question, .closed-question { font-size: 16px; } notification { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 1em; color: red; } notification.info { border-color: rgb(185, 218, 240); background-color: rgb(240, 240, 255); } notification .button { margin-top: 10px; cursor: pointer; } start-form { display: block; width: 100%; margin: 1em 0; } start-form .fbFormStep { border: none; padding: 0; } /* * Contracten */ .contracten table.products tr.odd td { background: #F9FAFD; } .contracten table.products tr.even td { background: white; } .contracten table.products tr.terminated td { background: #d4d4d4; } .contracten table.products tr.expired td { background: #fcc; } /*# sourceMappingURL=main.css.map */