@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

@font-face {
	font-family: "Averta Standard Regular";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src:url('../fonts/averta-standard-regular.woff2') format('woff2');
}

@font-face {
	font-family: "Averta Standard Semibold";
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src:url('../fonts/averta-standard-semibold.woff2') format('woff2');
}

@font-face {
	font-family: "Averta Standard Bold";
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src:url('../fonts/averta-standard-bold.woff2') format('woff2');
}


@font-face {
	font-family: "Open Sans Regular";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src:url('../fonts/opensans-regular-webfont.woff2') format('woff2');
}

@font-face {
	font-family: "Open Sans Italic";
	font-weight: 400;
	font-style: italic;
	font-display: swap;
	src:url('../fonts/opensans-italic-webfont.woff2') format('woff2');
}

@font-face {
	font-family: "Open Sans Bold";
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src:url('../fonts/opensans-bold-webfont.woff2') format('woff2');
}

@font-face {
	font-family: "Open Sans Bold Italic";
	font-weight: 700;
	font-style: italic;
	font-display: swap;
	src:url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2');
}


/* Arbo Unie 2024 stijl (Base 2) */

/* PRIMAIRE KLEUREN */

/* AU Blauw 400 - background: #1C3F94; */
/* AU Blauw 500 - background: #022845; */

.paars  {
  /*background-color: #1c3f94;*/
}
.paars-text {
	/*color: #1c3f94;*/
}

/* SECUNDAIRE KLEUREN */
.oranje  {
  /*background-color: #ee7622;*/
}
.groen  {
  /*background-color: #94c11f;*/
}

/* ONDERSTEUNENDE KLEUREN */
.donker-grijs  {
  background-color: #262626;
}
.grijs  {
  background-color: #cac8c8;
}

/* voor sticky footer */
html, body  {
  height: 100%;
}
body  {
	font-family: "Open Sans Regular";
  color: #022845;
  display: flex;
  flex-direction: column;
  /* AU-eierschaalgeel */
  background-color: #F5F3EC;
  -webkit-font-smoothing: antialiased;
}
.wrapper {
  flex: 1 0 auto;
}

header  {
  background-color: #fff;
  display: grid;
}

