/*
      Author: Primosite

      ETB-Bislife
      site209

      Poppins
*/

@import "etb-vars-v2.0.css";


/* STRUCTURE

#wrapper
  - #header-wrapper
  - #nav-trigger
  - #nav-wrapper
    - #nav
    - #head-nav-wrapper
    - #lang-search-wrapper
    - #site-nav-wrapper
  - #main-wrapper
#footer-wrapper

----------------------------------------------------*/
/* TEMP */
.verhuizing-wrapper table, 
.verhuizing-wrapper table td {border:none!important;}
.verhuizing .paragraph-wrapper {display:flex;flex-flow:row wrap;margin:0 -.5em 1em;position:relative;}
.verhuizing .paragraph-wrapper > * {flex-basis:45%;margin:.5em;flex-grow:1;min-width:var(--minW);}
.verhuizing .paragraph-wrapper.shaded {margin-bottom:.5em;}
.verhuizing a.button {float:right;margin:0 0 0 .5em;padding:.25em 1em;}
.multiple.contact .schoolguide.verhuizing {margin-top:2em;display:flex;flex-direction:column-reverse;}
.multiple.contact .schoolguide.verhuizing {margin-top:2em;}
.multiple.contact .schoolguide.verhuizing h1 a {text-decoration:none;padding:0 1em 0 0;align-items:center;font-size:var(--font3)}
.multiple.contact .schoolguide.verhuizing h1 a:after {
  display:inline-block;margin-left:.25em;content:" ";width:1.5em;height:1em;
  position:relative;top:5px;
  background-image:url(/images/layout/v2.0/arrow-right.png);background-size:100% 100%;;}
.multiple.contact .schoolguide.verhuizing .shaded {background-color:var(--tintGreen)}
.multiple.contact .verhuizing .paragraph-wrapper {padding:1em;margin:1em 0;}
.multiple.contact .verhuizing .paragraph-wrapper * {ont-size:var(--font-1)}
.multiple.contact .verhuizing .paragraph-wrapper h2 {font-size:var(--font1)}

/* /TEMP */

* {margin:0;padding:0;outline:0;;}
html {height:100%;}
body {height:100%;display:flex;flex-flow:column;
  font-family:'Poppins',sans-serif;
  line-height:1.5;
  color:var(--blue);}
#wrapper {flex-grow:1;}
#version {width:80px;text-align:center;position:fixed;top:0px;left:50%;margin-left:-40px;font-variant:small-caps; 
  padding:.5em 0;font-size:var(--font-1);background:var(--blue);color:white;opacity:.75;z-index:4;}

#logo {width:140px;position:absolute;top:6px;left:50%;margin-left:-50px;text-align:center;}
#logo a {display:inline-block;height:clamp(95px,11vw,105px);text-decoration:none;}

/* nav */
#nav-trigger {display:none;}
nav li {list-style:none;}
nav a {display:inline-block;font-size:var(--font0);text-decoration:none;}
nav a.level1 {font-weight:var(--fontSemiBold);text-transform:uppercase;white-space:nowrap;}
nav li.icon {margin:0 0 0 3px;}
nav a.icon {display:block;width:20px;max-width:20px;height:20px;padding:0;
  text-indent:-999em;border-radius:2px;
  background-color:var(--tintGrey);
  background-size:80%;
  background-position:50%;
  background-repeat:no-repeat;
}
nav a.icon.linkedin {background-color:var(--blue);background-image:url(/images/layout/v2.0/linkedin.png);}
nav a.myetb {background-color:var(--tintGrey);padding:0 1em}
body.nl #lang-nav li.nl {display:none;}
body.en #lang-nav li.en {display:none;}

#main-wrapper {max-width:calc(100% - var(--dubbleMarginW));margin:0 auto;}

#main #sub-nav-wrapper {flex-basis:var(--subNavW);margin:0 0 1em;}
#sub-nav li.level1,
#sub-nav .index-item {margin-top:.75em;}
#sub-nav li.level1,
#sub-nav .index-item {border-left:solid calc(var(--marginW) * .4) white;padding-left:calc(var(--marginW) * .6);margin-left:var(--negMarginW);}
#sub-nav li.level1.active,
#sub-nav li.level1:hover,
#sub-nav .index-item:hover,
#sub-nav .index-item.selected {border-color:var(--blue);}
#sub-nav a {text-transform:uppercase;letter-spacing:1px;font-size:var(--font-1);font-weight:var(--fontSemiBold);white-space:normal;}

#content-wrapper {position:relative;z-index:1;padding-bottom:1em;}

.body-home #content-wrapper {padding-top:120px}

.home #content-wrapper {background:none;}

#footer-wrapper {background:var(--tintGrey);position:relative;}
#footer > .editwrapper {position:absolute;top:1em;left:1em;}
#footer > .part {display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:flex-start}
#footer .banklinks-wrapper {flex-basis:250px;}
#footer .banklinks {justify-content:flex-start;}
#footer .banklinks:before {font-weight:bold;flex-basis:100%;}
#footer .banklink {background:none;padding:0;flex-basis:auto;color:inherit;text-align:left;margin:0 .25em;}
#footer .banklink:first-child {margin-left:0;}

#footer > .part > .text {flex-grow:1;}
#footer .part.bottom {margin-top:3em;}
#footer-nav {flex-basis:400px}
#footer-seperate-nav {align-self:flex-start;}
#footer nav ul {display:flex;flex-flow:row wrap;list-style:none;margin:0 -8px;}
#footer nav li {margin:0 8px;}
#footer nav a {text-transform:uppercase;text-decoration:none;}
#footer nav,
#footer nav a,
#footer .copyright
  {font-size:var(--font-1);font-weight:var(--fontSemiBold);} 
#footer .copyright {align-self:flex-end;display:flex;align-items:center;}
#footer .copyright:before{content:"C";display:flex;justify-content:center;align-items:center;
  border:solid 1px;border-radius:50%;width:clamp(10px,2vw,14px);height:clamp(10px,2vw,14px);margin-right:6px;}
#footer nav a.icon.linkedin {width:16px;height:16px;}

#main-wrapper {position:relative;z-index:1;}

#main-wrapper,
#content-wrapper,
#footer-wrapper {display:flex;flex-flow:row wrap;justify-content:center;}
#footer-wrapper {padding:2em var(--marginW);}

#main {display:flex;flex-flow:row wrap;}

body:not(.body-home) #main {padding-top:180px;}
#main > * {/*! margin:0 var(--halfMarginW); */}
#breadcrumbs {flex-basis:100%;display:flex;font-size:var(--font-2);margin-bottom:1em;}
.breadcrumb {margin-right:.5em;font-style:italic;}
.breadcrumb:before {content:">";margin-right:.5em;}
.breadcrumb:first-of-type:before {content:"";margin:0}
.breadcrumb a {text-decoration:none;}

#sub-nav {order:1;/*! flex-basis:var(--subNavW); *//*! max-width:var(--subNavW); */}
#content-wrapper {order:3;flex-basis:var(--contentW);/*! flex-grow:1; */}
#aside {order:4;flex-basis:var(--asideW);flex-grow:1;}
#content {flex-basis:var(--contentW);min-width:var(--minW);}
.body-emailform #content {flex-grow:1;}

#footer,
.home-banner .text-wrapper,
#minibingsearch,
#main {flex-basis:var(--mainW);}

