:root {
  --bs-blue										: #0e2b4d;
	--bs-lightblue							: #085386;
  --bs-indigo									: #6610f2;
  --bs-purple									: #6f42c1;
  --bs-pink										: #d63384;
  --bs-red										: #f01d32;
  --bs-orange									: #fd7e14;
  --bs-yellow									: #ffc107;
  --bs-teal										: #d1f0ad;
  --bs-cyan										: #0dcaf0;
  --bs-white									: #fff;
  --bs-gray										: #6c757d;
  --bs-gray-dark							: #343a40;

  --bs-green									: #081a2e;
	--bs-green-hover						: #0e2b4d;
	--bs-green-m								: #4e8eb9;
	--bs-green-l								: #8bc1e5;
	
	--bs-green-rgb 							: 14, 43, 77;
	--bs-green-m-rgb						: 57, 136, 179;
	--bs-green-l-rgb						: 139, 193, 229;

  --bs-gray-100								: #f8f9fa;
  --bs-gray-200								: #e9ecef;
  --bs-gray-300								: #dee2e6;
  --bs-gray-400								: #ced4da;
  --bs-gray-500								: #adb5bd;
  --bs-gray-600								: #6c757d;
  --bs-gray-700								: #495057;
  --bs-gray-800								: #343a40;
  --bs-gray-900								: #212529;
	
	--bs-primary-color					: #fff;
  --bs-primary								: #3988b3;
	--bs-primary-hover-color 		: #fff;
	--bs-primary-hover 					: #22526b;
	
	--bs-secondary-color 				: #212121;
	--bs-secondary 							: #fff;
	--bs-secondary-hover-color 	: #212121;
	--bs-secondary-hover 				: #8bc1e5;
	
	--bs-info-color							: #fff;
	--bs-info										: #0e2b4d;
	--bs-info-hover-color				: #fff;
	--bs-info-hover							: #081a2e;
	
	--bs-warning-color					: #fff;
	--bs-warning								: var(--bs-green-m);
 	--bs-warning-hover-color		: #fff;
	--bs-warning-hover					: #325294;
	
	--bs-danger-color						: #fff;
	--bs-danger									: #bb271c;
 	--bs-danger-hover-color			: #fff;
	--bs-danger-hover						: #671316;
	
	--bs-success-color					: #fff;
	--bs-success								: #016c36;
 	--bs-success-hover-color		: #fff;
	--bs-success-hover					: #034d28;

  --bs-light									: #f8f9fa;
  --bs-dark										: #212529;
	
  --bs-primary-rgb						: 13, 110, 253;
  --bs-secondary-rgb					: 108, 117, 125;
  --bs-success-rgb						: 25, 135, 84;
  --bs-info-rgb								: 13, 202, 240;
  --bs-warning-rgb						: 255, 193, 7;
  --bs-danger-rgb							: 187, 39, 28;
	
  --bs-light-rgb							: 248, 249, 250;
  --bs-dark-rgb								: 33, 37, 41;
  --bs-white-rgb							: 255, 255, 255;
  --bs-black-rgb							: 0, 0, 0;
  --bs-body-color-rgb					: 33, 37, 41;
  --bs-body-bg-rgb						: 255, 255, 255;
	
	--bs-link-color							: #0e2b4d;
	--bs-link-color-hover				: #212121;
	
  --bs-font-sans-serif				: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-serif							: var(--bs-font-sans-serif);

	--bs-font-monospace					: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient								: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family				: var(--bs-font-sans-serif);
  --bs-body-font-size					: 1rem;
  --bs-body-font-weight				: 400;
  --bs-body-line-height				: 1.5;
	
	--light											: #fff;
	--dark											: #212121;

	--bs-a											: #212121;
	--bs-a-hover								: #0e2b4d;
  --bs-body-color							: #212121;
  --bs-body-bg								: #f6fdff;
	--bs-body-bg-image					: url(/gfx/bg-scan-default-light.jpg);
} 

html,body {height: 100%;}
body {
	font-size: 13.8pt;
	letter-spacing: -0.005em;
	line-height: 18pt;
	font-family: var(--bs-font-sans-serif);
	font-weight: 400;
	padding: 70px 0 0 0;
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
}

.embed-responsive-4by3::before {
	padding-top: 70vh !important;
}

.wrap {min-height: 5em;margin: auto;}

.headerWrapper{
	z-index: 1030;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 70px;
	background: #0e2b4d;
	}

p {
	margin: 0 0 .4rem 0;
}

div p:last-child {
	margin: 0 0 0 0;
}

a:not(.btn), a:visited:not(.btn) {
	color:var(--bs-a);
	text-decoration: none;
}
a:hover:not(.btn), a:active:not(.btn), a:focus:not(.btn){
	color: var(--bs-a-hover);
	text-decoration: none;
	outline: none;
}

h1, h2{
	font-family: var(--bs-font-sans-serif);
  word-spacing: -0.015em;
	line-height: 1.1em;
	margin: 0.35rem 0;
	}

 h3, h4, h5, h6 {
	font-family: var(--bs-font-sans-serif);
	margin: 0.035em 0;
	}

h1 {font-size: 22pt;letter-spacing: -0.025em;font-weight: 400;}	
h2 {font-size: 20pt;letter-spacing: -0.025em;font-weight: 400;}
h3 {font-size: 18pt;letter-spacing: -0.025em;font-weight: 400;}
h4 {font-size: 16pt;letter-spacing: -0.015em;font-weight: 500;}
h5 {font-size: 12pt;letter-spacing: 0;}
h6 {font-size: 10pt;letter-spacing: 0;}
	
/* sitelogo height: 102px;width: 228px; */
.logo {position: relative;top: 0;left: -5px;height: 40px;width: auto;margin: 15px 0;}
.logo-small {display:none;}
.scan-logo {position: relative;top: 0;left: -5px;height: 50px;width: auto;margin: 15px 0;}


.caroussel-responsive {
	margin: auto;
}
.current  {
	padding-left: 18px;
	color: #000;
}

/*color mode*/
:root[data-bs-theme="light"] .light--hidden {
	display: none;
}

:root[data-bs-theme="dark"] .dark--hidden {
	display: none;
}

.navWrapper .mode-switch {
	display:none;
}

.color-mode__btn {
	padding: 0 0 0 5px;
	margin: 0 !important;
	color: #fff;
	border: none;
	font-weight: 400 !important;
	font-size: 18px;
	line-height: 20px;
	display: inline-block;
	vertical-align:  baseline;
}

.color-mode__btn:focus, .color-mode__btn:hover, .color-mode__btn:active {
	text-decoration: none;
	border: none;
	color: #8bc1e5;
}

.color-mode__btn:focus .svg-inline--fa, .color-mode__btn:hover .svg-inline--fa, .color-mode__btn:active .svg-inline--fa {
	border: none;
}

.navWrapper .color-mode__btn {
	padding: 5px 25px 5px 0 !important;
	margin: 0 !important;
}

.color-mode .svg-inline--fa {
	color: #8bc1e5;
}

/* navbar */
.navWrapper {
	margin: 0;
	width: 100%;
	z-index: 1030;
	padding: .5rem 0;
	background: linear-gradient(0deg, rgba(var(--bs-white-rgb),1) 0%, rgba(var(--bs-green-m-rgb),1) 100%);
}

.navWrapper.stuck{
	position: fixed;
	z-index: 30;
	top: 0;
	left: 0;
	right:0;
}

.navWrapper.stuck .logo-small{
	position: absolute;
	left: 1rem;
	top: 8px;
	width: auto;
	height: 30px;
	}

.navbar-categories, .navbar-scan {
	font-family: var(--bs-font-sans-serif);
  border-radius: 0;
	margin: 0 ;
	padding: 0 1rem 0 0;
}

.btn-link.navbar-toggler  {
  color: var(--bs-green);
	font-size: 18pt;
	line-height: 18pt;
	letter-spacing: 0.04em;
	padding: 10px 20px !important;
	border: none;
	outline: 0px !important;
	box-shadow:  none !important;
}

.btn-link.navbar-toggler:focus, .btn-link.navbar-toggler:hover, .btn-link.navbar-toggler:active {
	color: var(--bs-green-hover);
	text-decoration: none;
	background-color: transparent;
	border: none;
	outline: 0px !important;
	box-shadow:  none !important;
}

.navbar-scan .navbar-brand {
	padding: 0;
	margin: 3px 0 3px 1rem;
}

.nav-categories-right{
	min-width: 25vw;
	padding: 0 0 0 2rem;
	/* border-left: 1px solid rgba(var(--bs-green-rgb),.6); */
}

.nav-scan > li.nav-result, .nav-categories > li > a, .nav-scan > li > a  {
	position: relative;
	font-weight: 400;
	font-size: 13.5pt;
	line-height: 14pt;
	letter-spacing: -0.025em;
	padding: 6px 15px 6px 15px !important;
	margin: 0 15px 10px 0;
	color: var(--bs-a);
	background: rgba(var(--bs-white-rgb),.5);
	border: 1px solid rgba(var(--bs-green-m-rgb),.4);
	-webkit-border-radius: .5rem;
		 -moz-border-radius: .5rem;
			 		border-radius: .5rem;
}

.nav-categories-right.nav-categories > li > a  {
	font-size: 13pt;
	background: rgba(var(--bs-white-rgb),.7);
}

.module-padding  {
	padding: 6px 20px 6px 15px !important;
	margin: 0 15px 10px 0 !important;
}


.nav-categories > li > a:hover, .nav-categories > li > a:active, .nav-scan > li > a:hover, .nav-scan > li > a:active,
.navbar-collapse.show .nav-categories > li > a:hover, .navbar-collapse.show .nav-categories > li > a:active, .nav-link.active {
  background: rgba(var(--bs-white-rgb),1);
  color: var(--bs-a-hover);
}

.badge-module {
	position: absolute;
	top: 2px;
	right: -20px;
	width: 20px;
	height: 20px;
	transform: translate(-50%,-50%) !important;
	border-radius: 50rem;
	background-color: rgba(var(--bs-danger-rgb),1);
	text-align: center;
	font-size: 10px;
	line-height: 20px;
	color: #fff;
	letter-spacing: -.035rem;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.badge-module-large {
	display: inline-block;
	position: relative;
	border-radius: 50rem;
	background-color: rgba(var(--bs-success-rgb),1);
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	color: #000;
	padding: 0 4px;
	letter-spacing: -.025rem;
}

.navbar-dark a.nav-link, .navbar-dark .nav-link:focus, .navbar-dark .nav-link:hover {
	color: #d1d1d1;
}
.panel-profile{
	text-align: left;
}

/* navbar scan */

.navScanWrapper {
	margin: 0;
	width: 100%;
	left: -9999;
	opacity: 0;
	position: absolute;
	z-index: 0;
}

.navScanWrapper.stuck{
	position: fixed;
	z-index: 30;
	opacity: 1;
	top: 0;
	left: 0;
	right:0;
	background: var(--bs-gray-100);	
	}

a.top-link {
	padding: 0 15px 0 25px;
}

#top-link.fa-chevron-right{
	font-size: 22px;
	position: relative;
	top: 4px;
	left: 0;
	color: var(--bs-green-m);
}

#top-link.fa-chevron-up{
	font-size: 22px;
	position: relative;
	top: 2px;
	left: 0;
	color: var(--bs-green-m);
}
	

.modal-content {
	background-color: var(--bs-white);
	border: 1px solid rgba(var(--bs-gray-900),.2);
}
.modal-header {padding: .2rem 1rem .3rem 1rem;border: 1px solid rgba(var(--bs-gray-900),.2);}

.keyTypes {text-align: left;}

.card-generic {
	padding: 0;
	border-bottom: 3px solid rgba(var(--bs-green-m-rgb),0.4);
}

/* nav-tabs*/
.tab-content{
	padding: 1rem 0;
	margin: 0;
	border-radius: 0;
	border: none;
	}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border: 1px solid #c00;
	padding: 10px 30px 10px 15px;
}

.nav-tabs > li > a > .svg-inline--fa {color: var(--bs-green);font-size: 21px;}
.nav-tabs > li.active > a > .svg-inline--fa {color: var(--bs-green);}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: var(--bs-green);
	--bs-nav-tabs-link-active-bg: var(--bs-gray-200);
	border-bottom: none;
}

.pa-dashboard .nav-tabs > li > a::before {
	padding: 0 5px 0 0;
	font-size: 14px;
	content: "\276f";
	opacity: .6;
	color: var(--bs-green);
}

.btn-collapse .svg-inline--fa {
  transition: .3s transform ease-in-out;
}
.btn-collapse[aria-expanded="true"] .svg-inline--fa {
  transform: rotate(180deg);
}



/* collapse*/

/* [data-bs-toggle="collapse"] span {  
  font-family: var(--bs-font-sans-serif);
	font-size: 8px;
	padding: 0 0 0 1px;
	color: var(--bs-green);
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 12px;
	text-align: center;
	margin: 0 5px 0 0;
	background: #fff;
	border: 1px solid var(--bs-green);
	-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
				  border-radius: 50%;
}
[data-bs-toggle="collapse"] span:before {  
  content: "\25B6";
}

[aria-expanded="true"] span:before {  
  content: "\25BC";
	color: #c41230;
}

[data-bs-toggle="collapse"].collapsed span:before {
  content: "\25B6";
} */

/* breadcrumb */
.crumb {
	padding: 0 0 1rem 0;
	margin: 0;
	}
	
.breadcrumb {
	font-family: var(--bs-font-sans-serif);
	clear: both;
	margin: 0;
	padding: 0 ;
	font-size: 10pt;
	letter-spacing: 0.045em;
	}
	
.breadcrumb li, .breadcrumb a, .breadcrumb a:visited {color: var(--bs-a);font-weight: 500;white-space: nowrap; display: inline;text-transform: uppercase;}
.breadcrumb li.active, .breadcrumb li.active a, .breadcrumb li.active a:visited {color: var(--bs-a);font-weight: normal;}
.breadcrumb a:hover, .breadcrumb li.active a:hover {color: var(--bs-a-hover);text-decoration: none;}

