/*@import url("/jbo/webfonts/counter.css");*/
/*@font-face {font-family: 'ProximaNovaA-Regular';src: url('/jbo/webfonts/382899_0_0.eot');src: url('/jbo/webfonts/382899_0_0.eot?#iefix') format('embedded-opentype'),url('/jbo/webfonts/382899_0_0.woff2') format('woff2'),url('/jbo/webfonts/382899_0_0.woff') format('woff'),url('/jbo/webfonts/382899_0_0.ttf') format('truetype'),url('/jbo/webfonts/382899_0_0.svg#wf') format('svg');}*/
/*@font-face {font-family: 'ProximaNovaS-Regular';src: url('/jbo/webfonts/382899_1_0.eot');src: url('/jbo/webfonts/382899_1_0.eot?#iefix') format('embedded-opentype'),url('/jbo/webfonts/382899_1_0.woff2') format('woff2'),url('/jbo/webfonts/382899_1_0.woff') format('woff'),url('/jbo/webfonts/382899_1_0.ttf') format('truetype'),url('/jbo/webfonts/382899_1_0.svg#wf') format('svg');}*/
/*@font-face {font-family: 'ProximaNova-Regular';src: url('/jbo/webfonts/382899_2_0.eot');src: url('/jbo/webfonts/382899_2_0.eot?#iefix') format('embedded-opentype'),url('/jbo/webfonts/382899_2_0.woff2') format('woff2'),url('/jbo/webfonts/382899_2_0.woff') format('woff'),url('/jbo/webfonts/382899_2_0.ttf') format('truetype'),url('/jbo/webfonts/382899_2_0.svg#wf') format('svg');}*/

/*body {*/
	/*font-family:ProximaNova-Regular,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
/*}*/

/*Design*/
/*.btn {*/
	/*border-radius:0px;*/
/*}*/

.bg-gray {
	background-color: #ced4da;
}
.bg-gray2 {
	background-color: #dde1e6;
}




.mamp_logout_row {
	background-color: rgba(255, 255, 255, 0.8) !important;
}


.mamp_jumbotron {
  font-weight:bold;
  color:white;
  /*text-align: center;*/
  /*vertical-align:bottom;*/
  background-image: url('/beheer/frontpage/img/mamp_rotterdam.jpg');
  background-size: cover;
  height: 300px;
}