a,
.btn {
  /* <uniquifier>: Use a unique and descriptive class name
 <weight>: Use a value from 200 to 1000*/
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

a {
  /* AU Blauw 300 */
  color: #186280;
  /* AU Blauw 100 */
  text-decoration: underline solid 3px #D2E2F2;
  text-underline-offset: 4px;
}

.btn,
.btn-link  {
  font-size: 112.5%;
  text-underline-offset: 8px;
}

a:hover {
  /* AU Groen 200 */
  text-decoration: underline solid 3px #30AB94;
}

h1,h2,h3,h4,h5,h6  {
  color: #1C3F94;
  font-family: "Averta Standard Regular";
	font-weight: 400;
	font-style: normal;
  line-height: 110%;
}

h1  {
  font-family: "Averta Standard Bold";
	font-weight: 700;
  margin-bottom: 1rem;
}

.hero-section h1  {
  font-size: 26px;
  /*font-weight: bold;*/
  margin-top: 55px;
  margin-left: 15px;
}

.title-top  {
  line-height: 1.1;
  display: block;
  margin-top: 10px;
  margin-bottom: 60px;
}

h2:first-of-type  {
  margin-top: 0;
}

h2.trans_title  {
  margin-bottom: 1rem;
}

.results h2:first-of-type  {
  margin-top: 10px;
}

h3:first-of-type  {
  margin-top: 10px;
  /*margin-bottom: 0;*/
}
h4:first-of-type  {
  margin-top: 10px;
}
h5 {
  font-size: 18px;
  font-weight: 700;
}
.type_section  {
  margin-top: 15px;
}
.type_section:first-of-type  {
  margin-top: 0;
}
.type_section h5:first-of-type  {
  margin-top: 15px;
}

.contact-bar {
  background-color: #1f272d;
  color: white;
  height: 50px;
}

header h1 {
  color: #1C3F94;
	font-weight: normal;
}

section h3  {
  text-transform: none;
}

/*.no-sm-padding  {
  padding: 0;
}

.no-padding  {
  padding: 0;
}

.no-padding-left  {
  padding-left: 0;
}

.no-padding-right  {
  padding-right: 0;
}*/

.display-none {
	display: none;
}

.background-first  {
  background-color: #F5F3EC;
}

.background-first .navbar  {
  padding: 0;
}

.navbar  {
  margin-bottom: 0;
}

.navbar a  {
  font-size: 1.125rem;
  line-height: 112.5%;
}

.navbar-first {
  background-color: #FFFFFF;
  border-radius: 0 0 32px 32px;
  /*padding: 32px 20px 32px 32px;*/
  /*overflow-x: hidden;*/
  /*z-index: 50;*/
  /*-ms-overflow-style: none;*/
  /*scrollbar-width: none;*/
}

.navbar-nav a {
  border-radius: 8px 8px 0px;
  /*color: #186280;*/
  display: flex;
  flex-direction: row;
  -moz-box-align: center;
  align-items: center;
  position: relative;
  -moz-box-pack: justify;
  justify-content: space-between;
  gap: 8px;
  text-decoration: none;
  /*line-height: 112.5%;*/
  padding: 16px 8px;
  /*width: 100%;*/
}

.navbar-first .navbar-nav {
  padding: 0 0 6px;
}

.navbar-first .navbar-nav:last-of-type {
  padding: 0;
}

.navbar-first .navbar-nav a {
  padding: 12px 8px 6px;
}

.navbar-nav a:hover {
  background-color: rgb(227, 238, 236);
  color: rgb(28, 63, 148);
}

.navbar-second  {
  padding-bottom: 0;
}

.navbar-second .nav-mobile {
  background-color: #F5F3EC;
  border-radius: 32px 32px 0 0;
}

.navbar-second a {
  /*display: flex;*/
  /*flex-direction: row;*/
}

.navbar-second .navbar-nav {
  padding-top: .5rem;
  padding-bottom: 1.25rem;
}

.navbar-nav li {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.navbar-second .navbar-nav li {
  border-bottom: 1px solid #B8D4CF;
}

/*.navbar-default  {
  background-color: #fff;
  border: none;
}

.navbar-default .navbar-toggle {
  border-color: #575756;
}

.navbar-default .navbar-nav > li > a  {
  color: #575756;
  font-weight: 600;
  text-transform: uppercase;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #f1f1f3;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #575756;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover  {
  background-color: #fff;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover  {
  text-decoration: none;
}

.navbar-default .navbar-nav > li.active a:hover  {
  text-decoration: none;
}*/

.navbar-nav > li:focus,
.navbar-nav > li:hover  {
  text-decoration: none;
}

.navbar-right  {
  /*margin: 1rem 0 .5rem 1rem;*/
}

.navbar-header  {
  background-color: #fff;
  width: 100%;
}

.brand  {
  height: auto;
  padding: .5rem .5rem .5rem 1.25rem;
}

.brand > img  {
  height: 48px;
}

.navbar-toggler  {
  margin-right: 1.25rem;
}

.navbar-nav .fa  {
  display: none;
}

.btn  {
  margin-bottom: .75rem;
}

.btn-default,
.btn-cancel,
.btn-primary,
.btn-success {
  cursor: pointer;
  padding: 14px 24px;
  border-radius: 0 9999px 9999px 9999px;
  background: none;
  border: 0;
  outline: 0;
  line-height: 1.5rem;
  -webkit-transition: 50ms ease-in;
  transition: 50ms ease-in;
  transition-property: background,color,text-decoration-color,border-color;
}

.btn-default,
.btn-cancel {
  color: #022845;
  background: none;
  border: 1px solid #4E93B2;
}

.btn-default:hover,
.btn-cancel:hover {
  color: #2C8373;
  background-color: #fff;
  border-color: #30AB94;
  text-decoration: none;
}

.btn-primary {
  /* AU Bruin 500 */
  color: #30191D;
  background-color: #30AB94;
  border-color: #30AB94;
}

.btn-success {
  color: #30191D;
  background-color: #F8BE37;
}

.btn-primary:hover {
  /* AU Bruin 500 */
  color: #30191D;
  background-color: #F8BE37;
  border-color: #F8BE37;
  text-decoration: none;
}

.btn-success:hover {
  /* AU Bruin 500 */
  color: #30191D;
  background-color: #30AB94;
  border-color: #30AB94;
  text-decoration: none;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  color: #fff;
  background-color: #1C3F94;
  border-color: #1C3F94;
}

.btn-check:checked + .btn-default, :not(.btn-check) + .btn-default:active  {
  color: #022845;
  background-color: #D2E2F2;
  border-color: #D2E2F2;
}

.btn:focus-visible {
  color: #30191D;
  background-color: #F8BE37;
  border-color: #F8BE37;
  outline: 0;
  /*box-shadow: #4E93B2;*/
  --bs-btn-focus-shadow-rgb: 78,147,178;
}

.btn-lg  {
  font-size: 1.375rem;
  padding: 18px 33px;
}

.btn-xs,
.btn-group-sm > .btn, .btn-sm {
  font-size: 1rem;
  padding: 11px 21px;
}

footer {
  background-color: #fff;
  margin-top: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 3rem;
}

.footer .navbar-nav  {
  margin-left: 0;
}

.footer .nav > li > a  {
  padding: 0;
}

.footer .nav > li > a:focus,
.footer .nav > li > a:hover  {
  background: none;
}

.footer .logo  {
  height: 60px;
}

#hero  {
  position: relative;
}
.hero-image  {
  overflow: hidden;
  position: absolute;
  width: 100%;
  max-width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

.hero-image-gradient  {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(left, white 18.4%, rgba(255, 255, 255, 0) 83.2%);
  background-image: -moz-linear-gradient(left, white 18.4%, rgba(255, 255, 255, 0) 83.2%);
  background-image: -ms-linear-gradient(left, white 18.4%, rgba(255, 255, 255, 0) 83.2%);
  background-image: linear-gradient(to right, white 18.4%, rgba(255, 255, 255, 0) 83.2%);
  opacity: 0.75;
}

.hero-headings  {
  padding-left: 15px;
}

.project-name h3  {
  /*margin-top: 30px;*/
}

#content  {
width: 100%;
  /*padding-inline: 1.25rem;*/
  padding: 24px 0 40px;
  border-radius: 0 0 64px;
  /*background: linear-gradient(to bottom, #F5F3EC, #F5F3EC) no-repeat;*/
    background-position-y: 0%;
  background-position-y: calc(var(--backdrop-height) / 2);
}

.header-image {
  background: linear-gradient(to left, rgba(0,0,0,.00) 10%, rgba(0,0,0,.60)), url(../images/Arbo-Unie-vitaliteit-header.jpg) 50% / cover no-repeat;
  background-size: cover;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  min-height: 140px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.header-image,
.bg-gray-padding {
  background-color: #fff;
  padding: 40px 30px;
}

.header-image {
  border-radius: 64px 0px 64px 64px;
}

.bg-gray-padding{
  border-radius: 0px 64px 64px 64px;
}

.header-image h1  {
  color: #fff;
  text-shadow: 0 0 1px #30191D;
}

.results .bg-white {
	/*background-color: white;*/
	/*border: 10px solid #f1f1f3*/
}

.result.level_1 .calculation,
.result.level_2 .calculation {
	margin-top: 20px;
  margin-bottom: 1rem;
}

.result.has_graph {
	margin-bottom: 20px;
}

.result.has_graph .calculation span {
	font-size: 26px;
	line-height: 1;
	padding-top: 5px;
}

.result .definition .read_more {
	display: none;
}

.result .graph img {
	width: 100%;
  max-width: 376px
}

.result .graph img.stoplicht {
  max-width: 100px;
}

.form-group {
  margin-bottom: 1rem;
}

.form-group label {
  /*margin-bottom: .375rem;*/
}

.form-control  {
  color: #022845;
  border-color: #4E93B2;
}

.form-control:focus {
  color: #4E93B2;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-control::placeholder {
  color: #4E93B2;
}

.page  {
  margin-bottom: 20px;
}

.page .section  {
  margin-bottom: 30px;
}

.page .section .mc  {
  margin-bottom: 5px;
}

.page .section h3  {
  /*margin-top: 20px;*/
}

.page .section h3:first-of-type  {
  margin-top: 20px;
}

.results .type_text h3:first-of-type  {
  margin-top: 20px;
  margin-bottom: 10px;
}

.page .section h4  {
  margin-top: 10px;
  margin-bottom: 0;
}

.question p  {
  margin-bottom: .5rem;
}

.question-header  {
  font-weight: bold;
}

.answers  {
  margin-bottom: 1rem;
}

p.indent  {
  padding-left: 34px;
}

p.indent .number  {
  margin-left: -36px;
  width: 36px;
  display: inline-block;
}

/*p.indent .title,*/
p .title {
  font-weight: 600;
}

.text p .title {
  /*font-weight: 400;*/
}

p .title .fa,
.answers span .fa {
  font-size: 120%;
}

.text h5 {
  /*font-size: 18px;*/
  /*font-weight: 300;*/
  /*margin-top: 0;*/
}

.table  {
  color: #022845;
  border-radius: 16px;
}

.table-bordered  {
  border-color: #D2E2F2;
}

.table > tbody  {
  background-color: #f7fafc;
}

.panel,
.jumbotron {
  color: #022845;
  background-color: #E3EEEC;
  border-radius: 16px 16px 0 16px;
  border-color: #D2E2F2;
  margin-bottom: 1rem;
}

.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.jumbotron h2,
.jumbotron h3,
.jumbotron h4,
.jumbotron h5,
.jumbotron h6  {
  color: #186280;
  margin-top: 0;
}

.panel-gray {
  background-color: #f1f1f3;
  border-color: #f1f1f3;
}

.panel-body,
.jumbotron {
  padding: 16px 12px;
}

.jumbotron  {
  border-radius: 16px 16px 16px 0;
/*  margin-top: 1.25rem;*/
  margin-bottom: 1.5rem;
}

.jumbotron h2  {
  font-family: "Averta Standard Bold";
	font-weight: 700;
  margin-bottom: 1rem;
}

.jumbotron h3 {
	margin-bottom: 10px;
}

.jumbotron p {
	/*margin-bottom: 0;*/
	font-size: 120%
}

.jumbotron p.result_outcome {
	margin-left: 50px;
}

.jumbotron p em  {
  font-weight: 400;
}

.jumbotron.relative .type_result  {
  position: relative;
}

.jumbotron .type_result:before  {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  left: 15px;
/*  border-left: 8px solid black;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;*/
  /*margin-top: -8px;*/
background-image: url(/assets/frontend/images/picto-check.svg);
}

.jumbotron.no-pointers .node:before {
	content: none;
}

.row .day  {
  margin-top: 5px;
}

.day .day-body {
  background-color: #f1f1f3;
  padding-top: 15px;
  padding-bottom: 15px;
}
.day .location  {
  font-size: 13px;
}

.day_closed .slots {
	display: none;
}

.day .slots a {
	display: block;
  margin-bottom: .5rem;
}

.day .slots a.selected {
	font-weight: bold;
}

.cancel-my-application,
.cancel-my-application h4  {
  margin-top: 10px;
}

/*.icheckbox_square-blue, .iradio_square-blue,
.icheckbox_square-green, .iradio_square-green {
  background-image: url(../images/al-green.png);
  margin-bottom: 5px;
  margin-right: 5px;
}*/

.mc .answer  {
  line-height: 1;
  margin-bottom: 8px;
}

.mc .answer.col-md-12  {
	margin-left: 30px;
	clear: both;
}

.mc_checkboxes .answer.col-md-12  {
	margin-left: 15px;
	clear: both;
}

.mc_checkboxes .col-md-6 .mc_checkboxes  {
  margin-top: 15px;
}

.mc .answer.col-md-12 .icheckbox_square-blue,
.mc .answer.col-md-12 .iradio_square-blue  {
  margin-left: -25px;
}

.likert .col-xs-1  {
  padding: 0 12px;
}

.likert .col-xs-1:first-child  {
  padding: 0 15px;
}

.likert_option {
	display: block;
	cursor: pointer;
	background-color: white;
	border: 1px solid #cbcbcb;
	text-align: center;
	width: 24px;
	margin-bottom: 4px;
	padding: 2px 0;
}

.readonly .likert_option {
	cursor: default;
}

.likert_active {
	/*background-color: #1c3f94;*/
	color: white;
	font-weight: bold;
}

div.matrix .question .sub_title {
	font-style: italic;
}


.project_steps  {
  margin-top: 40px;
}

.project_step  {
  margin-bottom: 10px;
  padding-left: 20px;
}

.project_step div  {
  padding-left: 25px;
}

.project_step div .fa  {
  margin-left: -25px;
  padding-left: 5px;
  width: 21px;
}

div.project_steps  {
  line-height: 1.25;
}

div.project_steps .active.current {
	/*background-color: #fff;*/
	font-weight: 700;
  /*padding-top: 4px;*/
  /*padding-bottom: 4px;*/
}

div.project_steps .active.completed a,
div.project_steps .active.completed .fa {
	color: #575756;
	font-weight: 700;
}

div.project_steps .current a {
	/*text-decoration: underline;*/
}

div.project_steps .active a,
div.project_steps .active .fa {
  /*color: #1c3f94;*/
}

.row .day:nth-child(2n+1){
  clear: both;
}

.text-right  {
  text-align: right;
}

.type_text label  {
  font-size: 125%;
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  line-height: 1.4;
}

.trans_title  {

}

.type_text label  {
  margin-bottom: 20px;
}

.type_text label em  {
  font-weight: 400;
}

.answers .radio-custom,
.answers .checkbox-custom  {
  margin-bottom: 8px;
}

.answers .checkbox-custom  {
  /*margin-left: 2.4rem;*/
  position: relative;
}

.mc_checkboxes .checkbox-custom  {
  /*margin-left: .5rem;*/
}

.type_section .checkbox label,
.type_section .radio label  {
  padding-left: 2.5rem;
}

.type_section .radio label span,
.type_section .checkbox label span  {
  padding-left: .5rem;
}

.type_section .checkbox label span span  {
  padding-left: 0;
}

.appetizer .type_section .radio label span  {
  padding-left: 0;
}

.type_section .radio label label  {
  padding-left: 0;
}

.answers .checkbox-custom .fa-sort  {
  margin-left: .125rem;
  position: absolute;
  left: .5rem;
  width: 1.25rem;
  top: .65rem;
  text-align: center;
  transform: scale(1.25);
}

/*.answers .checkbox-custom label  {
  padding-left: 0;
}*/

.answer .radio-custom label,
.answer .checkbox-custom label  {
  padding-left: 0;
}

.open_text.sm-answers-right .specification,
.inner_title {
	margin-top: -12px;
  margin-bottom: 12px;
}

.type_section input[type=radio] {
  transform: scale(1.2);
}

.type_section input[type=checkbox] {
  transform: scale(1.25);
  margin-left: -9px;
}

.type_section .radio input[type=radio],
.type_section .checkbox input[type=radio],
.type_section .checkbox input[type=checkbox] {
  margin-left: -28px;
}

/* werkt niet in Safari */
.type_section .radio-custom input[type='radio'],
.type_section .checkbox-custom input[type='checkbox'],
.type_matrix .radio-custom input[type='radio'],
.type_matrix .checkbox-custom input[type='radio'],
.widget input[type='radio'] {
  accent-color: #F8BE37;
}

/*.radio-custom {
  display: inline-block;
  position: relative;
}

.radio-custom input[type='radio'] {
  display: none;
}

.radio-custom label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 7px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 2px solid #F8BE37;
  background-color: transparent;
}

.radio-custom input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 9px;
  left: 10px;
  content: " ";
  display: block;
  background: #F8BE37;
}*/

.type_matrix .line  {
  margin-bottom: 1.5rem;
}

.sub_type_mc_radio .form-group,
.type_likert  {
  /*margin-bottom: 30px;*/
}

.type_matrix .line p  {
  margin-bottom: 5px;
}

.type_matrix .radio input[type=radio],
.type_matrix .checkbox input[type=radio] {
  margin-left: .75rem;
}

.type_likert .row .row  {
  margin-left: .25rem;
  margin-right: .25rem;
}

.type_likert .widget  {
  /*margin-left: -3px;*/
}

.answers .col-xs-1.col-2.col-xl-1:last-child  {
  text-align: right;
}

.legenda-bottom  {
  font-size: 14px;
  font-style: italic;
}

.legenda-bottom .text-right  {
  padding-right: 0;
}

.progress  {
  margin-top: 8px;
  margin-bottom: 18px;
  border-radius: 0;
}
.progress-bar  {
  font-size: 13px;
	/*background-color: #1c3f94;*/
}

.align-items-center {
  align-items: center!important;
}

.container .jumbotron {
	padding-top: 10px;
	padding-bottom: 10px;
}

.appetizer header,
.appetizer .header-image  {
  display: none;
}

.appetizer .btn.btn-primary  {
  /*display: inline-block;*/
}

.appetizer #content  {
  padding-top: 20px;
  padding-bottom: 20px;
}

.appetizer #content .container  {
  /*padding-left: 0;*/
  /*padding-right: 0;*/
}