.blueBg .breadcrumb li, .blueBg .breadcrumb a, .blueBg .breadcrumb a:visited {color: #fff;}
.blueBg .breadcrumb li.active, .blueBg .breadcrumb li.active a, .blueBg .breadcrumb li.active a:visited {color: #3b61ac;}
.blueBg .breadcrumb > li + li:before {color: #3b61ac;}

.bg-zwart .breadcrumb li, .bg-zwart .breadcrumb a, .bg-zwart .breadcrumb a:visited {color: #fff;}
.bg-zwart .breadcrumb li.active, .bg-zwart .breadcrumb li.active a, .bg-zwart .breadcrumb li.active a:visited {color: var(--bs-green-l);}
.bg-zwart .breadcrumb > li + li:before {color: var(--bs-green-l);}

.breadcrumb {background: none;}


.breadcrumb > li + li:before {
  color: var(--bs-green-m);
	content: "\276f"; 
	opacity: .6;
	padding: 0 8px;
	font-size: 12px;
}

.image-box {
  display: flex;
	flex-wrap: wrap;
	margin: 1px 0 0 0;
}

.extra-image{
	width: calc(50% - 1px );
	margin: 0 1px 1px 0;
}

.extra-images {
	position: relative;
}
.ClToEnlarge {
	top: 10px;
	left: 10px;
	z-index: 10;
	position: absolute;
	padding: 10px;
}

.enlarge-picture{cursor: pointer;}

.extra-image-overlay{
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	padding: 5px 10px;
	font-size: 10pt;
	line-height: 12pt;
}

.sNav ul {
	margin: 0;
	padding: 0;
	display: block;
	}

.sNav ul li {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
	list-style-type: none;
	}
	

.sNav ul li a, .sNav ul li a:visited {
	color:#fff;
	position: relative;
	margin: 0 0 0 0;
	padding: 2px 5px 2px 18px;
	text-decoration: none;
	display: block;
	margin: 0;
	white-space: normal;
	overflow:hidden !important;
  text-overflow: ellipsis;
	}
	
	.sNav ul li::marker{
		content: "\276f"; 
	}
	
.sNav .last-item {
	background: none;
	}
	
.sNav ul li a:hover, .sNav ul li:hover, .sNav li a:focus, a.sActive {
	color: #999;
	text-decoration: none;
}
	

	
/* bootstrap form */
.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--dark);
	background-color: var(--bs-white);
	border: 1px solid var(--bs-gray-300);
}

.input-group-text {
	color: var(--dark);
	background-color: var(--green-m);
	border: 1px solid var(--bs-gray-300);
}

.form-check {
  min-height: 2rem;
  padding-left: 1.5em;
  margin: 0.5rem 0;
}

.form-check-sm {
	min-height: auto;
	margin: 0
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1.5em;
  height: 1.5em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: var(--bs-light);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid var(--bs-green-m);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
	transition: all 0.15s ease-out 0s;
	box-shadow:
	  0.1px 0.1px 2.1px rgba(0, 0, 0, 0.0251),
	  0.3px 0.3px 5.1px rgba(0, 0, 0, 0.043),
	  0.6px 0.6px 9.5px rgba(0, 0, 0, 0.09),
	  1.1px 1.1px 17px rgba(0, 0, 0, 0.067),
	  2.1px 2.1px 31.8px rgba(0, 0, 0, 0.099),
	  2px 2px 76px rgba(0, 0, 0, 0.18);
}

.form-check-sm .form-check-input {
	width: 1em;
  height: 1em;
}

.form-check-sm .form-check-label {
	display: inline-block;
	padding: 0;
	line-height: 1.2rem;
	color: var(--bs-body-color);
}

.form-radio-faux-input {
	width: 26px;
  height: 26px;
	line-height: 5px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 0;
  margin: .25rem auto;
	background-color: var(--bs-light);
	-webkit-border-radius: 1rem;
	   -moz-border-radius: 1rem;
			    border-radius: 1rem;
}

.form-check-faux-input {
	width: 26px;
  height: 26px;
	line-height: 5px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 0;
  margin: .25rem auto;
	background-color: var(--bs-light);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			    border-radius: 4px;
}

.form-check-faux-input .svg-inline--fa, .form-radio-faux-input .svg-inline--fa  {
	margin: 0;
	padding:0;
  font-size: 30px;
  line-height: 30px;
}

.form-check-label{
	display: inline-block;
	padding: 0.5em  0.75em; 
	line-height: 1.2rem;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus, .form-check-input:hover {
	border-color: var(--bs-green);
	outline: 0;
	box-shadow:
	  0.1px 0.1px 2.1px rgba(0, 0, 0, 0.051),
	  0.3px 0.3px 5.1px rgba(0, 0, 0, 0.073),
	  0.6px 0.6px 9.5px rgba(0, 0, 0, 0.09),
	  1.1px 1.1px 17px rgba(0, 0, 0, 0.187),
	  2.1px 2.1px 31.8px rgba(0, 0, 0, 0.189),
	  5px 5px 76px rgba(0, 0, 0, 0.18);
}

.form-check-input:checked {
  background-color: var(--bs-green);
  border-color: var(--bs-green);
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked:hover {
  background-color: var(--bs-green);
	border-color: var(--bs-green-l);
}

.form-check-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: var(--bs-gray-600);
  content: '';
  display: block;
}

.form-check-input[type=radio]:after {
  border-radius: 50%;
}

@keyframes click-wave {
  0% {
    height: 1.5em;
    width: 1.5em;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 3em;
    width: 3em;
    margin-left: -0.9em;
    margin-top: -0.9em;
    opacity: 0;
  }
}


.form-control.input-valid {
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-control.input-invalid {
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-control.input-search {
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352c79.5 0 144-64.5 144-144s-64.5-144-144-144S64 128.5 64 208s64.5 144 144 144z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.55em + .375rem) calc(.55em + .375rem);
}



.dropdown-menu li a {line-height: 20pt;}

button:focus:not(:focus-visible), .btn-link:focus {
	outline: none !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none!important;
}

.btn {
	font-family: var(--bs-font-sans-serif);
	font-weight: 500;
	text-decoration: none;
}
.btn:focus {outline: none;}
.btn-large{	font-size: 1.2em;}
.btn-larger{	font-size: 1.6em;}
.btn-upper{text-transform: uppercase;}
.btn-block {display: block;	width: 100%;}

/* .btn, .form-control, .input-group-addon, .card {
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
				  border-radius: 0;
} */

.btn.btn-raised:not(.btn-link), .input-group-btn .btn.btn-raised:not(.btn-link), .btn-group-raised .btn:not(.btn-link), 
	.btn-group-raised .input-group-btn .btn:not(.btn-link), .raised {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.btn.btn-lg .svg-inline--fa{
	font-size: 18px;
}

.btn-xs, .btn-group-xs > .btn {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
}


.btn-chevron-start:before, .btn-chevron-before:before, .list-group-item-chevron:before {
	padding: 0 10px 0 5px;
	font-size: 14px;
	content: "\276f"; 
	opacity: .6;
}

.btn-chevron:after, .btn-chevron-end:after {
	padding: 0 5px 0 10px;
	font-size: 14px;
	content: "\276f"; 
	opacity: .6;
}	

.raised-medium{
	box-shadow:
  0 0.4px 2.1px rgba(0, 0, 0, 0.014),
  0 1.1px 5.8px rgba(0, 0, 0, 0.02),
  0 2.7px 13.9px rgba(0, 0, 0, 0.026),
  0 9px 46px rgba(0, 0, 0, 0.04);
}

.raised-large, .extra-image:hover, .award-logo:hover{
	box-shadow:
  0 0.2px 2.2px rgba(0, 0, 0, 0.02),
  0 0.4px 5.3px rgba(0, 0, 0, 0.028),
  0 0.8px 10px rgba(0, 0, 0, 0.035),
  0 1.3px 17.9px rgba(0, 0, 0, 0.042),
  0 2.5px 33.4px rgba(0, 0, 0, 0.05),
  0 6px 80px rgba(0, 0, 0, 0.07);
}


.btn-round{
	padding: 5px 8px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			    border-radius: 50%;
}

.btn-flat{
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			    border-radius: 0;
}

.btn-left {text-align: left;}

.btn-primary {
	--bs-btn-color: var(--bs-primary-color);
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: var(--bs-primary-hover-color);
	--bs-btn-hover-bg: var(--bs-primary-hover);
	--bs-btn-hover-border-color: var(--bs-primary-hover);
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: var(--bs-primary-hover-color);
	--bs-btn-active-bg: var(--bs-primary-hover);
	--bs-btn-active-border-color: var(--bs-primary-hover);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--bs-primary-hover-color);
	--bs-btn-disabled-bg: var(--bs-primary-hover);
	--bs-btn-disabled-border-color: var(--bs-primary-hover);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-primary-hover-color);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: var(--bs-primary-hover-color);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-gradient: none;
}

.btn-secondary {
  --bs-btn-color: var(--bs-secondary-color);
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: rgba(var(--bs-green-m-rgb),.8);
  --bs-btn-hover-color: var(--bs-secondary-hover-color);
  --bs-btn-hover-bg: var(--bs-secondary-hover);
  --bs-btn-hover-border-color: var(--bs-secondary-hover);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: var(--bs-secondary-hover-color);
  --bs-btn-active-bg: var(--bs-secondary-hover);
  --bs-btn-active-border-color: var(--bs-secondary-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-secondary-hover-color);
  --bs-btn-disabled-bg: var(--bs-secondary-hover);
  --bs-btn-disabled-border-color: var(--bs-secondary-hover);
	--bs-chevron: var(--bs-secondary-hover);
}

.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary-color);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bs-secondary-hover-color);
  --bs-btn-hover-bg: var(--bs-secondary-hover);
  --bs-btn-hover-border-color: var(--bs-secondary-hover);
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: var(--bs-secondary-hover-color);
  --bs-btn-active-bg: var(--bs-secondary-hover);
  --bs-btn-active-border-color: var(--bs-secondary-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-secondary-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-secondary-hover);
  --bs-gradient: none;
}

.btn-info {
  --bs-btn-color: var(--bs-info-color);
  --bs-btn-bg: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-color: var(--bs-info-hover-color);
  --bs-btn-hover-bg: var(--bs-info-hover);
  --bs-btn-hover-border-color: var(--bs-info-hover);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-info-hover-color);
  --bs-btn-active-bg: var(--bs-info-hover);
  --bs-btn-active-border-color: var(--bs-info-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-info-hover-color);
  --bs-btn-disabled-bg: var(--bs-info-hover);
  --bs-btn-disabled-border-color: var(--bs-info-hover);
	--bs-chevron: var(--bs-info-hover);
}

.btn-outline-info {
  --bs-btn-color: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-color: var(--bs-info-hover-color);
  --bs-btn-hover-bg: var(--bs-info-hover);
  --bs-btn-hover-border-color: var(--bs-info-hover);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: var(--bs-info-hover-color);
  --bs-btn-active-bg: var(--bs-info-hover);
  --bs-btn-active-border-color: var(--bs-info-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-info-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-info-hover);
  --bs-gradient: none;
}

.btn-warning {
  --bs-btn-color: var(--bs-warning-color);
  --bs-btn-bg: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-color: var(--bs-warning-hover-color);
  --bs-btn-hover-bg: var(--bs-warning-hover);
  --bs-btn-hover-border-color: var(--bs-warning-hover);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-warning-hover-color);
  --bs-btn-active-bg: var(--bs-warning-hover);
  --bs-btn-active-border-color: var(--bs-warning-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-warning-hover-color);
  --bs-btn-disabled-bg: var(--bs-warning-hover);
  --bs-btn-disabled-border-color: var(--bs-warning-hover);
	--bs-chevron: var(--bs-warning-hover);
}

.btn-outline-warning {
  --bs-btn-color: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-color: var(--bs-warning-hover-color);
  --bs-btn-hover-bg: var(--bs-warning-hover);
  --bs-btn-hover-border-color: var(--bs-warning-hover);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: var(--bs-warning-hover-color);
  --bs-btn-active-bg: var(--bs-warning-hover);
  --bs-btn-active-border-color: var(--bs-warning-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-warning-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-warning-hover);
  --bs-gradient: none;
}

.btn-danger {
  --bs-btn-color: var(--bs-danger-color);
  --bs-btn-bg: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-color: var(--bs-danger-hover-color);
  --bs-btn-hover-bg: var(--bs-danger-hover);
  --bs-btn-hover-border-color: var(--bs-danger-hover);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-danger-hover-color);
  --bs-btn-active-bg: var(--bs-danger-hover);
  --bs-btn-active-border-color: var(--bs-danger-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-danger-hover-color);
  --bs-btn-disabled-bg: var(--bs-danger-hover);
  --bs-btn-disabled-border-color: var(--bs-danger-hover);
	--bs-chevron: var(--bs-danger-hover);
}

.btn-outline-danger {
  --bs-btn-color: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-color: var(--bs-danger-hover-color);
  --bs-btn-hover-bg: var(--bs-danger-hover);
  --bs-btn-hover-border-color: var(--bs-danger-hover);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: var(--bs-danger-hover-color);
  --bs-btn-active-bg: var(--bs-danger-hover);
  --bs-btn-active-border-color: var(--bs-danger-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-danger-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-danger-hover);
  --bs-gradient: none;
}

.btn-success {
  --bs-btn-color: var(--bs-success-color);
  --bs-btn-bg: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-color: var(--bs-success-hover-color);
  --bs-btn-hover-bg: var(--bs-success-hover);
  --bs-btn-hover-border-color: var(--bs-success-hover);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-success-hover-color);
  --bs-btn-active-bg: var(--bs-success-hover);
  --bs-btn-active-border-color: var(--bs-success-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-success-hover-color);
  --bs-btn-disabled-bg: var(--bs-success-hover);
  --bs-btn-disabled-border-color: var(--bs-success-hover);
	--bs-chevron: var(--bs-success-hover);
}

