.example {
	display: none;
}

/*ARROW ON BOTTOM*/

.show-example1, .show-example2 {
	font-size:12px; 
	font-style:normal;
	font-weight:normal;
	padding: 1em; 
	/*border: 2px solid #d3d3d3;
	background: #F4F4F5;*/
	color: #333; 
	margin: 10px 0 20px 0;
	/*box-shadow: 0 8px 6px -6px #d3d3d3;*/
}

.arrow_box {
	position: relative;
	background: #fff;
	border: 1px solid #d3d3d3; 
	border-radius: 0.25rem;
	
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);/*kleur background pijl*/
	border-top-color: #fff;/*kleur background pijl*/
	border-width: 14px;
	margin-left: -14px;
}
.arrow_box:before {
	border-color: rgba(211, 211, 211, 0);/*kleur border*/
	/*border-top-color: #d3d3d3;*//*kleur border*/
	border-top-color: rgba(211, 211, 211, 0.4);
	border-width: 16px;
	margin-left: -16px;
}

/*ARROW ON TOP*/

.show-example-tip {
	font-size:12px; 
	font-style:normal;
	font-weight:normal;
	padding: 1em; 
	/*border: 2px solid #d3d3d3;
	background: #F4F4F5;*/
	color: #333; 
	margin: 10px 0 20px 0;
	/*box-shadow: 0 8px 6px -6px #d3d3d3;*/
}

.arrow_box_tip {
	position: relative;
	background: #fff;
	border: 1px solid #d3d3d3; 
	border-radius: 0.25rem;
	
}
.arrow_box_tip:after, .arrow_box_tip:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_tip:after {
	border-color: rgba(255, 255, 255, 0);/*kleur background pijl*/
	border-bottom-color: #fff;/*kleur background pijl*/
	border-width: 14px;
	margin-left: -14px;
}
.arrow_box_tip:before {
	border-color: rgba(211, 211, 211, 0);/*kleur border*/
	border-bottom-color: rgba(211, 211, 211, 0.4);
	border-width: 16px;
	margin-left: -16px;
}