.body-home #main-wrapper, .body-home #main,
.body-home #main > *,
.body-home #content,
.body-home #content-wrapper li{flex-basis:100%;width:100%;max-width:100%;margin:0;}

/* FONT-SIZE
----------------------------------------------------*/
#footer .banklink,#footer .text
{font-size:var(--font-1);}

body,a.more,
a.more:hover,
a.myetb-editlink
{font-size:var(--font0);}

h3 {font-size:var(--font1);}
h4 {font-size:var(--font0);}
.homepage h2 {font-size:var(--font1);}
.message {font-size:var(--font3);}
.banklink {font-size:var(--font3);}
h2 {font-size:var(--font4);}
h1 {font-size:var(--font5);}

/* FONT-WEIGHT
----------------------------------------------------*/
/* regular 400 */
body,
#footer .banklink {font-weight:var(--fontRegular);}

/* medium 500 */
a.more,
a.more:hover,
a.myetb-editlink,
.banklink
{font-weight:var(--fontMedium);}

/* semibold 600 */
h2,h3,h4,
.message {font-weight:var(--fontSemiBold);}

/* bold 700 */
h1 {font-weight:var(--fontBold);}

/* DEFAULTS
----------------------------------------------------*/
#wrapper *.hide {display:none;}

/* headers */
h1 {margin-bottom:.5em;}
h2,h3,h4 {margin-top:1em;}
h2:first-child,h3:first-child,h4:first-child {margin-top:0;}

/* links */
a {color:inherit;cursor:pointer;}
a.backlink {margin-bottom:1em;}
a.delete-item {display:inline-block;font-size:12px;font-weight:bold;width:16px;height:16px;
  line-height:10px;text-align:center;border-radius:50%;cursor:pointer;text-indent:-999em;
  background-color:var(--subRed);
  background-image:url(/images/layout/cross-white.png);
  background-size:50%;
  background-position:50%;
  background-repeat:no-repeat;
}
a.loadlink {cursor:pointer;}

a.myetb-editlink {font-size:var(--font-1);background:var(--blue);color:white;
  padding:6px;text-transform:uppercase;text-decoration:none;text-align:center;}
a.back,a.back:hover {display:inline-flex;align-items: baseline;text-decoration:none;font-weight:var(--fontSemiBold);margin-bottom:1em;}
a.back:before {margin-right:.25em;content: "<"; }

a.more,a.more:hover {display:inline-flex;align-items: baseline;text-decoration:none;font-weight:var(--fontSemiBold)}
a.more:before {margin-right:.25em;
  content: "\2022";  /* CSS Code/unicode for a bullet */}
a.more:after {margin-left:.25em;
  content: ">"; }
a.phone {display:inline-block;display:flex;align-items:center;text-decoration:none;font-size:var(--font2);font-weight:bold;}

.backlink {display:flex;}
.backlink .more {display:flex;align-items:center;justify-content:flex-start;}
.backlink .more:before {content:"< ";font-size:125%;margin-right:1em;}

#myetb-links a,
.loginpage .links a {display:inline-block;display:flex;text-decoration:none;margin-bottom:1em;}

*[href]{cursor:pointer;}

/* misc */
.editwrapper {float:none;}

#content ul, #footer ul {margin:.5em 0 1em;}
#content li ul,#footer li ul {margin-top:0;}
#content li,#footer li {margin-left:1.5em;}
.image {
  background-size:cover;
  background-position:50%;
}
.image img {display:block;max-width:100%;max-height:100%;}
#content p, #content .text {margin-bottom:1em;}
button:not(.tox),
button:not(.tox):hover,
a.button {
  /*! background-color:var(--blue); */color:white;
  font-family:inherit;font-weight:var(--fontSemiBold);
  border-radius:0;padding:.5em 1em;text-decoration:none;} 