.appetizer .col-sm-5,
.appetizer .col-sm-7 {
  width: 100%;
}

.appetizer .bg-gray-padding {
  background: none;
  padding: 0;
}

.appetizer .bg-gray-padding .bg-white {
  padding: 10px;
}

.appetizer .bg-gray-padding .bg-white .col-5 .btn-default {
  margin-left: 14px;
}

.appetizer h2.trans_title  {
  font-family: "Averta Standard Bold";
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 700;
  margin-top: 1rem;
  margin-bottom: .5rem;
}

.appetizer h2.trans_title,
.appetizer .question p  {
  padding-left: 14px;
  padding-right: 14px;
}

.appetizer .answers .radio-custom,
.appetizer .answers .checkbox-custom {
  /*color: #fff;*/
  background-color: #fff;
  text-align: center;
  border-radius: 9999px 0 9999px 9999px;
  border: 1px solid #4E93B2;
  width: 110px;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.appetizer .radio.radio-custom:hover {
  color: #2C8373;
  background-color: #fff;
  border-color: #30AB94;
  text-decoration: none;
}

.appetizer .radio.radio-custom.selected  {
  background-color: #F8BE37;
  border: none;
}

.appetizer .radio.radio-custom.selected:hover  {
  color: #30191D;
  background-color: #30AB94;
  border: none;
}

.appetizer .type_section .radio label  {
  padding-left: 0;
  font-weight: 700;
}

.appetizer .type_section input[type="radio"] {
  display: none;
}

.appetizer .answers .mc_radio  {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.appetizer .answers .type_answer  {
  width: 100%;
}

/* specifiek gemaakt met .sub_type_mc_radio */
.appetizer .answers  {
  height: 400px;
}

.appetizer .answers .type_answer:first-child .radio-custom  {
  float: left;
  margin-left: -15px;
}

.appetizer .answers .type_answer:first-child .radio-custom label label  {
  padding-left: 20px;
}

.appetizer .answers .type_answer:first-child .radio-custom label span::before  {
    content: "\f053";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 250%;
    padding-left: 6px;
    margin-left: -31px;
    opacity: .3;
    position: relative;
    top: 10px;
    left: 2px;
}

.appetizer .answers .type_answer:last-child .radio-custom  {
  float: right;
  margin-right: -15px;
  border-radius: 9999px 9999px 9999px 0;
}

.appetizer .answers .type_answer:last-child .radio-custom label label {
  padding-right: 10px;
}

.appetizer .answers .type_answer:last-child .radio-custom label span::after  {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 250%;
    padding-left: 6px;
    opacity: .3;
    position: relative;
    top: 10px;
}


/* GEEL */
.asset_pago_5dd3aabe476f0_geel {
	background: url('../images/pago-geel/hittebelasting-geel.png');
}

.asset_pago_5dd3b2febf18d_geel {
	background: url('../images/pago-geel/lawaai-geel.png');
}

.asset_pago_5dd3d068512e4_geel {
	background: url('../images/pago-geel/trillen-hand-arm-geel.png');
}

.asset_pago_5dd3d2b029f5f_geel {
	background: url('../images/pago-geel/trillen-lichaam-geel.png');
}

.asset_pago_5dd3d34ee72fb_geel {
	background: url('../images/pago-geel/koude-geel.png');
}

.asset_pago_5dd3d44b810bb_geel {
	background: url('../images/pago-geel/huidklachten-geel.png');
}

.asset_pago_5dd3d3b0be77e_geel {
	background: url('../images/pago-geel/aanleg-eczeem-geel.png');
}

.asset_pago_5dd3d7cc88c40_geel {
	background: url('../images/pago-geel/stof-gevaarlijke-stoffen-geel.png');
}

.asset_pago_602d127b0483b_geel {
	background: url('../images/pago-geel/beeldscherm-oog-geel.png');
}

.asset_pago_60657682db52d_geel {
	background: url('../images/pago-geel/beeldscherm-geel.png');
}

.asset_pago_638735693d575_geel,
.asset_pago_5dd3d98395105_geel {
	background: url('../images/pago-geel/nachtarbeit-geel.png');
}

/* PAARS */
.asset_pago_5dd3aabe476f0_paars {
	background: url('../images/pago-paars/hittebelasting-paars.png');
}

.asset_pago_5dd3b2febf18d_paars {
	background: url('../images/pago-paars/lawaai-paars.png');
}

.asset_pago_5dd3d068512e4_paars {
	background: url('../images/pago-paars/trillen-hand-arm-paars.png');
}

.asset_pago_5dd3d2b029f5f_paars {
	background: url('../images/pago-paars/trillen-lichaam-paars.png');
}

.asset_pago_5dd3d34ee72fb_paars {
	background: url('../images/pago-paars/koude-paars.png');
}

.asset_pago_5dd3d44b810bb_paars {
	background: url('../images/pago-paars/huidklachten-paars.png');
}

.asset_pago_5dd3d3b0be77e_paars {
	background: url('../images/pago-paars/aanleg-eczeem-paars.png');
}

.asset_pago_5dd3d7cc88c40_paars {
	background: url('../images/pago-paars/stof-gevaarlijke-stoffen-paars.png');
}

.asset_pago_602d127b0483b_paars {
	background: url('../images/pago-paars/beeldscherm-oog-paars.png');
}

.asset_pago_60657682db52d_paars {
	background: url('../images/pago-paars/beeldscherm-paars.png');
}

.asset_pago_5dd3d98395105_paars {
	background: url('../images/pago-paars/nachtarbeit-paars.png');
}

/* BLAUW */
.asset_pago_5dd3aabe476f0_blauw {
	background: url('../images/pago-blauw/hittebelasting-blauw.png');
}

.asset_pago_5dd3b2febf18d_blauw {
	background: url('../images/pago-blauw/lawaai-blauw.png');
}

.asset_pago_5dd3d068512e4_blauw {
	background: url('../images/pago-blauw/trillen-hand-arm-blauw.png');
}

.asset_pago_5dd3d2b029f5f_blauw {
	background: url('../images/pago-blauw/trillen-lichaam-blauw.png');
}

.asset_pago_5dd3d34ee72fb_blauw {
	background: url('../images/pago-blauw/koude-blauw.png');
}

.asset_pago_5dd3d44b810bb_blauw {
	background: url('../images/pago-blauw/huidklachten-blauw.png');
}

.asset_pago_5dd3d3b0be77e_blauw {
	background: url('../images/pago-blauw/aanleg-eczeem-blauw.png');
}

.asset_pago_5dd3d7cc88c40_blauw {
	background: url('../images/pago-blauw/stof-gevaarlijke-stoffen-blauw.png');
}

.asset_pago_602d127b0483b_blauw {
	background: url('../images/pago-blauw/beeldscherm-oog-blauw.png');
}

.asset_pago_60657682db52d_blauw {
	background: url('../images/pago-blauw/beeldscherm-blauw.png');
}

.asset_pago_5dd3d98395105_blauw {
	background: url('../images/pago-blauw/nachtarbeit-blauw.png');
}

.asset_pago {
	height: 95px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.pago-title {
	margin-top: 0 !important; /* otherwise it is overridden by 'h4:first-of-type'*/
	padding-top: 0;
}

.pago_result_border {
	border: 1px solid #4E93B2;
  border-radius: 16px 16px 0 16px;
  padding: 16px 12px;
}

.pago_result_border p {
  font-style: italic;
  margin-bottom: .5rem;
}

.alert p  {
  margin-bottom: .375rem;
}

.alert ul  {
  margin-bottom: 0;
}

.hidden  {
  display: none;
}

@media (min-width: 576px) {
  .header-image,
  .bg-gray-padding {
    padding: 40px;
  }
  .btn-default,
  .btn-cancel,
  .btn-primary,
  .btn-success {
    padding: 14px 29px;
  }
  .answers .checkbox-custom .fa-sort  {
    /*margin-left: .25rem;*/
  }
  .answers .radio-custom,
  .answers .checkbox-custom  {
    /*margin-bottom: 0;*/
  }
  .answers .checkbox-custom  {
    /*margin-left: .5rem;*/
  }
  .answer .checkbox-custom label  {
    padding-left: .5rem;
  }
  .type_matrix .radio input[type=radio],
  .type_matrix .checkbox input[type=radio] {
    margin-left: 0;
  }
  .type_matrix .answer .title  {
    font-size: 0.85rem;
  }
  .type_matrix .answers .row {
    margin-right: -5px;
    margin-left: -5px;
  }

  .type_matrix .answers .col-sm-1,
  .type_matrix .answers .col-sm-10,
  .type_matrix .answers .col-sm-11,
  .type_matrix .answers .col-sm-12,
  .type_matrix .answers .col-sm-2,
  .type_matrix .answers .col-sm-3,
  .type_matrix .answers .col-sm-4,
  .type_matrix .answers .col-sm-5,
  .type_matrix .answers .col-sm-6,
  .type_matrix .answers .col-sm-7,
  .type_matrix .answers .col-sm-8,
  .type_matrix .answers .col-sm-9 {
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
  }
  .mc_checkboxes .checkbox-custom  {
    margin-left: 0;
  }
/*  .type_section .checkbox label span,*/
  .type_section .radio label span  {
    /*padding-left: 0;*/
    /*display: none;*/
  }
  .type_section .checkbox label span .hidden-sm.hidden-md.hidden-lg,
  .hidden-sm,
  .hidden-md,
  .hidden-lg  {
    display: none;
  }
  .type_matrix .answer .title  {
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1.2;
    display: block;
  }
  .label-replace-padding {
  	padding-top: 25px;
  }
  .panel-body,
  .jumbotron,
  .pago_result_border {
    padding: 24px 24px 20px;
  }
	.open_text.sm-answers-right .specification {
		margin-top: 6px;
	}
  .appetizer .question .title {
  	font-size: 1.25rem;
  }
}

@media (max-width: 575px)  {
  .hidden-xs {
    display: none;
  }
}

@media (min-width: 768px) {
	.container .jumbotron {
    padding: 15px 30px;
  }
  .navbar-default .navbar-nav > li > a  {
    padding-right: 0;
  }
  .brand  {
    padding-bottom: 1rem;
  }
  .brand > img  {
    height: 82px;
  }
  .custom-brand  {
    /*padding-right: 23px;*/
  }
  .language-right  {
    /*margin-right: -15px;*/
  }
  .navigation-right .navbar-nav > li > a,
  .language-right .navbar-nav > li > a  {
    /*padding-bottom: 10px;*/
  }
  .header-image {
    min-height: 200px;
  }
  .header-image,
  .bg-gray-padding  {
    padding: 40px 52px;
  }
  .header-image  {
    border-radius: 80px 0px 80px 80px;
  }
  .bg-gray-padding  {
    border-radius: 0px 80px 80px 80px;
  }
  .footer-right  {
    text-align: right;
  }
  .margin-md-top  {
    margin-top: 7px;
  }
  .answer .title  {
    font-size: 13px;
  }
  .answer .checkbox-custom label  {
    padding-left: .875rem;
  }
  .type_matrix .answer .title  {
    /*font-size: 0.65rem;*/
    padding-left: 0;
  }
  .type_matrix .answers .col-sm-1,
  .type_matrix .answers .col-sm-10,
  .type_matrix .answers .col-sm-11,
  .type_matrix .answers .col-sm-12,
  .type_matrix .answers .col-sm-2,
  .type_matrix .answers .col-sm-3,
  .type_matrix .answers .col-sm-4,
  .type_matrix .answers .col-sm-5,
  .type_matrix .answers .col-sm-6,
  .type_matrix .answers .col-sm-7,
  .type_matrix .answers .col-sm-8,
  .type_matrix .answers .col-sm-9 {
/*    text-align: center;*/
  }
  .type_matrix.answers_count_5 .answers .col-sm-2 {
    width: 20%;
  }
  .progress  {
    margin-bottom: 0;
  }
  .result.level_2 .calculation {
  	margin-top: 18px;
  }
  .score-graph  {
    margin-top: 16px;
  }
  /* specifiek gemaakt met .sub_type_mc_radio */
  .appetizer .answers  {
    height: 500px;
  }
  .appetizer .answers .col-sm-12  {
    width: 50%;
  }
  .appetizer .answers .type_answer:first-child .radio-custom  {
    margin-left: 0;
  }
  .appetizer .answers .type_answer:last-child .radio-custom  {
    margin-right: 0;
  }
  .appetizer h2.trans_title,
  .appetizer .question p  {
    padding-left: 28px;
    padding-right: 28px;
  }
  .appetizer .bg-gray-padding .bg-white .col-5 .btn-default {
    margin-left: 26px;
  }
}

@media (min-width: 992px) {
/*  .no-sm-padding  {
    padding-left: 15px;
    padding-right: 15px;
  }
	.no-padding-md-right  {
    padding-right: 0;
  }*/
  .background-first {
    background-color: #fff;
  }
  .navbar-first  {
    border-width: 1px;
    border-color: rgb(210, 226, 242);
    border-image: none;
    border-style: none none solid solid;
    border-radius: 0px 0px 0px 40px;
    padding: 8px 0px;
    height: 48px;
  }
  .navbar-first .navbar-nav a {
    padding: 8px;
  }
  .navbar-first ul {
    gap: 24px;
  }
  .navbar-first .navbar-nav a {
    color: #1D3F7D;
  }
  .navbar-second .nav-mobile  {
    background: none;
  }
  .navbar-nav li {
    margin: 0;
  }
  .navbar-second .navbar-nav  {
    /*flex-direction: row-reverse;*/
  }

  .navbar-second .navbar-nav li  {
    border: none;
  }

  .navbar-right  {
    width: 100%;
    text-align: right;
  }
  .language-right .navbar-nav li  {
    margin-left: 22px;
  }
  .navigation-right ul  {
    gap: 16px;
  }

  .navigation-right,
  .language-right  {
    display: inline-block;
  }

  .navigation-right .navbar-nav > li > a,
  .language-right .navbar-nav > li > a  {
/*    padding-top: .9375rem;
    padding-left: .5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.1875rem;*/
  }
  .navbar-expand-lg  {
    flex-wrap: wrap;
  }
  header  {
    /*background-position: 0 -30px;*/
  }
  #hero  {
    /*height: 140px;*/
    /*top: -120px;*/
  }
  .hero-section h1  {
    font-size: 40px;
    margin-top: 140px;
    margin-bottom: 40px;
  }
  .hero-image  {
    max-width: 970px;
  	/*height: 268px;*/
  }
  .hero-headings  {
    padding-top: 40px;
  }
  .project_steps  {
    margin: 22px 5px 0 -15px;
  }
	.row .day:nth-child(2n+1),
  .row .day:nth-child(3n+1){
    clear: none;
  }
	.row .day:nth-child(4n+1){
		clear: both;
	}

	.open_textarea.sm-answers-right .answers,
	.mc_radio.sm-answers-right .answers,
	.mc_checkboxes.sm-answers-right .answers,
	.checkbox.sm-answers-right .answers {
		margin-top: 18px;
	}

	.mc_radio .col-md-3 .answer:first-child,
	.mc_radio .col-md-4 .answer:first-child  {
    margin-top: 18px;
  }

  .number .form-control,
  .mc_select .form-control  {
    margin-top: 12px;
  }

  .md-answers-right .answers  {
    margin-top: 18px;
  }

  .appetizer .bg-gray-padding .bg-white {
    width: 750px;
    margin-right: auto;
    margin-left: auto;
  }
  .type_text label  {
    font-size: 150%;
    line-height: 1.333;
  }
  .trans_title  {

  }
}

@media (min-width:1200px) {
  #hero  {
    /*height: 180px;*/
    /*top: -130px;*/
  }
  .hero-image  {
    background-position: center -50px;
  	/*height: 330px;*/
    /*overflow: hidden;*/
    /*position: absolute;*/
    max-width: 1170px; /* voor scrollbar IE10+ */

  }
	.row .day:nth-child(4n+1){
		clear: both;
	}
  .header-image {
    min-height: 250px;
  }
  .header-image,
  .bg-gray-padding  {
    padding: 64px 100px;
  }
  .header-image  {
    border-radius: 100px 0px 100px 100px;
  }
  .bg-gray-padding  {
    border-radius: 0px 100px 100px 100px;
  }

  .button-left  {
    padding-right: 30px;
  }
  .button-right  {
    padding-left: 30px;
  }
  .footer .nav > li > a  {
    padding-left: 0;
  }
  .panel,
  .pago_result_border {
    border-radius: 28px 28px 0 28px;
  }
  .panel-body,
  .jumbotron {
    padding: 40px;
  }
  .jumbotron  {
    border-radius: 28px 28px 28px 0;
  }
  .appetizer h2.trans_title  {
    font-size: 2.5rem;
  }
}


@media print {
	header {
		height: auto;
	}
}

.ui-sortable-handle {
  cursor:grab
}

.ui-state-default {
  background: white
}

.open-questionnaires h4 {
  /*font-size: 1.1875rem;*/
  margin-top: 0px;
}

.open-questionnaires h5 .title {
  color: #022845;
  /*font-size:1.0rem;*/
  /*font-weight: 500;*/
}

.dev,
.devtest,
pre {
  color: #4E93B2;
}
.devtest .btn-default,
.devtest .btn-cancel,
.devtest .btn-primary,
.devtest .btn-success  {
  color: #4E93B2;
  background: #D2E2F2;
  border: none;
  padding: 5px 12px;
}