.jumbotron-title {
  font-size:2.5rem;
  top:200px;
  position:absolute;
}
.tooltip-inner {
	background-color: #28a745;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before { border-bottom-color: #28a745 !important; }
.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before { border-top-color: #28a745 !important; }
.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before { border-left-color: #28a745 !important; }
.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before { border-right-color: #28a745 !important; }

.mamp_kop1 {
	font-size:40px;
	font-weight:bold;
	/*text-align:center;*/
	color:#28a745;
}

.mamp_kop2 {
	font-size:40px;
	font-weight:bold;
}

.mamp_p {
	font-size:20px;
}

.mamp_kop_welkom {
	font-size:40px;
	font-weight:bold;
	line-height:1em;;
	color:black;
}

.mamp_p_welkom {
	font-size:24px;
	font-weight:normal;
	line-height: 1em;
	color:#333333;
}

.mamp_lead {
	margin-bottom: 0px;
}
/*objects */
.mamp_blok {
	margin-left:20px;
	max-width:100px;
	z-index:1040;
	display:none;
}

.footer {
  /*position: fixed;*/
  /*bottom: 0;*/
  /*width: 100%;*/
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  /*background-color: #f5f5f5;*/
}

.mamp_card:hover {
	background-color: #73c786;
}

.mamp_card {
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
  background-color: #f5f5f5;
}


.mamp_figure {
	box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
}
.mamp_figure_front {
	box-shadow: none;
}

.mamp_figure_soortwerk {
	box-shadow: none;
}

.mamp_figure_profiel {
	height: 172px; /*129px*/
	width:  160px;  /*120px*/
}

.mamp_sid_img {
  height:182px; /*161px */
  width: 170px;  /*150px */
}

.mamp_img_wait {
	cursor:default;
}
.mamp_take_sid {
  height: 550px !important;
  width: 550px !important;
}

.mamp_werksoort_img {
  height: 140px; /*129px*/
  width: 130px; /*120px*/
  margin:16px 15px 16px 15px;	
}

.mamp_result_caret {
	position:relative;
	top:-180px;
	left:295px;
}

.mamp_result_caret_sm {
	position:relative;
	top:-33px;
}

.mamp_1_result_caret {
	position:relative;
	top:-380px;
	left:185px;
}

.mamp_1_result_caret_sm {
	position:relative;
	top:-33px;
}
/*.mamp_padding_resulttext {*/
	/*padding-top:100px !important;*/
/*}*/

/*.mamp_1_padding_resulttext {*/
	/*padding-top:320px !important;*/
/*}*/

.mamp_1_text_padding {
	padding-top:50px;
}
.mamp_soortwerk {
}

.mamp_soortwerk_titel {
	font-size:32px;
}
.mamp_soortwerk_lead {
	font-size:24px;
	line-height:1em;
}
.mamp_soortwerk_caption {
	font-size:24px;
	font-weight:bold;
}
.mamp_soortwerk_tekst {
	font-size:20px;
	font-weight:normal;
}
.mamp_badge {
	border-radius: 0px;
	font-size:16px;
	font-weight:bold;
	letter-spacing: 0.3px;
}
.circle-badge {
  height: 50px;
  width: 50px;
  line-height:50px;
  text-align: center;
  border-radius: 50px;
  /*background: #73c786;*/
  background-color:#28a745;
  position:absolute;
  top: 25px;
  left: 253px;
  padding-top:3px;
}

.mamp_circle_profiel {
	left: 150px; /* 110px;*/
	top: -20px;  /*-10px */
	font-weight:bold;
	font-size:18px;
	color:white;
	padding-top:0px;
}

.mamp_circle_perc {
	font-weight:normal;
}
.sid_done {
  position:relative;
  top: -250px;  /*-225px*/
  left: 85px; /*75px*/
}

/*.mamp_hover img {*/
    /*opacity: 0.5;*/
	/*filter: alpha(opacity=50); /* For IE8 and earlier */*/
/*}*/

/*.mamp_hover img:hover {*/
    /*opacity: 1.0;*/
    /*filter: alpha(opacity=100); /* For IE8 and earlier */*/
	/*-webkit-filter: invert(1);*/
	/*filter: invert(1);*/

/*}*/
.mamp_card_footer:hover {
	color:white !important;
}

.mamp_img_1{
	content: url('/beheer/frontpage/img/1_gray_s.png');
}
.mamp_img_1:hover {
	content: url('/beheer/frontpage/img/1_white_s.png');
	background-color: #73c786;
}
.mamp_img_go_1 {
	content: url('/beheer/frontpage/img/1_black_s.png');
}
.mamp_img_go_1:hover {
	content: url('/beheer/frontpage/img/1_white_s.png');
	background-color: #73c786;
}

.mamp_img_2{
	content: url('/beheer/frontpage/img/2_gray_s.png');
}

.mamp_img_2:hover {
	content: url('/beheer/frontpage/img/2_white_s.png');
	background-color: #73c786;
}
.mamp_img_go_2 {
	content: url('/beheer/frontpage/img/2_black_s.png');
}
.mamp_img_go_2:hover {
	content: url('/beheer/frontpage/img/2_white_s.png');
	background-color: #73c786;
}

.mamp_img_3{
	content: url('/beheer/frontpage/img/3_gray_s.png');
}

.mamp_img_3:hover {
	content: url('/beheer/frontpage/img/3_white_s.png');
	background-color: #73c786;
}
.mamp_img_go_3 {
	content: url('/beheer/frontpage/img/3_black_s.png');
}
.mamp_img_go_3:hover {
	content: url('/beheer/frontpage/img/3_white_s.png');
	background-color: #73c786;
}

.mamp_img_4{
	content: url('/beheer/frontpage/img/4_gray_s.png');
}

.mamp_img_4:hover {
	content: url('/beheer/frontpage/img/4_white_s.png');
	background-color: #73c786;
}
.mamp_img_go_4 {
	content: url('/beheer/frontpage/img/4_black_s.png');
}
.mamp_img_go_4:hover {
	content: url('/beheer/frontpage/img/4_white_s.png');
	background-color: #73c786;
}

.mamp_img_5{
	content: url('/beheer/frontpage/img/4_gray_s.png');
}

.mamp_img_5:hover {
	content: url('/beheer/frontpage/img/5_white_s.png');
	background-color: #73c786;
}
.mamp_img_go_5 {
	content: url('/beheer/frontpage/img/5_black_s.png');
}
.mamp_img_go_5:hover {
	content: url('/beheer/frontpage/img/5_white_s.png');
	background-color: #73c786;
}

.mamp_img_6{
	content: url('/beheer/frontpage/img/6_gray_s.png');
}
.mamp_img_6:hover {
	content: url('/beheer/frontpage/img/6_white_s.png');
	background-color: #73c786;
}
.mamp_img_go_6 {
	content: url('/beheer/frontpage/img/6_black_s.png');
}
.mamp_img_go_6:hover {
	content: url('/beheer/frontpage/img/6_white_s.png');
	background-color: #73c786;
}

.mamp_img_7{
	content: url('/beheer/frontpage/img/7_gray_s.png');
}
.mamp_img_7:hover {
	content: url('/beheer/frontpage/img/7_white_s.png');
	background-color: #73c786;
}
.mamp_img_go_7 {
	content: url('/beheer/frontpage/img/7_black_s.png');
}
.mamp_img_go_7:hover {
	content: url('/beheer/frontpage/img/7_white_s.png');
	background-color: #73c786;
}

.mamp_card {
	max-width:252px;
}

/*.mamp_1_result_img {*/
	/*width:125px;*/
	/*height:101px;*/
/*}*/
/*.mamp_card-deck .mamp_img-2 img {*/
	/*background-image: url('/beheer/frontpage/img/1_gray_s.png');*/
/*}*/


/*.mamp_card-deck .mamp_img-2 img.:hover {*/
	/*background-image: url('/beheer/frontpage/img/1_white_s.png');*/
/*}*/

/*media */
/*@media (min-width: 768px) {*/
	/*.container {*/
		/*margin-top:50px;*/
		/*margin-bottom:60px;*/
	/*}*/
/*}*/

/*/*Small devices (landscape phones, 576px and up)*/*/
/*@media (min-width: 576px) { */

/*}*/

/*/*Medium devices (tablets, 768px and up)*/*/
/*@media (min-width: 768px) { */

/*}*/

/*/*Large devices (desktops, 992px and up)*/*/
/*@media (min-width: 992px) { */

/*}*/

/*/*Extra large devices (large desktops, 1200px and up)*/*/
/*@media (min-width: 1200px) { */

/*}*/


/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
	/*.sid_done {*/
	  /*left: 50px;*/
	  /*top: -340px;*/
	/*}*/
	.card-deck {
		
	}
	.sid_done {
	  left: 10px;
	  top: -240px;
	}
	.mamp_sid_img {
		position:relative;
		left:40px;
	}

}

@media (max-width: 768px) {
	.mamp_blok {
		width:20%;
		margin-left:5px;
	}

/*jas*/
   .mamp_werksoort_img {
	  height: 71px;
	  width: 67px;
	 margin: 40px;	
	}
	.mamp_take_sid {
	  height: 350px !important;
	  width: 350px !important;
	}
	.mamp_1_result_img {
		width:72px;
		height:48px;
		margin:6px;
	}
	.mamp_1_text_padding {
		padding-top:15px;
	}
	.mamp_result_caret {
		display:none !important;
	}
	.mamp_sid_img {
		position:relative;
	}

	.sid_done {
	  left: 20px;
	  top: -235px;
	}

	/*jas */
	.mamp_figure_profiel {
		height: 147px; /*129px*/
		width:  147px;  /*120px*/
	}

	/*jas */
	 .mamp_circle_profiel {
		left: 140px;
		top: -20px;  
		font-weight:bold;
		font-size:18px;
		color:white;
		padding-top:0px;
	}


	/*jas */
	.mamp_sid_img {
	  height:147px; /*161px */
	  width: 147px;  /*150px */
	}

	.mamp_card {
		max-width:147px;
	}

	.bg-light{
		background-color: #fff !important;
	}

	.border{
	border:0px !important;
	}

	h2{
		font-size:24px;
		font-weight:900;
		margin:20px;
	}

	.footer {
		height:120px; /*ruimte voor footer*/
	}


}

@media (min-width: 768px) {
	.mamp_1_result_caret {
		position:relative;
		top:-360px;
		left:230px;
	}
	.mamp_take_sid {
	  height: 550px !important;
	  width: 550px !important;
	}

	.mamp_1_result_img {
		width:96px;
		height:64px;
		margin:6px;
	}
	.mamp_1_text_padding {
		padding-top:15px;
	}
	.mamp_sid_img {
		position:relative;
	}

}

@media (min-width: 992px) {
	.mamp_result_caret {
		left:415px;
	}
	.mamp_1_result_caret {
		position:relative;
		top:-350px;
	}
	.mamp_2_result_caret {
		left:415px;
	}
	.mamp_3_result_caret {
		top:-230px;
	}
	.mamp_1_result_img {
		width:144px;
		height:96px;
		margin:6px;
	}
	.mamp_1_text_padding {
		padding-top:25px;
	}
	.mamp_1_padding_resulttext {
		padding-top:250px;
	}
	.mamp_2_padding_resulttext {
		padding-top:45px;
	}
	.mamp_3_padding_resulttext {
		padding-top:90px;
	}
	.mamp_welkom {
		width: 50% !important;
	}
}

@media (max-width: 992px) {
	.mamp_padding_resulttext {
		padding-top:0px !important;
	}
	.mamp_1_padding_resulttext {
		padding-top:0px !important;
	}

}
@media (min-width: 1200px) {
	.container {
		margin-bottom:60px; /*ruimte voor footer*/
	}
	.mamp_result_caret {
		left:515px;
	}
	.mamp_1_result_caret {
		top:-350px;
	}
	.mamp_2_result_caret {
		left:515px;
	}
	.mamp_3_result_caret {
		top:-190px;
	}

	.mamp_1_result_img {
		width:144px;
		height:96px;
		margin:5px;
	}
	.mamp_1_text_padding {
		padding-top:15px;
	}
	.mamp_1_padding_resulttext {
		padding-top:250px;
	}
	.mamp_3_padding_resulttext {
		padding-top:60px;
	}

}

@media (min-width: 1440px) {
	.container {
		max-width:1440px;
	}
	.mamp_result_caret {
		left:635px;
	}
	.mamp_1_result_caret {
		position:relative;
		top:-360px;
	}
}


/*berekeningen opmaak*/

#sheet2{
	display: none;
}
.valcomment{
	display:none;
}
.textcomment{
	display:none;
}
.help{
	position:absolute;
}
.help_a{
	left:-10px;cursor:pointer;
}
.help_b{
	cursor:help;
}
