/** Voor input debugging **/
debug_variables {
    primary: #0c2b64;
    secundary: #0c2b64;
    tertiary: #0c2b64;
}

/** Start style **/

	.default-color {
		color: #525252 !important;
	}

	.default-bg {
		background-color: #ffffff !important;
	}


	.primary-color {
		color: #0c2b64 !important;
	}
	.primary-bg {
		background-color: #0c2b64 !important;
	}

	.theme--image,
	.theme--primary {
		background-color: #0c2b64;
	}



	.primary-color--light {
		color: #e7eaf0 !important;
	}
	.primary-bg--light {
		background-color: #e7eaf0 !important;
	}

	.theme--primary--light {
		background-color: #e7eaf0;
	}

	.padded-block.padded-block--glass {
		background-color: {rgba(#e7eaf0, 0.3)};
	}



	.secundary-color {
		color: #0c2b64 !important;
	}
	.secundary-bg {
		background-color: #0c2b64 !important;
	}
	.secundary-after::after {
		border-left-color: #0c2b64 !important;
	}

	.theme--secundary {
		background-color: #0c2b64;
	}


	.tertiary-color {
		color: #0c2b64 !important;
	}
	.tertiary-bg {
		background-color: #0c2b64 !important;
	}

	.theme--tertiary {
		background-color: #0c2b64;
	}



	a,
	h1,
	.btn,
	.nav--active > a {
		color: #0c2b64;
	}

	a.link--no-color {
		color: #525252;
	}

	a:hover,
	a.link--no-color:hover,
	.btn:hover {
		color: #09204b;
	}

	.special-color--primary {
		color: #0c2b64 !important;
	}

	a.special-color--primary:hover,
	.btn.special-color--primary:hover {
		color: #09204b !important;
	}

	.nav-link:hover,
	.nav-link:focus,
	.nav-dropdown--open .nav-link,
	h2,
	h3 {
		color: #0c2b64;
	}

	.special-color--secundary {
		color: #0c2b64 !important;
	}

	.border-color--secundary {
		border-color: #0c2b64 !important;
	}


	.theme--dark {
		color: #ffffff !important;
	}

	.theme--dark a,
	.theme--dark h1,
	.theme--dark h2,
	.theme--dark h3,
	.theme--dark .btn,
	.theme--dark a.link--no-color {
		color: #ffffff;
	}



	.c-input > input :checked ~ .c-indicator {
		background-color: #0050e5;
	}

	.c-input > input :active ~ .c-indicator {
		background-color: {mix(#0050e5, #ffffff, "80%")};
	}

	.c-input > input :focus ~ .c-indicator {
		box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0050e5;
	}

	.c-checkbox input:indeterminate ~ .c-indicator {
		background-color: #0050e5;
	}

	.c-select:focus {
		border-color: #0050e5;
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px {rgba(#0050e5, 0.5)};
	}

	.file input:focus ~ .file-custom {
		box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0050e5;
	}




	.mob-menu--link:hover,
	.mob-menu--link:focus,
	.mob-menu--link:active,
	.mob-menu-collapse--open {
		background-color: #e7eaf0;
	}

	.mob-sub-menu--back > a {
		background-color: #f3f5f8;
	}

	.btn.btn--huge--intro {
		background-color: #0c2b64 !important;
	}
	.btn.btn--half--intro {
		@media (min-width: 340px) {
			flex: 0 0 calc(50% - 20px);
		}
	}

	.btn.btn--huge--intro:hover,
	.btn.btn--huge--intro.active {
		background-color: #0c2b64 !important;
	}

	.btn.btn--huge--intro .btn--light-border:hover {
		border-color: transparent;
	}


    .btn--medical-searchbar,
	.gform_button,
	.gform_next_button,
	.gf_progressbar_percentage,
	#afspraak-maken .buttonhighlight,
	#afspraak-maken #wizard-afspraak-maken-daylist label.active,
	#popup-afspraak-maken #wizard-afspraak-maken-timelist label.active {
		background-color: #0c2b64 !important;
		color: #ffffff !important;
	}

	.gform_button:hover,
	.gform_button:focus,
	.gform_button:active,
	.gform_next_button:hover,
	.gform_next_button:focus,
	.gform_next_button:active,
	#afspraak-maken .buttonhighlight:hover,
	#afspraak-maken .buttonhighlight:focus,
	#afspraak-maken .buttonhighlight:active {
    	background-color: #0c2b64 !important;
		color: #ffffff !important;
	}

	.gform_wrapper .gfield_required {
		color: #0c2b64;
	}

    input[type=radio]:focus,
    input[type=checkbox]:focus {
    	box-shadow: 0 0 4px 2px {rgba(#0050e5, 0.35)};
    }

	#popup-afspraak-maken .breadcrumbs li.done span,
	#popup-afspraak-maken .breadcrumbs li.done:before {
		background-color: #0c2b64;
	}


	.mob-menu--opened .mob-menu--trigger {
		background-color: #0c2b64;
		color: #ffffff;
	}

	.mob-menu--opened .mob-menu--trigger:hover {
		background-color: #0a2555;
	}

	.paradeiser > a.active,
	.paradeiser .paradeiser_dropdown.active,
	.paradeiser .paradeiser_dropdown > a.active,
	.paradeiser > a:hover,
	.paradeiser .paradeiser_dropdown:hover,
	.paradeiser .paradeiser_dropdown > a:hover {
		background: #e7eaf0;
	}





	.arrow-indicator,
	.c-select,
	.mob-sub-menu > .mob-sub-menu--toggle::before,
	.mob-sub-menu--back > a::before,
	.mob-menu-collapse--toggle::before,
	.list--slidedown .list--slidedown--toggle:before {
		padding-right: 25px!important;
		background-repeat: no-repeat;
		background-image: url("data:image/svg+xml;charset=utf8,<svg height='20' viewBox='0 0 48 48' width='20' fill='%230497db' xmlns='http://www.w3.org/2000/svg'><path d='M14.83 16.42l9.17 9.17 9.17-9.17 2.83 2.83-12 12-12-12z'/></svg>");
	}



	#popup-afspraak-maken #wizard-afspraak-maken-employeelists label.active:after {
		box-shadow: inset 0 0 0 4px #0c2b64;
	}

	#popup-afspraak-maken #wizard-afspraak-maken-employeefilter ul li.active,
	#afspraak-maken #wizard-afspraak-maken-daylist li.disabled, #afspraak-maken #wizard-afspraak-maken-timelist li.disabled {
		color: #0c2b64;
	}


	.react-autosuggest__container:before {
		background-color: #0c2b64;
	}

   
    .mi__header_more_information {
      color: #0c2b64;
    }

    .mi__medical-content h2 {
      color: #0c2b64;
    }

    .mi__more-information:after {
      border-top-color: #e7eaf0;
    }

    .mi__cta_buttons:after {
      border-top-color: #0c2b64;
    }

    .js-mi__active-video {
      border: 1px solid #0c2b64;
    }