html {scroll-behavior: smooth;}

.button.white {background: #fff;color: #2b85cc!important;text-decoration: none!important;}

.form-control.invalid{border-bottom: 1px solid #f3786f !important;}
.pagina-content .form-default .pure-material-textfield-outlined > select.invalid + span,
.pure-material-textfield-outlined > .form-control.invalid:not(:focus):placeholder-shown + span,
.pure-material-textfield-outlined > .form-control.invalid:not(:focus):placeholder-shown + span {color: #f44336!important;}
select.invalid {border-bottom: 1px solid #f3786f !important;color: #f44336!important;}

.newstyle.button {background: #ddecf8;color: #167AC8;height: 32px;width: 32px;box-shadow: none;padding: 0px;display: flex;align-items: center;justify-content: center;border-radius: 5px;font-size: 20px;}
.newstyle.button span {font-size: 18px;}


.formcstm .checkbox-container input:checked:before {background-color: #2196f3;border-color: #2196f3;background-image: url("../assets/shared/images/check.svg");background-size: 16px;background-position: center;}
.formcstm .checkbox-container input.invalid:before {content: "";border-color: #f3786f!important;}

.block.block8.doorlinks a.button.outline {box-shadow: none;background: transparent;border: 1px solid #9ACBFD;color: #167AC8;padding: 6px 8px;font-size: 14px;font-weight: 500;padding-bottom: 4px;line-height: 18px;margin-top: 0px;margin-bottom: 10px;}
.block.block8.doorlinks a.button.outline:hover {color: #fff;background-color: #2196F2;border-color: #2196F2;}

.rich img {max-width: 100%;}

.header.content.employer-information h1 {margin-top: 80px;}
.header.content.employer-information a {text-decoration: none!important;}
.header.content.employer-information hr {border-color: #DDE4EA;margin-top: 15px;margin-bottom: 25px;}
.header.content.employer-information .row.equal {margin-top: 70px;}
.header.content.employer-information .knopright {width: 48px;height: 48px;background: rgba(33, 150, 243, 0.10);padding: 12px;border-radius: 5px;color: #167AC8;}
.header.content.employer-information .box h3 {padding: 5px 0px;margin: 0px;font-family: Figtree;font-size: 18px;font-style: normal;font-weight: 500;line-height: 28px;color: #203F5D;}
.header.content.employer-information .box {transition: 0.3s;background: #fff;border-radius: 5px;min-height: 60px;padding: 20px;height: 100%;box-shadow: 0px 1px 3px 0px #203F5D26;
}
.header.content.employer-information .box li a {font-size: 16px;color: #167AC8;line-height: 24px;font-weight: 600;padding-left: 20px;display: block;}
.header.content.employer-information .box li {margin-top: 10px;}
.header.content.employer-information .box li a:hover {opacity: 0.7;color: #167AC8;}
.header.content.employer-information .box li a span.material-icons {vertical-align: text-top;margin-top: -3px;position: absolute;margin-left: -28px;margin-top: 0px;}

.header.nieuws .nieuws-box p {display: -webkit-box;max-width: 100%;height: 98px;margin: 0 auto;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.block.block9.usp .uspbox {background: #fff;border-radius: 5px;border: 1px solid #DDE4EA;padding: 20px;height: 100%;}
.block.block9.usp .uspbox .ico {width: 40px;height: 40px;border-radius: 30px;background: #CEE5FC;background-repeat: no-repeat;background-size: 24px;background-position: center;}
.block.block9.usp .uspbox h3 {color: #203F5D;font-size: 16px;font-weight: 600;margin-top: 15px;margin-bottom: 5px;}
.block.block9.usp .uspbox p {margin-bottom: 0px;}

.partner-packages.block .title-container {margin-bottom: 31px;display: flex;align-content: center;justify-content: space-between;}
.partner-packages.block .title-container span.pill {background: #1489201A;font-weight: 500;font-size: 14px;line-height: 18px;text-align: center;color: #148920;padding: 3px 8px;border-radius: 5px;margin-right: 10px;}
.partner-packages.block .title-container span.actie {color: #203F5D;font-weight: 500;font-size: 14px;line-height: 18px;}

.partner-packages.block .partner-packages-row {display: flex;flex-direction: row;flex-wrap: nowrap;gap: 30px;}
.partner-packages.block .partner-packages-row .partner-package-box {height: fit-content;background-color: #fff;padding: 20px;border-radius: 5px;box-shadow: 0px 1px 3px 0px rgb(32 63 93 / 15%);width: 100%;}
.partner-packages.block .partner-packages-row .partner-package-box .partner-package-title {border-bottom: 1px solid #DDE4EA;width: 100%;display: block;padding-bottom: 20px;margin-bottom: 20px;text-align: center;font-weight: 400;font-size: 14px;line-height: 100%;text-transform: uppercase;color: #167AC8;}
.partner-packages.block .partner-packages-row .partner-package-box .partner-package-price {font-family: Montserrat;font-weight: 600;font-size: 24px;line-height: 100%;color: #203F5D;}
.partner-packages.block .partner-packages-row .partner-package-box .partner-package-sub {color: #637990;font-weight: 300;font-size: 14px;line-height: 18px;margin-top: 5px;}
.partner-packages.block .partner-packages-row .partner-package-box a.button {background: #2196F31A;width: 100%;box-shadow: none;text-align: center;font-weight: 600;font-size: 16px;line-height: 18px;color: #167AC8;padding: 12px;margin-top: 25px;margin-bottom: 25px;}
.partner-packages.block .partner-packages-row .partner-package-box li {padding-left: 25px;font-weight: 300;font-size: 14px;line-height: 18px;margin-bottom: 20px;color: #637990;}
.partner-packages.block .partner-packages-row .partner-package-box li span.material-icons-outlined {color: #2196F3;font-weight: 600;font-size: 12px;position: absolute;margin-top: 6px;margin-left: -23px;}
.partner-packages.block .partner-packages-row .partner-package-box .partner-package-features.list-unstyled b {margin-bottom: 5px;font-weight: 600;font-size: 16px;line-height: 24px;color: #203F5D;}
.partner-packages.block .partner-packages-row .partner-package-box hr {border-color: #DDE4EA;}

.partner-packages.block .partner-packages-row .partner-package-box.highlight {background: linear-gradient(315.87deg, #2196F3 24.62%, #00BDF1 75.38%);color: #fff;position: relative;}
.partner-packages.block .partner-packages-row .partner-package-box.highlight:before {content: '';background-image: url(../images/highlight-top.svg);width: 100px;height: 31px;display: block;position: absolute;top: -31px;left: calc(50% - 50px);}
.partner-packages.block .partner-packages-row .partner-package-box.highlight .partner-package-content span,
.partner-packages.block .partner-packages-row .partner-package-box.highlight .partner-package-content div,
.partner-packages.block .partner-packages-row .partner-package-box.highlight .partner-package-content b {color: #fff;}
.partner-packages.block .partner-packages-row .partner-package-box.highlight a.button {background: #fff;}
.partner-packages.block .partner-packages-note {text-align: right;font-weight: 400;font-size: 14px;line-height: 18px;color: #637990;margin-top: 20px;}

.header.vacany-tabs .tabs-set:before {content: "";display: block;background-image: url("../images/subtract.svg");width: 10px;height: 10px;position: absolute;left: 5px;bottom: 0px;}
.header.vacany-tabs .tabs-set:after {content: "";display: block;background-image: url("../images/subtract.svg");width: 10px;height: 10px;position: absolute;right: 5px;transform: rotate(90deg);bottom: 0px;}

footer .footer-logo img {margin-top: -10px;}

/* -- new style -- */
.box-bedrijf-inner .pr {display: flex;justify-content: flex-end;}
.box-bedrijf-inner .pr a {transition: 0.3s;color: #167AC8;display: flex;align-items: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 18px;text-decoration: none;}
.box-bedrijf-inner .pr a:hover {opacity: 0.7}
.box-bedrijf-inner .pr a span.material-icons-outlined {font-size: 17px;margin-right: 5px;}
.pagina-content .form-default .baanmaker.sec div.collapse .checkboxoption .value {color: #203F5D;line-height: 20px;font-weight: 500;font-size: 12px;letter-spacing: 0.32px;font-family: 'Montserrat';}

.bedrijven-diepte .box.formulier .bijlage {margin-top: 15px;}
.bedrijven-diepte .box.formulier .bijlage .left {float: left;}
.bedrijven-diepte .box.formulier .bijlage .left span.material-icons {color: #2196F3;background-color: rgba(33, 150, 243, 0.1);padding: 9px;border-radius: 5px;font-size: 24px;margin-right: 20px;}
.bedrijven-diepte .box.formulier .bijlage a {text-decoration: none;}
.pagina-content .box.formulier .bijlage p {font-size: 12px;}
.pagina-content .box.formulier .bijlage:hover {opacity: 0.7;}
.pagina-content .box.formulier .checkboxoption {margin-bottom: 25px;}
.pagina-content .box.formulier  .dropdown label {margin-top: 0px;}


/* -- Vacature aanmelden -- */
.header-forms h2 {color: #2196F3;font-family: Montserrat;font-size: 36px;font-style: normal;font-weight: 500;line-height: normal;margin-top: 80px;margin-bottom: 0px;}

.pagina-content .bedrijf-aanmelden {margin-top: 30px;}


.pagina-content .form-default .box-bedrijf.box {padding-top: 0px!important;}
.pagina-content .form-default .button {cursor: pointer;font-weight: 500;background: #2196f3;box-shadow: 0px 1px 2px rgb(0 0 0 / 16%);border-radius: 5px;color: #fff;padding: 12px 20px;font-size: 14px;transition: 0.3s;display: inline-block;margin-top: 25px;outline: none;border: none;}
.pagina-content .form-default .button.secondary {background: transparent;color: #2196f3; border: none;box-shadow:  none}
.pagina-content .form-default .button.outline {background-color: #fff;border: 1px solid #9ACBFD;color: #167AC8;box-shadow: none;}
.pagina-content .form-default .button:hover {opacity: 0.7}
.pagina-content .form-default .box.formulier a.button {width: auto;}
.pagina-content .form-default .box.formulier {box-shadow: none;border-radius: 0px;background: transparent;padding: unset;}
.pagina-content .form-default .sidepanel .box h2 {color: #203F5D;font-size: 30px;font-weight: 600;margin-bottom: 30px;line-height: 38px;}
.pagina-content .form-default .bottom-content {margin-top: 30px;}
.pagina-content .form-default .bottom-content p,
.pagina-content .form-default .bottom-content a {color: rgba(32, 63, 93, 0.67);font-size: 14px;font-family: 'Montserrat';}
.pagina-content .form-default .bottom-content a:hover {opacity: 0.7;}
.pagina-content .form-default .bottom-content b {color: #203F5D;line-height: 30px;}
.pagina-content .form-default .countboxes .box {border: 1px solid #DBEFFD;padding: 20px;padding-left: 32px;border-radius: 3px;margin-bottom: 10px;}
.pagina-content .form-default .countboxes .box p {margin: 0px;color:#203F5D;font-size:14px; }
.pagina-content .form-default .countboxes .box:before {content: "";height: 44px;width: 22px;display: block;background-color: white;float: left;margin-left: -55px;position: relative;z-index: 10;margin-top: -1px;}
.pagina-content .form-default .countboxes .box .boxnumber {background-color: #2196f3;color: #fff;border-radius: 50%;width: 40px;height: 40px;text-align: center;font-size: 14px;border: 5px solid #fff;position: absolute;left: -5px;padding: 5px 0px;z-index: 99999;}
.pagina-content .form-default .countboxes .box p:before {content: "";width: 42px;height: 42px;border: 1px solid #dbeffd;border-radius: 50%;display: block;margin-top: -1px;position: relative;float: left;margin-left: -54px;z-index: 1;position: relative;}
.pagina-content .form-default .box-bedrijf.box h4 {color: #203F5D;font-size: 14px;line-height: 21px;margin-bottom: 4px;font-weight: 600;}
.pagina-content .form-default .box-bedrijf.box {border-radius: 5px;background-color: #fff;padding-top: 30px;}

.pagina-content .form-default .box-bedrijf .buttonzoeken span {font-size: 21px;}
.pagina-content .form-default .box-bedrijf .buttonzoeken {    background: transparent;border: none;box-shadow: none;padding: 0px;color: #213f5d;position: absolute;margin-top: 13px;z-index: 9;left: 30px;width: 0px;cursor: none;}
.pagina-content .form-default .box-bedrijf .pure-material-textfield-outlined-custom {width: 100%;margin: 0px;}
.pagina-content .form-default .box-bedrijf .pure-material-textfield-outlined-custom input {margin-bottom: 0px;box-shadow: none;outline: none;width: 100%;border-radius: 5px;border: 1px solid #BEC9D3;background: #EDF2F6;height: 42px;color: #8192A5;font-weight: 100;padding-left: 45px;}
.pagina-content .form-default #company-suggestions {margin-top: 57px;border-radius: 5px;box-shadow: none;}
.pagina-content .form-default small#loading {margin-top: 50px;}

.pagina-content .form-default .box.grey {border: 1px solid #DDE4EA;border-radius: 5px;padding: 20px;background-color: #f4f6f9;margin-bottom: 20px;}
.pagina-content .form-default .box.grey h5 {margin-top: 0px;color: #203F5D;font-family: Figtree;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;margin-bottom: 10px;}
.pagina-content .form-default .box.grey ul.list-unstyled li {display: flex;align-items: center;margin-top: 10px;}
.pagina-content .form-default .box.grey ul.list-unstyled li a {color: #167AC8;font-size: 14px;font-style: normal;font-weight: 500;line-height: 18px;}
.pagina-content .form-default .box.grey ul.list-unstyled li span.material-icons-outlined {font-size: 18px;margin-right: 5px;}
.pagina-content .stepform-bottom {border-top: 1px solid #DDE4EA;margin-top: 30px;padding-top: 10px;}
.pagina-content .form-default .box.grey .stepbox {display: flex;align-items: center;margin-top: 15px;}
.pagina-content .form-default .box.grey .stepbox i {font-style: normal;margin: 0px;border-radius: 50%;background-color: #ddebf8;width: 32px;line-height: 32px;display: flex;color: #167AC8;font-size: 16px;margin-right: 10px;justify-content: center;align-items: center;font-weight: 500;}
.pagina-content .form-default .box.grey .stepbox p {color: #203F5D;font-size: 14px;font-style: normal;font-weight: 400;line-height: 18px;letter-spacing: 0.28px;margin: 0px;}
.pagina-content .stepform .stepform-box .stepform-form i {margin-bottom: 10px;color: #637990;font-style: normal;margin-top: -20px;display: block;font-size: 14px;margin-left: 33px;font-weight: 300;}
.pagina-content .form-default .box.contactbox, .pagina-content .form-default .box.formulier {box-shadow: 0px 1px 3px rgb(117 132 144 / 15%);border-radius: 5px;background-color: #fff;padding: 30px 20px;}

.promotion-packages .promotion-packages {border-bottom: 1px solid #dde4ea;margin-bottom: 30px;padding-bottom: 20px;}
.promotion-packages.sec {border-bottom: 1px solid #dde4ea;padding-bottom: 30px;margin-bottom: 30px;}
.promotion-packages .promotion-packages-row {display: flex;gap: 20px;margin-bottom: 10px;}
.promotion-packages .promotion-packages-row .promotion-package-box {flex: 1;cursor: pointer;position: relative;display: flex;flex-direction: column;transition: 0.3s;}
.promotion-packages .promotion-packages-row .promotion-package-box .promotion-package-content {transition: 0.3s;display: flex;border: 1px solid #DDE4EA;padding: 15px;border-radius: 5px;flex-direction: column;justify-content: space-between;height: 100%;}
.promotion-packages .promotion-packages-row .promotion-package-box .button.outline {background: #fff;text-align: center;border: 1px solid #9ACBFD;color: #167AC8;box-shadow: none;}
.promotion-packages .promotion-packages-row .promotion-package-box input[type="radio"] {position: absolute;opacity: 0;pointer-events: none;}
.promotion-packages .promotion-packages-row .promotion-package-box input[type="radio"]:checked + .promotion-package-content {border: 2px solid #2196F3;}
.promotion-packages .promotion-packages-row .promotion-package-box input[type="radio"]:checked + .promotion-package-content .button.outline {background: var(--usw_gradient, linear-gradient(272deg, #2196F3 0%, #00BDF1 100%));color: #fff;}
.promotion-packages .promotion-packages-row .promotion-package-box:hover .promotion-package-content {border: 1px solid rgb(33 150 243 / 39%);}
.promotion-packages .promotion-packages-row .promotion-package-box .promotion-package-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.promotion-packages .promotion-packages-row .promotion-package-box .promotion-package-title {font-size: 16px;font-weight: 600;color: #203F5D;}
.promotion-packages .promotion-packages-row .promotion-package-box .promotion-package-price {font-size: 16px;font-weight: 600;color: #1AAA2D;}
.promotion-packages .promotion-packages-row .promotion-package-box li {margin-bottom: 15px;display: flex;gap: 10px;} 
.promotion-packages .promotion-packages-row .promotion-package-box li p {font-size: 14px;font-weight: 300;margin-bottom: 0px;color: #203F5D;letter-spacing: 0px}
.promotion-packages .promotion-packages-row .promotion-package-box li b {font-weight: 500;}
.promotion-packages .promotion-packages-row .promotion-package-box li span.material-icons-outlined {background: #2196F3;color: #fff;margin-top: 3px;border-radius: 50%;width: 16px;height: 16px;font-size: 12px;min-width: 16px;display: flex;align-items: center;justify-content: center;font-weight: 800;}
.promotion-packages .promotion-packages-row .promotion-package-box .promotion-package-features {list-style: none;padding: 0;margin: 0 0 24px 0;color: #203F5D;font-size: 15px;}
.promotion-packages .pr {display: flex;margin-top: 10px;justify-content: flex-end;gap: 5px;font-weight: 300;font-size: 14px;letter-spacing: 0.2px;color: #203F5D;}

.pagina-content .form-default .stepform-bottom .button {padding: 9px 20px;background: var(--usw_gradient, linear-gradient(272deg, #2196F3 0%, #00BDF1 100%));}
.pagina-content .bedrijf-aanmelden .box.formulier h6 {color: #203F5D;font-family: Figtree;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}

.form-default .box-bedrijf.box .box-bedrijf-header .number, .form-default .box-bedrijf.box .box-bedrijf-header .number, .stepform .stepform-box .stepform-box-header .number {line-height: 12px;}
.form-default .box-bedrijf.box label.pure-material-textfield-outlined input {height: 60px;}
.form-default .box-bedrijf.box .pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span,
.form-default .box-bedrijf.box .pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span {line-height: 44px;}

.pagina-content .form-default .stepform-bottom .button.secondary.prevBtn {background: rgba(33, 150, 243, 0.10);color: #167AC8;float: left;}
.pagina-content .form-default .btns.pull-right {width: 100%;}
.pagina-content .form-default .btns.pull-right .nextprev {width: 100%;}
.pagina-content .form-default .btns.pull-right button.button.nextBtn {float: right;}

.form-default .opendeurencheck {border-bottom: 1px solid #DDE4EA;padding-bottom: 30px;margin-bottom: 20px;}
.form-default .opendeurencheck  .checkbox-container label {margin: 0px;font-weight: 300;line-height: 22px;}
.form-default small {color: var(--tokens-text-secondary, #637990);font-family: Figtree;font-size: 12px;font-style: normal;font-weight: 300;letter-spacing: 0.24px;margin-left: 15px;display: block;margin-top: -7px;margin-bottom: 5px;}
.form-default .add_more_languages {margin-top: 30px;border-top: 1px solid #dde4ea;padding-top: 30px;}
.form-default .add_more_languages  button.add {padding: 0px;background: 0px;color: #203F5D;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;box-shadow: none;}
.form-default .add_more_languages  button.add .material-icons-outlined {font-size: 21px;color: #167AC8;width: 21px;vertical-align: text-top;margin-right: 3px;margin-top: -1px;}
.form-default .checkbox-container i {margin-left: 0px!important;margin-top: 4px!important;}
.form-default .checkbox-container i {font-weight: 500;line-height: 22px;}

.pagina-content .form-default .baanmaker.sec {border-top: 1px solid #dde4ea;padding-top: 30px;margin-top: 30px;}
.pagina-content .form-default .baanmaker.sec .head {display: flex;padding: 0px;align-items: center;margin: 0px;margin-bottom: 15px;}
.pagina-content .form-default .baanmaker.sec .head .baanmaker {width: 24px;height: 24px;display: inline-block;background-size: contain;}
.pagina-content .bedrijf-aanmelden .baanmaker.sec h6 {margin-bottom: 0px;margin-top: 3px;margin-left: 10px;}

.pagina-content .form-default .baanmaker.sec h3 {margin: 0px;margin-left: 5px;margin-top: 1px;}
.pagina-content .form-default .baanmaker.sec hr {border-top: 1px solid #DDE4EA;margin: 15px 0px;}
.pagina-content .form-default .baanmaker.sec div.collapse .checkboxoption {display: flex;align-items: flex-start;justify-content: space-between;margin-top: 0px;}
.pagina-content .form-default .baanmaker.sec div.collapse .checkboxoption .value {flex: auto;padding-right: 10px;}
.pagina-content .form-default .baanmaker.sec div.collapse .checkboxoption span.material-icons.material-icons-outlined {color: #8192A5;width: 21px;font-size: 21px;}
.pagina-content .form-default .baanmaker.sec a.href {text-decoration: none;font-weight: 600;margin-bottom: 15px;display: block;}
.pagina-content .form-default .baanmaker.sec input[type="checkbox"] {margin-right: 10px;margin-top: 3px;}
.formcstm .checkbox-container label {font-weight: 400;}

.box.formulier #company-suggestions {background-color: transparent;}
.box.formulier #company-suggestions .companySuggestion {padding-top: 15px;border: 1px solid #dde4ea;border-radius: 5px;background-color: #fff;    cursor: pointer;transition: 0.3s;}
.box.formulier #company-suggestions .companySuggestion:hover {opacity: 0.7;}
.box.formulier #company-suggestions span.material-icons-outlined {float: right;background: #e8f4fe;border-radius: 5px;color: #2196f3;padding: 7px;}
.box.formulier #company-suggestions span.op {opacity: 0.7;}

.tooltip {width: 250px}
.lang-selector .dropdown .dropdown-backdrop {display: none;}
.checkboxoption {display: flex;align-items: flex-start;}
.checkboxoption input {margin-top: 3px;margin-right: 9px;}

.pagina-content .form-default .succesmessage .checkimage {width: 60px;height: 60px;margin: 20px auto;}
.pagina-content .form-default .succesmessage h6,
.pagina-content .form-default .succesmessage p {text-align: center;color: #167AC8;}
.pagina-content .form-default .succesmessage h6.title {font-family: Figtree;color: #167AC8;font-size: 16px;font-style: normal;font-weight: 600;line-height: 18px;margin-bottom: 10px;}

.pagina-content .form-default.baanmaker .baanmaker.sec {border: none;padding: 0px;margin: 0px;}

.pagina-content ul.company-tabs {margin-bottom: 20px;float: unset!important;margin-left: 0px;width: 100%;background: #DDE4EA;padding: 3px;display: flex;justify-content: space-between;gap: 3px;border-radius: 5px;}
.pagina-content ul.company-tabs li {color: #203F5D;font-size: 14px;height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;}
.pagina-content ul.company-tabs li a {color: #203F5D;}
.pagina-content .list-inline>li .pill {margin-right: 0px;}
.pagina-content ul.company-tabs li.active {background: #fff;border-radius: 5px;}
.sidebar-bedrijven .vacature-diepte .vacatures-list {margin-top: 0px;}
.sidebar-bedrijven .vacature-diepte .vacatures-list .vacatures-box:first-child {margin-top: 0px;}



/* -- label checkboxes -- */
#company-filter .checkboxoption label,
.form-default .checkboxoption label,
#company-filter .checkbox-area label {font-weight: 400; margin-top: 1px;}
#company-suggestions {background-color: #f3f6f9;margin-left: -15px;width: calc(100% + 30px);margin-top: -11px;box-shadow: 0px 5px 9px 5px rgb(0 0 0 / 3%);}
#company-suggestions .companySuggestion {border-bottom: 1px solid #203f5d1c;padding-bottom: 10px;font-size: 13px;line-height: 20px;padding-left: 15px;padding-right: 15px;}
#company-suggestions .companySuggestion:last-child {border: none;margin-bottom: 0px;}
#company-suggestions .companySuggestion:first-child {padding-top: 15px;}

/* -- Forms -- */
.form-default input::placeholder,
.form-default textarea::placeholder {color: rgba(32, 63, 93, 0.5);font-size: 14px;}
.form-default input:-ms-input-placeholder,
.form-default input::-ms-input-placeholder {color: rgba(32, 63, 93, 0.5);font-size: 14px;}
.form-default textarea {margin-top: 15px;height: auto;}
.form-default b.green {color: #1AAA2D;padding-left: 5px;font-weight: 600;}
.form-default span.choice-description {margin-bottom: 20px;margin-top: -20px;font-style: normal;color: #637990;display: block;font-size: 14px;line-height: 21px;font-weight: 300;padding-left: 22px;}

/* -- Custom arrow dropdown -- */
.form-default select {border: none;border-bottom: 1px solid #203F5D;background-color: #F3F6F9;border-radius: 5px 5px 0px 0px;font-size: 14px;color: rgba(32, 63, 93, 0.5);padding: 13px 16px;line-height: 22px;outline: none;width: 100%; font-weight: 400;margin-bottom: 15px;}
.form-default select {color: #203F5D!important;padding: 11px;padding-top: 22px!important;}
.form-default select {-moz-appearance: none;-webkit-appearance: none;appearance: none;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat: no-repeat;background-position-x: 98%;background-position-y: 18px;}
.form-default select {color: #8192A5;font-weight: 300;padding: 11px;height: 60px;font-size: 16px;margin-bottom: 10px;}
.form-default .pure-material-textfield-outlined > select + span {color: #637990 !important; position: absolute;top: 0;left: 0;display: flex;border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);width: 100%;max-height: 100%;color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);font-size: 75%;line-height: 15px;cursor: text;transition: color 0.2s, font-size 0.2s, line-height 0.2s;z-index: 99;margin-top: 15px;color: #00274F!important;font-size: 10px;margin-left: 15px;font-weight: 400;opacity: 0.5;}

/* --Uploader -- */
.form-default .uploader {margin-bottom: 10px}
.form-default .uploader .bijlage {margin-top: 0px!important;}
.form-default .uploader .fakebutton {transition: 0.3s;cursor: pointer;}
.form-default .uploader:hover {opacity: 0.7;}
.form-default .uploader input[type=file] {opacity: 0;height: 41px;margin-top: -50px;position: absolute;width: calc(100% + 109px);z-index: 9999;outline: none;cursor: pointer!important;margin-left: -138px;}

.form-default .uploader .bijlage  {margin-top: 15px;}
.form-default .uploader .bijlage .left {float: left;}
.form-default .uploader .bijlage .left span.material-icons {color: #2196F3;background-color: rgba(33, 150, 243, 0.1);padding: 9px;border-radius: 50%;font-size: 24px;margin-right: 20px;}
.form-default .uploader .bijlage a {text-decoration: none;}
.form-default .uploader .bijlage h5 {font-weight: 600 !important; margin-bottom: 0;font-size: 14px !important;padding-top: 5px;}
.form-default .uploader .bijlage p {font-size: 12px;}
.form-default .uploader .bijlage:hover {opacity: 0.7;}
.form-default .uploader .bijlage span.material-icons.del {font-size: 14px;vertical-align: middle;margin-top: -1px;opacity: 0.7;margin-left: 6px;}

.form-default .uploader .fakebtn.invalid .bijlage .left span.material-icons  {color: #f3786f;    background-color: rgb(243 33 33 / 10%);}
.form-default .uploader .fakebtn.invalid .bijlage h5 {color: #f3786f; }

/** -- Datetime textfield -- */
.form-default .date span.icon span {margin-top: -39px;z-index: 999;position: relative;float: right;margin-right: 15px;}
.form-default .date span.icon span {margin-top: -39px;z-index: 999;position: relative;float: right;margin-right: 15px;}

/* -- checkbox -- */
.form-default .form-checks {margin-top: 20px;}
.form-default .form-checks .checkboxoption {margin-bottom: 18px;}
.form-default .form-checks .checkboxoption  b.green {color: #1AAA2D;padding-left: 5px;font-weight: 600;}
.form-default .form-checks .checkboxoption  b.blue {color: #203F5D;margin-bottom: 5px;}
.form-default .form-checks .checkboxoption label.value {margin-top: 0px}
.baanmaker.form-default .form-checks {margin-top: 0px;}

.box.filter.baanmaker .checkboxoption {margin-bottom: 0px;}
.box.filter.baanmaker .checkboxoption label.value {margin-left: 0px}

.lijst.vacatures .activedot {width: 6px;height: 6px;background-color: #F73378;border-radius: 50%;position: absolute;top: 9px;margin-left: 22px;}

.form-default .pure-material-checkbox-outlined input {position: absolute;margin-top: 15px; outline: none!important;}
.form-default .pure-material-checkbox-outlined input:checked::before {border: 2px solid #ffffff;background-color: #0083CA;box-shadow: 0px 0px 1px 2px #0083CA;width: 17px;height: 17px;}

.medewerkers h2 {margin-bottom: 0px;}
.medewerkers .content.contact-person .box {margin-top: 30px;}
.content.contact-person .image.person {width: 60px;height: 60px;border-radius: 50%;background-size: cover;background-position: center;}
.content.contact-person .flex {display: flex;justify-content: flex-start;gap: 20px;}
.content.contact-person .name h4 {font-size: 16px;line-height: 24px;font-weight: 400;margin-top: 0px;margin-bottom: 0px;font-family: 'Figtree';}
.content.contact-person .name {width: 100%!important;display: flex!important;height: 60px;align-items: flex-start;flex-direction: column;justify-content: center;}
.content.contact-person .name p {color: #637990;font-size: 14px;margin-top: 0px;line-height: 18px;font-weight: 400;margin-bottom: 0px;}
.content.contact-person .box.grey .equal ul.list-unstyled li a {text-decoration: none;font-size: 16px;line-height: 1.2;color: #167AC8;padding-left: 35px;font-weight: 600;display: block;    word-break: break-word;}
.content.contact-person .box.grey .equal ul.list-unstyled li span {color: #167AC8;font-size: 24px;position: absolute;margin-top: -3px;}
.content.contact-person  .box.grey ul.list-unstyled li:last-child {margin-top: 10px;}
.content.contact-person  .box.grey ul.list-unstyled ul {margin-bottom: 0px;}

/* -- radio buttons -- */
.form-default .pure-material-checkbox-outlined .invalid:before {border-color: #f3786f;}
.form-default .pure-material-checkbox-outlined {margin-bottom: 20px;}
.form-default .pure-material-checkbox-outlined label {color: #203F5D;padding-right: 20px;font-size: 14px;padding-left: 30px;font-weight: 400;}
.form-default .pure-material-checkbox-outlined input {  -webkit-appearance: none !important;}
.form-default .pure-material-checkbox-outlined input:before {content: "";border: 2px solid #B4C0C9;width: 20px;height: 20px;cursor: pointer;display: block;border-radius: 50%;position: absolute;margin-right: 15px;margin-top: -16px;}
.form-default .pure-material-checkbox-outlined input { outline: none!important;}
.form-default .pure-material-checkbox-outlined input:checked::before {border: 2px solid #ffffff;background-color: #2196f3;box-shadow: 0px 0px 0px 2px #2196f3;width: 17px;height: 17px;margin-left: 2px;margin-right: 17px;margin-top: -13px;}