.btn-outline-success {
  --bs-btn-color: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-color: var(--bs-success-hover-color);
  --bs-btn-hover-bg: var(--bs-success-hover);
  --bs-btn-hover-border-color: var(--bs-success-hover);
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: var(--bs-success-hover-color);
  --bs-btn-active-bg: var(--bs-success-hover);
  --bs-btn-active-border-color: var(--bs-success-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-success-hover-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-success-hover);
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: none;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

/* toast */
.toast-container {
	--bs-toast-zindex: 1090;
	position: fixed;
	z-index: var(--bs-toast-zindex);
	bottom: 2rem;
	right: 2rem;
}

.toast {
	--bs-toast-zindex: 1090;
	--bs-toast-padding-x: 0.75rem;
	--bs-toast-padding-y: 0.5rem;
	--bs-toast-spacing: 1.5rem;
	--bs-toast-max-width: 350px;
	--bs-toast-font-size: 1rem;
	--bs-toast-color: ;
	--bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
	--bs-toast-border-width: var(--bs-border-width);
	--bs-toast-border-color: var(--bs-border-color-translucent);
	--bs-toast-border-radius: var(--bs-border-radius);
	--bs-toast-box-shadow: var(--bs-box-shadow);
	--bs-toast-header-color: var(--bs-secondary-color);
	--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
	--bs-toast-header-border-color: var(--bs-border-color-translucent);
	font-size: var(--bs-toast-font-size);
	line-height: 1.2rem;
	color: var(--bs-toast-color);
	pointer-events: auto;
}

.noShadow, .noShadow a, .noShadow li a {text-shadow:none;}

.nowrap {white-space: nowrap;}
.well {
	position: relative;
}

.short {overflow: hidden;}

/* downloads*/
.download-deck  {
	padding:0 0 0 0;
}
.download-deck > .card.download-card {
	width: calc(50% - 1%);
	max-width:calc(50% - 1%);
	margin: 0 1% 1% 0;
	min-height: 148px;
	padding:0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
		-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			    border-radius: 0;
}


.download-card{
	border: 1px solid rgba(59,79,81,0.125);
}

.download-left {
	margin: 0 0;
	flex-basis: 40%;
	max-width: 40%;
	padding: 0;
	flex-shrink: 1 !important;
}

.download-right {
	margin: 0 0;
	padding: 5px 10px 0 10px;
	flex-basis: 60%;
	max-width: 60%;
}

.download-heading {
	font-size: 12pt;
	line-height: 14pt;
	text-transform: none;
	font-weight: bold;
}
.download-cover {
	width: 100%;
	height: auto;
}

.download-text {
	font-size: 12pt;
	line-height: 14pt;
}

.download-list {
	font-size: 12pt;
	line-height: 14pt;
}
.download-list a, .download-list a:visited{
	padding: .4rem 0 .6rem 0;
	border-bottom: 1px solid rgba(var(--bs-green-rgb),.2);
}

.download-list a:last-child{
	border-bottom: none;
}

.doc-icon {
	width:auto;
	height:32px;
}

.label-download {
	font-size: 9pt;
	line-height: 10pt;
	text-transform: uppercase;
	margin: 0;
	color: #666;
	padding: 0;
}

.download-footer{
	position: absolute;
	bottom: 0;
	left: 40%;
	right: 0;
}

.noLine{background: none;}

blockquote {
	position: relative;
	padding: 0.2rem 1rem;
	border-left: 4px solid var(--bs-green);
	margin: 1rem 0;
	background: linear-gradient(to right, rgba(var(--bs-green-m-rgb),0.15) 0%,rgba(var(--bs-green-rgb),0.03) 19%,rgba(var(--bs-green-m-rgb),0.01) 23%,rgba(var(--bs-green-m-rgb),0) 24%);
}

.caption {position: relative;min-height: 100px;}
.caption .btn {position: absolute;bottom: 10px;}
.extraPadding {padding: 20px 10px;}

.thumbSmall {margin: 15px 0 5px 15px;width: 25%;height: auto;}

.img-thumbnail {margin: 0 0 10px 0;}

.thumbPic {margin: 0 0 0 0;}
.catPic {width: 30%;height: auto;max-width: 250px;margin: 40px 5px 10px 15px;}
.img-mime-24 {width: auto;height: 24px;margin: auto;}
.img-mime-32 {width: auto;height: 32px;margin: auto;}
.google-play, .itunes { height: 40px; width: auto;margin-top: 10px;}
.link-box{padding: 10px;}

.category {margin: 0 0 30px 0;}

.faces{
	background-image: url(/gfx/bg-faces.jpg);
	position: relative;
	padding: 0;
	width: 100%;
	min-height: 360px;
	margin: 0 auto;
	background-position: left top;
	background-repeat: repeat;
	background-attachment: fixed;
}
.faces-box{
	position: absolute;
	background: rgba(var(--bs-green-rgb),.5);
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.faces img{
	padding: 0px !important;
	margin: 0px !important;
	width: calc(100%/12);
}
.faces-text {
	font-family: var(--bs-font-sans-serif);
	z-index: 2;
	position: absolute;
	font-size: 30pt;
	line-height: 34pt;
	color: #fff;
	width: 54%;
	text-align: left;
	letter-spacing: -0.025em;
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


a.list-group-item, a.list-group-item:visited {
	font-weight: 400;
	text-align: left;
}

 .list-item-chevron {
	padding-left: 28px !important;
}	 

.list-item-chevron:before {
	position: absolute;
	left: 10px;
	top: 8px;
	padding: 0;
	width: 18px;
	font-size: 14px;
	content: "\276f"; 
	opacity: 1;
	color: var(--bs-lightblue);
}	

.list-group-item {
	color: var(--dark);
	border-color: var(--bs-list-group-border-color);
	background: var(--light);
}

.list-group-navigation a.list-group-item .svg-inline--fa, 
.list-group-item .svg-inline--fa  {
  color: var(--bs-green-m);
	margin-right: 5px;
}

.list-group-item {overflow:hidden;font-family: var(--bs-font-sans-serif);}

.list-group-condensed .list-group-item {
  padding: 8px 15px;
}

.list-group-condensed-s .list-group-item {
	font-size: 11.5pt;
	line-height: 14pt;
}

.list-group-condensed-s .list-group-item {
  padding: 4px 10px;
}

.list-group-condensed-s .list-group-chevron .list-group-item::before, .list-group-condensed-s .list-group-item-chevron::before {
	padding-right: 5px;
	font-size: 12px;
	color: var(--bs-lightblue);
	content: "\276f";
}

.list-group-condensed-sm .list-group-item {
	font-size: 12.5pt;
	line-height: 14pt;
}

.list-group-condensed-sm .list-group-item {
  padding: 6px 10px;
}


.list-group-item-heading {
 padding-right: 10px;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
 	background: rgba(var(--bs-green-rgb),0.1);
  border-color: #dbe1ec;
	color: var(--dark);
}

.a.list-group-item.active i {color:var(--bs-green-m);}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
	background: rgba(var(--bs-green-rgb),0.1);
 	color: var(--dark);
  text-decoration: none;
}

.list-group-lg {
	font-size: 16pt;
	line-height: 20pt;
}
.list-group-item{display: list-item;}
.no-flex {display: list-item;list-style-type: none;}
.list-group-lg a.list-group-item i {margin-right: 5px;}

.list-group-item-text{
	padding: 0 0 0 30px;
	font-size: 11pt;
	line-height: 12pt;
	color: var(--dark);
	margin: 0;
	font-weight: 400;
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
  color: #999;
}

div.btn-group button.btn-lg i {font-size: 22px;}


/* dropdown */
.dropdown-menu {
  background-color: #f4f4f4 ;
  margin: 0 0 0 0;
  min-width: 225px;
  right: 20px;
  left: auto;
  border: none;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 0;
		 -moz-border-radius: 0;
				  border-radius: 0;
}

.dropdown-item, a.dropdown-item, a.dropdown-item:visited {
  color: var(--bs-gray-900);
  font-weight: 400;
	text-transform: none;
  padding: 3px 1.5rem;
  width: 100%;
}


a.dropdown-item:hover, a.dropdown-item:active, a.dropdown-item:focus{
	background-color: rgba(var(--bs-green-m-rgb),.2);
	color: var(--bs-gray-900);
}

a.dropdown-item  > .svg-inline--fa, a.dropdown-menu:visited > .svg-inline--fa  {
	color:var(--bs-green-m);
}

.dropdown-menu > a:hover .svg-inline--fa, .dropdown-menu > a:active .svg-inline--fa, .dropdown-menu > a:focus .svg-inline--fa {
	 color: var(--bs-green-m);
}

.dropdown-item.active, .dropdown-item:active {
	background-color: rgba(var(--bs-green-m-rgb),0.2);
	color: var(--bs-gray-900);
}

.divider {
  color: #3c3557;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

/* FAQ dropdown*/
.dropdown-card.bg-light  .card-header {
	margin-bottom: 0;
	border-bottom: 1px solid rgba(var(--bs-green-m-rgb),0.4);
}

.dropdown-card .card-body{
  background: rgba(207, 212, 224,.4);
}

.btn-faq {
	display: flex;
	color: #383a41;
	font-size: 14pt;
	line-height: 16pt;
	padding: 5px 3px;
}

a.btn-faq:hover {
	color: #126737;
}

.btn-faq .svg-inline--fa {
	font-size: 12px;
	color:var(--bs-green-m);
	margin: 3px;
}

.popover{min-width: 30em;}
.popover-content {font-size: 9pt;}


/* cards*/
.card-block {padding: 0.5rem 0.75rem;}

.card > .list-group {
	border-top: inherit;
	border-bottom: 0;
}

.card-header {
	background: none;
	border: none;
}

.card-footer {
	background: none;
	border: none;
}

.card .list-group-item, .panel-condensed .panel-body  {
  padding: 5px 10px;
}

.panel-condensed .panel-footer  {
  border-top: none;
}

.homepage {
	margin: 0 0 3rem 0;
}

.panel-border-top {border: 1px solid #ddd !important;}

.panel-info {
	border: none;
	color: var(--bs-green-m);
	font-family: var(--bs-font-sans-serif);
}

.panel-info > .panel-heading {
  background-color: #393155;
  border-color: #393155;
  color: #fff;
}

.panel-info > .panel-heading i {
  color: #3b61ac;
}

.panel-title i {
	color: #3b61ac;
}

.panel-footer {
  background-color: #ececec;
}

.second-heading {border-top: 1px solid #d1d1d1;}


.introText {text-align: center;}
.introText i {font-size: 40pt;line-height: 36pt;color: #3b61ac;padding: 20px 0;}
.introText:hover i { color: #71be3c }

/*
.fade-out {height: 250px;border: 1px solid red;padding: 0 0 3rem 0 margin: 0 0  3rem 0;;}
*/
.fade-out:before {
  content:'';
  width:100%;
  height:50%;  
	max-height: 240px;  
  position: absolute;
  left: 0;
	bottom:80px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAEYCAYAAACZTkxTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUM5NUNCOEE2NDc5MTFFQTkyNjlBRUJGRURDNjRDMEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUM5NUNCOEI2NDc5MTFFQTkyNjlBRUJGRURDNjRDMEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5Qzk1Q0I4ODY0NzkxMUVBOTI2OUFFQkZFREM2NEMwRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5Qzk1Q0I4OTY0NzkxMUVBOTI2OUFFQkZFREM2NEMwRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkcrNpMAAAB9SURBVHja7JbhCoAwCIR30vu/bdG/a7ACCaKCpmYJ+/Ghd3ODMTFOM8oaUlQMdXXK+Je5aKzcIm/aDagBJxpx71oyu7kYJNC8sh3KxhWwK2MrboBvXEhuTTADY7dbv0yw8zgA9atHnkmIGhB7BLUq65g5AmrANc0Pj8AiwAAr5A7XRZ/26gAAAABJRU5ErkJggg==) bottom left repeat-x;
}


.desc{padding: 0 0 80px 0;}

.smallArticle {
	border-bottom: 1px solid #d1d1d1;
	position: relative;
	height: 3.2em;
	padding: 5px 0 0 0;
	margin: 0 0 5px 0;
	overflow: hidden;
}

.noLine{border-bottom: none;}

.toBottom {
	position: absolute;
	bottom: 10px;
	left: 0;
}

.chapeau, .kicker {
	font-family: var(--bs-font-sans-serif);
	color: var(--bs-green);
	font-size: 16pt;
	line-height: 20pt;
	font-weight: 400;
	margin: 0 0 .5rem 0;
  text-overflow: ellipsis;
}

.chapeau a, .chapeau a:visited, 
.leesverder a, .leesverder a:visited {
	color: var(--bs-green);
}

.chapeau a:hover, .chapeau a:active, .chapeau a:focus, 
.leesverder a:hover, .leesverder a:active, .leesverder a:focus {
	color: var(--bs-green-hover);
}

.leesverder {
	font-size: 90%;
	margin: 5px 0;
}

.leesverder a:before, .leesverder a:visited:before {
	padding: 0 5px 0 0;
	font-size: 14px;
	content: "\276f"; 
	opacity: 1;
	color: var(--bs-blue);
}

.thumbnail .chapeau {
	margin:0;
	font-size: 10pt;
	line-height: 12pt;
}

.section-header {
	color: var(--bs-blue);
	padding: 1rem 0;
	margin-bottom: 1rem;
}

.overflow {
	white-space: nowrap;
	overflow:hidden !important;
  text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
}

/* artikel stijlen */

.big-pica{margin: auto;}	
.articleTitle chapeau {
	padding: 5px 0;
	font-size: 1.8em;
	}
	
.intro {
	margin:0 0 10px 0;
	font-size: 1.2em;
	line-height: 26pt;
}

.article a:not(.btn), .article a:not(.btn):visited  {
	color: var(--bs-green);
	font-weight: 500;
	text-decoration: none;
  border-bottom: 1px solid var(--bs-green-m);
  box-shadow: 0 -1px 0 var(--bs-green-m) inset;
  color: inherit;
	padding: 0 2px 1px 2px;
  transition: background 0.55s cubic-bezier(0.33, 0.66, 0.66, 1) 0s;
}

.article a:not(.btn):hover, .article a:not(.btn):active {
	text-decoration: none;
	background: rgba(var(--bs-green-m-rgb),0.2);
}

.txt p  {
	margin:3px 0 5px 0;
}

.txt table{
  table-layout: fixed;
	width: 100%;
}

.txt table td, .txt table th  {
	vertical-align: top;
	font-size: 12pt;
	line-height: 14pt !important;
}
.txt table p  {
	margin: 0;
}
.txt table.text-s td, .txt table.text-s th  {
	font-size: 11pt;
	line-height: 13pt !important;
}

	
.article {
	position: relative;
	margin: 0 0 2rem 0;
}
.article .kicker{margin:0 0 7px 0;}
.article h1 {font-size: 26pt;margin:8px 0 8px 0;}
.article .chapeau{font-size: 18pt;margin:10px 0 10px 0;}
.article p {
	margin: 10px 0;
	}
.article h3, .article h4 {
	color: var(--bs-green);
  font-size: 18pt;
  letter-spacing: 0;
}

.article ul, .message-content ul {
  list-style-type: "\276f   ";
	padding: 0 1.4rem;
}

.article ul li, .message-content ul li {
	margin:  0;
	padding: 0 10px;
}

.article ul li::marker, .message-content ul li::marker {
	font-size: 14px;
	color: var(--bs-lightblue);
}

.article ol, .message-content ol {counter-reset: item;}
.article ol li, .message-content ol li {display: block;font-weight: 400;margin: 0 0 10px 0;}
.article ol li:before, .message-content ol li:before {
    content: counter(item) "";
    counter-increment: item;
		background: rgba(var(--bs-green-l-rgb),1);;
		width: 25px;
		font-weight: 400;
		text-align: center;
		font-size: 14px;
		line-height: 25px;
		display: inline-block;
		margin: 0 15px 0 -30px;
		padding: 0 0 0 0;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
				    border-radius: 50%;
}


.article table {
	margin: 2rem 0;
	background: rgba(var(--bs-green-l-rgb),0.1);
}

.article .table > :not(caption) > * > * {
	background: rgba(var(--bs-green-l-rgb),0.1);
}

.article th { 
	font-family: var(--bs-font-sans-serif);
	background: rgba(var(--bs-green-l-rgb),0.4);
	text-transform: uppercase;
	font-size: 18pt;
	line-height: 18pt;
	padding: 0.5rem 0.75rem;	
} 

.article td {
  padding: 0.5rem 0.75rem;
}

.article caption {
	padding: .3em .5em ; 
	background: var(--bs-green-l);
	font-weight: bold;
	}

/* courtesy Navigatie */
.btn-link.btn-profile {
	color: #fff;
	margin: 1rem 0 0  0 ! important;
  font-weight: 400;
	font-size: 18px;
	line-height: 20px;
}

.btn-profile.btn-link:focus, .btn-profile.btn-link:hover, .btn-profile.btn-link:active {
  background-color: transparent;
  color: var(--bs-green-l);
  text-decoration: none;
}

.btn-profile.btn-link .svg-inline--fa {
  color: var(--bs-green-l);
	font-size: 22px;
}

.btn-profile.btn-link:focus .svg-inline--fa, .btn-profile.btn-link:hover .svg-inline--fa, .btn-profile.btn-link:active .svg-inline--fa {
  color: var(--bs-greens);
}

.btn-link.btn-profile-navbar {
	color: var(--bs-green);
  font-weight: 400;
	font-size: 20px;
	line-height: 22px;
}

.btn-profile-navbar.btn-link .svg-inline--fa {
	color: var(--bs-green);
	font-size: 24px;
}

.f_nav {
	font-family: var(--bs-font-sans-serif);
	float: right;
	position: relative;
	text-align: right;
	margin: 1rem 0;
	}


	
/* slick */
.slick-wrapper{
	position: relative;
	width: 100%;
	margin: 0;
}

.tips-card {
	width: 100%;
}
.card-counter {
	font-weight: 500;
	margin-bottom: 10px;
}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before, .slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Arrows */
.slick-prev, .slick-next {
		line-height: 1;
		font-size: 11pt;
		line-height: 11pt;
    position: absolute;
    z-index: 1000;
    top: 0;
    display: block;
    width: 100px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{
    opacity: 1;
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,.slick-next:before {
    font-weight: 400;
		padding: 1px 8px;
		color: var(--bs-primary-color);
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
		background: var(--bs-primary);
		border-radius: 4px;
}

.slick-prev {
    right: 80px;
    left: auto;
}
.slick-prev:before{
    content: "\276e \00a0\00a0 vorige";
}
.slick-next {
	right: 10px;
}
.slick-next:before {
    content: "volgende \00a0 \276f";
}

/* Dots */
.slick-dotted.slick-slider{
    margin-bottom: 30px;
}

.slick-dots{
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button {
    font-size: 14px;
    line-height: 40px;
    display: block;
    width: 40px;
    height: 40px;
   padding: 0 8px;
		-webkit-border-radius: 50%;
	   	-moz-border-radius: 50%;
			    border-radius: 50%;
    cursor: pointer;
    color: #000;
    border: 0;
    outline: none;
    background: rgba(255,255,255,.4);
    box-shadow:
		  0 0.2px 2.2px rgba(0, 0, 0, 0.02),
		  0 0.4px 5.3px rgba(0, 0, 0, 0.028),
		  0 0.8px 10px rgba(0, 0, 0, 0.035),
		  0 1.3px 17.9px rgba(0, 0, 0, 0.042),
		  0 2.5px 33.4px rgba(0, 0, 0, 0.05),
		  0 6px 80px rgba(0, 0, 0, 0.07);   
}
.slick-dots li button:hover, .slick-dots li button:focus{
    outline: none;
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{
    opacity: 1;
}
.slick-dots li button:before{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
    opacity: .75;
    color: black;
}

/* navigatie boven */
.f_nav ul {
	float: right;
	padding: 0;
	margin: 0 0 0 0;
	background: transparent;
	}

.f_nav ul li {
	display: inline; 
	}

.f_nav ul li.divider:before { 
	padding: 0 3px;
	color: #8bc1e5;
	font-weight: 500;
  font-size: 12pt;
	line-height: 20px;
	content: "\2758"; 
	}

	
.f_nav ul li a, .f_nav ul li a:visited {
	display: inline-block;
	padding: .5rem 9px;
	text-align:right;
	margin:0 5px;
	color: #fff;
	font-weight: 400;
	font-size: 13pt;
	line-height: 20px;
	text-decoration: none;
	}  

.f_nav ul li a .svg-inline--fa, .f_nav ul li a:visited .svg-inline--fa {
	color: #3988b3;
	}  
		
.f_nav ul li a:hover, .f_nav ul li a:focus, .f_nav ul li a:active {
	color: #8bc1e5;
	text-decoration: none;
	}  
	
.f_nav ul li a:hover .svg-inline--fa, .f_nav ul li a:focus .svg-inline--fa, .f_nav ul li a:active .svg-inline--fa {
	color: #8bc1e5;
	} 
	

.navcontainer {
	font-family: var(--bs-font-sans-serif);
	font-size: 0.93em;
}


ul.navlist,ul.navlist li ul.subnavlist {
	list-style-type: none;
	margin:0;
	padding:0;
}

ul.navlist li,ul.navlist li ul.subnavlist li { 
	display: inline; 
	margin:0;
	padding: 0;
}

ul.navlist li a, ul.navlist li a:visited {
	position: relative;
	text-decoration: none;
	margin: 0;
	display: block; 
	padding: 4px 0 4px 20px;
	line-height: 16pt;
	color: #2C3E3E;
}

ul.navlist li a i {
	position: absolute;
	left: 0;
	top: 8px;
	font-size: 12px;
}

ul.navlist li a:hover,ul.navlist li a:focus { 
	color: #0667B2;
	text-decoration: none;
}

ul.navlist li.active a, ul.navlist li.active, ul.navlist li.active a:visited {
	text-decoration: none;
	color:#2c5b76;
}


ul.navlist li ul.subnavlist li a, ul.navlist li ul.subnavlist li a:visited {
	padding: 2px 0 2px 13px;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	margin:0;
	color: #2C3E3E;
}

ul.navlist li ul.subnavlist li a:hover, ul.navlist li ul.subnavlist li a:focus { 
	color: #0667B2;
	text-decoration: none;
}

ul.navlist li.active ul.subnavlist li.subactive a {
	font-weight: bold;
	text-decoration:none;
	color:#2c5b76;
}	



/* Navigatie horizontaal boven */
.searchAllKeys h4 {margin: 3px 0 5px 0;color:#D85A13}
.t {font-family: var(--bs-font-sans-serif);}
	
.t ul {
	padding: 0;
	margin: 0;
	}

.t ul li {
	list-style-type: none;
	overflow:hidden !important;
  text-overflow: ellipsis;
	}

.t ul li li a,.t ul li li a:visited {
	position: relative;
	padding: 3px 0 3px 23px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	margin: 0;
	}
	
.t ul li a,.t ul li a:visited {
	position: relative;
	padding: 3px 0;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	}
	
.t ul li.hCat {
	position: relative;
	font-weight: bold;
	}
	
.catTitle {
	padding: 0 5px 0 0;
}

.t [class^="fa-"],.t [class*=" fa-"]{
	position: absolute;
	left: 10px;
	top: 7px;
	font-size: 14px;
	}

.t ul li a:link.current, .t ul li a:visited.current {
	color: #2c5b76;
}

.t ul li a:hover {
	text-decoration: none;
	color: #2c5b76;
}

.t li.last-item {border-bottom: none;}



/* kleine lijst */
.listing {
	margin:0 0 5px 0;
	padding:0;
	cursor:pointer;
}

.navVertical {
	margin:0;
	padding:0;
}

.navVertical ul {
	margin: 0;
	padding: 0;
	}

.navVertical ul li {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	}

.navVertical ul li a, .navVertical ul li a:visited {
	margin:0;
	text-decoration: none;
  letter-spacing: 0; 
	
	}
	
.navVertical ul li a:hover, .navVertical ul li:hover, .navVertical li a:focus{
	color: #444;
	text-decoration: none;
	background-position: -464px -123px;
}

/* abonnnementen */
.abonnementen {
	padding: 2rem 0;
	margin: 0 0 2rem 0;
	width: 100%;
}

.card-deck-credits {
	font-family: var(--bs-font-sans-serif);
	padding:  0;
}

.card-deck-credits .dimmed {
	opacity: 0.65;
}

.card-credit  {
	border: 0;
}

.card-credit .card-body {
	padding: .5rem 1rem 1rem 1rem;
}

.card-credit .card-header {
 	border: 0;
}

.card-credit .card-footer {
	padding: 1rem 2rem;
}

.card-credit h2 {
	font-family: var(--bs-font-sans-serif);
	font-size: 20pt;
	line-height: 24pt;
	margin: 5px 0 10px 0;
}

.card-credit .recommended {
	font-size: 18pt;
 	line-height: 24pt;
	-webkit-border-radius: 1rem 1rem 0 0;
		 -moz-border-radius: 1rem 1rem 0 0;
				  border-radius: 1rem 1rem 0 0;
	}

	.card-credit .dimmed {
		opacity: 0.65;
	}
	
	.card-credit ul {
		list-style-type: none;
		list-style-position: inside;
	}

	.card-credit ul li {
		font-size: 16pt;
		font-weight: 500;
		border-top: 1px solid rgba(var(--bs-green-rgb),0.2);
		padding: .4rem 0
	}

	.card-credit ul li:after {
		font-size: 22px;
		content: "    \271A";
		color: var(--bs-red);
	}

	.card-credit ul li:last-child::after  {
		content: "";
	}

 /* .card-credit ul li::marker {
		content: "\271A   ";
		color: var(--bs-green-m);
	}

	.card-credit .blueBg  ul li::marker {
		color: var(--bs-green);
	}  */

.credits-info {
	padding:1rem;
	text-align: center;
	background: rgba(var(--bs-green-rgb),0.1);
	-webkit-border-radius: 1rem 1rem 0 0;
	   -moz-border-radius: 1rem 1rem 0 0;
			    border-radius: 1rem 1rem 0 0;
}

.credits-footer, .card-footer.credits-footer:last-child {
	background: rgba(var(--bs-green-rgb),0.1);
	-webkit-border-radius: 0 0 1rem 1rem;
	   -moz-border-radius: 0 0 1rem 1rem;
			    border-radius: 0 0 1rem 1rem;
}

.credits-price {
	padding: 2rem 0 0 0;
	text-align: center;
}

.superscript{
	font-size: 14pt;
	line-height: 24pt;
	position: relative;
	top: -12px;
	left: -3px;
	letter-spacing: -0.025em;
	} 
	
.prijs {
	font-size: 28pt;
	line-height: 24pt;
	color: var(--bs-red);
	font-weight: 700;
	letter-spacing: -0.055em;
	padding:0;
	margin:0;
}

.actieprijs {
	text-decoration: line-through;
	font-size: 10pt;
	line-height: 14pt;
	color: var(--bs-gray-600);
	letter-spacing: 0;
	padding:0 0 5px 0;
	}
	
.blueBg .actieprijs {
	color:#fff;
	padding:0 0 20px 0;
	}
.extraPadding {padding: 10px 15px;}

.service-box {
	position: relative;
}
.service-text {
	height: 300px;
	padding-bottom: 30px;
}

.service-link {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #4e8eb9;
	padding: 0;
	text-align: center;
}


.shadowRecommended {
	box-shadow: 0px 10px 44px 10px rgba(var(--bs-green-rgb),0.35);
	-moz-box-shadow: 0px 10px 44px 10px rgba(var(--bs-green-rgb),0.35);
	-webkit-box-shadow: 0px 10px 44px 10px rgba(var(--bs-green-rgb),0.35);
}

	
.abo-box {
	position: relative;
	color: #fff;
	margin: 20px 0;
	padding: 0 20px;
}

.abo-info{position: relative;padding: 10px 0 0 0;}
.abo-box h1 a, .abo-box h1 a:visited {color:#fff;font-size: 22pt;line-height: 26pt;}
.abo-box .chapeau{color: #fff;}
.abo-button {position: absolute; bottom: 10px;}



.modal-lg {
  width: 90%;
}

.modal-lg .modal-body {
  padding: 0;
}

/* formulier*/
.form-group {margin-bottom: .5rem;}
.col-form-label {
	padding: .2rem .5rem;
	margin-bottom: 0;
	font-size: 12pt;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: right;
}

.form-label-userdata{
	padding: .2rem 1rem;
	margin: 5px 0 1px 0;
	font-size: 12pt;
	line-height: 1.5;
	letter-spacing: 0;
	background-color: rgba(var(--bs-green-m-rgb),0.2);
	border-radius: 10px 10px 0 0;
}

.form-label-userdata .svg-inline--fa{
	font-size: 14px;
	color: var(--bs-green);
}

.verplicht {
	border: 1px solid #F99C9C !important;
}

.fr, .floatRight, .floatright, .pull-right {float: right;}
.fl, .floatLeft, .floatleft, .pull-left {float: left;}


.password-progress{
	margin: 8px 0 5px 0;
}
.password-progress.progress{
	height: 2rem;
	font-size: 1rem;
}

.password-feedback{
	font-size: 12pt;
	line-height: 11pt;
	margin: 0 0 10px 0;
}


/* zoeken*/
/* off-canvas*/
.zoekbox {
	position: relative;
	margin: 1rem 0;
}

/* off-canvas*/
.offcanvas {
	--bs-offcanvas-bg: var(--bs-gray-100);
}

.offcanvas-search-hidden, .offcanvas.offcanvas-end.offcanvas-search-hidden {
	background: none;
	border-left: none;
	pointer-events: none ;
}
.offcanvas-header {
	pointer-events: auto !important;
}

.offcanvas {
	--bs-offcanvas-bg: var(--bs-body-bg);
}

.offcanvas.offcanvas-end.offcanvas-search{
	--bs-offcanvas-width: 95vw;
}
.btn-search-top {
	position: absolute;
	z-index: 10;
	right: 10px;
}

.form-control-offcanvas {
	background: rgba(255,255,255,.2);
	border-color: #0e2b4d;
	color: #fff;
}

.form-control-offcanvas.form-control::placeholder {
	color: var(--bs-green-l);
}

.form-control-offcanvas.form-control::placeholder {
	color: var(--bs-green-l);
}

.form-control-offcanvas.form-control:focus::placeholder {
	color: var(--bs-gray-800);
}

.card.card-article-right {
	margin: 0 0 1rem 0;
	font-size: 93%;
	line-height: 1.3rem;
	border: none;
	background: none;
}

.card.card-article-right .card-header{ 
	padding: .2rem .5rem;
	color: rgba(var(--bs-green-rgb),1);
}

.card.card-article-right .card-body{ 
	padding: .2rem .5rem;
}

.card.card-article-right h4 {
	
	font-size: 14pt;
}

.cart-row {
	border-bottom: 1px solid var(--bs-gray-300);
	padding: 1rem 0;
}

.searchterm {
	width: 100%;
	height: 20px;
	overflow: hidden;
}

.searchRow {
	clear: both;
	cursor: pointer;
	padding: 05px 0;
	font-weight: normal;
	border-bottom: 1px solid var(--bs-gray-400);
	}
	

.showAll {
	border-top: 1px solid var(--bs-gray-400);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	margin: 0;
	width: auto;
	padding: 0;
	background: var(--bs-white);
}


.pt {
	font-size: 8pt;
	position:relative;
	top:20px;
	padding:0;
	color: #fff;
	clear:both;
	min-height:55px;
	margin:0;
}

.gendiv {
	font-size: 12pt;
	clear:both;
	margin: 2rem 0;
	padding-left: 10px;
}


.pagination {clear: both;margin: 10px 0 0 -10px; }

.pagination span:first-child {
	margin: 0;
}

.pagerText {margin: 0 0 0 10px; font-size:10pt;}
.pagination a, .pagination a:visited, .pagination .pageNormal {
	cursor: pointer;
	font-size: 10pt;
	font-weight: bold;
	line-height: 16pt;
	padding: 9px 0 0 0;
	text-align:center;
	letter-spacing : -1px;
	width:3em;
	height:3em;
	float : left;
	display:block;
	margin:0 5px 3px 10px; 
	text-decoration : none;
	color: var(--bs-green);
	background-color: var(--bs-green-m);
	}
	
.pagination .current {
	cursor: pointer;
	font-size: 10pt;
	font-weight: bold;
	line-height: 16pt;
	padding: 9px 0 0 0;
	text-align:center;
	letter-spacing : -1px;
	width:3em;
	height:3em;
	float : left;
	display:block;
	margin:0 5px 3px 10px; 
	text-decoration : none;
	color: #fff;
	background-color: var(--bs-green);
	}
	
.pagination a:hover, .pagination a:active {
	background-color: var(--bs-green);
	border: 1px solid var(--bs-green);
	color: #fff;    
	}
	
.pagination .current:hover {
	background-color: var(--bs-green);
	border: 1px solid var(--bs-green);
	color: #fff;    
	}

.pagination a.next {color: #081a2e;}
.pagination a.previous {color: #081a2e;}
.pagination a.next:hover {color: #fff;}
.pagination a.previous:hover {color: #fff;}

.pagination span { margin:0 8px;border: none; }
.pagination .gap {margin:  5px 5px;float: left;width: 10px;height:2em;}

	
.pagination .na {
	cursor: default;
	font-size: 7pt;
	font-weight: bold;
	line-height: 7pt;
	padding: 10px 0 0 0;
	text-align:center;
	width:3.5em;
	height:2.5em;;
	float : left;
	display:block;
	margin :0 3px 3px 0; 
	color: #999;
	}

.shadow {
	-webkit-box-shadow: 0 0 4px 1px rgba(16,81,110,.65);
     -moz-box-shadow: 0 0 4px 1px rgba(16,81,110,.65);
          box-shadow: 0 0 4px 1px rgba(16,81,110,.65);
	}

/* footer */

.layerHome {
	background: var(--bs-blue);
	color: var( --bs-body-bg);
	width: 100%;
	margin: 0;
	clear:both;
	padding: 2rem 0;
  position: relative;
	} 

.layerHome h4, .layerHome h3, .layerHome strong {
	margin: 0 0 1rem 0;
	font-family: var(--bs-font-sans-serif);
	font-weight: 500;
	color: var(--bs-heading-color);
}


.layerHome a:not(.btn), .layerHome a:visited:not(.btn), .layerHome li a, .layerHome li a:visited {color: var(--light);}
.layerHome a:not(.btn):hover, .layerHome li a:not(.btn):hover, .layerHome li a:not(.btn):active {color: var(--bs-green-m);}
.layerHome a:not(.btn) .svg-inline--fa, .layerHome a:visited:not(.btn) .svg-inline--fa{
	margin: 0 0 0 10px;
}

.layerHome ul {
	margin: 0 0 0 25px;
}

.layerHome ul li {
	list-style-type: none;
	font-weight: 400;
	margin: 0 0 0 -5px;
}

.layerHome ul li .svg-inline--fa {
	margin: 2px 0 3px 0;
	font-size: 14px;
	color: var(--bs-green-m);
}

.footerContainer {
	margin: 0;
	padding: 2rem 0;
  position: relative;
	color: var(--bs-gray-800);
	font-size: 11pt;
	line-height: 13pt;
	
	} 

.footerContainer a, .footerContainer a:visited, .footer a:visited, .footer li a, .footer li a:visited {
	color: var(--bs-green);
}
.footerContainer a:hover, .footer li a:hover {
	color: var(--bs-green-hover);
}

.socialFooter{margin: 0;}
.socialFooter a, .socialFooter a:visited {font-size: 20px;margin:0;}

.calabi {
	position: absolute;
	bottom: 3rem;
	right: 3rem;
	cursor: pointer;
	width:auto;
	height:14px;
	opacity: .7;
}


/* social navigatie */
.social {
	margin: 1.5rem -5px 0 0;
}

.social-row{
	margin: 3rem 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.social-item{
	flex: 0 1 auto;
	margin: 0 1px 1px 0;
	padding: 5px 10px;
	flex-basis: 33.3333%;
	max-width: 33.3333%;
}


.btn-share, .btn-print {
	flex: 0 1 auto;
	margin: 0 5px 5px 0;
	padding: 5px 0 5px 0;
	width: 23%;
	font-size: 18px;
	text-align: center;
	border-color: rgba(var(--bs-dark-rgb),.4);
}

.btn-share .svg-inline--fa, .btn-print .svg-inline--fa {
	color: var(--gray-dark);
}

.social a, .social a:visited {
	display: inline-block;
	padding:0;
	margin: 0 0 0 5px;
	color: var(--bs-white);
}

.social a:hover, .social a:active, .social a:focus {
	color: var(--bs-green-l);
}

.btn-social .svg-inline--fa{
	font-size: 24px;
	padding:0;
	margin: 0;
}
	
.break, .overflow {
	overflow:hidden !important;
  text-overflow: ellipsis;
}

#result {
	min-height: 40vh;
}

#result.no-height {
	min-height: 0;
}

.loading {
	position: fixed;
	z-index: 10000;
  top: 35%;
  left: 50%;
  transform: translate(-25%, -50%);
	display: inline-block;
	padding:10px;
	color: var(--bs-orange);
	background-color: var(--light);
  opacity: 1;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
				  border-radius: 50%;
}

/* facet-navigatie */
.autocomplete-results {
    position: absolute;
    width: 100%;
		column-gap: 20px;
    z-index: 1050;
		margin: 0 0 0 0;
		border-radius: 0 0 5px 5px !important;
}

.autocomplete-results .autocomplete-item {
    cursor: pointer;
}

.autocomplete-column-articles {
	border-right: 1px solid var(--bs-list-group-border-color);
}

.facet-collapsible .facet-toggle-checkbox {
    display: none;
}

/* Verberg standaard alle list-items VANAF de 11e positie */
/* (Toont dus de eerste 10 items) */
.facet-collapsible .elastic-list-group li:nth-child(n + 11) {
    display: none;
}

/* Wanneer de checkbox is AANGEVINKT, toon dan ALLE list-items weer */
.facet-collapsible .facet-toggle-checkbox:checked ~ .elastic-list-group li {
    display: list-item; /* of 'block', afhankelijk van uw basis-styling */
}

/* ------------------------------------ */


/* Styling en logica voor de "Toon meer/minder" knoppen */
.facet-collapsible .facet-toggle-label {
	font-size: 12pt;
    display: block;
    text-align: left;
    margin-top: 0.5rem;
    cursor: pointer;
    color: var(--bs-primary);
		font-weight: 600;
    text-decoration: none;
}
.facet-collapsible .facet-toggle-label:hover {
    text-decoration: underline;
}

/* Standaard is de "Toon minder" knop verborgen */
.facet-collapsible .label-less {
    display: none;
}

/* Wanneer de checkbox is AANGEVINKT, verberg "Toon meer" en toon "Toon minder" */
.facet-collapsible .facet-toggle-checkbox:checked ~ .label-more {
    display: none;
}
.facet-collapsible .facet-toggle-checkbox:checked ~ .label-less {
    display: block;
}

.groen, .groen a, .groen a:visited, a.groen, a:visited.groen{color: var(--bs-success)}
.groen a:hover, a:hover.groen, .groen a:focus, a:focus.groen {color:var(--bs-success-hover)}

.geel, .geel a, .geel a:visited, a.geel, a:visited.geel{color: var(--bs-green-l)}
.geel a:hover, a:hover.geel, .geel a:focus, a:focus.geel {color: var(--bs-green-m)}

.lichtgroen, .lichtgroen a, .lichtgroen a:visited, a.lichtgroen, a:visited.lichtgroen{color: var(--bs-green-m)}
.lichtgroen a:hover, a:hover.lichtgroen, .lichtgroen a:focus, a:focus.lichtgroen {color: var(--bs-green)}

.lichtblauw, .lichtblauw a, .lichtblauw a:visited, a.lichtblauw, a:visited.lichtblauw{color: var(--bs-lightblue)}
.lichtblauw a:hover, a:hover.lichtblauw, .lichtblauw a:focus, a:focus.lichtblauw {color: var(--bs-green-m)}

.blauw, .blauw a, .blauw a:visited, a.blauw, a:visited.blauw {color: var(--bs-green)}
.blauw a:hover, a:hover.blauw, .blauw a:focus, a:focus.blauw {color: var(--bs-green-hover)}

.rood, .rood a, .rood a:visited, a.rood, a:visited.rood {color: #bb271c}
.rood a:hover, a:hover.rood, .rood a:focus, a:focus.rood {color: #671316}

.zwart, .zwart a, .zwart a:visited, a.zwart, a:visited.zwart {color: #343b3e}
.zwart a:hover, a:hover.zwart, .zwart a:focus, a:focus.zwart {color: #11110d}

.wit, .wit a, .wit a:visited, a.wit, a:visited.wit {color: #f6f6f6}
.wit a:hover, a:hover.wit, .wit a:focus, a:focus.wit {color: #c8cacf}

.grijs, .grijs a, .grijs a:visited, a.grijs, a:visited.grijs {color: #666057}
.grijs a:hover, a:hover.grijs, .grijs a:focus, a:focus.grijs {color: #42382e}

.lichtgrijs, .lichtgrijs a, .lichtgrijs a:visited, a.lichtgrijs, a:visited.lichtgrijs {color: #ccc}
.lichtgrijs a:hover, a:hover.lichtgrijs, .lichtgrijs a:focus, a:focus.lichtgrijs {color: #ddd}

.paars {color:#cd0067;}

.box-article {
	position: relative;
	padding:0 0 50px 0;
	margin:0 0 30px 0;
	background: #fff;
}

.text-article {
	position: relative;
}

.course-container {
  padding-bottom: 28.125%; /* 32:9 ratio */
}

.result-container {
  padding-bottom: 10%; /* 32:9 ratio */
}

.result-description {
	position: relative;
	padding:10px 15px;
}

.list-view{
	width: 100%;
}

.box-category {
	font-size: 9pt;
	font-weight: 500;
	position: absolute;
	top: 0;
	text-transform: uppercase;
	margin: 0;
	z-index: 20;
	padding: 5px 15px;
}

.bg-white-to-grey {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(139,138,138,1) 100%);
}

.bg-groen {background-color: var(--bs-green);}
.bg-blauw {background-color: var(--bs-green-m);}
.bg-geel  {background-color: var(--bs-green-l);}
.bg-rood  {background-color: #bb271c;}
.bg-zwart {background-color: #000;}
.bg-grijs {background-color: rgba(221,221,221,1)}

.bg-groen, .bg-groen a, .bg-groen a:visited, a.bg-groen, a:visited.bg-groen{color: #fff;}
.bg-groen a:hover, a:hover.bg-groen, .bg-groen a:focus, a:focus.bg-groen {background:#587d82;color: #fff;}

.bg-blauw, .bg-blauw a, .bg-blauw a:visited, a.bg-blauw, a:visited.bg-blauw {color: #fff;}
.bg-blauw a:hover, a:hover.bg-blauw, .bg-blauw a:focus, a:focus.bg-blauw {background:#325294;color: #fff;}

.bg-geel, .bg-geel a, .bg-geel a:visited, a.bg-geel, a:visited.bg-geel {color: #313131;}
.bg-geel a:hover, a:hover.bg-geel, .bg-geel a:focus, a:focus.bg-geel {color: pink;}

.bg-rood, .bg-rood a, .bg-rood a:visited, a.bg-rood, a:visited.bg-rood {color: #fff;}
.bg-rood a:hover, a:hover.bg-rood, .bg-rood a:focus, a:focus.bg-rood {background:#bb271c;color: #fff;}

.bg-zwart, .bg-zwart a, .bg-zwart a:visited, a.bg-zwart, a:visited.bg-zwart {color: #fff;}
.bg-zwart a:hover, a:hover.bg-zwart, .bg-zwart a:focus, a:focus.bg-zwart {color: #fff;}

.bg-grijs, .bg-grijs a, .bg-grijs a:visited, a.bg-grijs, a:visited.bg-grijs {color: #666057;}
.bg-grijs a:hover, a:hover.bg-grijs, .bg-grijs a:focus, a:focus.bg-grijs {background:#000;color: #212121;}


.bg-light {
	background: rgba(207, 212, 224,.2) !important;
}
.card.bg-light {
	border: none;
}
.bg-light .card-header {
	background: rgba(var(--bs-green-m-rgb),.025);
}

.bg-light .card-footer {
	background: rgba(var(--bs-green-m-rgb),.025);
}
.bg-light .card-body {
	background: #fff;
}
.bg-10 {background-color: rgba(var(--bs-dark-rgb),0.1);}
.bg-15 {background-color: rgba(var(--bs-dark-rgb),0.15);}
.bg-20 {background-color: rgba(var(--bs-dark-rgb),0.2);}
.bg-25 {background-color: rgba(var(--bs-dark-rgb),0.25);}
.bg-30 {background-color: rgba(var(--bs-dark-rgb),0.3);}
.bg-40 {background-color: rgba(var(--bs-dark-rgb),0.4);}
.bg-50 {background-color: rgba(var(--bs-dark-rgb),0.5);}
.bg-60 {background-color: rgba(var(--bs-dark-rgb),0.6);}
.bg-70 {background-color: rgba(var(--bs-dark-rgb),0.7);}
.bg-80 {background-color: rgba(var(--bs-dark-rgb),0.8);}
.bg-90 {background-color: rgba(var(--bs-dark-rgb),0.9);}
.bg-100 {background-color: rgba(var(--bs-dark-rgb),1);}


.bg-wit-10 {background-color: rgba(var(--bs-white-rgb),0.1);}
.bg-wit-15 {background-color: rgba(var(--bs-white-rgb),0.15);}
.bg-wit-20 {background-color: rgba(var(--bs-white-rgb),0.2);}
.bg-wit-25 {background-color: rgba(var(--bs-white-rgb),0.25);}
.bg-wit-30 {background-color: rgba(var(--bs-white-rgb),0.3);}
.bg-wit-40, .whiteBg40 {background-color: rgba(var(--bs-white-rgb),0.4);}
.bg-wit-50 {background-color: rgba(var(--bs-white-rgb),0.5);}
.bg-wit-60, .whiteBg60 {background-color: rgba(var(--bs-white-rgb),0.6);}
.bg-wit-70 {background-color: rgba(var(--bs-white-rgb),0.7);}
.bg-wit-80, .whiteBg80 {background-color: rgba(var(--bs-white-rgb),0.8);}
.bg-wit-90 {background-color: rgba(var(--bs-white-rgb),0.9);}
.bg-wit-100, .bg-wit {background-color: rgba(var(--bs-white-rgb),1);}

.bg-rood-10 {background-color: rgba(var(--bs-danger-rgb),0.1);}
.bg-rood-15 {background-color: rgba(var(--bs-danger-rgb),0.15);}
.bg-rood-20 {background-color: rgba(var(--bs-danger-rgb),0.2);}
.bg-rood-25 {background-color: rgba(var(--bs-danger-rgb),0.25);}
.bg-rood-30 {background-color: rgba(var(--bs-danger-rgb),0.3);}
.bg-rood-40, .whiteBg40 {background-color: rgba(var(--bs-danger-rgb),0.4);}
.bg-rood-50 {background-color: rgba(var(--bs-danger-rgb),0.5);}
.bg-rood-60, .whiteBg60 {background-color: rgba(var(--bs-danger-rgb),0.6);}
.bg-rood-70 {background-color: rgba(var(--bs-danger-rgb),0.7);}
.bg-rood-80, .whiteBg80 {background-color: rgba(var(--bs-danger-rgb),0.8);}
.bg-rood-90 {background-color: rgba(var(--bs-danger-rgb),0.9);}
.bg-rood-100, .bg-rood {background-color: rgba(var(--bs-danger-rgb),1);}

.bg-blauw-5 {background-color: rgba(var(--bs-green-m-rgb),0.05);}
.bg-blauw-10 {background-color: rgba(var(--bs-green-m-rgb),0.1);}
.bg-blauw-15 {background-color: rgba(var(--bs-green-m-rgb),0.15);}
.bg-blauw-20 {background-color: rgba(var(--bs-green-m-rgb),0.2);}
.bg-blauw-25 {background-color: rgba(var(--bs-green-m-rgb),0.25);}
.bg-blauw-30 {background-color: rgba(var(--bs-green-m-rgb),0.3);}
.bg-blauw-40, .whiteBg40 {background-color: rgba(var(--bs-green-m-rgb),0.4);}
.bg-blauw-50 {background-color: rgba(var(--bs-green-m-rgb),0.5);}
.bg-blauw-60, .whiteBg60 {background-color: rgba(var(--bs-green-m-rgb),0.6);}
.bg-blauw-70 {background-color: rgba(var(--bs-green-m-rgb),0.7);}
.bg-blauw-80, .whiteBg80 {background-color: rgba(var(--bs-green-m-rgb),0.8);}
.bg-blauw-90 {background-color: rgba(var(--bs-green-m-rgb),0.9);}
.bg-blauw-100 {background-color: rgba(var(--bs-green-m-rgb),1);}

.bg-opinie {
	background-color: rgba(var(--bs-green-rgb),0.15);
	padding: 1rem 0 3rem 0;
}

.pa-dashboard {
	background-color: rgba(var(--bs-green-rgb),0.15);
	padding: 3rem 0 3rem 0;
	margin: 3rem 0 0 0;
}

.bg-questions {
	background-color: rgba(var(--bs-green-m-rgb),0.2);
	padding: 1rem 0 3rem 0;
}

.bg-questions .section-header {
	border-bottom: none;
}

.bg-grad-20 {
	background: rgba(var(--bs-dark-rgb),0.25);
	background: linear-gradient(0deg, rgba(var(--bs-dark-rgb),0.1) 0%, rgba(var(--bs-green-m-rgb),0.5) 100%);
}

.bg-grad-dark {
	background: rgba(var(--bs-dark-rgb),0.25);
	background: linear-gradient(0deg, rgba(var(--bs-white-rgb),1) 0%, rgba(var(--bs-green-rgb),0.15) 30%, rgba(var(--bs-green-rgb),0.3) 100%);
}

.w-5 {width: 5% !important;}
.w-7-5 {width: 7.5% !important;}
.w-10 {width: 10% !important;}
.w-125 {width: calc(100% / 8) !important;}
.w-month {width: calc(100% / 13) !important;}
.w-15 {width: 15% !important;}
.w-20 {width: 20% !important;}
.w-30 {width: 30% !important;}
.w-33 {width: calc(100% / 3) !important;}
.w-35 {width: 35% !important;}
.w-40 {width: 40% !important;}
.w-55 {width: 55% !important;}
.w-60 {width: 60% !important;}
.w-66 {width: calc((100% / 3) * 2) !important;}
.w-70 {width: 70% !important;}
.w-80 {width: 80% !important;}


.alert-info {
	background-color: var(--bs-green-m);
	border-color: var(--bs-green-m);
	color: #fff;
}

.alert-info a, .alert-info a:visited{color: #d5f4c8;border-bottom: 1px solid #d5f4c8;}
.alert-info a:active, .alert-info a:hover, .alert-info a:focus {color: #fff;}

.alert-danger {
	background-color: #bb271c;
	border-color: #bb271c;
	color: #fff;
}

.alert-danger a, .alert-danger a:visited{color: #f4d8d6;border-bottom: 1px solid #f4d8d6;}
.alert-danger a:active, .alert-danger a:hover, .alert-danger a:focus {color: #fff;}
.toast-container
.alert-secondary {
	background-color: #fff;
	border-color: rgba(220,220,220,0.9);
}

label {font-family: var(--bs-font-sans-serif);margin-bottom: 0;}

.badge {
	font-weight: normal;
	font-size: 90%;
	font-family: var(--bs-font-sans-serif);margin-bottom: 0;
	margin-bottom: 0;
	letter-spacing: 0.025em;
	display: inline !important;
	}

.badge-info {background: var(--bs-info)}
.badge-primary {background:#428bca;color: #fff;}
.badge-danger {background:#c00;}
.badge-secondary {background: rgba(var(--bs-green-m-rgb),0.2);color:#212121}
.badge-success {background:#5cb85c;}
.badge-warning {background:#f0ad4e;}

.badge-block {width: 100%;display: inline-block;}

.badge-s {font-size: 10pt;line-height: 10pt;padding: .1rem .5rem !important;}


.text-xxs, .label-xxs, .badge-xxs {font-size: 70%;line-height: 90%;}
.text-xs, .label-xs, .badge-xs {font-size: 80%;line-height: 90%;}
.text-s {font-size: 85%;line-height: 100%;}
.text-m, .label-m, .badge-m {font-size: 100%;line-height: 110%;}
.text-l, .label-l, .badge-l{font-size: 110%;line-height: 110%;}
.text-xl, .label-xl, .badge-xl {font-size: 130%;line-height: 120%;}
.text-xxl, .label-xxl, .badge-xxl {font-size: 140%;line-height: 130%;}
.text-xxxl, .label-xxxl, .badge-xxxl {font-size: 150%;line-height: 140%;}

.icon-xs{font-size: 10px !important;}
.icon-s{font-size: 12px !important;}
.icon-m{font-size: 13px !important;}
.icon-l{font-size: 16px !important;}
.icon-lg{font-size: 18px !important;}
.icon-xl{font-size: 20px !important;}
.icon-xxl{font-size: 24px !important;}
.icon-xxxl{font-size: 28px !important;}

.line-height-xxs {line-height: 12pt;}
.line-height-xs {line-height: 13pt;}
.line-height-s {line-height: 14pt;}
.line-height-m {line-height: 16pt;}
.line-height-l{line-height: 20pt;}
.line-height-lg{line-height: 22pt;}
.line-height-xl {line-height: 24pt;}
.line-height-xxl {line-height: 26pt;}
.line-height-xxxl {line-height: 28pt;}

.text-xl i, .label-xl i, .badge-xl i {font-size: 13px;}
.text-xxl i, .label-xxl i, .badge-xxl i {font-size: 16px;}

/*
.badge-default {background: #ddd;color: #212121;}
.badge-border {border: 1px solid #cce0ee;}
.badge-success{background:var(--bs-green-l);color: #fff;}
.badge-warning{background:#3b61ac;color: #fff;}
.badge-danger{background:#bb271c;color: #fff;}
*/
.btn .badge-filter{top: 1px;left: 5px;}
.badge-counter {
	float: right;
	min-width:80px;
}


.blueBg {
	background: var(--bs-green-l);
	}
	
.darkblueBg {
  background-color: var(--bs-green);
	color: var(--bs-white);
}

.card-block-sm{
	font-size: 12pt;
	line-height: 16pt;
	padding: 10px 15px;
}

.card-block-sm p{
	margin: 0 0 10px 0;
}

b, strong {font-weight: 600;}
.condensed {padding: 5px 10px;}
.caps {text-transform: uppercase;}
.firstcap, .capfirst {text-transform: capitalize;}
.small {font-size:8pt;line-height: 120%;letter-spacing:0;}
.large {font-size:10pt;line-height:1.8em;}
.larger {font-size:1.3em;line-height:1.3em;}
.xxl {font-size: 1.4em;line-height:1.4em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {font-weight: 600;}
.highlight {background:#ff0;}
.upper {text-transform: uppercase;}
.lower {text-transform: lowercase;}
.bottom {margin-bottom:0;padding-bottom:0;}
.thin, .normal {font-weight: normal;}
.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.center {text-align: center;}
.large {font-size: 13pt;}
.sans {font-family: var(--bs-font-sans-serif);}
.hiding { opacity: 0 }
.showing { opacity: 1 }
.dimmed {opacity: .80; filter:Alpha(Opacity=80);filter: grayscale(1);}
.ghost {opacity: .40; filter:Alpha(Opacity=40);}
.opacity-100 {opacity: 1; filter:Alpha(Opacity=1);}
.opacity-90 {opacity: .90; filter:Alpha(Opacity=90);}
.opacity-80 {opacity: .80; filter:Alpha(Opacity=80);}
.opacity-70 {opacity: .70; filter:Alpha(Opacity=70);}
.opacity-60 {opacity: .60; filter:Alpha(Opacity=60);}
.opacity-50 {opacity: .50; filter:Alpha(Opacity=50);}
.opacity-40 {opacity: .40; filter:Alpha(Opacity=40);}
.opacity-30 {opacity: .30; filter:Alpha(Opacity=30);}
.opacity-20 {opacity: .20; filter:Alpha(Opacity=20);}
.opacity-10 {opacity: .10; filter:Alpha(Opacity=10);}
.opacity-0 {opacity: 0; filter:Alpha(Opacity=0);}
.text-right {text-align: right}
.text-center {text-align: center}
.text-left {text-align: left}
.messageBox {display: none;	position: fixed;top: 0;width: 100%;z-index: 10000;}
.messageBox > .alert {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.pointer {cursor: pointer;}
.pointer:hover {text-decoration: none;}
.isRel, .relative {position: relative;}
.punch-viewer-body {background: #171328 !important;}


.space {width: 100%;clear:both;position:relative;width: 100%;height:10px;}
.spaceline {clear: both;border-bottom: 1px solid var(--bs-gray-400);height: 1px;margin:8px 1px;overflow: hidden;}
.hasLine {border-top: 1px solid #d1d1d1}

.categoryFooter{ padding: 2rem 0;}

#errorRegister .messageBox {
	position: relative;
	top: 0;
	width: 100%;
	z-index: 10000;
	}	
	
.check {
	padding: 5px 0;
	text-align: center;
	font: bold 12pt Arial, sans-serif;
	letter-spacing: -1px;
	position: fixed;
	top: -1px;
	left:25%;
	z-index: 100;
	background: #fff;
}

.waitForLoad {
	display: none;
	padding: 0;
	text-align: center;
	font: 14pt Arial, sans-serif;
	position: fixed;
	width: 15%;
	height: 10%;
	top: 42.5%;
	left:42.5%;
	z-index: 9000;
	color: #f60;
	}


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}


/* facet-navigatie */
.facet-container {
	border-radius: 15px !important;
}
.autocomplete-results {
		display: flex;
		align-items: stretch;
    position: absolute;
    overflow: hidden; 
    width: 90%;
    z-index: 1050;
		margin: 2px 0 0 0;
		border-radius: 0 0 5px 5px !important;
		max-height: 40vh;
}

.autocomplete-column-articles {
	flex-basis: 60%;
  flex-shrink: 0;
  overflow-y: auto;
}

.autocomplete-column-facets {
	flex-basis: 100%;
  flex-shrink: 0;
  overflow-y: auto;
}

.autocomplete-results .autocomplete-item {
    cursor: pointer;
}

.facet-collapsible .facet-toggle-checkbox {
    display: none;
}

/* Verberg standaard alle list-items VANAF de 11e positie */
/* (Toont dus de eerste 10 items) */
.facet-collapsible .elastic-list-group li:nth-child(n + 11) {
    display: none;
}

/* Wanneer de checkbox is AANGEVINKT, toon dan ALLE list-items weer */
.facet-collapsible .facet-toggle-checkbox:checked ~ .elastic-list-group li {
    display: list-item; /* of 'block', afhankelijk van uw basis-styling */
}

/* ------------------------------------ */


/* Styling en logica voor de "Toon meer/minder" knoppen */
.facet-collapsible .facet-toggle-label {
	font-size: 11pt;
    display: block;
    text-align: left;
    margin-top: 0.5rem;
    cursor: pointer;
    color: var(--bs-primary);
    text-decoration: none;
}
.facet-collapsible .facet-toggle-label:hover {
    text-decoration: underline;
}

/* Standaard is de "Toon minder" knop verborgen */
.facet-collapsible .label-less {
    display: none;
}

/* Wanneer de checkbox is AANGEVINKT, verberg "Toon meer" en toon "Toon minder" */
.facet-collapsible .facet-toggle-checkbox:checked ~ .label-more {
    display: none;
}
.facet-collapsible .facet-toggle-checkbox:checked ~ .label-less {
    display: block;
}

a.elastic-remove-filter, a.elastic-remove-keyword{
	font-size: 12pt;line-height:14pt;
	text-decoration: underline !important;
}

a.elastic-remove-filter .svg-inline--fa, a.elastic-remove-keyword .svg-inline--fa{
	color: rgba(var(--bs-danger-rgb),1);
}

/* noUiSlider */
.range-filter-inputs {
	margin-top: .5rem;
}
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}

.range-slider-container {
	margin: 0 0 1rem 0;
}
.range-slider-box {
	min-height: 30px;
	margin: 1.4rem 1rem .8rem 1rem;
}

.noUi-connect {
	background: var(--bs-gray-200);
}

.noUi-base, .noUi-target {
	border: none;
	box-shadow: none;
}

.noUi-handle {
	border: 1px solid var(--bs-blue);
	border-radius: 50%;
	line-height: 14px;
	height: 32px;
	font-size: 12px;
	width: 32px;
	background: var(--bs-blue);
	cursor: grab;
	box-shadow: none;
}

.noUi-horizontal .noUi-handle {
	width: 35px;
	height: 35px;
	right: -17px;
	top: -8px;
}

.noUi-handle::after, .noUi-handle::before {
	content: "";
	display: block;
	position: absolute;
	height: 17px;
	width: 5px;
	background-color: none;
	background: url(/gfx/slider.png) no-repeat center center;
	left: 14px;
	top: 8px;
}


/* input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0; 
}

input[type=number] {
  -moz-appearance:textfield; 
	appearance:textfield;
} */




/*Colorbox Core Style*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* project Style */
#cboxOverlay{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYGBg+M8EJG4BBBgABugB3ECUq4UAAAAASUVORK5CYII=) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px;}
    #cboxTopRight{width:21px; height:21px;}
    #cboxBottomLeft{width:21px; height:21px;}
    #cboxBottomRight{width:21px; height:21px;}
    #cboxMiddleLeft{width:21px;}
    #cboxMiddleRight{width:21px;}
    #cboxTopCenter{height:21px; }
    #cboxBottomCenter{height:21px;}
    #cboxContent{background:#fff; overflow:hidden;}
    .cboxIframe{background:#fff;}
    #cboxError{padding:50px; border:1px solid #ccc;}
    #cboxLoadedContent{margin-bottom:0;}
    #cboxTitle{position:absolute; bottom:0; left:0; min-height: 50px;text-align:left;font-size:12pt;line-height: 14pt;padding: 20px 10px 10px 120px; width:100%;color:#fff;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpilJKS2sGABJgY0ABhAYAAAwBDcAEOEOZD9AAAAABJRU5ErkJggg==) left top repeat;}
    #cboxTitle b {font-size:14pt;}
    #cboxCurrent{position:absolute; bottom:10px; right:10px; color:#949494;}
    #cboxLoadingOverlay{background: #fff;}
    #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
    #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
		/* navigatie */
    #cboxSlideshow{position:absolute; bottom:10px; right:30px; color:#0092ef;}
    #cboxPrevious{position:absolute; bottom:25px; left:10px; background: #f60 url(/gfx/controls.png) no-repeat -42px 0; width:32px; height:32px; text-indent:-9999px;}
    #cboxPrevious:hover{background-position: -42px -42px;}
    #cboxNext{position:absolute; bottom:25px; left:52px; background: url(/gfx/controls.png) no-repeat -84px 0; width:32px; height:32px; text-indent:-9999px;}
    #cboxNext:hover{background-position:-84px -42px;}
    #cboxClose{position:absolute; top:10px; right:10px; background: url(/gfx/controls.png) no-repeat 0 0; width:32px; height:32px; text-indent:-9999px;}
		#cboxClose:hover {background-position: 0 -42px;}


/*
 * Bootstrap 4 Component - Chosen Version: 1.0.10 Copyright (c) 2017-18 Martin Haubek https://www.jqueryscript.net/form/Bootstrap-4-Chosen-Plugin.html
*/
.chosen-select,.chosen-select-deselect{width:100%}.chosen-container{display:inline-block;position:relative;width:100%!important;font-size:1rem;text-align:left;vertical-align:middle}.chosen-container .chosen-drop{background:#fff;border:1px solid #80bdff;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;margin-top:-1px;position:absolute;top:100%;left:-9000px;z-index:1060}.chosen-container.chosen-with-drop .chosen-drop{left:0;right:0}.chosen-container .chosen-results{margin:0;position:relative;max-height:15rem;padding:.5rem 0 0 0;color:#6c757d;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;line-height:1.5;list-style:none;margin:0;padding:.25rem .25rem .25rem 1.5rem}.chosen-container .chosen-results li em{font-style:normal;color:#6c757d}.chosen-container .chosen-results li.group-result{display:list-item;cursor:default;padding-left:.75rem;color:#adb5bd;font-weight:400;text-transform:uppercase}.chosen-container .chosen-results li.group-option{padding-left:1.5rem}.chosen-container .chosen-results li.active-result{cursor:pointer;display:list-item}.chosen-container .chosen-results li.result-selected{color:#495057}.chosen-container .chosen-results li.result-selected:before{display:inline-block;position:relative;top:.3rem;width:1.25rem;height:1.25rem;margin-left:-1.25rem;content:"";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23495057' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-size:1.25rem 1.25rem;background-position:center center;background-repeat:no-repeat}.chosen-container .chosen-results li.highlighted{background-color:#007bff;background-image:none;color:#fff}.chosen-container .chosen-results li.highlighted:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}.chosen-container .chosen-results li.highlighted em{background:0 0;color:rgba(255,255,255,.8)}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ced4da}.chosen-container .chosen-results .no-results{display:list-item;padding:.25rem 0 1rem 1.065rem;color:#dc3545}.chosen-container .chosen-results-scroll{background:#fff;margin:0 .25rem;position:absolute;text-align:center;width:20rem;z-index:1}.chosen-container .chosen-results-scroll span{display:inline-block;height:1.5;text-indent:-5000px;width:.5rem}.chosen-container-single .chosen-single{background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;color:#6c757d;display:block;height:calc(2.25rem + 2px);overflow:hidden;line-height:calc(2.25rem + 2px);padding:0 0 0 .75rem;position:relative;text-decoration:none;white-space:nowrap}.chosen-container-single .chosen-single abbr{display:inline-block;position:absolute;top:.45rem;right:2.5rem;width:1.5rem;height:1.5rem;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23dc3545' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-size:1.5rem 1.5rem;background-position:center center;background-repeat:no-repeat}.chosen-container-single .chosen-single abbr:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23921925' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.chosen-container-single .chosen-single span{display:block;margin-right:1.5rem;text-overflow:ellipsis}.chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover{background-position:right 2px}.chosen-container-single .chosen-single div{display:block;position:absolute;top:0;right:0;width:2rem;height:100%;padding-left:.5rem;background-color:#fff}.chosen-container-single .chosen-single div:after{display:inline-block;position:relative;top:.25rem;left:-1rem;width:2rem;height:2rem;content:"";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23adb5bd' d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/%3E%3C/svg%3E");background-size:2rem 2rem;background-position:center center;background-repeat:no-repeat}.chosen-container-single .chosen-default{color:#adb5bd}.chosen-container-single a:not([href]):not([tabindex]){color:#6c757d!important}.chosen-container-single a:not([href]):not([tabindex]).chosen-single:not(.chosen-default){color:#6c757d!important}.chosen-container-single .chosen-search-input{display:none;border:none}.chosen-container-single .chosen-search{margin:0;padding:.5rem .5rem 0 .5rem;position:relative;white-space:nowrap;z-index:1000}.chosen-container-single .chosen-search:after{display:inline-block;position:relative;top:.365rem;left:-1.75rem;width:1.25rem;height:1.25rem;content:"";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23adb5bd' d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");background-size:1.25rem 1.25rem;background-position:center center;background-repeat:no-repeat}.chosen-container-single .chosen-search input[type=text]{background-color:#f8f9fa;border:1px solid #ced4da;outline:0;border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;padding:.25rem 1rem .25rem .5rem;width:100%}.chosen-container-single .chosen-drop{margin-top:-1px;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;background-clip:padding-box}.chosen-container-single-nosearch .chosen-search{display:none}.chosen-container-multi .chosen-choices{background-color:#fff;border:1px solid #ced4da;border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;cursor:text;height:auto!important;margin:0;overflow:hidden;padding:0;position:relative}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices .search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices .search-field input[type=text]{background:0 0!important;border:0!important;color:#6c757d;height:calc(2.25rem + 2px);margin:0;padding:0 0 0 .75rem;outline:0;}.chosen-container-multi .chosen-choices .search-field .default{color:#ced4da}.chosen-container-multi .chosen-choices .search-choice{background-clip:padding-box;position:relative;margin:.35rem 0 0 .5rem;padding:.25rem 1.5rem .25rem .25rem;border:1px solid #ced4da;background-color:#f8f9fa;border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;cursor:default;font-size:.875rem;line-height:1;color:#6c757d}.chosen-container-multi .chosen-choices .search-choice .search-choice-close{display:inline-block;position:absolute;top:.2rem;right:.125rem;width:1rem;height:1rem;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23dc3545' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-size:1rem 1rem;background-position:center center;background-repeat:no-repeat}.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23921925' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.chosen-container-multi .chosen-choices .search-choice-focus{background:#dee2e6}.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close{background-position:right -11px}.chosen-container-multi .chosen-drop .result-selected{display:none}.chosen-container-active .chosen-single{border:1px solid #80bdff;transition:border linear 0s,box-shadow linear 0s}@media screen and (prefers-reduced-motion:reduce){.chosen-container-active .chosen-single{transition:none}}.chosen-container-active.chosen-with-drop .chosen-single{background-color:#fff;border:1px solid #80bdff;border-bottom-right-radius:0;border-bottom-left-radius:0;transition:border linear 0s,box-shadow linear 0s}@media screen and (prefers-reduced-motion:reduce){.chosen-container-active.chosen-with-drop .chosen-single{transition:none}}.chosen-container-active.chosen-with-drop .chosen-single div:after{display:inline-block;position:relative;top:.25rem;left:-1rem;width:2rem;height:2rem;content:"";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23adb5bd' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");background-size:2rem 2rem;background-position:center center;background-repeat:no-repeat}.chosen-container-active .chosen-choices{border:1px solid #80bdff;border-bottom-right-radius:0;border-bottom-left-radius:0;transition:border linear 0s,box-shadow linear 0s}@media screen and (prefers-reduced-motion:reduce){.chosen-container-active .chosen-choices{transition:none}}.chosen-container-active .chosen-choices .search-field input[type=text]{color:#6c757d!important}.chosen-container-active.chosen-with-drop .chosen-choices{border-bottom-right-radius:0;border-bottom-left-radius:0}.chosen-container-active.chosen-with-drop .chosen-search-input{display:inline-block}.chosen-disabled{cursor:default;opacity:.5!important}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-container-optgroup-clickable li.group-result{text-transform:none!important}.chosen-container-optgroup-clickable li.group-result:hover{background-color:#007bff;color:#fff;cursor:pointer}.chosen-container.is-valid .chosen-choices,.chosen-container.is-valid .chosen-drop,.chosen-container.is-valid .chosen-single,.chosen-container:valid .chosen-choices,.chosen-container:valid .chosen-drop,.chosen-container:valid .chosen-single{border-color:#28a745}.chosen-container.is-invalid .chosen-choices,.chosen-container.is-invalid .chosen-drop,.chosen-container.is-invalid .chosen-single,.chosen-container:invalid .chosen-choices,.chosen-container:invalid .chosen-drop,.chosen-container:invalid .chosen-single{border-color:#dc3545}input[type=text].chosen-focus-input{position:absolute;top:-9000px;width:0;height:0;margin:0;padding:0;background:0 0!important;border:0!important;outline:0}.input-group:nth-of-type(1) .chosen-container .chosen-choices{border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(:nth-of-type(1)) .chosen-container .chosen-choices{border-top-right-radius:0;border-bottom-right-radius:0}.input-group:not(:nth-of-type(1)) .input-group-prepend .input-group-text{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.input-group .chosen-container{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%!important}


/* overrule chosen */
.input-group-sm .chosen-container, .input-group-sm .chosen-single {
	height: calc(1.5em + .5rem + 2px);
	font-size: .875rem;
	line-height: 1.2rem;
}

.input-group-sm .chosen-single {
	height: calc(1.5em + .5rem + 2px);
	font-size: .875rem;
	line-height: 1.2rem;
	padding: .25rem .5rem;
}

.input-group-sm .chosen-container-single .chosen-single div::after {
	top: 0;
	background-size: 1.5rem 1.5rem;
}

/*
.chosen-container-multi .chosen-choices .search-field {width: 100%;}
*/
.chosen-container-multi.chosen-container .chosen-choices::after {
    width: 20px;
    height: 100%;
    position: absolute;
    right: 13px;
		top: 3px;
    background-color: white;
	 	font-family: "Font Awesome 5 Pro";
		font-size: 18px;
		content: "\f078"; 
}

.chosen-container .chosen-single {
	height: calc(1.5em + .5rem + 2px);
	font-size: .875rem;
	line-height: calc(1.5rem + 2px);
}

.chosen-single {
	height: calc(1.5em + .5rem + 2px);
	font-size: .875rem;
	line-height: 1.2rem;
	padding: .25rem .5rem;
}

.chosen-container-single .chosen-single div::after {
	top: 0;
	background-size: 1.5rem 1.5rem;
}

.input-group-text {
	display:table-cell;
	vertical-align: top;
	background-color: rgba(var(--bs-white-rgb), 0.6);
}

.range-slider-container .input-group-text {
	background-color: rgba(var(--bs-black-rgb), 0.15);
}

/*!
 * Bootstrap-select v1.14.0-beta2 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2021 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@-o-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\0;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(var(--bs-white-rgb),.5)}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select .dropdown-toggle .bs-select-clear-selected{position:relative;display:block;margin-right:5px;text-align:center}.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected{padding-right:inherit}.bootstrap-select .dropdown-toggle .bs-select-clear-selected span{position:relative;top:-webkit-calc(((-1em / 1.5) + 1ex)/ 2);top:calc(((-1em / 1.5) + 1ex)/ 2);pointer-events:none}.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected span{top:auto}.bootstrap-select .dropdown-toggle.bs-placeholder .bs-select-clear-selected{display:none}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(var(--bs-white-rgb),.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group{display:block}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group{display:block}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}
 
.bootstrap-select .dropdown-menu {
	border: 1px solid #ddd;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-select .dropdown-menu li a span.text {
	display: block;
}

.bootstrap-select .dropdown-menu li a{
	line-height: 14pt;
	padding: 3px 10px;
	width: 100%;
	border-bottom: 1px solid #ced4da;
}

 .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
	color: #444;
	background: #fff;
	border: 1px solid #ced4da;
}

.btn-light {
	color: #444;
	background: #fff;
	border: 1px solid #ced4da;
}

.badge-select {
	font-size: 9pt;
	margin: 3px 0 0 0;
	width: 25px;
	float: right;
}

/*jQuery Bar Rating Plugin v1.2.1
 * http://github.com/antennaio/jquery-bar-rating*/
.rating-box{
	position: relative;
	margin: 1rem 0 2em  0;
	padding:  0;
}
.br-theme-fontawesome-stars .br-widget {
  position: relative;
  white-space: nowrap;
}
.br-theme-fontawesome-stars .br-widget a {
  font-size: 70px;
	line-height: 1;
  text-rendering: auto;
	font-weight: bold;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin: 0;
	padding: 10px 5px 10px 0;
	text-shadow: 0.1px 0.1px 2.1px rgba(0, 0, 0, 0.051), 0.3px 0.3px 5.1px rgba(0, 0, 0, 0.073), 0.6px 0.6px 9.5px rgba(0, 0, 0, 0.09), 1.1px 1.1px 17px rgba(0, 0, 0, 0.107), 2.1px 2.1px 31.8px rgba(0, 0, 0, 0.129), 5px 5px 76px rgba(0, 0, 0, 0.18);
}

.br-theme-fontawesome-stars .br-widget a:hover {
	text-shadow: none;
}

.br-theme-fontawesome-stars .br-widget a:after {
  content: '\2605';
  color: rgba(var(--bs-green-l-rgb),0.7);
}
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: var(--bs-green);
	font-weight: bold;
}
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: var(--bs-green);
	font-weight: bold;
} 
.br-theme-fontawesome-stars .br-widget .br-current-rating {
	display: none;
	position: relative;
	width: 100%;
	margin: 1rem 0;
	white-space: normal;
	text-align: left;
	color: var(--bs-green);
	font-size: 14pt;
	min-height: 38px;
	line-height: 20pt;
	font-weight: normal;
	padding: 2px 5px 3px 25px;
}

.br-theme-fontawesome-stars .br-widget .br-current-rating:before {
	position: absolute;
	left: 10px;
	color: var(--bs-green-m);
	font-weight: 400;
	font-size: 14px;
	content: '\2605';
	padding: 0;
}

.br-theme-fontawesome-stars .br-readonly a {
  cursor: default;
}
@media print {
  .br-theme-fontawesome-stars .br-widget a:after {
    content: '\f006';
    color: black;
  }
  .br-theme-fontawesome-stars .br-widget a.br-active:after,
  .br-theme-fontawesome-stars .br-widget a.br-selected:after {
    content: '\f005';
    color: black;
  }
}


/* bootstrap carousel*/	
.hero-image {
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}


.bg-home{
	padding: 6em 0 6em 0 !important;
}

.carousel-inner{
	max-width: 1440px;
	margin: auto;
}

.home-caption {
	z-index: 10;
	position: relative;
	padding: 1rem 0;
	width: 60%;
}

.home-caption.bg-zwart {
	background: rgba(3, 10, 16,.6);
}

.home-caption.bg-wit {
	background: rgba(255, 255, 255,.85);
}

.home-caption h1  {
	margin: 1rem 0 2rem 0;
	font-size: 30pt;
	line-height: 34pt;
	font-weight: 400;
	color: #fff;
}

.home-caption .chapeau {
	font-size: 20pt;
	line-height: 22pt;
	color: var(--bs-green-l);
}

.home-caption .chapeau a, .home-caption .chapeau a:visited {
	display: inline-block;
	font-size: 18pt;
	line-height: 20pt;
	font-weight: 400;	
	padding: 0 0;
	margin: 0;
	opacity: 0.75;
}

.home-caption .leesverder {padding-top: 25px;}

.carousel-caption {
	position: absolute;
  left: 6%;
  right: 35%;
	bottom: 10%;
	top: 15%;
	text-align: left;
	padding:0;
}

.carousel-intro {
	font-size: 18pt;
  line-height: 1.33;
	text-align: left;
}

.carousel-caption h1 a, .carousel-caption h1 a:visited, .carousel-caption h1 {
	margin: 1.2rem 0;
	font-size: 28pt;
	line-height: 26pt;
	font-weight: 500;
	text-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	text-shadow: none;
}

.carousel-caption .chapeau a, .carousel-caption .chapeau a:visited {
	display: inline-block;
	font-size: 18pt;
	line-height: 20pt;
	font-weight: 400;	
	padding: 0 0;
	margin: 0;
	color: var(--bs-green-m);
	opacity: 0.75;
}

.carousel-counter{
	margin: 1rem 0 2rem 0;
	color:#fff;
	font-size: 18pt;
	line-height: 22pt;
	width: 90%;
}

.carousel-indicators li, .carousel-indicators .active  {
  cursor: pointer;
  display: inline-block;
  height: 38px;
	width: 38px;
  margin: 1px 8px;
	text-indent: 0;
	-webkit-border-radius: 100%;
		 -moz-border-radius: 100%;
				  border-radius: 100%;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.carousel-indicators-numbers li {
  text-indent: 0;
	text-align: center;
  margin: 0 3px;
  width: 38px;
  height: 38px;
  border: none;
  line-height: 38px;
  color: #fff;
  background-color: var(--bs-green-m);
	-webkit-border-radius: 100%;
		 -moz-border-radius: 100%;
				  border-radius: 100%;
  -webkit-transition: all 0.25s ease;
  				transition: all 0.25s ease;
}

.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
  margin: 0 3px;
  height: 38px;
	width: 38px;
  background-color: #fff;
	color:#212121;
}

.carousel-indicators .active {
  background-color: #ffd451;
}


.carousel-caption .leesverder {padding-top: 25px;}

.carousel-indicators .active {
  background-color: #ffd451;
}

.carousel-control {
  opacity: 0.5;
}


.carousel-control .icon-prev:before, .carousel-control .icon-next:before {
  color:#fff;
	font-family: "Font Awesome 5 Pro";
  font-size: 18px;
	line-height: 16px;
	content: "\f053"; 
}

.carousel-control .icon-next:before {
  content: "\f054";
}

.form-control::placeholder {
	color: var(--bs-gray-600);
}

.bg-searchbar{
	margin: 0;
	padding: 1rem 0;
	background: rgba(var(--bs-green-m-rgb),0.2)
}
.bg-searchbar .container{padding:0;}
.bg-searchbar .input-group-text {background-color: #fff;color:#666;border-radius:0}
.bg-searchbar .form-control::-webkit-input-placeholder {color:#999;}
.bg-searchbar .form-control::-moz-placeholder {color:#999;}
.bg-searchbar .form-control::-ms-input-placeholder {color:#999;}

.bg-searchresult{
	margin: 1rem 0 1rem 0;
	padding: 0;
	font-size: 12pt;
	letter-spacing: -0.025em;
}
.bg-searchresult .search-facet:after {
	padding: 0 10px 0 10px;
	color: var(--orange);
	font-size: 14px;
	content: "\276f"; 
}

.chevron-start:before, .left-chevron:before {
	display: inline-block;
	padding: 0 5px;
	color: var(--orange);
	font-size: 14px;
	content: "\276f"; 
}

.chevron-end:after, .right-chevron:after {
	display: inline-block;
	padding: 0 5px;
	color: var(--orange);
	font-size: 14px;
	content: "\276f"; 
}


.introText {position: relative;text-align: center;padding: 1rem 2rem;}
.introText h3 {margin-top: 20px;}
.introText .svg-inline--fa {font-size: 60px;line-height: 60px;color: var(--bs-green);}

.scroll-nav.stuck{
	position: fixed;
	top: 80px;
}

.scroll-spy {
	/* height: 60vh;
	overflow-y:scroll; */
	margin-bottom: 3rem;
}

.pagepart{
	position: relative;
	padding: 0 2rem 2rem 2rem;
	margin: 0 0 2rem 0;
	border-bottom: 1px solid rgba(var(--bs-green-rgb),.3);
	background: rgba(var(--bs-dark-rgb),0.25);
	background: linear-gradient(0deg, rgba(var(--bs-green-rgb),0.1) 0%, rgba(var(--bs-white-rgb),0.5) 100%);
}


/* validation engine*/

#registrationError {
	margin: 5px 0 0 0;
	font-size: 11pt;
	background: #bb271c;
	color:#fff;
	padding: 3px 10px;
	border-color:#bc271c;
}

#registrationError a, #registrationError a:visited {
	font-weight: bold;
}

.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	min-width: 20em;
	background: var(--bs-danger);
	position:relative;
	z-index:5001;
	color: #fff;
	font-size: 12pt;
	border: 1px solid #ddd;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	padding: 4px 10px 4px 10px;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
					border-radius: 0;
	
}

.rating-error{
	background: var(--bs-danger);
	position: absolute;
	z-index:5001;
	color: #fff;
	font-size: 12pt;
	line-height: 14pt;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	padding: 4px 10px 4px 10px;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
					border-radius: 0;
}

.form-error{
	background: var(--bs-danger);
	color: #fff;
	font-size: 12pt;
	line-height: 14pt;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	padding: 4px 15px;
	margin: .5rem 0;
	-webkit-border-radius: .5rem;
		 -moz-border-radius: .5rem;
					border-radius: .5rem;
}

/*  header nieuwsbrief */
#newsletterWrapper{
	padding: 4.5rem 0;
	background-image: url(/gfx/bg.abo.jpg);
  background-color: var(--bs-blue);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: cover;
	color:#fff;
}

.cta {
	color:#fff;
	font-size: 30pt;
	line-height: 30pt;
	text-align: right;
	margin: 0 1rem 1rem 1rem;
	max-width: 400px;
	padding:0;
	float: right;
}

.gratis{
	color:#fff;
	font-size: 50pt;
	font-weight: bold;
	margin:0 0 10px 0;
	padding:0;
}

.abonu{
	color:#fff;
	font-size: 24pt;
	line-height: 26pt;
	font-weight: 500;
	margin: 5px 0 10px 0;
	padding:0;
}

.abo-text{
	color:#fff;
	font-size: 18pt;
	line-height: 20pt;
	font-weight: 400;
	margin:0 0 15px 0;
	padding:0;
}



.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: 0 0 0 13px;
  position:relative;
  z-index: 5006;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #bb271c;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
}

/* typeahead*/
.tt-dropdown-menu {
	max-height: 500px;
  overflow-y: auto;
  width: 550px;
  margin-top: 3px;
  padding: 5px 0;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.twitter-typeahead {
	margin: 0 !important;
	padding: 0 !important;
}

.tt-query,
.tt-hint {
	width: 100%;
}
.tt-explain {
	color: #333;
	font-size: 12pt;
	line-height: 16pt;
	margin: 10px 0 0 0;
	padding: 3px 10px;
	border: 1px solid rgba(var(--bs-green-m-rgb),0.2);
	background-color: rgba(var(--bs-green-m-rgb),0.1);
}

.input-group > .twitter-typeahead {
     position: relative;
     -ms-flex: 1 1 auto;
     -webkit-box-flex: 1;
     flex: 1 1 auto;
     width: 1%;
     margin-bottom: 0;
 }
 .input-group>.twitter-typeahead:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
 .input-group>.twitter-typeahead>.tt-input {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
 .form-control.tt-input:focus {
     z-index: 3
 }

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-highlight {
  color: #000;
	background: rgba(var(--bs-green-m-rgb),0.3);
	padding: 0 3px;
}

.tt-dataset {
	cursor: pointer;
	max-height: 300px;
	color: #333;
  overflow-y: auto;
  width: 550px;
  margin-top: 1px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(var(--bs-green-rgb),.2);
     -moz-box-shadow: 0 5px 10px rgba(var(--bs-green-rgb),.2);
          box-shadow: 0 5px 10px rgba(var(--bs-green-rgb),.2);
}


.tt-suggestion {
	display: block;
	width: 100%;
	color: #333;
  padding: 5px 10px;
  font-size: 12pt;
  line-height: 16pt;
	border-bottom: 1px solid #ddd;
}

.tt-suggestion:hover {
	background-color: #f4f4f4;
}

.tt-suggestion.tt-cursor {
  color: #333;
  background-color: #fff;
}

.tt-empty {
	font-size: 12pt;
  line-height: 16pt;
	padding: 20px;
}

.tt-results {
	position: relative;
	padding: 5px 10px;
}

.tt-company {
	font-weight: bold;
	position: relative;
	width: 98%;
	overflow:hidden !important;
  text-overflow: ellipsis;
}

.tt-address {
	clear: both;
	position: relative;
	width: 98%;
	overflow:hidden !important;
  text-overflow: ellipsis;
}

.tt-postcode {
	position: relative;
	float: right;
	width: 25%;
	overflow:hidden !important;
  text-overflow: ellipsis;
	text-align: right;
	text-transform: uppercase;
}

.tt-city {
	position: relative;
	float: left;
	width: 70%;
	overflow:hidden !important;
  text-overflow: ellipsis;
	text-align: left;
	text-transform: uppercase;
}

.no-gutters {
	--bs-gutter-y: 0;
	--bs-gutter-x: 0;
}

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0;
}

.card-deck > .card {
	-ms-flex: 1 0 0%;
	flex: 0 1 auto;
	width: calc(33.333333% - 1%);
	max-width:calc(33.333333% - 1%);
	margin: 0 1% 2% 0 !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: none;
	background: none;
}

.card-deck > .card h3 {
	font-family: var(--bs-font-serif);
	margin: 0.35rem 0;
	}

.card-deck > .card h3 a, .card-deck > .card h3 a:visited {
		color: var(--bs-a-hover);
	}
	.card-deck > .card h3 a:hover, .card-deck > .card h3 a:focus, .card-deck > .card h3 a:active {
		color:var(--bs-a);
	}
	
.card-deck.card-deck-6 .card {
	width: calc(16.6666666667% - 1%);
	max-width: calc(16.6666666667% - 1%);
}
.card-deck.card-deck-5 .card {
	width: calc(20% - 1%);
	max-width: calc(20% - 1%);
}

.card-deck.card-deck-4 .card {
	width: calc(25% - 1%);
	max-width:calc(25% - 1%);
}

.card-deck.card-deck-3 .card {
	max-width: calc((100%/3) - 1%);
	width: calc((100%/3) - 1%);
}
.card-deck.card-deck-2 .card {
	max-width: calc(50% - 1%);
	width: calc(50% - 1%);
}

.card-deck.card-deck-1 .card {
	width: 100%;
	max-width:100%;
	margin: 0 0 1% 0;
}

.card-deck .card-round {
 	border: 0;
	background: none;
}

.card-deck .card.card-double {
	border: none;
	background: none;
}


.card.card-double .card-title {
	margin: 0 0 .5rem 0;
}

.card-double .card-body {
	text-align: left;
	padding:0 1rem 0 0;
}

.card-double .card-img {
	position: relative;
	-webkit-border-radius: var(--bs-card-inner-border-radius);
		-moz-border-radius: var(--bs-card-inner-border-radius);
			 border-radius: var(--bs-card-inner-border-radius);
}

.card-img-16-9 img{
	object-fit: cover;
	height: 207px;
}

.card-deck .card-small .card-body {
	padding:.5rem 1rem 1rem 1rem;
}

.card-deck .card-list .card-body {
	padding:.5rem 1rem 1rem 1rem;
}

.card-icon .svg-inline--fa {
	color: var(--bs-green);
}

.card-deck > .card.card-list:hover .svg-inline--fa {
	box-shadow: none;
	color: var(--bs-primary-hover);
}

.card-box {
	border: none;
	background: none;
}
.card-box .card-body {
	padding-top: 0;
}

.card-box .list-group-item {
	border: none;
	background: none;
}

.metainfoPage {
	background: rgba(var(--bs-green-m-rgb),0.2);
	border-radius: .5rem;
	padding: 1rem;
	margin: 0 0 2rem 0;
}

.metainfoPage .list-group-item {
	background: none;
}


.meta {
	margin: 0 0 0 0;
	padding: 0 1rem 0 0;
	position: relative;
	font-size: 12pt;
	display: inline-flex;
	flex-direction: column;
	width: 100%;
}

.meta a, .meta a:visited{
	color: var(--bs-a-hover);
}

.meta a:hover, .meta a:active, .meta a:focus{
	color: var(--bs-a);
}

.meta a .svg-inline--fa {
	color: var(--bs-body-color);
}


.scorecard {
	font-family: var(--bs-font-sans-serif);
}
.scorecard .card-header{
	padding: .35rem .25rem !important;
	font-size: 12pt;
	line-height: 13pt;
	height: 45px;
	background: rgba(204,219,207,.7);
}

.scorecard .card-body{
	padding: 0;
	font-size: 11pt;
}

.scorecard .card-body .row{
	padding: .3rem .5rem;
	border-bottom: 1px solid rgba(207, 212, 224,1);
}
.scorecard .card-body .row.no-border{
	border: none !important;
}	

.scorecard .chosen-container-single .chosen-single {
	font-size: 10.5pt;
	border: none;
}

.scorecard .badge {
	font-size: 11pt;
}


.card-deck .card-course {
 	border: 0;
	background: none;
}

.card-deck .card-info .card-body {
	padding: 0 1rem 1rem 0;
}


/* scan styles*/
.question-box .formError .formErrorContent {
	background: rgba(187, 39, 28,1) !important;
	font-family: var(--bs-font-sans-serif);
	font-weight: 300;
	opacity: 1;
	font-size: 13.5pt;
	line-height: 14pt;
	min-width: 250px !important;
	max-width: 75% !important;
	padding: 3px 10px;
	color: #fff !important;
	-webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
				  border-radius: 4px;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
          box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
	}

.bg-box {
		background: #ddd;
	}
	
.scan-box{
	font-family: var(--bs-font-sans-serif);
	position: relative;
  padding: 1em 2em;
  margin-bottom: 20px;
	font-size: 1.2em;
  line-height: 1.4em;	
  -webkit-border-radius: 0;
		 -moz-border-radius: 0;
				  border-radius: 0;
}

.scan-box h1{
  font-size: 1.8em;
  letter-spacing: -0.025em;
  line-height: 1.2em;
}

.scan-chapeau{
	color: var(--bs-green);
  font-size: 1.2em;
  letter-spacing:-0.025em;
  line-height: 1.2em;
  margin-bottom: 0;
}
.result-chapeau{
	font-size: 1.2em;
	color: var(--bs-green);
  margin: 1rem 0;
}
.scan-intro{
	padding: 1em 1em 3em 0;
	 font-size: 16pt;
  letter-spacing: -0.025em;
  line-height: 20pt;
}

.group-box, .learningpath-finish-box {
	position: relative;
  padding: 1em 2em 3em 2em;
  margin-bottom: 0;
}

.group-text {
	position: relative;
  margin-bottom: 20px;
  color: #333;
	
}

.finish-box {
	position: relative;
  padding: 1em 1em 1em 1em;
  margin: 1em auto 5em auto;
  -webkit-border-radius: 0;
		 -moz-border-radius: 0;
				  border-radius: 0;
}

.bg-scan{
	padding: 4em 0 2em 0;
	background-color: rgba(var(--bs-green-m-rgb),0.2);
	background-image: var(--bs-body-bg-image); 
	min-height: 100vh;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
		 -moz-background-size: cover;
			 -o-background-size: cover;
					background-size: cover;
}

.bg-scan-intro{
	padding: 6em 0 6em 0;
}

.bg-group, .bg-finish, .bg-learningpath, .bg-learningpath-finish {
	padding: 3em 0 3em 0;
	margin:0;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
		 -moz-background-size: cover;
			 -o-background-size: cover;
					background-size: cover;
}

.bg-infographic {
	background-color: #fff;
	padding: 0;
	margin:0;
}

.container-infographic{
	max-width: 1440px;
	margin: auto;
}

.img-infographic{
	width: 100%;
	height: auto;
}

.top-header {
	height: 6px;
}

.bg-group-1, .bg-group-3, .bg-group-5, .bg-group-7, .bg-group-9, .bg-group-11, .bg-group-13, .bg-group-15 {
	background-color: rgba(var(--bs-green-m-rgb),0.2);
}

.bg-group-2, .bg-group-4, .bg-group-6, .bg-group-8, .bg-group-10, .bg-group-12, .bg-group-14 {
	background-color: rgba(var(--bs-green-m-rgb),0.1);
}

.learningpath-group-1, .learningpath-group-3, .learningpath-group-5, .learningpath-group-7, .learningpath-group-9, .learningpath-group-11, .learningpath-group-13, .learningpath-group-15 {
	background-color: rgba(var(--bs-green-m-rgb),0.2);
}

.learningpath-group-2, .learningpath-group-4, .learningpath-group-6, .learningpath-group-8, .learningpath-group-10, .learningpath-group-12, .learningpath-group-14 {
	background-color: rgba(var(--bs-green-m-rgb),0.1);
}

.bg-learningpath .card-footer a.btn-secondary {
	color: #212529;
	background: rgba(var(--bs-white-rgb),.4) !important;
	border-color: rgba(207, 212, 224,.2);
}

.group-image {
	z-index: 0;
	margin: 0; 
	padding: 0; 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 100%;
}

.bg-registration {
	padding: 3em 0 3em 0;
	font-size: 1em;
	background-color: rgba(var(--bs-green-m-rgb),0.25);
	/*
background-image: url(/gfx/ogImage.jpg);
*/
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
		 -moz-background-size: cover;
			 -o-background-size: cover;
					background-size: cover;
	}
	

.bg-registration label{
	font-size: 1em;
	}

.bg-registration .input-group-addon {
	vertical-align: top;
	padding: 9px 12px 6px 12px;
	}

.bg-registration h1,  .bg-registration h2,.bg-registration h3 {color: var(--bs-green)}

/* progressie */
.scan-progress{
	margin: 0 0 0 0;
	position: relative;
	z-index: 10;
	left: 0;
	right: 0;
	top: 0;
	background-color: rgba(var(--bs-green-m-rgb),0.2);
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
				  border-radius: 0;
}

.scan-progress-bar {	
	position: relative;
	height: 5px;
	transition: width .6s ease;

}

.scan-progress-badge {
	font-size: 10px;
	height: 18px;
	width: 32px;
	line-height: 16px;
	letter-spacing: -0.045em;
	padding: 0;
	background-color: var(--bs-green-m);
	color: #fff;
	display: block;
	position: absolute;
	text-align: center;
	margin: 0 0 0 0;
	right: -5px;
	top: 0;
	-webkit-border-radius: 0 0 50% 50%;
		 -moz-border-radius: 0 0 50% 50%;
				  border-radius: 0 0 50% 50%;
}

.progress-badge-done{
	font-size: 10px;
	height: 18px;
	width: 32px;
	line-height: 16px;
	letter-spacing: -0.045em;
	padding: 0;
	background-color: var(--bs-green-m);
	color: #fff;
	display: block;
	position: absolute;
	text-align: center;
	margin: 0 0 0 0;
	right: 48%;
	top: 0;
	-webkit-border-radius: 0 0 50% 50%;
		 -moz-border-radius: 0 0 50% 50%;
				  border-radius: 0 0 50% 50%;
}

/*IE 11 hack */
*::-ms-backdrop, .scan-progress-badge { margin-top:-15px;} 

.progress-bar.bg-success {
	background: #034d28 !important;	
}

.checkLogin{
	text-align: center;
}

.checkLogin h4{
	padding-top: .5rem;
}

.checkLogin .svg-inline--fa{
	color: var(--bs-green-m);
}


/* vragen*/
.survey-bg .article {
	margin: 0 0;
}
.question-box {
	position: relative; 
	font-size: 13.8pt;
	margin: 1rem 0 3rem 0;
	padding: 1rem 1rem 1rem 2rem;
	border-left: 4px solid rgba(var(--bs-green-m-rgb),0.4);
	background: linear-gradient(-90deg, rgba(var(--bs-white-rgb),0) 0%, rgba(var(--bs-white-rgb),0) 50%, rgba(var(--bs-green-m-rgb),.2) 100%);
	-webkit-border-radius: 1rem;
	   -moz-border-radius: 1rem;
			    border-radius: 1rem;
	}

.question-picture {
	position: relative;
	margin-bottom: 15px;
	}
	
.question-box h3{
	margin: 0 0 1rem 0;
	color: var(--bs-green);
	}
	

.question-box label{
	font-size: 16pt;
	line-height: 1.4rem;
	color: rgba(var(--bs-green-rgb),1)
	}

.question-box .form-check-input {
		margin-top: 0.4em;
	}

.question-intro{
	padding: 0.5em 0 0.8em 0;
}	
	
/* antwoorden*/
.radio-vertical-label, .checkbox-vertical-label {
	font-weight: normal;
	padding: 0 0 0 35px;
	line-height: 20px;
	vertical-align: top; 
}
	
.button-vertical-box {
	position: relative;
	margin: 0.5em 0 0.5em  0;
}

.answer-box{
	padding: 0 0 1em 0;
}

.feedback-box {
	position: relative; 
	margin: 1rem 0;
	padding: 1rem;
	background-color: rgba(var(--bs-white-rgb),0.9);
	-webkit-border-radius: 10px;
		 -moz-border-radius: 10px;
				  border-radius: 10px;
	}


.btn-start, .btn-next {
	letter-spacing: -0.025em;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
				  border-radius: 0;
}

.btn-finish {
	letter-spacing: -0.025em;
	margin: 1em 0;
	font-size: 18pt;
	width: auto;
	line-height: 20pt;
	width: 100%;
	-webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
				  border-radius: 4px;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
          box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
}

.btn-start i, .btn-next i, .btn-finish i {
	font-size: 18pt !important;
}

.button-vertical-box > .btn-group > .button-radio{text-align: left;}

.off-canvas{position: absolute;left: -9999px;line-height: 0;height:0;}


/* results*/
section.result {
	min-height: 25%;
	width: 100%;
	margin:0;
	padding: 3rem 0 0 0;
	position: relative;
	overflow-x: hidden;
}

.bg-result {
	margin:0;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
		 -moz-background-size: cover;
			 -o-background-size: cover;
					background-size: cover;
}

section.bg-result-intro {
	padding: 6rem 0;
}


.bg-result-1, .bg-result-3, .bg-result-5, .bg-result-7, .bg-result-9, .bg-result-11, .bg-result-13, .bg-result-15 {
	background-color: rgba(var(--bs-green-m-rgb),0.2);
}

.bg-result-2, .bg-result-4, .bg-result-6, .bg-result-8, .bg-result-10, .bg-result-12, .bg-result-14 {
	background-color: rgba(var(--bs-green-m-rgb),0.1);
}

.bg-result-box {position: relative;}

section.bg-result-general{
	min-height: 100vh;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
		 -moz-background-size: cover;
			 -o-background-size: cover;
					background-size: cover;
}
.result-box {
	position: relative;
  padding: 2em 3em ;
  margin-bottom: 20px;
  -webkit-border-radius: 2px;
		 -moz-border-radius: 2px;
				  border-radius: 2px;
}

.result-intro {
	margin: 10px 0;
	font-size: 1.2em;
}

.result-text a:not(.btn), .result-text a:not(.btn):visited  {
	color: var(--bs-green-m);
	text-decoration: none;
  border-bottom: 1px solid var(--bs-green);
  box-shadow: 0 -1px 0 var(--bs-green) inset;
  color: inherit;
	padding: 1px 2px;
  transition: background 0.55s cubic-bezier(0.33, 0.66, 0.66, 1) 0s;
}

.result-text a:not(.btn):hover, .result-text a:not(.btn):active {
	text-decoration: none;
	background: rgba(0, 0, 0, 0.4);
}

.question-answer-box {
	font-size: 14pt;
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #d1d1d1;
	background:#fff;
	color:#333;
	}
	
.question-answer-box h3{
	margin: 0 0 20px 0;
	}

.question-answer-box .row{
	border-bottom: 1px solid #d1d1d1;
	padding: 0.2em 0;
	}
	
.question-answer-box i.fa, .question-answer-box i.far, .question-answer-box i.fas, .question-answer-box i.fal {
	font-size:20px;
	line-height: 20px;
	}
	
/*tips tricky matrix*/
.matrix{
	margin: 20px 0;
	
}
.matrix-row{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.matrix-item{
	position: relative;
	flex: 0 1 auto;
	margin: 0;
	padding: 0;
	flex-basis: 33.3333%;
	max-width: 33.3333%;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.matrix-title{
	color:#fff;
	padding:10px 10px 10px 10px;
}

.matrix-text{
	color:#fff;
	padding:0 10px 55px 10px;
	max-height: 250px;
}

.matrix a, .matrix a:visited{
	color:#fff;
}

.matrix-margin{margin: 0 15px;}

.matrix-link {
	position: absolute;
	bottom: 10px;
	right: 0;
	float: right;
	padding: 5px 15px;
}

	
	
/* learningpath */

.bg-learningpath{
	padding: 3em 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
		 -moz-background-size: cover;
			 -o-background-size: cover;
					background-size: cover;
}
.learningpath .group-intro > p {
	margin: 20px 0 0 0;
	}
	
.learningpath {
	background: #f4f4f4;
	}

.learningpath .group-box {
	position: relative;
  padding: 1em 3em 1em 2em;
  margin-bottom: 20px;
  -webkit-border-radius: 10px;
		 -moz-border-radius: 10px;
				  border-radius: 10px;
}

.learningpath-finish-box {
	position: relative;
  padding: 1em 3em 5em 2em;
  margin: 0 0 20px 0;
  -webkit-border-radius: 10px;
		 -moz-border-radius: 10px;
				  border-radius: 10px;
}

/* einde scan css*/

.corner {
	-webkit-border-radius: .5rem;
	   -moz-border-radius: .5rem;
			    border-radius: .5rem;
}

.corner-lg {
	-webkit-border-radius: 1rem;
	   -moz-border-radius: 1rem;
			    border-radius: 1rem;
}

.breakpoint{
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 100px;
	z-index: 1050;
}
	
.breakpoint::before{
	content: 'Large';
}

.nav-beheer{
	padding-left: 1rem;
}


 
/* small and medium phones */
@media (max-width: 480px) {
	
	.breakpoint::before{content: 'phone <480';}
	
	h1 {font-size: 22pt;letter-spacing: -0.025em;font-weight: 400;}	
	h2 {font-size: 20pt;letter-spacing: -0.025em;font-weight: 400;}
	h3 {font-size: 18pt;letter-spacing: -0.025em;font-weight: 400;}
	h4 {font-size: 14pt;letter-spacing: -0.025em;font-weight: 400;}
	h5 {font-size: 12pt;letter-spacing: 0;}
	h6 {font-size: 10pt;letter-spacing: 0;}
	
	.headerWrapper {background-size: auto 90%;}
	.esFilter .input-small {margin:0 0 3px 0;}
	.outerSearchBox {
		width: 100%;
	}

	.logo {
		height: 25px;
		margin: 20px 0 15px 0;
	}
	
	.navWrapper.stuck .logo-small {
		display: block ;
	}
	
	.home-caption {
		width: 80%;
	}
	.home-caption h1 {
		font-size: 24pt;
		line-height: 26pt;
	}

	.navbar-categories, .navbar-scan {margin-left: 0;}
	.nav-categories > li > a, .nav-scan > li > a {
		display: block;
		border-bottom: 1px solid var(--bs-gray-500);
	}

	.navbar-collapse {
	 margin-top: 6px;
	 padding-left: 10px;
	}

	.nav-categories-right {
		padding: 0 ;
	}
	

	.color-mode__btn {
		padding: 15px ;
	}

	.categoryFooter {
		padding: 0;
	}
	
	.bg-home {
		padding: 2em 0 2em 0 !important;
	}
	
	.scan-box {
		padding: 0.5em 1em;
		font-size: 1em;
		line-height: 1.2em;
	}
	.scan-intro {
		padding: 10px 0 2em 0;
		font-size: 16pt;
		letter-spacing: -0.025em;
		line-height: 20pt;
	}
	.br-theme-fontawesome-stars .br-widget a {
		font-size: 50px;
	}

	.card-deck .card, 
	.card-deck.card-deck-1 .card, 
	.card-deck.card-deck-2 .card,
	.card-deck.card-deck-3 .card,
	.card-deck.card-deck-4 .card,
	.card-deck.card-deck-5 .card{
		width: 100%;
		max-width:100%;
		margin: 0 0 1% 0;
	}
	
	.pa-dashboard {
		padding: 1rem 0;
		margin: 2rem 0 0 0;
	}
	.card-deck.card-deck-6 > .card  {
		width: 50%;
		max-width:50%;
		margin: 0 0 1% 0 !important;
	}
	
	.card-deck > .card.card-logo:nth-child(n+7) {
		display: none;
	}
	
	.card-logo {
		padding: 0 1rem 1rem 1rem;
		border: none;
		background: none;
	}
	
	.address-box {
		width: 100%;
		margin: 0 1rem 0 0;
	}
	.padding40 {
		padding: 20px 0;
	}
	.crumb {
		padding: 10px 0 10px 0;
	}
	.list-group-navigation {
		margin-bottom: 15px;
	}
	
	.text-right {text-align: left;}
	.catPic {margin: 10px 0 0;}

	.f_nav {
		position: absolute;
		top: -2px;
		right: 0;
	}

	.color-mode__btn svg.svg-inline--fa.fa-fw {
		font-size: 22px;
		line-height: 22px;
	}
	.flag {
		width: 24px;
		height: auto;
		margin-right: 3px;
	}
	
	.social {
		margin: 1rem 0;
	}
	
	.group-box, .learningpath-finish-box {
		padding: 1em;
	}

	.cart-box .text-xl{
		font-size: 100%;
	}

	.col-form-label {
		padding: .2rem .5rem;
		margin-bottom: 0;
		font-size: 12pt;
		line-height: 1.5;
		text-align: left;
	}
	
	

	.meta {
		margin: 0 0 .3rem 0;
		position: relative;
		font-size: 12pt;
		display: inline-flex;
		flex-direction: column;
		flex-wrap: wrap;
		column-gap: 20px;
	}

	.meta div {
		min-width: 40%;
	}

	#newsletterWrapper {
		padding: 1rem 0 2.5rem 0;
	}

	.cta {
		font-size: 30pt;
		line-height: 30pt;
		text-align: left;
		margin: 0 1rem 1rem 0;
		float: none;
	}

	.hidden-tablet, .hidden-portrait, .breadcrumb > li.hidden-phone, .hidden-phone,  
	.about-box, .allcats-box, .hidden-md-down, .hidden-sm-down, .f_nav, .outerSearchBox.stuck {display: none !important;}


}

  

/* Landscape phone */
@media (min-width: 481px) and (max-width: 767.97px) {

	.breakpoint::before{content: 'phone l';}
	
	h1 {font-size: 22pt;letter-spacing: -0.025em;font-weight: 400;}	
	h2 {font-size: 20pt;letter-spacing: -0.025em;font-weight: 400;}
	h3 {font-size: 18pt;letter-spacing: -0.025em;font-weight: 400;}
	h4 {font-size: 14pt;letter-spacing: -0.025em;font-weight: 400;}
	h5 {font-size: 12pt;letter-spacing: 0;}
	h6 {font-size: 10pt;letter-spacing: 0;}

	.headerWrapper {background-size: auto 90%;}
	.esFilter .input-small {margin:0 0 3px 0;}
	.outerSearchBox {
		width: 100%;
	}

	.logo {
		height: 30px;
		margin: 20px 0 15px 0;
	}
	
	.navWrapper.stuck .logo-small {
		display: block ;
	}
	
	.home-caption {
		width: 80%;
	}
	.home-caption h1 {
		font-size: 24pt;
		line-height: 26pt;
	}

	.navbar-categories, .navbar-scan {margin-left: 0;}
	.nav-categories > li > a, .nav-scan > li > a {
		display: block;
		border-bottom: 1px solid var(--bs-gray-500);
	}

	.navbar-collapse {
	 margin-top: 6px;
	 padding-left: 10px;
	}

	.nav-categories-right {
		padding: 0 ;
	}
	

	.color-mode__btn {
		padding: 15px ;
	}

	.categoryFooter {
		padding: 0;
	}
	
	.bg-home {
		padding: 2em 0 2em 0 !important;
	}
	.scan-box {
		padding: 0.5em 1em;
		font-size: 1em;
		line-height: 1.2em;
	}
	.scan-intro {
		padding: 10px 0 2em 0;
		font-size: 16pt;
		letter-spacing: -0.025em;
		line-height: 20pt;
	}
	.br-theme-fontawesome-stars .br-widget a {
		font-size: 50px;
	}
	.question-box {
		margin: 1rem 0 1rem 0;
		padding: 0;
		border-left: none;
	}

	.card-deck .card, 
	.card-deck.card-deck-1 .card, 
	.card-deck.card-deck-2 .card,
	.card-deck.card-deck-3 .card,
	.card-deck.card-deck-4 .card,
	.card-deck.card-deck-5 .card{
		width: 100%;
		max-width:100%;
		margin: 0 0 1% 0;
	}
	
	.pa-dashboard {
		padding: 1rem 0;
		margin: 2rem 0 0 0;
	}
	
	.card-deck.card-deck-6 > .card  {
		width: calc(100%/4);
		max-width: calc(100%/4);
		margin: 0 0 1% 0 !important;
	}
	
	.card-deck > .card.card-logo:nth-child(n+7) {
		display: none;
	}
	
	.card-logo {
		padding: 0 1.5rem 1.5rem 1.5rem;
		border: none;
		background: none;
	}
	
	.address-box {
		width: 100%;
		margin: 0 1rem 0 0;
	}
	.padding40 {
		padding: 20px 0;
	}
	.crumb {
		padding: 10px 0 10px 0;
	}
	.list-group-navigation {
		margin-bottom: 15px;
	}
	.card-group {
		display: block;
	}
	.f_nav {
		position: absolute;
		top: -2px;
		right: 0;
	}

	.color-mode__btn svg.svg-inline--fa.fa-fw {
		font-size: 22px;
		line-height: 22px;
	}
	.flag {
		width: 24px;
		height: auto;
		margin-right: 3px;
	}
	
	.text-right {text-align: left;}
	
	.social {
		margin: 1rem 0;
	}
	
	.group-box, .learningpath-finish-box {
		padding: 1em;
	}

	.meta {
		margin: 0 0 .3rem 0;
		position: relative;
		font-size: 12pt;
		display: inline-flex;
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 20px;
	}

	#newsletterWrapper {
		padding: 1rem 0 2.5rem 0;
	}

	.cta {
		font-size: 24pt;
		line-height: 26pt;
		text-align: left;
		margin: 0 1rem 1rem 0;
		float: none;
	}

	.hidden-tablet, .hidden-portrait, .breadcrumb > li.hidden-phone, .hidden-phone,  
	.about-box, .allcats-box, .hidden-md-down, .hidden-sm-down, .f_nav, .outerSearchBox.stuck {display: none !important;}

}


  
/* Portrait tablet */
@media (min-width: 767.98px) and (max-width: 991.97px) {
	
	.breakpoint::before{content: 'Tablet P';}
	
	
	.headerWrapper {background-size: auto 90%;}
	.navWrapper {
		padding: 1rem 0 1rem 0;
	}

	.color-mode__btn {
		padding: 15px ;
	}
	
	.bg-home {
		padding: 2em 0 2em 0 !important;
	}
	
	.home-caption {
		width: 75%;
	}


	.card-deck .card, 
	.card-deck.card-deck-2 .card,
	.card-deck.card-deck-4 .card,
	.card-deck.card-deck-5 .card{
		width: calc(100% / 2 - 1%);
		max-width:  calc(100% / 2 - 1%);
		margin: 0 1% 1% 0;
	}

	.card-group {
		display: block;
	}
	
	.pa-dashboard {
		padding: 1rem 0;
		margin: 2rem 0 0 0;
	}
	.card-course .card-body {
		padding: .5rem 0;
	}
	
	.introText {
		text-align: left;
		padding: 1rem .8rem;
	}
	
	.card-deck.card-deck-6 > .card  {
		width: calc(100%/4);
		max-width: calc(100%/4);
		margin: 0 0 1% 0 !important;
	}
	
	.card-logo {
		padding: 0 1.5rem 1.5rem 1.5rem;
		border: none;
		background: none;
	}
	
	.address-box {
		width: 100%;
		margin: 0 1rem 0 0;
	}
	.padding40 {
		padding: 20px 0;
	}
	.crumb {
		padding: 10px 0 10px 0;
	}
	.list-group-navigation {
		margin-bottom: 15px;
	}
	

	.catPic {margin: 10px 0 0;}

	.f_nav {
		position: absolute;
		top: -2px;
		right: 0;
	}

	.color-mode__btn svg.svg-inline--fa.fa-fw {
		font-size: 22px;
		line-height: 22px;
	}
	.flag {
		width: 24px;
		height: auto;
		margin-right: 3px;
	}

	.hidden-tablet, .hidden-portrait, .text-article, 
	.about-box, .allcats-box, .f_nav, .outerSearchBox.stuck {display: none !important;}



}
 

 
/* landscape tablet */
@media (min-width: 991.98px) and (max-width: 1199.98px) {
	
	.breakpoint::before{content: 'Tablet L';}

	.navWrapper.stuck .mode-switch {
		margin-right: 50px;
	}

	.navWrapper {
		padding: 1rem 0 1rem 0;
	}

	.card-deck.card-deck-4 .card.card-box {
		width: calc(100% / 3 - 1%);
		max-width:  calc(100% / 3 - 1%);
		margin: 0 1% 1% 0;
	}

	
	.f_nav {
		padding-right: 30px;
	}
	
	.home-caption {
		width: 75%;
	}

	.hidden-tablet {display: none !important;}


	

}
 
/* desktop */
@media (min-width: 1200px) {
	.breakpoint::before{content: 'Desktop LG';}
	body {
		overflow-y:scroll;
	}

	.container-fluid {
		max-width: 1920px;
		padding-left: 2vw;
		padding-right: 2vw;
	}

	.navWrapper {
		padding: 1rem 0 1rem 0;
	}

	.offcanvas.offcanvas-end.offcanvas-search {
		--bs-offcanvas-width: 70vw;
	}
	

}

/* large desktop */
@media (min-width: 1441px) {
	.breakpoint::before{content: '<1800';}
	body {
		overflow-y:scroll;
	}

	.container-fluid {
		max-width: 1920px;
		padding-left: 3vw;
		padding-right: 3vw;
	}

	.navWrapper {
		padding: 1rem 0 1rem 0;
	}

	.offcanvas.offcanvas-end.offcanvas-search {
		--bs-offcanvas-width: 60vw;
	}
		
}

/* large desktop */
@media (min-width: 1800px) {
	.breakpoint::before{content: 'Desktop XL';}
	body {
		overflow-y:scroll;
	}

	.container-fluid {
		max-width: 1920px;
		padding-left: 10vw;
		padding-right: 10vw;
	}

	.navWrapper {
		padding: 1rem 0 1rem 0;
	}

	.offcanvas.offcanvas-end.offcanvas-search {
		--bs-offcanvas-width: 60vw;
	}
		
}