.ps-alert {border-color:#fff!important;color:inherit;border-radius:3px;}
.ps-alertbutton {background:#BE2100;color:#fff;text-transform:uppercase;}
.ps-alertbutton:hover{background:#7C1300;}
button.no {background:#bbb;color:#444;}
button.no:hover {background:#aaa;}
.field {display:flex;flex-flow:row wrap;margin-bottom:1em;}
.fieldheader {flex-basis:25%;margin-right:1em;font-weight:bold;}
.fieldvalue {flex-basis:calc(100% - 25% - 1em);}
.message {color:red;}
.formelement.message {font-size:inherit;font-weight:inherit;color:inherit;}
.grecaptcha-badge {z-index:1;}
.text {margin-bottom:1em;}

.nl .banklinks:before{content: "Weefsel aanvragen";}
.en .banklinks:before{content: "Ordering tissue";}

#content .orderlogitem table {width:100%;border-collapse:collapse;}
#content .orderlogitem table {width:auto;}
#content th {text-align:left;}

/* banklinks */
.banklinks {display:flex;flex-flow:row wrap;justify-content:center;}
.banklink {flex-basis:180px;margin:6px;background-color:#132258;
  color:#fff;text-align:center;text-decoration:none;padding:.5em 0;
  border-radius:.75em;}
.banklink.active {background-color:var(--subBlue);}

#content .setpw {max-width:450px;margin:3em auto 0;}

#content .sharelinks {justify-content:flex-start;}
#content .sharelink {background-color:#132258;margin-right:1em;border-radius:2px;}
#content .sharelink:hover {background-color:#132258;margin-right:1em;border-radius:2px;}


/* gsc */
.gcsc-more-maybe-branding-root,
.gsc-result-info-container,
.gsc-orderby,
.gsc-above-wrapper-area {display:none;}


/* shaded */
.shaded {background-color:var(--shaded);padding:1em;}

/* icon-print */
a.icon-print {
  background-color:var(--blue);color:white;text-decoration:none;padding:0 .5em;
  font-variant:small-caps;
} 

/* icon-down-open */
.icon-down-open{cursor:pointer;}
.icon-down-open:before{transition:transform .3s linear 0s;}
.icon-down-open.open:before{transform:rotate(180deg);}
.icon-down-open+* {transition:max-height .3s linear .1s;max-height:0;overflow:hidden;}
.icon-down-open.open+* {transition:max-height .6s linear .1s;max-height:1200px;}

/* ACLGROUP(LIST)
-------------------------------------------------------------------------*/
.aclgroups {display:flex;flex-flow:row wrap;}
.aclgrouplink {display:block;flex-basis:calc((100% / 4) - 2px - 2em);padding:.5em;border:solid 1px #d3e5e2;margin:.5em;
  background:#E3F4F1;text-align:center;display:flex;flex-flow:column;justify-content:center;}
.aclgrouplink:hover{background:#d3e5e2;cursor:pointer;}
.aclgrouplist table {margin-top:2em;font-size:12px;}
.aclgrouplist th {padding:.25em;}
.aclgrouplist td {background:#eee;border-top:solid 1px #ccc;padding:.25em;}
.aclgrouplist .pending td {background:#f97777;}
.aclgroup-wrapper {margin-top:2em;}

/* AGENDA
-------------------------------------------------------------------------*/
.agendaitem-wrapper {position:relative;}
.agendaitem-wrapper .image {width:100%;height:clamp(150px,15vw,200px);background-position: left}
.agendaitem-wrapper .editwrapper {position:absolute;top:0;left:0;}
.agendaitem-wrapper .dates {display:flex;}
.agendaitem .date:before {font-weight:var(--fontBold);}
.agendaitem .startdate{margin-right:2rem;}
.agendaitem .startdate:before {content:"Vanaf: ";}
.agendaitem .enddate:before {content:"tot: ";}
.en .agendaitem .startdate:before {content:"From: ";}
.en .agendaitem .enddate:before {content:"until: ";}

/* CATALOG-BONE - BCB
-------------------------------------------------------------------------*/
.catalog-bone > .buttons {display:flex;flex-flow:row wrap;margin:1em -.5em;}
.catalog-bone > .buttons > button {margin:.5em;padding:1em;color:white;flex-grow:1;}
.catalog-bone .maingroups {display:flex;flex-flow:row wrap;margin:0 -1px;}
.catalog-bone .maingroups > * {flex-basis:calc((100% / 5) - 2px - 2em);flex-grow:1;font-size:87.5%;border:none;padding:1em 1em;margin:1px;
  background:var(--tintGreen);text-align:center;font-weight:bold;text-transform:uppercase;
  display:flex;flex-flow:column;justify-content:center;}
.catalog-bone .maingroups > *:hover, #productgroups a.selected {background:var(--subGreen);cursor:pointer;}
.catalog-bone .maingroup-wrapper {margin-top:2em;}

.catalog-bone .search {font-size:var(--font2);margin-top:1em;display:flex;}

.catalog-bone .search input  {font-size:var(--font1);padding:.5em;flex-grow:1;
border:solid 1px var(--purple);color:var(--purple);font-weight:var(--fontSemiBold);
background-image: url(/images/layout/magnifier.png);
background-color: var(--tintGreen);
background-repeat: no-repeat;
background-position: 99% 50%;
background-size: auto 80%;}

.catalog-bone .search input:focus {background-color:white;}

.catalog-bone .grafttypeheader,
.catalog-bone .short-grafttype {display:flex;flex-flow:row wrap;align-items:baseline;}
.catalog-bone .grafttypeheader {background:var(--subGreen);font-weight:var(--fontSemiBold);
  padding:.5em;text-transform:uppercase;}
.nl .catalog-bone.fallback.bonemember .grafttypeheader .stock:after {content:" circa"}
.en .catalog-bone.fallback.bonemember .grafttypeheader .stock:after {content:" approx."}

.catalog-bone .grafttypes {font-size:var(--font-1);margin-bottom:2em;}
.catalog-bone .short-grafttype-wrapper {display:flex;flex-flow:row wrap;margin-top:2px;}
.catalog-bone .short-grafttype {flex-grow:1;padding:.5em;background-color:var(--tintGreen);}
.catalog-bone .short-grafttype:hover {background-color:var(--subGreen);}
.catalog-bone .short-grafttype-wrapper .grafttype-document {display:flex;align-items:baseline;background-color:var(--tintGreen);}
.catalog-bone .grafttypes-wrapper .tissuecode {flex-basis:80px;font-weight:var(--fontSemiBold);}
.catalog-bone .grafttypes-wrapper .grafttypetitle {flex-basis:100px;flex-grow:1;}
.catalog-bone .grafttypes-wrapper .stock {flex-basis:20px;text-align:center;border-radius:4px;font-weight:var(--fontSemiBold);
  padding:0 3px;border:solid 1px var(--subGreen);}
.catalog-bone .grafttypes-wrapper .stock.nostock {border:none;}

.grafttype-document {padding:.5em 0 0;display:flex;align-items:flex-start;}
.grafttype-document a {display:inline-block;padding:0 .5em 0;text-decoration:none;
  background:var(--blue);color:white;border-radius:2px;text-transform:uppercase;margin-right:.5em;}

.grafttype > .back {margin-bottom:1em;}
.grafttype > h1 {font-size:125%;}
.grafttype .nostock {overflow:auto;margin-bottom:20px;}

.grafttype h3 {background:var(--tintGreen);padding:.5em 0;border-top:solid 2px var(--green);
  display:flex;flex-flow:row wrap;}
.grafttype h3 .graftNr {flex-basis:120px;margin-left:calc(20px + 1rem);margin-right:1rem;}
.grafttype > .documents {margin:1em 0;}
.grafttype .productdocument a:before {
  content: "PDF";font-size:12px;display: inline-block;padding: 1px .5em;margin-right:1em;
  text-decoration: none;background: #ffd6dc;border: solid 1px;color: red;border-radius: 2px;}

form.ordergraft {display:flex;width:100%;flex-flow: row wrap;align-items:center;}
.grafts-wrapper form.ordergraft {margin:2px 0;background-color: var(--tintGreen);padding:.25em 0;}
.ordergraft input.checkbox {flex-basis:20px;margin-right:.5rem;background:none;}
.ordergraft input.digits,
.ordergraft input.specs {padding:.5em;border:solid 1px #ccc;background:#eee;}
.ordergraft input.specs {flex-grow:1;margin-right:.5em;}
.ordergraft input.digits:focus,
.ordergraft input.specs:focus {background:#fff;}
.ordergraft input.digits {width:3em;margin-right:.5em;text-align:center;}
.ordergraft label {flex-basis:200px!important;flex-grow:1;display:flex;flex-flow:row wrap;padding:.125em .5em;align-items:center;}
.ordergraft label .graft-code {flex-basis:120px;margin-right:1em;}
.ordergraft label .graft-title {flex-basis:200px;flex-grow:1;}

.bone-doc {display:flex;flex-flow:row wrap;padding:2px 0;border-bottom:dotted 1px;}
.bone-doc.header {font-weight:bold;border-top:solid 1px;border-bottom:solid 1px;}
.bone-doc > .editwrapper {flex-basis:30px;}
.bone-doc > .bone-graftcode {flex-basis:100px;}
.bone-doc > .bone-doctitle {flex-grow:1;}
.bone-doc > .bone-doclink a {display:block;padding:0 5px;text-decoration:none;background:red;color:#fff;border-radius:3px;text-transform:uppercase;}


.bone-pics {display:flex;flex-flow:row wrap;}
.bone-pic {flex-basis:120px;margin:.5rem;padding:.5rem;flex-grow:1;border:solid 1px var(--tintGrey);
  display:flex;flex-flow:column;
}
.bone-pictitle {flex-grow:1;font-weight:var(--fontBold);}

/* CATALOG-HEARTVALVE
-------------------------------------------------------------------------*/
.catalog-heartvalve .product {display:flex;flex-flow:row wrap;justify-content:space-between;
  margin-bottom:3em;font-size:12px;position:relative;}
.catalog-heartvalve .productheader {padding:.25em 0 .25em .5em;flex-basis:100%;
  background:var(--subGreen);text-transform:uppercase;display:flex;font-weight:var(--fontSemiBold);}
.catalog-heartvalve .haspicture .productheader {padding-left:150px;}
.catalog-heartvalve .image {flex-basis:150px;padding:.5em 0;position:relative;
  display:flex;flex-flow:column;justify-content:center;}
.catalog-heartvalve .image img {width:100%;max-width:220px;margin:0 auto;}
.catalog-heartvalve .product .editwrapper {position:absolute;left:0;top:0;}
.catalog-heartvalve .fields {flex-basis:calc(100% - 150px - .5em);flex-grow:1;background:var(--tintGreen);
  display:flex;flex-flow:row wrap;margin-top:2px;}
.catalog-heartvalve .productheader .dimension {text-transform:capitalize;}
.catalog-heartvalve .products .field {display:block;margin:0;}
.catalog-heartvalve .products .fields .field {padding-left:.25em;}
.catalog-heartvalve .products .field h3 {flex-basis:100%;font-size:100%;}
.catalog-heartvalve .products .tissuecode {flex-basis:70px;}
.catalog-heartvalve .products .productdescription {flex-basis:100px;flex-grow:1;}
#content .catalog-heartvalve .products .productdescription .text {margin-bottom:.5em}
.catalog-heartvalve .products .productdocument {flex-shrink:10;width:20px;overflow:hidden;}
.catalog-heartvalve .products .dimension {flex-basis:90px;flex-shrink:0;}
.catalog-heartvalve .products .productdocument a {display:block;width:16px;height:16px;padding:0;text-indent:-9999em;border:none;}
.catalog-heartvalve .products .productdocument a.pdf {}

/* FORMS
----------------------------------------------------*/
#ff-username {width:calc(100% - 1em);}

.passwordreminder .formfield.email {max-width:400px;}

.emailform-wrapper > .emailform {display:flex;flex-flow:row wrap;}
.emailform-wrapper > h1 {flex-basis:100%;} 
div.emailform > .emailform-text,div.emailform > .emailform-form {flex-basis:300px;flex-grow:1;}
div.emailform > .editwrapper {flex-basis: 100%}

.formelement.xtoaddress input {flex-grow:0;}
.formelement.xtoaddress label {flex-basis:200px;flex-grow:1;}

.emailform .formelement.toaddress:before {content:"Bestemd voor";font-weight:var(--fontSemiBold);}
.en .emailform .formelement.toaddress:before {content:"To the attention of";}
.emailform label:not(.radio){font-weight:var(--fontSemiBold);}
#content .jobapplication > div {width:580px;max-width:100%;}
#content .jobapplication div.emailform {display:block;}

#confirmorder .statusowner {margin-left:.5em;}
#confirmorder .fieldheader {flex-basis:100%;font-weight:bold;}

#editorderdata {display:flex;flex-flow:row wrap;justify-content:flex-start;}
#editorderdata > div {flex-basis:100%;}
#editorderdata > div.date {flex-basis:220px;margin-right:1em;}
#editorderdata > div.date > * {flex-basis:100%;}
#editorderdata > div.date input {width:12em;text-align:center;}

#editorderdata .field {display:block;}
#editorderdata .field input,#editorderdata .field textarea {width:calc(100% - 2px - 1em);padding:8px;border-radius:3px;border:solid 1px #444;}
#editorderdata .addresses {flex-grow:1;display:flex;flex-flow:row wrap;justify-content:space-between;margin:2em -.5em 2em;}
#editorderdata .addresses > div {flex-basis:calc(50% - 1em);margin:0 .5em;}
#editorderdata .orderline.header {font-weight:bold;}
#editorderdata .orderlinedata {margin-bottom:2em;}
#editorderdata .orderline {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;border-bottom:dotted 1px;padding:.5em 0;}
#editorderdata .orderline > * {display:inline-block;}
#editorderdata .orderline .delete-item {order:4;display:inline-block;font-size:12px;font-weight:bold;flex-basis:14px;width:14px;height:14px;
  line-height:10px;margin-right:.5em;background:red;color:#fff;text-align:center;border-radius:50%;cursor:pointer;}
#editorderdata .orderline .productid {order:2;flex-basis:180px;font-weight:bold;margin-right:1em;}
#editorderdata .orderline .producttitle {order:3;flex-basis:calc(100% - 60px - 180px - 14px - 4em);flex-grow:1;}
#editorderdata .orderline .qty {order:1;width:60px;margin-right:1em;}

form.EditUser {margin:0 -8px;}
form.EditUser > * {margin:8px;}
form.EditUser .formelement span.mandatory {position:absolute;margin-top:-5px;}
form.EditUser .formelement.loginname {flex-basis:250px;}
form.EditUser .formelement.Password {flex-basis:100px;}
form.EditUser .formelement.firstname {flex-basis:250px;}
form.EditUser .formelement.middlename {flex-basis:80px;}
form.EditUser .formelement.lastname {flex-basis:250px}
form.EditUser .formelement.Gender {flex-basis:50px}
form.EditUser .formelement.email {flex-basis:100%;}
form.EditUser .formelement.Company {flex-basis:300px;}
form.EditUser .formelement.department {flex-basis:300px;}
form.EditUser .formelement.Function {flex-basis:300px}
form.EditUser .formelement.address {flex-basis:250px}
form.EditUser .formelement.zip {flex-basis:80px;}
form.EditUser .formelement.city {flex-basis:300px}
form.EditUser .formelement.phone {flex-basis:200px;}
form.EditUser .formelement.phone2 {flex-basis:400px;}
form.EditUser .formelement.phone3 {flex-basis:400px;}

form.EditPendingUser {margin:0 -8px;}
form.EditPendingUser > * {margin:8px;}
form.EditPendingUser .formelement span.mandatory {position:absolute;margin-top:-5px;}
form.EditPendingUser .formelement.loginname {flex-basis:250px;}
form.EditPendingUser .formelement.Password {flex-basis:100px;}
form.EditPendingUser .formelement.firstname {flex-basis:250px;}
form.EditPendingUser .formelement.middlename {flex-basis:80px;}
form.EditPendingUser .formelement.lastname {flex-basis:250px}
form.EditPendingUser .formelement.Gender {flex-basis:50px}
form.EditPendingUser .formelement.email {flex-basis:100%;}
form.EditPendingUser .formelement.Company {flex-basis:300px;}
form.EditPendingUser .formelement.department {flex-basis:300px;}
form.EditPendingUser .formelement.Function {flex-basis:300px}
form.EditPendingUser .formelement.address {flex-basis:100%}
form.EditPendingUser .formelement.zip {flex-basis:80px;}
form.EditPendingUser .formelement.city {flex-basis:300px}
form.EditPendingUser .formelement.phone {flex-basis:200px;}
form.EditPendingUser .formelement.phone2 {flex-basis:400px;}
form.EditPendingUser .formelement.phone3 {flex-basis:400px;}

/* EMAILFORMBOX
----------------------------------------------------- */
.emailformbox .emailheader {border-bottom:solid 1px;display:flex;justify-content:space-between;align-items:baseline;}
.emailformbox .emailheader:before,
.emailformbox .emailheader * {font-size:var(--font3);font-weight:var(--fontRegular);}
.emailformbox .emailheader h2 {flex-grow:1;margin-bottom:0;}
.emailformbox .emailheader .date {flex-basis:9em;}
.emailformbox .buttons {display:flex;justify-content:space-between;margin-top:.5em;}
.emailformbox .buttons .icon-print {font-size:var(--font2)}

.emailformbox .email {padding:.25em 0;position:relative;}
.emailformbox .emailbody {background-color:var(--tintBlue);padding:0 1rem;}
.emailformbox h2 {margin:0 0 1em;}
.emailformbox .field {padding:.25em 0;margin:0;border-bottom:solid 1px #ccc;}
.emailformbox .field:last-child {border-bottom:none;}

/* HOMEPAGE
----------------------------------------------------*/
.home-banners-wrapper {position:relative;background-color:#62BEBD;z-index:1;height:clamp(175px,35vw,400px);overflow:hidden;}
.home-banners-footer {height:8px;background:var(--gradient);}
.home-banners-wrapper > .home-banners {z-index:1;}

.home-banners-wrapper > .banner-index-wrapper {width:100%;position:absolute;bottom:0;left:0;z-index:2;}
.home-banners-wrapper .banner-index {width:var(--mainW);max-width:calc(100% - var(--dubbleMarginW));margin:0 auto;text-align:right;padding-right:2em;}
.home-banners-wrapper .banner-index > span {text-indent:9em;overflow:hidden;
  display:inline-block;width:12px;height:12px;box-shadow:1px 1px 2px var(--blue);
  background-color:var(--tintBlue);margin:1em 1em 1em 0;border-radius:50%;cursor:pointer;}
.home-banners-wrapper .banner-index > span:last-of-type {margin-right:0;}
.home-banners-wrapper .banner-index > span.cycle-pager-active,
.home-banners-wrapper .banner-index > span:hover {
  background-color:var(--subBlue);}
.home-banners-wrapper > .editwrapper {position:absolute;top:50px;left:20px;z-index:1;}
.home-banner-wrapper {width:100%;overflow:hidden;}
.home-banner-wrapper[href] h1:after {content:"";
  margin-left:.25em;position:relative;top:5px;
  display:inline-block;width:1.125em;height:.8em;
  background-image:url(/images/layout/v2.0/arrow-right-white.png);
  background-size:100% 100%;
}
.home-banner-wrapper > .image {width:100%;
  height:clamp(175px,35vw,400px);margin:0 auto;
  background-position:left 50% bottom 0;
  background-size:auto 100%;
  background-repeat:no-repeat;
}
.home-banner {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-flow:row wrap;justify-content:center;}
.home-banner > .editwrapper {position:absolute;top:100px;left:100px;}
.home-banner .text-wrapper {position:relative;margin-top:clamp(5em,15vw,12em);margin-left:50%;}
.home-banner h1 {color:white;font-size:var(--font10);font-weight:500;
  line-height:1.3;text-shadow: 0 .125em 15px #666;}

.homepage-wrapper {width:var(--mainW);max-width:calc(100% - var(--dubbleMarginW));margin:0 auto;}
.homepage-wrapper .homepage {display:flex;flex-flow:row wrap;margin:0 var(--negHalfMarginW)}
.homepage-wrapper .homepage > * {flex-grow:1;margin:var(--halfMarginW);min-width:var(--minW);}

.homepage-wrapper .homepage > .banklinks-wrapper {flex-basis:100%;margin-bottom:1.5em;}
.homepage .banklinks:before {text-transform:uppercase;font-size:var(--font4);font-weight:600;flex-basis:100%;text-align:center;padding:1em 0 .5em;}

.home-schoolguide-wrapper,
.home-news-wrapper {flex-basis:calc((100% / 3) - var(--marginW));background-color:var(--tintBlue);}
.home-schoolguide-wrapper:hover,
.home-news-wrapper:hover {background-color:var(--subBlue);}

.home-schoolguide:hover h1 {text-decoration:underline 2px;text-underline-offset:7px;}
.home-schoolguide h2 {margin-bottom:1em;}

.home-newsitem-wrapper {margin-bottom:1em;}
.home-newsitem-wrapper > .editwrapper {position:absolute;left:0px;}
.home-newsitem h2 {margin-top:0;}
.home-newsitem:hover h2 {text-decoration:underline 2px;text-underline-offset:5px;}
.home-newsitem .subtitle {font-size:var(--font-1);}

.home-navigation-wrapper {background-color:var(--tintGreen);position:relative;z-index:0;display:flex;flex-flow:column;}
.home-navigation-wrapper:hover {background-color:var(--subGreen);}
.home-navigation:hover h1 {text-decoration:underline 2px;text-underline-offset:7px;}
.home-navigation {height:100%;padding:2em;}
.home-navigation-wrapper,
.home-video-wrapper {flex-basis:calc((100% / 2) - var(--marginW));}

.home-news,
.home-schoolguide {padding:2em;position:relative;z-index:1;}
.home-vacancybank {padding:2em 2em 0em;margin-bottom:1em;position:relative;z-index:1;}

.home-agenda {flex-basis:100%;}
.home-agenda .agendaitem h2 {position:absolute;padding:0 1rem 0 0;
  top:clamp(3rem,6vw,85px);
  left:clamp(150px,30vw,400px);
  font-size:var(--font8);color:white;font-weight:var(--fontLight);}

.home-vacancy-wrapper {margin-bottom:1em;position:relative;z-index:2;}
.home-vacancybank:hover h1 {text-decoration:underline 2px;text-underline-offset:7px;}
.home-vacancy-wrapper:hover h2 {text-decoration:underline 2px;text-underline-offset:5px;}
.home-vacancies {padding:0 2em;margin-bottom:1em;}

/* LIBRARY
----------------------------------------------------*/
.library-wrapper > div {flex-grow:1;}
.library-wrapper .library {}

.library-wrapper .folder {}
#content .library-wrapper .folder > .text {padding-bottom:1em;margin:0;border-bottom:dotted 1px;}

.library-wrapper div.document {padding:.5em 0;border-bottom:dotted 1px;}
.library-wrapper .document > .editwrapper {float:none;}
.library-wrapper .document > .text {font-style:italic;font-size:small;}
.library-wrapper .doclink {text-decoration:none;margin-bottom:1em;
display:flex;justify-content:space-between;}
.library-wrapper .doclink > span {margin-right:.5em;}
.library-wrapper .pubyear {order:1;flex-basis:3em;font-size:125%;font-weight:bold;display:none;}
.library-wrapper.publications .pubyear {display:block;}
.library-wrapper .doclink .title {order:2;flex-grow:1;}
.library-wrapper .doclink:before {
  order:3;flex-basis:3em;min-width:3em;height:2em;text-align:center;
  margin:0 0 0 .5em;font-size:var(--font-1);font-weight:var(--fontSemiBold);border-radius:5px;
  display:flex;justify-content:center;align-items:center;}
.pdf .doclink:before {content:"PDF";border-color:var(--blue);background-color:var(--blue);color:white;}
.misc .doclink:before {content:" ";
  background:#fff url(/images/layout/v2.0/externallink.png) no-repeat 50%;
  background-size:100%;
  background-position:50%;
}

/* LINKOVERVIEW
----------------------------------------------------*/
.linkoverview-wrapper {display:flex;flex-flow:row wrap;justify-content:space-between;}
.linkoverview-wrapper > h1 {flex-basis:100%;margin-right:calc(340px + .5em);}
.linkoverview-wrapper > div {flex-grow:1;}
.linkoverview-wrapper .linkoverview {order:1;flex-basis:calc(100% - 340px - 1em);margin-right:1em;border-top:solid 1px;padding-top:1em;}
.linkoverview .navigation-wrapper {position:relative;padding:1em 0;border-bottom:dotted 1px;}
.linkoverview .navigation-wrapper:last-child {border-bottom:none;}
.linkoverview .navigation-wrapper > .editwrapper {position:absolute;left:-30px;top:1em;}
.linkoverview .navigation {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
.linkoverview .navigation > .image {flex-basis:150px;margin-right:1em;}
.linkoverview .navigation > .text {flex-basis:calc(100% - 150px - 1em);}
.linkoverview .navigation > .url {flex-basis:150px;margin:1em 1em 0 0;}
.linkoverview .navigation > a.link {margin-top:1em;display:inline-block;text-decoration:none;padding:.125em 1em;;
  background-color:#543B58;color:#fff;font-family:inherit;border-radius:0;}
.linkoverview .navigation > a.link:after {content:" >";margin-left:.5em;}

/* LOG
----------------------------------------------------*/
.logitem-header {display:flex;align-items: baseline;
  font-size:var(--font3);border-bottom:solid 1px;padding:.25em 0 0;}
.logitem-header > *:first-child {flex-grow:1;}
.logitem-header .date {flex-basis:9em;}
.logitem {background-color:var(--tintBlue);padding:0 1rem;}
.logitem .buttons {display:flex;justify-content:space-between;margin-top:.5em;}
.logitem .buttons .icon-print {font-size:var(--font2)}

/* MEMBERPART
----------------------------------------------------*/
.memberpart {max-width:var(--asideW);
  background:var(--tintGreen);padding:2em 2em 5em;margin:0 auto;
  border-top:solid 4px var(--blue);border-bottom:solid 4px var(--blue);}
.memberpart h2 {text-transform:uppercase;}
.memberpart > * {margin-bottom:1em;}
.memberpart .box.login form {margin-top:1em;width:100%;}
.memberpart .heartvalve-nl {font-size:var(--font-2)}

/* orderlist */
.orderlist {margin-bottom:2em;}
.orderlist .orderline {display:flex;flex-flow:row wrap;justify-content:space-between;font-size:12px;border-bottom:dotted 1px;padding:.5em 0;}
.orderlist .orderline > * {display:inline-block;}
.orderlist .orderline .delete-item {order:2;}
.orderlist .orderline .qty {background:#95D4CA;padding:0 .5em;border-radius:2px;
  color:#fff;font-weight:bold;flex-basis:10px;text-align:center;margin-right:.5em;}
.orderlist .orderline .productid {order:1;font-weight:bold;flex-grow:1;}
.orderlist .orderline .producttitle {order:3;flex-basis:100%;flex-grow:1;}
.orderlist a.confirmorder {display:inline-block;text-align:center;text-decoration:none;
  font-weight:var(--fontSemiBold);
  margin-top:2em;background:var(--blue);color:#fff;padding:.5em 1em;}

/* MEMBERSHIPREQUESTS
----------------------------------------------------*/
.membershiprequest .date {margin-bottom:1em;}
.membershiprequest .date:before {content:"Datum aanvraag: ";color:var(--red);margin-right:.5em;}
.membershiprequest-body .field {padding:.5em 0;margin:0;border-bottom:dotted 1px #ccc;}
.membershiprequest-body .key {flex-basis:150px;}

.short-membershiprequest {display:flex;flex-flow:row wrap;margin:2px -.5em;background-color:var(--tintBlue);}
.short-membershiprequest:hover {background-color:var(--subBlue);}
.short-membershiprequest:hover > * {color:white!important;}
.short-membershiprequest > * {margin:.5em;}
.short-membershiprequest .date {color:var(--red);}

/* MULTIPLE-BANK
----------------------------------------------------*/
.multiple-bankbody .head .image {margin-bottom:1em;}
.multiple-bankbody > .link-wrapper {margin-bottom:2em;position:relative;}
.multiple-bankbody > .link-wrapper > .editwrapper {position:absolute;margin:6px 0 0 -32px;}
.multiple-bankbody p:last-of-type {margin-bottom:0!important;margin-right:.5em;display:inline;}
.multiple-bankbody .link:hover h2 {text-decoration:underline;text-underline-offset:6px}

/* MULTIPLE-CONTACT
----------------------------------------------------*/
.multiple.contact .contact-wrapper {
  display:flex;flex-flow:row wrap;margin:0 var(--negMarginW);}
.multiple.contact .contact-wrapper > * {margin:var(--marginW);}
.multiple.contact .contact-part1 {
  flex-basis:100%;}
.multiple.contact .contact-part2,.multiple.contact .contact-part3 {
  flex-basis:40%;flex-grow:1;}

.multiple.contact .contact-part1 .paragraphs {display:flex;flex-flow:row wrap;align-items:flex-end;
  margin:0 var(--negHalfMarginW);}
.multiple.contact .schoolguide .editwrapper {position:absolute;}
.multiple.contact .contact-part1 .paragraph-wrapper {
  flex-basis:400px;margin:var(--halfMarginW);
  display:flex;flex-flow:row;align-items:flex-end;}
.multiple.contact .contact-part1 .paragraph-wrapper:first-child .paragraph {border-right:solid 1px;}
.multiple.contact .contact-part1 .paragraph-wrapper > * {margin:var(--halfMarginW);}
.multiple.contact .contact-part1 .paragraph-wrapper > .image {flex-basis:75px;min-width:75px;}
.multiple.contact .contact-part1 .paragraph-wrapper > .paragraph {flex-basis:400px;}
#content .multiple.contact .paragraph-wrapper div.text {margin:0;}
#content .multiple.contact .paragraph-wrapper p:last-of-type {margin:0;}
.multiple.contact .contact-part1 .paragraph-wrapper * {font-size:96%}

.multiple.contact .banklinks {justify-content:flex-start;margin:1em var(--negHalfMarginW) 2em;}
.multiple.contact .banklinks:before {margin:1em var(--halfMarginW);flex-basis:100%;font-weight:var(--fontSemiBold);}
.nl .multiple.contact .banklinks:before {content:"Weefselaanvragen & Prijsinformatie";}
.en .multiple.contact .banklinks:before {content:"Ordering Tissue & Pricing Information";}
.multiple.contact .banklink {flex-basis:110px;font-size:var(--font-1)}
.nl .multiple.contact .banklinks:before {margin:1em var(--halfMarginW);
  content:"Weefselaanvragen & Prijsinformatie";flex-basis:100%;font-weight:var(--fontSemiBold);}
.multiple.contact .banklink {flex-basis:110px;font-size:var(--font-1)}

.multiple.contact .xlocations-wrapper {
  flex-basis:45%;max-width:var(--contentW);flex-grow:1;
}
.multiple.contact .xlocations {
  padding:1em;margin-top:.5em;display:flex;flex-flow:row wrap;
  background-color:var(--tintGreen);}
.multiple.contact .xlocations > * {flex-grow:1}
.multiple.contact .xlocations > *:last-child {flex-grow:1;}
.multiple.contact .xlocation-wrapper {margin-right:.25em;}
.multiple.contact .xlocation {flex-grow:1;margin-bottom:.5em;}
.multiple.contact .location-info .contact-info {min-height:60px;}
.multiple.contact .xlocation-wrapper button {align-self: flex-start;}
.multiple.contact .xlocation .subtitle {font-style: italic;}
.multiple.contact .xlocation .phone1:before {content:"Tel: ";}
.multiple.contact .xlocation .phone2:before {content:"Fax: ";}
.multiple.contact .xlocation .zip {margin-right:.25em;}
.multiple.contact .emailform-wrapper {flex-basis:var(--minW);}

/* MULTIPLE ORDEROVERVIEW
----------------------------------------------------*/
.bone-orderoverview-wrapper .buttons {display:flex;justify-content:space-between;margin-top:.5em;}
.bone-orderoverview-wrapper .buttons .icon-print {font-size:var(--font2)}

/* MYETB
----------------------------------------------------*/
.myetb-wrapper {display:flex;flex-flow:row wrap;margin:0 -6px;}
.myetb-wrapper > * {margin:6px;}
.myetb-wrapper .loginpage {margin:0 auto;}
.myetb-nav-wrapper {flex-basis:var(--subNavW);}
.myetb-wrapper .myetb {flex-basis:var(--contentW);flex-grow:1;}
#content .myetb-wrapper nav li {margin:0 0 .5em;}
.myetb-wrapper > .msg {background:#DD6237;color:#fff;padding:.5em;font-size:125%;
  text-align:center;margin-bottom:1em;border-radius:3px;}

.myetb-wrapper .loginpage {width:calc(100% - 2em);max-width:500px;}
.myetb-wrapper .loginpage h3 {margin-bottom:.5em;}

.myetb-editlinks {margin:1em 0;display:flex;flex-flow:row wrap;margin:0 -.5em;}
.myetb-editlink {flex-grow:1;margin:.5em;}
.myetb-body .field {padding:.25em;background-color:var(--tintGreen);margin:0 0 2px;}

.myetb #orders {font-size:87.5%;}
.myetb #orderheading {display:flex;flex-flow:row wrap;
  border-top:solid 2px #325b4f;background:#9DD4D4;color:#325b4f;overflow:auto;}

.myetb-personal {max-width:500px;}
.myetb #orders a.order {display:flex;flex-flow:row wrap;
  margin-bottom:2px;text-decoration:none;font-size:87.5%;}
.myetb #orders a.order,
.myetb #wl .wlitem {background-color:var(--tintGreen);}
.myetb #orders a.order:hover,
.myetb #wl a.wlitemlink:hover {background-color:#d3e5e2;}

.myetb #orderheading > span,
.myetb #orders a.order > span  {min-height:1em;margin:0 .5em 1em;}
.myetb .ordertitle {flex-basis:calc(200px - 1em);}
.myetb .orderdate {flex-basis:9em;}
.myetb .orderstatus .message167:after {content:" en verwerkt";}
.en .myetb .orderstatus .message167:after {content:" and processed";}
.myetb .orderstatus {flex-basis:calc(230px - 1em);}

.myetb #wl {font-size:87.5%;}
.searchwl {display:flex;margin:1em 0;}
#searchwl {width:250px;margin-right:.5em;padding:.5em;border:solid 1px #ccc;background:#eee;}
.myetb #wlheading {display:flex;flex-flow:row wrap;justify-content:space-between;
  padding:1em calc(35px + 4em) 1em 1em;background:var(--subGreen);color:white;}
.myetb #wlheading > span {margin:0 .5em 0 0;}

.myetb #wlheading .sort {display:none;width:10px;height:10px;padding:1px;text-indent:-9999em;background:#325B4F;border:none;border-radius:50%;}
.myetb .wlitem {margin-top:2px;position:relative;padding:1em;}
.myetb .wlitem > .delete-item {position:absolute;top:.75em;right:30px;}
.myetb .wlitem a.print {position:absolute;top:2.5em;right:0;width:50px;height:35px;display:block;text-indent:-9999em;
  background-colo:#9DD4D4;
  background-image:url(/images/layout/print.png);
  background-size:auto 100%;
  background-position:50%;
  background-repeat:no-repeat;
  border-radius:3px;
}
.myetb .wlitemlink {display:flex;flex-flow:row wrap;justify-content:space-between;
  margin-right:calc(35px + 3em);padding:.5em 0;text-decoration:none;}
.myetb .wlitemlink > span {margin:0 .5em 0 0;}
.myetb .wldate {flex-basis:120px;}
.myetb .wlpatient {flex-basis:250px;}
.myetb .wlbirthdate {flex-basis:120px;}
.myetb .wlphysician {flex-basis:250px;}
.myetb .wlsurgerydate {flex-basis:120px;}
.myetb .wlnotecounter {position:absolute;top:.5em;right:.5em;min-width:10px;text-align:center;
  background:var(--iconOrange);padding:0 .5em .125em;border-radius:3px;color:#fff;cursor:pointer;}
.myetb #wl .wlnotecounter.open {}

.myetb .wlitem .sentemail {padding:1em;background:#f2f9f8}
.myetb .wlitem .sentemail h1 {font-size:150%;}
#content .myetb .wlitem .sentemail h2 {font-size:125%;margin-top:1em;}
#content .myetb .wlitem .sentemail .field {flex-basis:calc(50% - .5em);background:inherit;font-size:smaller;border-bottom:dotted 1px;padding-bottom:.5em;}
#content .myetb .wlitem .sentemail .fieldheader {flex-basis:calc(40% - .5em);}
#content .myetb .wlitem .sentemail .fieldvalue {flex-basis:calc(60% - .5em);}

.myetb .wlnotes {padding:1em;}
.myetb .wlnotes h3 {}
.myetb .wlnote {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;margin-bottom:2px;}
.myetb .wlnote > * {background-color:#D3E5E2;margin-right:2px;padding:0 .5em;}
.myetb .wlnotedate {flex-basis:120px;}
.myetb .wlnotetitle {flex-basis:200px;flex-grow:1;}
.myetb .wlnotetext {flex-basis:380px;flex-grow:1;}
.myetb .wlnote .delete-item {background-color:#EF4147;padding:0;}

.myetb .wlnoteform {padding:1em;background:#D3E5E2;display:flex;flex-flow:row wrap;justify-content:space-between;}
.myetb .wlnoteform .fields {flex-grow:1;margin:0 1em;display:flex;flex-flow:row wrap;}
.myetb .wlnoteform .fields > * {flex-basis:100%;}
.myetb .wlnoteform > .buttons {align-self:flex-end;}

.myetb .wlnoteform h4 {font-size:100%}
.myetb .wlnoteform input,
.myetb .wlnoteform textarea {font-family:inherit;padding:5px;border:solid 1px #ccc;color:#888;}
.myetb .wlnoteform input:focus,
.myetb .wlnoteform textarea:focus {color:#000;}
.myetb .wlnoteform input {margin-bottom:.5em;}

.my-order-header {font-size:var(--font3);display:flex;border-bottom:solid 1px;}
.my-order-header .ordertitle {flex-basis:200px;flex-grow:1;}
.my-order-header.open + .my-order {background-color:var(--tintBlue);padding:1rem ;}
.my-order .date {display:flex;}
.my-order .date .key {flex-basis:13em;font-weight:var(--fontBold);}
.my-order .orderlines > * {display:flex;flex-flow:row wrap;border-bottom:dotted 1px;align-items:center;}
.my-order .orderlines .amount {flex-basis:4rem;}
.my-order .orderlines .tissuecode {flex-basis:8rem;}
.my-order .orderlines .description {flex-basis:200px;flex-grow:1;}

/* NEWS
----------------------------------------------------*/
.newsitem-wrapper h2 {margin-top:0;}
.newsitem-wrapper .subtitle {font-size:var(--font0);}
.newsitem .date {font-size:var(--font-1);font-style:italic;margin-bottom:2em;}

/* PATIENTREGISTRATION
----------------------------------------------------*/
.patientregistration .instructions {margin-bottom:2em;}
.patientregistration span.mandatory,
form.patientregform .mandatory h3:after {color:red;margin-left:.125em;display:inline-block;}
form.patientregform h3 {font-size:var(--font-3);font-weight:var(--fontSemiBold)}
form.patientregform .mandatory h3:after {content:"*";}
form.patientregform input,form.patientregform textarea {padding:8px;border:solid 1px #666;border-radius:3px;}
form.patientregform select {width:100%;}
form.patientregform input.date {width:calc(100% - 2px - 1em);text-align:center;}
form.patientregform .help {font-size:12px;font-style:italic;}
form.patientregform button {font-size:150%; width:8em;flex-basis:100px!important;flex-grow:0!important;}
form.patientregform .etb-bisliferemarks {border:solid 1px #79637c;background:#fff;padding:1em;font-weight:bold;}
form.patientregform .etb-bisliferemarks span.nb {font-size:150%;margin-right:.5em;display:inline-block;
  background:var(--subRed);color:white;width:1em;height:1em;text-align:center;line-height:1;border-radius:50%;font-style:italic;}

form.patientregform textarea.multiple {height:5em;line-height:1.2;overflow:hidden;}
form.patientregform .multipleselect  {width:100%;position:relative;}
form.patientregform .multipleselect .selectbox {position:absolute;background:white;border:solid 1px var(--tintGrey);padding:1em;
  width:calc(100% - 2px - 2em);z-index:1;box-shadow:var(--boxShadow);font-size:var(--font-1);}

form.patientregform > div {display:flex;flex-flow:row wrap;margin:0 -2px 2em;align-items:flex-start;}
form.patientregform > div > * {flex-basis:220px;margin:0 2px 1em;flex-grow:1;
  display:flex;flex-flow:row wrap;}
.patientformfield .formfieldheader {flex-basis:100%;}
.patientformfield input, .patientformfield textarea {flex-grow:1;}
.patientformfield .multipleselect  {flex-grow:1;display:flex;flex-flow:row wrap;}
.patientformfield .multipleselect > *  {flex-grow:1;}

form.patientregform h2,
form.patientregform .patientformfield.physician_in_charge,
form.patientregform .patientformfield.last_name,
form.patientregform .patientformfield.physician_in_charge,
form.patientregform .patientformfield.last_name,
form.patientregform .patientformfield.reason_urgency,
form.patientregform .remarks-wrapper > * {flex-basis:100%;}

form.patientregform .patientformfield.nyha_classification,
form.patientregform .patientformfield.operation_date,
form.patientregform .patientformfield.urgent {flex-basis:calc((100% / 3) - .5em);}

form.patientregform .patientformfield.date_of_birth,
form.patientregform .patientformfield.sex,
form.patientregform .patientformfield.patient_known_to_etb-bislife,
form.patientregform .patientformfield.registration_number,form.patientregform .patientformfield.structure_affected,
form.patientregform .patientformfield.type_of_dysfunction,
form.patientregform .patientformfield.previous_replacement,
form.patientregform .patientformfield.underlying_disease {flex-basis:calc((100% / 5) - .5em);}
form.patientregform .patientformfield.patient_known_to_etb-bislife {flex-grow:2;}

form.patientregform .patientformfield.type_of_allograft,
form.patientregform .patientformfield.bifurcation_arch,
form.patientregform .patientformfield.minimal_diameter_mm,
form.patientregform .patientformfield.maximal_diameter_mm,
form.patientregform .patientformfield.minimal_length_mm {flex-basis:calc((100% / 5) - .5em);}

form.patientregform .patientformfield.minimal_diameter_mm input,
form.patientregform .patientformfield.maximal_diameter_mm input,
form.patientregform .patientformfield.minimal_length_mm input {text-align:center;}

/* RELATED DOCS
----------------------------------------------------*/
.relateddoc {display:flex;margin-bottom:.5em;}
.relateddocs .doclink {text-decoration:none;display:flex;}
.relateddocs .doclink .title {flex-grow:1;}
.relateddocs .doclink:before {min-width:40px;width:40px;height:10px;padding:.5em 0;
  margin:0 .5em 0 .5em;font-size:11px;border-radius:1em;border:solid 1px;
  display:flex;align-items:center;justify-content:center;}
.relateddocs .doclink:before {content:" ";border:solid 1px #543B58;
  background:#fff url(/images/layout/link-out.png) no-repeat 50%;background-size:30%;background-position:50% 50%;}
.relateddocs .doclink[href$=pdf]:before {content:"PDF";border-color:red;color:red;background:none;}
.relateddocs .doclink[href$=doc]:before {content:"DOC";border-color:#285294;color:#285294;background:none;}
.relateddocs .doclink[href$=docx]:before {content:"DOCX";border-color:#285294;color:#285294;background:none;}
.relateddocs .doclink[href$=xls]:before {content:"XLS";border-color:#207245;color:#207245;background:none;}
.relateddocs .doclink[href$=xlsx]:before {content:"XLSX";border-color:#207245;color:#207245;background:none;}

/* SCHOOLGUIDE
----------------------------------------------------*/
.schoolguide .image {margin-bottom:1em;}

/* SEARCH
----------------------------------------------------*/
.bingsearch-wrapper {max-width:720px;}
.searchresults-wrapper {margin-top:2em;}
.searchresult-wrapper {margin-bottom:2em;;}
.searchresult-wrapper .image {display:none;}
.bingsearchform {position:relative;display:flex;}
.bingsearchform input {
  border:solid 1px #ccc;padding:.25em;font-size:16px;padding:.5em 1em;
  flex-basis:100%;border-radius:3px;
}
.bingsearchform input:focus {background-color:#fff;}
.bingsearchform button {text-indent:-9999em;position:absolute;top:4px;right:4px;
  background-image:url(/images/layout/magnifier.png);
  background-color:inherit;
  background-repeat:no-repeat;
  background-position:99% 50%;
  background-size:auto 80%;
}
.bingsearchform button:hover {background-color:inherit;}
.nl .nosearchresults:before {content:"Geen zoekresultaten."}
.en .nosearchresults:before {content:"No search results."}

/* SENTEMAIL
----------------------------------------------------*/
.sentemail {display:flex;flex-flow:row wrap;justify-content:space-between;}
#content .sentemail > * {flex-basis:100%;margin:0 0 .5em;padding:0;}

/* SIGNUP
----------------------------------------------------*/
.signup-wrapper .signup > * {margin-bottom:2rem;}

/* SITEMAP
----------------------------------------------------*/
.body-sitemenu #content-wrapper,.body-sitemenu #content {flex-basis:var(--mainW);flex-grow:1;}
#content > .sitemap {display:flex;margin:0 -5px;}
.subsitemap {flex-basis:30%;margin:5px;flex-grow:1;}
#content > .sitemap li {display:flex;flex-flow:row wrap;}
#content > .sitemap li a {}

/* VACANCIES
----------------------------------------------------*/
.shortvacancy {margin-bottom:2em;}
.shortvacancy h2 {font-size:var(--font2);}
.shortvacancy .vacancy-props {display:block;font-weight:var(--fontSemiBold);margin-bottom:.5em;}
.vacancy-props > span {font-size:var(--font-2);}
.vacancy-props > span:not(:first-child) {margin-left:.25em;}
.vacancy-props > span:not(:first-child):before {content:"|";margin-right:.25em;font-weight:var(--fontRegular)}

/* VIDEO
----------------------------------------------------*/
.video-wrapper {position:relative;}
.video-wrapper > .editwrapper {position:absolute;z-index:1;}
.video-wrapper > h1 {position:absolute;width:10em;top:50%;left:30%;margin-top:-.5em;z-index:1;color:white;}
.video-wrapper .vjs-big-play-button,
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {left:1em;margin:0;background-color:var(--green);height:1.25em;
  line-height:1.25;border-radius:2em;border:none;
}