/* Reset */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, command, datalist, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, source, span, strike, strong, sub, sup, table, tbody, tdvideo, tfoot, th, thead, tr, tt, u, ul, var {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: top;
}
blockquote, q {
    quotes: none;
}
table, table td {
    border: medium none;
    border-collapse: collapse;
    padding: 0;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
    display: block;
}
mark, rp, rt, ruby, summary, time {
    display: inline;
}
input:focus, textarea:focus {
    outline: 0 none;
}
input {
	-webkit-appearance: none;
    -webkit-border-radius:0;
    border-radius:0;
}

/* Body */
body {
    color: #1e1e1e;
    font-family: "robotoregular",sans-serif !important;
    font-size: 12px;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #efefef;

    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.profiel {
    background-color: #232323;

    background-position: center 30px;
    background-repeat: no-repeat;
    background-size: contain;
}

body.portal {
    background-color: #fff;
    /*background-image: url("img/portal_bg.jpg");*/
    background-position: center 25px;
    background-repeat: no-repeat;
    background-size: contain;
}

.login {
    background-image: url("img/inloggen_bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    width:100%;
    height:100%;
    position:absolute;
	left: 0;
	top: 0;
	font-family: "robotoregular",sans-serif !important;
}

.noScroll {
	position:fixed;
  overflow: hidden;
  overflow-y: hidden;
  overflow-x: hidden;
}

/* Font set */
.fontBold {
    font-family: "robotobold";
}
.fontLight {
    font-family: "robotolight";
}
.fontBlack {
    font-family: "robotoblack";
}

/* Default */
a {
    border: 0 none;
    outline: medium none;
    text-decoration: none;
}

a:link, a:visited {
    text-decoration: none;
}

h1 {
    font-family: "Roboto",sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.6px;
}

.portal h1 {
    font-size: 35px;
    letter-spacing: inherit;
}
.portal h1 small {
    letter-spacing: 0.6px;
}

.rounded,
.rounded-image {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
}

/* Placeholders */
input::-webkit-input-placeholder {
	color: #c8c8c8;
}
input::-moz-placeholder {
	color: #c8c8c8;
}
input:-moz-placeholder {   /* Older versions of Firefox */
	color: #c8c8c8;
}
input:-ms-input-placeholder {
	color: #c8c8c8;
}

input:focus::-webkit-input-placeholder {
	color: #1e1e1e;
	font-style: normal;
}
input:focus::-moz-placeholder {
	color: #1e1e1e;
	font-style: normal;
}
input:focus:-moz-placeholder {   /* Older versions of Firefox */
	color: #1e1e1e;
	font-style: normal;
}
input:focus:-ms-input-placeholder {
	color: #1e1e1e;
	font-style: normal;
}

/* Overlay */
.overlay {
    background-color: rgba(47, 47, 47, 0.5);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;
}
.imageOverlay {
    margin-left: 128px;
    opacity: 0.5;
    position: absolute;
}

/* Clear */
.clear {
    clear: both;
}

/* Transition */
.transition {
    transition: all 0.5s ease 0s;
}

/* Container */
.container {
	width: 960px;
	margin: 0 auto;
}

.materiaalBemanning .materialTitle {width:721px;margin: 0 auto;padding-left: 20px;}
.materiaalBemanning .container {
    width: 721px;/*auto;*/
}

.betrokken-materiaal.incidentreport .materialTitle {
	margin: 32px auto 7px auto;
	padding-left: 2px;
	font-weight: bold;
	text-decoration: underline;
	font-size:16px;
}

.betrokken-materiaal.incidentreport .container {
    width: 700px;/*auto;*/
}

.betrokken-materiaal.incidentreport .usedEquipment {
    width: 700px;/*auto;*/
    margin-left:auto;
    margin-right:auto;
}

.betrokken-materiaal.incidentreport .usedEquipment .blockGray .bemanning, .betrokken-materiaal.incidentreport .usedEquipment .blockGray .bemanning-container {
    width: 465px;
    min-height: 171px;
}

.betrokken-materiaal.incidentreport .usedEquipment .radio{
	padding: 58px 10px 0px 10px;
}
.betrokken-materiaal.incidentreport .usedEquipment .blockGray {
background: #e0e0e0;
}

/* Header */
.header {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #d8d8d8;
    display: block;
    height: 60px;
    pointer-events: all;
    width: 100%;
    z-index: 10;
    position: fixed !important;
    top:0;
    left:0;

    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.login-header {
	background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #d8d8d8;
  display: block;
  height: 60px;
  pointer-events: all;
  width: 100%;
}

.portal .header,
.profiel .header {
	position: relative;
}

.header .container-fluid {
    padding: 5px 18px;
    position: relative;
    z-index: 1;
}
.header a {
    color: #959595;
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
    text-transform: uppercase;
	font-size: 12px;
}
.header a .text {
    display: inline-block;
    padding-top: 8px;
    vertical-align: top;
}
.header .nav-back {
    display: block;
    float: left;
    width: 100px;
}
.header .main-logo {
    background: rgba(0, 0, 0, 0) url("img/logo.png") no-repeat scroll center top;
    height: 34px;
    margin: 5px auto 0;
    width: 70px;
    background-size: 69px 33px;
}
.header .bevestig {
	display: inline-block;
}
.header .bevestig.left {
	float: left;
	margin: 11px 0 0 5px;
}
.header .bevestig.right {
	float: right;
  margin: 11px 15px 0 0;
}
.header .bevestig .formStepSubmit.whiteSubmit.navButton {
	margin-top: 0;
	width: 120px;
  padding: 5px 10px;
  font-size: 12px;
}
.header .nav-options {
    display: block;
    float: right;
}

.header .saveInfo{display:inline-block; float:right; font-size:12px;   color: #959595;}
.header .saveInfo div{display:none; background:none center left no-repeat; background-size:15px 15px; padding-left:23px; margin-right:50px; line-height:50px;}
.header .saveInfo .saving{background-image:url(img/ajax-loader.gif);}
.header .saveInfo .saved{background-image:url(img/checkGray.png);}

/* Well */
.well {
	background-image: url("img/header-well-bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	height: 185px;
	position: relative;
	padding: 70px 0 0 0;
	border-bottom: 1px solid #fff;
}
.well.surveyHeader.incidentWell .containerStap .subTitle, 
.well.surveyHeader.incidentWell .container .subTitle {
	color:#000;	
}
.well.surveyHeader.incidentWell .pageTitle {
	color:#000;	
}

.well.surveyHeader.incidentWell .containerStap .step, 
.well.surveyHeader.incidentWell .container .step{
	background: #a0a0a0;
	color:#fff;
}
.well.surveyHeader.incidentWell .containerStap .step.active, 
.well.surveyHeader.incidentWell .container .step.active {
	background:	#000;
}

.well.incidentWell .wellOverlay,
.well.incidentWell .wellOverlayBig {
	background-image:none !important;
	background:	#ffe500 !important;
  border-bottom: 1px solid #ffe500 !important;
}

.well.incidentWell .navigation a { color:#000; }
.well.incidentWell .navigation a .arrow { background-image: url(img/navigation-arrows-black.png); }

.minimizedHeader {/*height:83px !important;*/height: 205px !important;}

.largeWell {
	background-image: url("img/portal_bg2.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 585px;
}

.step.active .check-shape-icon {background-image:url('img/check-shape-white.png');}
.step .check-shape-icon {
	display:block;
	width:16px;
	height:12px;
	background:url('img/check-shape.png');
	background-size:cover;
	    margin: 8px 6px;
}

.well.surveyHeader .container .step.active:after,
.well.surveyHeader .containerStap .step.active:after {
  content: "";
  background-image: url('img/selected-shape.png');
  background-size: cover;
  width: 10px;
  height: 6px;
  position: absolute;
  top: 36px;
  left: 10px;
}
.well.surveyHeader .containerStap .step.active,
.well.surveyHeader .container .step.active {background:#ff8d1c;color:#fff;}
.well.surveyHeader .containerStap .step {display:inline-block;margin:10px 20px -10px 0px !important;}
.well.surveyHeader .containerStap .step,
.well.surveyHeader .containerStap .step.textstep, 
.well.surveyHeader .container .step.textstep { font-size: 26px;}
.well.surveyHeader .containerStap .step,
.well.surveyHeader .container .step { font-size: 18px;position: relative;margin:10px 20px 0px 0px;opacity:1;background:#f0f0f0;width:28px;height:28px;line-height: 27px;color:#929292;font-family: "robotobold" !important;}
.well.surveyHeader .container .step:last-child {margin-right:0px;}
.well.surveyHeader .containerStap .subTitle,
.well.surveyHeader .container .subTitle {font-size:18px !important;color: #ff8d1c;}
.well.surveyHeader .pageTitle {font-size:10px;color: #fff;}
.well.surveyHeader .pageTitle.station {margin: 5px auto 10px;}
.well.surveyHeader .navigation {top:100px;}
.smallWell.surveyHeader {
	height:95px;	
}

.smallWell {
	height: 79px;
	background-position: center 50%;
}

.well .navigation {
	position: absolute;
	/*z-index: 5;*/

	top: 95Px;
	width: 100%;
}

.well .navigation a {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 15px;
	position: absolute;
}

.well .navigation .prevNav {
	left: 27px;
}

.well .navigation .nextNav {
	right: 27px;
}

.well .navigation a .arrow {
	width: 14px;
	height: 23px;
	background-image: url("img/navigation-arrows.png");
	background-repeat: no-repeat;
	background-size: 28px 23px;
}

.well .navigation a.nextNav .arrow {
	margin-left: 17px;
}

.well .navigation a.prevNav .arrow {
	margin-right: 17px;
}

.well .navigation a .arrow.arrowLeft {
	background-position: 0 0;
}

.well .navigation a .arrow.arrowRight {
	background-position: -14px 0;
}

.largeWell .textBlock {
	min-height: 280px;
	background: rgba(255,255,255,0.9);
	display: inline-block;
	width: 260px;
	position: relative;
	padding: 25px 50px 20px 30px;
}

.largeWell .textBlock .person-data {
	font-size: 18px;
	list-style-type: circle;
	padding-left: 20px;
}
.largeWell .textBlock h3 {
	color: #ff8d1c;
	font-size: 15px;
	border-top: 5px solid #000;
	display: inline-block;
	text-transform: uppercase;
}

/*.largeWell .textBlock .tekst:before {
content: '';
    width: 260px;
    height: 230px;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(transparent 150px, white);
    margin: 25px;
}*/
.largeWell .textBlock .tekst .smaller {font-size:20px;}
.largeWell .textBlock .tekst .linkSendBlock {font-size:16px;margin-top:16px;}
.largeWell .textBlock .tekst {
	font-size: 30px;
	margin: 20px 0 10px 0;
	    max-height: 185px;
    overflow: hidden;
}

.largeWell .textBlock .nummer,
.largeWell .textBlock .datum,
.largeWell .textBlock .tijd {
	display: inline-block;
	text-transform: uppercase;
	font-size: 11px;

}

.largeWell .textBlock .nummer,
.largeWell .textBlock .datum {
	padding: 0 15px 0 0;
}
.largeWell .textBlock .datumTitle {
  position: absolute;
  top: -20px;
}

.largeWell .textBlock .nummer span,
.largeWell .textBlock .datum span,
.largeWell .textBlock .tijd span {
	font-size: 18px;
	display: block;
}

.largeWell .imageBlock {
	display: inline-block;
	width: 555px;
	height: 325px;
	position: relative;
	    background-size: cover;
    background-position: center center;
}

.largeWell .imageBlock a {
	position: relative;
	text-transform: uppercase;
	color: #fff;

	background: #ff9a37; /* Old browsers */
	background: -moz-linear-gradient(top, #ff9a37 0%, #ff8d1c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9a37), color-stop(100%,#ff8d1c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff9a37 0%,#ff8d1c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff9a37 0%,#ff8d1c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff9a37 0%,#ff8d1c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff9a37 0%,#ff8d1c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a37', endColorstr='#ff8d1c',GradientType=0 ); /* IE6-9 */

  -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.3);

  display: inline-block;
  font-family: "Roboto",sans-serif;
  font-size: 15px;

  padding: 18px 30px;

	top: 135px;
	left: 160px;
}

.well .pageTitle {
	margin: 20px auto 0;
	font-size: 35px;
	text-align: center;
	position: relative;
	letter-spacing: 0.875px;
	/*z-index: 5;*/
}

.smallWell .pageTitle {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0 auto;

}

.well .wellOverlay {
	background: rgba(0,0,0,0.8);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	border-bottom: 1px solid #000;
}

.well .innerContainer {
	display: block;
	position: absolute;
	bottom: 0;
	background-image: url("img/searchform-bg.png");
	background-repeat: repeat-x;
	background-size:cover;
	height: 81px;
	width: 100%;
	border-bottom: 1px solid #000;
}

.well .container {
	padding: 15px 30px;
	width: 900px;
	position: relative;
	/*z-index: 5;*/
}

.well .container .subTitle {
	text-align: center;
	font-size: 30px;
	color: #ff8d1c;
	margin: 0;
}

.well .container .step {
	background: #fff;
	width: 6px;
	height: 6px;
	display: inline-block;
	opacity: 0.25;
	margin: 3px 10px 0 0;
}

.well .container .step.active {
	background: #fff;
	opacity: 1;
}

.largeWell .container {
	padding: 24px;
	font-size: 0;
}

.smallWell .container {
	padding: 0 30px;
	text-align: center;
}

.well .linkItem {
	display: inline-block;
	width: 440px;
}

.well .linkItem a {
	color: #fff;
	text-transform: uppercase;
	border-bottom: 3px solid #ff8d1c;
	font-size: 15px;
	margin: 5px 0 0 0;
	display: inline-block;
	padding: 0 0 2px 0;
}

.well .searchForm {
	display: inline-block;
	padding-bottom: 10px;
}

.well .searchForm .input-group {
	width: 260px;
	display: inline-block;
	position: relative;
}

.largeWell .searchForm .input-group {
	margin: 0 44px 0 0 ;
}

.well .searchForm .input-group label {
	display: block;
	color: #c8c8c8;
	text-transform: uppercase;
	padding-left: 10px;
	font-size: 11px;
}

.well .searchForm .input-group .input-field {
	padding: 10px 20px;
	margin: 5px 0 0 0;
	width: 200px;
	color: #c8c8c8;
	font-style: italic;

	background-color: transparent;
	background-image: url("img/searchform-input.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 240px;
	border: 0;

	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-ms-border-radius: 15px;

	font-size: 12px;
}

.well .searchForm .input-group .input-search {
	position: absolute;
	right: 32px;
	top: 9px;
	display: inline-block;

	background-color: transparent;
	background-image: url("img/search-btn.png");
	background-repeat: no-repeat;
	border: 0;
	background-size: 15px 16px;
	width: 15px;
	height: 16px;
	cursor: pointer;
}

.largeWell .searchForm .input-group .input-field {
	margin: 0;
}

.largeWell .searchForm .input-group .input-field.status {
	width: 240px;
	font-style: inherit;
	color: #fff;
}

.largeWell .searchForm .input-group .input-field::-webkit-input-placeholder {
	color: #ffffff;
	font-weight: 300;
	font-style: normal;
}

.largeWell .searchForm .input-group .input-field::-moz-placeholder {
	color: #ffffff;
	font-weight: 300;
	font-style: normal;
}

.largeWell .searchForm .input-group .input-field:-moz-placeholder {
	color: #ffffff;
	font-weight: 300;
	font-style: normal;
}

.largeWell .searchForm .input-group .input-field:-ms-input-placeholder {
	color: #ffffff;
	font-weight: 300;
	font-style: normal;
}

.well .searchForm .input-group .input-field:focus {
	background-position: 0 -37px;
	color: #1e1e1e;
}

.largeWell .searchForm .input-group .input-field:focus {
	background-position: 0 0;
	color: #fff;
}

.well .pageview {
	display: inline-block;
	width: 100px;
	text-align: right;
}

.largeWell .pageview {
	width: 150px;
}

.well .pageview .subtitle {
	display: block;
	color: #c8c8c8;
	text-transform: uppercase;
	font-size: 11px;
	margin: 0 10px 7px 0;
}

.largeWell .pageview .subtitle {
	display: inline-block;
	margin-top: 9px;
}

.well .pageview a {
	padding: 9px 7px;
	display: inline-block;
	margin: 0 5px 0 0;
}

.well .pageview .gridview,
.well .pageview .listview {
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url("img/pageview.png");
	background-repeat: no-repeat;
	  background-size: 32px;
}

.well .pageview .gridview {
	background-position: 0 0;
}

.well .pageview .listview {
	background-position: -16px 0;
}

.well .pageview a:hover,
.well .pageview a.active {
	background: rgba(255,255,255,0.3);

	-moz-border-radius: 3px;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-border-radius: 3px;

	box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
	-ms-box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
}

/* Arrows & Icons */
.arrow {
	width: 21px;
	height: 21px;
	display: inline-block;
}

.arrow.small {
	width: 14px;
	height: 14px;
}

.arrow.arrowDown.small,
.arrow.arrowUp.small,
.arrow.accepted.small,
.arrow.cross.small {
	background-size: 14px 14px;
}

.arrow.arrowDown {
	background-image: url("img/arrow-down.png");
	background-repeat: no-repeat;
}

.arrow.arrowUp {
	background-image: url("img/arrow-up.png");
	background-repeat: no-repeat;
}

.arrow.accepted {
	background-image: url("img/accepted.png");
	background-repeat: no-repeat;
}

.arrow.cross {
	background-image: url("img/cross.png");
	background-repeat: no-repeat;
}

.gridview .arrow.arrowDown.small {
	background-image: url("img/arrow-down-orange.png");
}

.gridview .arrow.arrowUp.small {
	background-image: url("img/arrow-up-big.png");
}

.gridview .arrow.accepted.small {
	background-image: url("img/accepted-orange.png");
}

.gridview .arrow.cross.small {
	background-image: url("img/cross-orange.png");
}

/* Content */
.itemContainer {
	width: 100%;
	background-image: url("img/item-background.png");
	background-repeat: repeat-x;
	padding-bottom: 29px;
}

.divider {
	background-image: url("img/item-divider.png");
	background-repeat: repeat-x;
	width: 100%;
	height: 2px;
}

.content {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 600px;
   /* z-index: 1;*/
}

.content.container {width:910px;}

.content.container .linkItem{text-align:center;}
.content.container .linkItem a {
	position: relative;
    text-transform: uppercase;
    color: #fff;
    background: #ff9a37;
    background: -moz-linear-gradient(top, #ff9a37 0%, #ff8d1c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9a37), color-stop(100%,#ff8d1c));
    background: -webkit-linear-gradient(top, #ff9a37 0%,#ff8d1c 100%);
    background: -o-linear-gradient(top, #ff9a37 0%,#ff8d1c 100%);
    background: -ms-linear-gradient(top, #ff9a37 0%,#ff8d1c 100%);
    background: linear-gradient(to bottom, #ff9a37 0%,#ff8d1c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a37', endColorstr='#ff8d1c',GradientType=0 );
    -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.3);
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    padding: 10px 15px;
    margin: 15px 15px 0 15px;
}

.content.container.inzetanderehulpverleners {
    padding-top: 40px;

}
.content.container.materiaalenbemanning {
	width: 925px;
}

.content.container.reddingsrapport,
.content.container.tijdstip,
.content.container.actieverslag,
.content.container.locatie
 {
	width: 720px;
}

.portal .content {
    margin: 105px auto 0;
    width: 735px;
}
.content .top {
    text-align: center;
}
.content .top h1 {
    margin: 0 0 30px;
}
.content .top small {
    display: block;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
}
.portal .content .top {
    margin-bottom: 44px;
}
.content .top .image {
    margin: 0 auto;
    position: relative;
    width: 155px;
}
.content .top .image .editAvatar {
    background: rgba(0, 0, 0, 0) url("img/camera_icon.png") no-repeat scroll 0 0;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    height: 35px;
    position: absolute;
    right: 2px;
    top: 5px;
    width: 35px;
}
.content .top .image .avatar {
    border-radius: 50%;
}
.content .options {
    display: block;
}
.content .options .item {
    border: 7px solid rgba(255, 255, 255, 0.3);
    display: inline-block;
    height: 220px;
    overflow: hidden;
    position: relative;
    width: 342px;
}
.content .options .item.first {
    margin-right: 15px;
}
.content .options .item .image {
    height: 100%;
    width: 100%;
}
.content .options .item .image .focusimage {
	width:100%;height:100%;
}
.content .options .item:hover img, .content .options .item:hover .focusimage {
    transform: scale(1.15);
}
.content .options .item .imgOverlay {
    background: rgba(0, 0, 0, 0) url("img/item_hover_bg.png") no-repeat scroll center center;
    height: 220px;
    left: 0;
    position: absolute;
    top: 0;
    width: 344px;
}
.content .options .item .content {
    display: block;
    margin-top: 90px;
    text-align: center;
    width: 344px;
}
.content .options .item .content .title {
    color: #1e1e1e;
    display: block;
    font-size: 20px;
    font-weight: 700;
    padding: 5px 0;
    text-transform: uppercase;
}
.content .options .item .content .line {
    background: #fff none repeat scroll 0 0;
    height: 5px;
    margin: 0 auto;
    width: 50px;
}
.content .options .item:hover .line {
    margin-bottom: 10px;
    margin-top: -10px;
}
.content .options .item:hover .line.last {
    margin-top: 10px;
}
.content .text {
    font-size: 19px;
    line-height: 30px;
    margin: 41px auto 0;
    text-align: center;
    width: 530px;
}
.content .text h4 {
    font-weight: 700;
    margin: 0;
    padding: 0;
}
.content .text p {
    font-weight: 300;
    margin: 0;
}

.extraData .option .title {
  margin: 0px 0px 10px !important;
}
body:not(.portal) .content.actieverslag .title {margin: 10px 0px 15px;}
body:not(.portal) .content .title {
	font-size: 20px;
	text-align: center;
	margin: 35px 0 10px;
}

body:not(.portal) .content .title.noMargin{
	margin: 0px 0 10px;
}

.hidefromnature, .hidefromregion {display:none !important;}

.content .title .arrow {
	position: relative;
	top: 8px;
}

.content .list-group {
	display: block;
}

/* List group - list view */
.content.listview .listViewItem:not(.anwb-list-item) {padding-right: 45px;}
.content .list-group-item {
	display: block;
	margin: 0 0 6px 0;
	background-image: url("img/list-background.png");
	background-repeat: repeat-x;

	border-bottom: 1px solid #c9c9c9;
	    position: relative;
}

.content .list-group-item .list-image,
.content .list-group-item .list-content,
.content .list-group-item .list-user,
.content .list-group-item .data,
.content .list-group-item .list-content .titel {
	display: inline-block;
	position: relative;
}

.content.listview .list-group-item .pdfOpen {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
	right: -60px;
	background-image:url('img/pdf-icon.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.content.gridview .list-group-item .pdfOpen {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 335px;
	right: 80px;
	background-image:url('img/pdf-icon.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.content .list-group-item .list-content {
	width: 700px;
}

.content .list-group-item .list-image {
	width: 105px;
	float: left;
}

.content.listview .list-group-item .list-image {
	width: 92px;
	height: 70px;
	background-repeat: no-repeat;
	background-size: cover;/*92px 70px;*/
	background-position: center center;
	margin-right: 13px;
}
.list-image-inner:after,
.listview .list-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 2px;
  bottom: 0;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.2) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.2) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 );
}


.content .list-group-item .list-image-inner {
	width:213px;
	height:162px;
	background-size:cover;
}

.content .list-group-item .list-image img {
	max-width: 90px;
	max-height: 50px;
}

.content .list-group-item .list-image .error {
	position: absolute;
	top: 5px;
	right: 20px;

	background-image: url("img/image-notice.png");
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	background-size:cover;
}

.content .list-group-item .data {
	padding: 8px 0 0 0;
}

.content .list-group-item .data,
.content .list-group-item .list-content .titel {
	width: 580px;
}

.content .list-group-item .list-content .nummer {
	color: #1e1e1e;
}

.content .list-group-item .list-content .nummer,
.content .list-group-item .list-content .datum {
	padding: 0 15px 0 0;
	vertical-align: text-top;
}

.content.listview .list-group-item .list-content .nummer,
.content.listview .list-group-item .list-content .datum {
	padding: 0 35px 0 0;
}

.content.listview .list-group-item .list-image .error {
	top: 5px;
	left: 5px;
	right:auto;
	background-size: cover;
	width: 20px;
	height: 20px;
	z-index: 5;
}

.content .list-group-item .list-content .datum,
.content .list-group-item .list-content .tijd {
	color: #737373;
}

.content .list-group-item .list-content .titel {
	font-size: 18px;
	color: #1e1e1e;
	padding: 10px 0px;
}

.content .list-group-item .list-content .arrow {
	position: relative;
	top: 2px;
}

.content.listview .list-group-item .list-user {
	bottom:auto;
	top:15px;
}

.content .list-group-item .list-user {
	padding: 8px;
	position:absolute;
	bottom:5px;
	padding-right: 40px;
}

.content .list-group-item .list-user .avatar {
	height: 30px;
	padding: 3px 0 0 0;
	margin: 0 5px 0 0;
	display: inline-block;
}

.content .list-group-item .list-user img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	display: inline-block;
}

.content .list-group-item .list-user .user {
	color: #737373;
	display: inline-block;
	padding-top: 2px;
}

.content .list-group-item .list-user .user small {
	display: inline-block;
	text-transform: uppercase;
	font-size: 11px;
}

/* List group - grid view */
.gridview .list-group-item {
	display: inline-block;
	width: 213px;
	height:325px;
	background: #fff;
	border: 1px solid #d0d0d0;
	margin-right: 10px;
	position:relative;
	
    margin-bottom: 100px;
}

.gridview .list-group-item:last-child {
	margin-right: 0;
}

.gridview .list-group-item .list-content {
	width: 215px;
}

.gridview .list-group-item .list-image {
	width: 215px;
	float: inherit;
	padding-top: 26px;
}

.gridview .list-group-item .list-image .error {
	top: 36px;
	left: 10px;
}

.gridview .list-group-item .list-image img {
	max-width: 213px;
}

.gridview .list-group-item .list-content .titel {
	font-size: 18px;
	color: #1e1e1e;
	width: 195px;
	padding: 10px 10px 0 10px;
	display: block;
	font-family: 'robotolight';
}

.gridview .list-group-item .data {
	background: #1e1e1e;
	position: absolute;
	top: 0;
	left: 0;
	width: 208px;
	/*z-index: 5;*/
	padding: 5px 0 5px 5px;
}

.gridview .list-group-item .list-content .nummer,
.gridview .list-group-item .list-content .datum,
.gridview .list-group-item .list-content .tijd {
	font-size: 11px;
	color: #fff;
}

.gridview .list-group-item .list-content .nummer {
	color: #ff8d1c;
}

.gridview .list-group-item .list-content .tijd {
	float: right;
	padding-right: 10px;
	position:absolute;
}

.gridview .list-group-item .list-content .arrow {
	top: 1px;
	padding: 0 3px;
}

/* Show more button */

.content .showMore {
	text-align: center;
	margin: 30px 0 0 0;
}

.content .showMore.export {
	margin: 0px 0 0 0;
}

/* Slide menu */
.slideMenu{display:none;position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.7);z-index: 1000;}
.slideMenu .menuContainer {overflow-y: auto;background: #1e1e1e;position: absolute;right: -280px;top: 0;height: 100%;max-width: 320px;width:100%;}
.slideMenu .menuContainer.searching {background:#fff;}
.slideMenu .menuHeader {text-align:center;width:100%;float:left;background:#1e1e1e;padding-bottom:20px}
.slideMessages .menuHeader {text-align:center;  height: 55px;}
.slideMenu .closeIcon .icon {  background-size: 30px;background-image: url("img/menuclose.png"); background-repeat: no-repeat; width: 30px; height: 30px; display: inline-block; cursor: pointer;}
.slideMenu .profilePicture {width:80px;height:80px;margin: 15px auto;  background-repeat: no-repeat;  background-position: center;}
.slideMenu .profileName {font-family: "robotolight";font-size: 17px;color: #fff;display: inline-block;}
.slideMenu .subName {font-family: "robotobold";font-size: 12px;color: #fff;display: inline-block; text-transform: uppercase; border-bottom: 1px solid #fff;}
.slideMenu .topIcon {position:absolute;top:0;border: 0;}
.slideMenu .topIcon.left {left:0}
.slideMenu .topIcon.right {right:0; margin-right: 10px; margin-top: 11px;}
.slideMenu .topIcon.right.messages {right:35px;background: #f0008c;line-height: 30px;font-family: 'robotobold';font-size: 16px;color: #fff;}

.slideMenu .search {display:none;width: 100%;height: 60px;background: #fff;position: absolute;top:0;}
.slideMenu .search input[type="text"] {background: transparent;border: none;font-family: 'robotobold';font-size: 17px;color: #000;margin: 18px 20px;width: 249px;margin-right: 50px;}
.slideMenu .search .searchico {background-image: url('img/search.png');background-size: 15px 15px;background-repeat: no-repeat;background-position: center;margin-top: 15px;margin-right: 15px;}

.slideMenu .menuItems {display:table;width: 100%;}
.slideMenu .menuItems .item{background-image: url("img/menuitem-background.png"); background-repeat: repeat-x;border-bottom: 1px solid #353535;position: relative;text-align:center;vertical-align: middle;width:100%;height:60px;display:table-cell;font-family: "robotobold";font-size: 17px;color: #fff;}
.slideMenu .menuItems .item.logoff {font-size:14px;color:#a08250;}
.slideMenu .menuItems .item.roleSelect {padding: 0px 10px;}
.slideMenu .menuItems .item:first-child {border-top: 1px solid #353535;}
.slideMenu .menuItems .item:hover {background-color:#282828; cursor: pointer;}
.slideMenu .menuItems .item .tdLink {height:60px;}
.slideMenu .menuItems .item.orange {color: #ff9600;}

.slideMenu .roleTitle {
    font-family: "robotolight";
    font-size: 17px;
    color: #fff;
    display: block;	
    margin:20px auto 10px;
    text-align:center;
}

.searchWrap {
  width: 100%;
  float: left;
  height: 60px;
  position: relative;
  border-top: 1px solid #353535;
  background-image: url("img/menuitem-background.png");
  background-repeat: repeat-x;
  font-family: "robotobold";
  font-size: 17px;
  color: #fff;
  text-align: center;
  line-height: 60px;
}

.topIcon.searchIcon {
  margin-top: 15px;
  margin-right: 15px;
}

.topIcon.searchIcon .icon {
  background: url('img/search.png');
  height: 30px;
  width: 30px;
  display: block;
  background-size: cover;
 }

.slideMessages .menuItems {}
.slideMessages .menuItems .itemRow{height:85px;}
.slideMessages .menuItems .item{padding:10px;height:65px;font-family: "HarmoniaSansStd-Light";font-size: 17px;color: #fff;}
.slideMessages .menuItems .item:hover {background-color:#282828;}
.slideMessages .menuItems .item .msgTitle {font-size:10px;text-transform:uppercase;font-family: "HarmoniaSansStd-SemiBd";}

.slideMessages .menuItems .item.msgRow {text-align:left;}
.slideMessages .menuItems .item.msgRow .msgTitle {color:#a08250;}
.slideMessages .menuItems .item.msgRow .msgImage {background-size:cover;}
.slideMessages .menuItems .item.msgRow .msgTag {width: 65px;height: 65px;display: inline-block;text-align:center;margin-right:10px;}



.slideMessages .menuItems .item.msgRowDoc .msgTag span{font-size: 40px;color: #a08250;line-height: 65px;}
.slideMessages .menuItems .item.msgRowDoc .msgText {width: 180px;display: inline-block;}
.slideMessages .menuItems .item.msgRowDoc .msgBody {font-size: 15px;margin-top: 2px;line-height: 22px;}

.slideMessages .menuItems .item.msgRowDoc {text-align:left;}
.slideMessages .menuItems .item.msgRowDoc .msgTitle {color:#a08250;text-transform:none; font-size:14px;}
.slideMessages .menuItems .item.msgRowDoc .msgImage {background-size:cover;}
.slideMessages .menuItems .item.msgRowDoc .msgTag {width: 65px;height: 65px;display: inline-block;text-align:center;margin-right:10px;}

.slideMessages .menuItems .item.msgRowDoc .msgDate {color:#a08250; font-size:10px; text-transform:uppercase;margin-top:4px;}

/* Close button */
.closeButton {  background-size: contain;
	background-image: url("img/close.png");
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	display: inline-block;
	margin-top: 7px;
	padding-right: 10px;
	position: relative;
	top: 0;
	right: 0;
}

/* Forms */

.form .form-group.hasAlert:not(.empty) {

padding: 10px 0px 9px 0px;

}
.form .form-group.reddingsstations {    margin: 0 0 0px 0;}
.form .form-group {
	display: inline-block;
	margin: 0 0 10px 0;
	background-image: url("img/list-background.png");
	background-repeat: repeat-x;
	border-bottom: 1px solid #c9c9c9;
	border-left: 1px solid #fff;
    border-right: 1px solid #fff;
	padding: 20px 0 19px 0;
	cursor: pointer;
}

.form .subtitle.pretextarea {
	text-transform: initial;
	display: inline-block;
	font-size: 18px;
	font-family: "robotobold";
	margin: 0 10px 10px 10px;
}

.form .form-group.hasTextarea {padding:0;/*overflow: hidden;*/}
.form .form-group.hasTextarea textarea {
	width: 100%;
	margin: 0;
	border: 0;
	box-sizing: border-box;
	min-height: 200px;
	font-family: "robotolight", Helvetica, Arial, sans-serif;
	font-size: 18px;
	padding: 10px 5px;
	background: transparent;
	line-height: 30px;
}

.form .form-group.hasTextarea textarea.smallHeight {
	min-height: 125px;
}

.form .form-group.full-width {
	display: block;
}

.form .form-group.empty {
	text-align: center;
}

.form .form-group.open {
	background-image: url("img/input-open-bg.png");
}

.form .form-group .option {
	text-transform: initial;
	display: inline-block;
	font-size: 18px;
	font-family: "robotobold";
	margin: 0 10px 0 10px;
}

.form .form-group.timeOnly {
	margin-bottom: 10px;
}

.form .form-group.default .option {
	width: 220px;
  text-transform: uppercase;
}

.form .form-group.timeOnly .option {
	width: 450px;
}

.form .form-group.timeOnly .data {
	width: 400px;
}

.form .form-group.timeOnly.empty .option {
	width: 450px;
}

.form-group.open.timeOnly .option {
	width: 450px;
}

.form .form-group.empty .option {
	text-transform: uppercase;
	font-size: 15px;
}

.form .wideTitle .form-group{text-align:center;}
.form .wideTitle .form-group.open{text-align:left;}
.form .wideTitle .form-group .data{float: right;}
.form .wideTitle .form-group.open .data{width: auto; margin-right: 15px;}
.form .wideTitle .form-group .option{font-size: 15px; width:auto; text-align:center;}
.form .wideTitle .form-group.open .option{letter-spacing: 1px;}

.form.betrokken-materiaal .organisation:not(.empty) .data {
	    margin-top: -6px;
    padding-bottom: 7px;
}
.form.betrokken-materiaal .organisation:not(.empty) .data ul li {font-size:16px;}
.form.betrokken-materiaal .organisation:not(.empty) .data ul {
		    margin: 0px 0 0 30px;
}
.form.betrokken-materiaal .organisation:not(.empty) .option {
  font-weight: normal;
  left: 10px;
  top: 5px;
  transform: scale3d(0.75, 0.75, 1) translateZ(1px);
  -webkit-transform: scale3d(0.75, 0.75, 1) translateZ(1px);
  text-transform: uppercase;
  font-family: robotoregular;
      margin: -4px 0px 0 -5px;
}
.form.betrokken-materiaal .organisation .option {font-size:11px;}
.form.betrokken-materiaal .organisation {
	padding: 22px 0;
	border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -webkit-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.25) !important;
  -moz-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.25) !important;
  box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.25) !important;
}

.form .form-group.open label {
	margin: 0 10px 0 40px;
	font-size: 18px;
	padding-top: 15px;
	display: inline-block;
}

.form .form-group.open .option,
.form .form-group.open label,
.form .form-group.open .divider {
	color: #fff;
}

.form .form-group .option {
	/* width: 110px;*/
	display: inline-block;
}

.form .form-group.empty .option {
	/*width: 125px;*/
}

.form .form-group.open .option {
	padding-top: 15px;
}

.form .form-group .timepicker, .form .form-group .datepicker {
	display:none;
}


.form .form-group.open .timepicker {
	display:inline-block;
	font-size:18px;
	font-family: "robotolight";
	padding:5px;
	margin:10px 5px 5px 138px;
	width:60px;
	border: none;
}

.form .form-group.open .datepicker {
	display:inline-block;
	font-size:18px;
	font-family: "robotolight";
	padding:5px;
	margin:10px 5px 5px 18px;
	width:221px;
	border: none;
}

@media screen and (max-width: 970px) {
	.form .form-group.open .timepicker {
		margin-left:14px;
	}
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{
	margin-top:3px;
	border: 1px solid #aaa;
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font-family: "roboto" !important;
}

.ui-datepicker select option {
	font-family: "roboto";
	font-size: 12px;
}

.ui-timepicker-div{
	margin-top: 15px;
	margin-bottom: 15px;
}

.ui-datepicker td span, .ui-datepicker td a {
	padding: .3em .3em .2em .2em !important;
}

.ui-datepicker .ui_tpicker_time_label{
	line-height:20px;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{
	border-bottom: solid 1px #DDD !important;
}

.form .form-group label {
	display: inline-block;
	text-indent: -99999px;
	margin: 0 100px 0 50px;
}

.form .form-group.open label {
	text-indent: 0;
	margin: 0 10px 0 20px;
}

.form .form-group .divider {
	font-size: 18px;
	font-family: "robotolight";
}

.form .form-group.open .divider {
	padding-top: 15px;
	display: inline-block;
	width: 12px;
	text-align: center;
	font-size: 18px;
	font-family: "roboto";
}

.form .form-group .divider {
	background-image: none;
}

.form.dateTime .form-group .data {
	width:520px;
}
.form.dateTime .form-group .option {
  width: 110px;
}

.form.datetimeform:not(.survey) {margin-top:0;}
.form.datetimeform .form-group.open .option{padding-top: 8px;}
.form.datetimeform .form-group .option{font-size: 15px;}
.form.datetimeform .form-group .data {width:520px;}
.form .form-group .data {
	display: inline-block;
	width: 550px;
}

.form .form-group.empty .data {
	display: none;
}

.small-input {
	background: transparent;
	font-family: "robotolight";
	font-size: 18px;
	width: auto;
	border: 0;
	height: 25px;
}

.form .form-group .data .selection {
	/*display: none;*/
	font-family: "robotolight";
	font-size: 18px;
	width: 33px;
}

.small-input.four {
	width: 115px;
}

.small-input.yearmonth {
	width: 140px;
	border-radius: 15px;
	padding: 0px 15px 0px 15px;
	height: 33px;
	font-size: 14px;
}

.form .styled-dropdown {
	display:inline-block;
}

.small-input:focus {
	box-shadow: inset 0 0 0 3px #ff9b0d;
	-moz-box-shadow: inset 0 0 0 3px #ff9b0d;
	-webkit-box-shadow: inset 0 0 0 3px #ff9b0d;
	-ms-box-shadow: inset 0 0 0 3px #ff9b0d;
}

.form .form-group.open .data .select {
   background-image: url("img/input-after.png");
   background-repeat: no-repeat;
   background-position: center bottom;
   height: 60px;
   width: 50px;
   display: inline-block;
}
.form .datetime-time,
.form .datetime-date {display:inline-block}
.form .form-group .datetime-section label {display:none;pointer-events: none;}
.form .form-group.open .datetime-section label {display:inline-block;}
.form .form-group:not(.open) .datetime-time{margin: 0px 125px;}
.form .selectTagline {font-size:18px;}

.form .datetime-time{
	min-width: 80px;
	text-align: right;
}

.form .datetime-date {
	min-width: 108px;
	text-align: right;
}

.form-group.open .datetime-right { float: right; }

select {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;

    text-indent: 0.01px;
    text-overflow: '';
}

select option {
	font-family: "robotolight";
	font-size: 12px;
}

.searchForm .input-group select option {
	color: #000;
}

select::-ms-expand {
    display: none;
}

select option:disabled {
	font-family: "robotobold";
	font-weight: bold;
	font-size: 12px;
}

.small-input {
	background: url("img/input-bg.png") repeat-x;
	width: 50px;
	padding: 17px 5px;
	text-align: center;


	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	position: relative;
	height: 55px;
}

.small-input {
	width: 60px;
	padding: 15px 10px;
}

.small-input.four {
	padding:15px 5px;
}

select.small-input option:hover {
	background: #f1f1f1;
}

.form .form-group input::-webkit-input-placeholder {
	color: #1e1e1e;
	font-weight: bold;
	font-size: 15px;
}
.form .form-group input::-moz-placeholder {
	color: #1e1e1e;
	font-weight: bold;
	font-size: 15px;
}
.form .form-group input:-moz-placeholder {   /* Older versions of Firefox */
	color: #1e1e1e;
	font-weight: bold;
	font-size: 15px;
}
.form .form-group input:-ms-input-placeholder {
	color: #1e1e1e;
	font-weight: bold;
	font-size: 15px;
}

.login .form .input-group,
.profiel .form .input-group {    position: relative;
    background: rgba(0, 0, 0, 0) url("img/input_background.jpg") repeat-x scroll center center;
    border: 1px solid #323232;
    border-radius: 5px;
    display: inline-block;
    height: 48px;
    margin-bottom: 10px;
    padding: 5px;
    width: 275px;
}
.profiel .form .input-group {
    float: left;
}
.form .input-group.first {
    margin-right: 25px;
}
.form .input-group.error {
    border: 1px solid #ff1432;
}
.form .input-group.error .tagline {
    color: #ff1432;
}
.form .input-group .tagline {
    color: #ff8d1c;
    display: block;
    font-size: 11px;
    text-align: left;
    text-transform: uppercase;
}
.form .input-group .form-control {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-family: "robotolight";
    font-size: 18px;
    font-weight: 300;
    padding: 0 0 5px;
    width: 260px;
}
.login .form .input-group .form-control {
    width: 275px;
}
.form .input-group input[type="password"] {
    font-family: sans-serif !important;
}
.form .input-group .form-control:focus {
    outline: medium none;
}
.form .input-group.disabled {
    background: #232323 none repeat scroll 0 0;
    border-radius: 0;
}
.form .input-group.disabled .form-control {
    border: 0 none;
}
.form .input-group.disabled .tagline {
    color: #969696;
    font-size: 10px;
}
.form .formSubmit {
    background: rgba(0, 0, 0, 0) url("img/submit_bg.jpg") repeat-x scroll center center;
    border: 5px solid #4f4f4f;
    color: #fff;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    font-weight: 500;
    height: 70px;
    margin: 25px auto 0;
    padding: 17px 85px;
    text-transform: uppercase;
}
.form .formStepSubmit, .form .formSetStill {
    background: rgba(0, 0, 0, 0) url("img/submit-btn.png") repeat-x scroll center center;
    box-shadow: 0 0 0 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.3);
    -ms-box-shadow: 0 0 0 5px rgba(0,0,0,0.3);
    border: 1px solid rgba(255,255,255,0.2);
    color: #fff;
    display: block;
    font-family: "robotobold",sans-serif;
    font-size: 15px;

    margin: 50px auto 0;
    padding: 16px 25px 16px 50px;
    text-transform: uppercase;
    display: inline-block;
}

.alert .formStepSubmit.noicon,
.form .formStepSubmit.noicon {
	padding: 16px 25px 16px 25px;
}

.form .formStepSubmit .arrow {
	width: 14px;
	height: 23px;
	background-image: url("img/navigation-arrows.png");
	background-repeat: no-repeat;
	margin-left: 25px;
	background-size: 28px 23px;
}

.form .formStepSubmit .arrow.arrowRight {
	background-position: -14px 0;
}

.login .form .formSubmit {
    margin-bottom: 30px;
    /*padding: 18px 70px;*/
    padding: 18px 5px;
}
.form .formSubmit:hover,
.form .formStepSubmit:hover {
    cursor: pointer;
}
.form .formSubmit:focus,
.form .formStepSubmit:focus {
    outline: medium none;
}

/* Login form */
.loginForm {
    height: 454px;
    margin: 0 auto;
    padding: 140px 0 0;
    position: relative;
    width: 385px;
}
.loginForm .login-header,
.loginForm .header {
    background-color: #fff;
    height: 65px;
    position: relative;
    width: 100%;
}
.loginForm .login-header .logo,
.loginForm .header .logo {
    background-image: url("img/header-logo.png");
    background-size: cover;
    height: 35px;
    left: 50%;
    margin-left: -36px;
    margin-top: -19px;
    position: absolute;
    top: 50%;
    width: 72px;
}
.loginForm .loginContent {
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 370px;
    padding-bottom: 20px;
    position: absolute;
    width: 100%;
}
.loginForm .loginContent .title {
    color: #fff;
    display: block;
    letter-spacing: 0.6px;
    margin-top: 19px;
    text-align: center;
    text-transform:uppercase;
}
.loginForm .loginContent .subTitle {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin: 14px auto 0;
    text-align: center;
    width: 300px;
}
.loginForm .loginContent .loginMessage {
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 5px auto 0;
    text-align: center;
    width: 230px;
}
.loginForm .loginContent .form {
    margin-top: 26px;
    text-align: center;
}
.loginForm .loginContent .form input:-moz-placeholder {
    color: #ff8d1c;
}
.loginForm .loginContent .form input::-moz-placeholder {
    color: #ff8d1c;
}
.loginForm .loginContent .form .submitBtn {
    background-clip: padding-box;
    background-color: #ff8e1e;
    background-image: none;
    border: 5px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    cursor: pointer;
    margin: 20px auto;
    width: 220px;
}
.loginForm .loginDiv .form {
    margin-top: 19px;
}
.forgotPass {
    font-size: 15px;
    margin-left: 50px;
    text-align: left;
    width: 200px;
}
.forgotPass .forgotPassIcon {
    background-image: url("img/forgotPass-icon.png");
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
}
.forgotPass a:link, .forgotPass a:visited {
    color: #888889;
    text-decoration: none;
}
.forgotPass a {
    display: inline-block;
    margin-left: 6px;
}

/* Night mode */
.nightModeBtn {
    position: absolute;
    right: 17px;
    top: 14px;
    z-index: 6;
}
.nightModeBtn .nightMode {
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    line-height: 32px;
    margin-right: 20px;
    position: relative;
    text-transform: uppercase;
}
.nightModeBtn .nightMode .text {
    padding: 0 5px 0 0;
}

.forgotPassDiv {
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
}

/* Buttons */
.btn {
    background: #f0f0f0;
    border-bottom: 1px solid #dddddd;
    border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-ms-border-radius: 3px;
    display: inline-block;
    margin-right: 10px;
    padding: 15px;
}
.btn-back {
    background-image: url("img/arrow_back.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 7px 13px;
}
.btn-option {
    background-image: url("img/btn_option.png");
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 20px 0 0;
    background-size:16px;
}
.btn-list {
    background-image: url("img/btn_list.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px;
}
.has-extra-btn .btn-help {
	margin-right: 10px;
}
.has-extra-btn .btn-option {
	margin-right: 10px;
}
.has-extra-btn .btn-list {
	margin-right: 0;
}

.header a.btn-help {
	display:none;
}

.btn-help {
	line-height:0px;
	margin-right:20px;
    /*
    background-image: url("img/btn_list.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px;
    */
}

.btnMore {
	margin: 0 auto;
	display: inline-block;
	background-image: url("img/btn-background.png");
	background-repeat: repeat-x;

	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;

	padding: 10px 15px;
	color: #ffffff !important;
	text-transform: uppercase;

	border: 5px solid #cbcbcb;
	font-size: 11px;
}

/* Footer */
.footer {
    margin: 60px auto 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 600px;
    z-index: 2;
}
.footer small {
    color: #5a5a5a;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.5px;
}
.footer p {
    margin: 0.5em 0;
}
.footer a {
    border-bottom: 1px solid #888889;
    color: #888889;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 0 0 2px;
    text-decoration: none;
}

.outgrow-parent {
	position: relative;
	width: 100%;
	/* left: calc(-50vw + 48.8%);*/
}

.outgrow-parent .sections {
	margin-left: 10px;
}

.tags.optionData .inputDummy{	background:transparent;	border:none;	width:75%; font-size:18px;}

.fieldsContainer {display: inline-block;}

/* Comments */
.comment.comment-required .comment-icon {
	background-image: url("img/requiredIcon.png");
	background-repeat: no-repeat;
  margin-top: 10px;
  height:36px;
  -webkit-filter: drop-shadow(10px 10px 8px #b0b0b0);
  filter: drop-shadow(10px 10px 8px #b0b0b0);
}
.comment.comment-warning .comment-icon {
	background-image: url("img/warningIcon.png");
	background-repeat: no-repeat;
  margin-top: 10px;
  height:36px;
  -webkit-filter: drop-shadow(10px 10px 8px #b0b0b0);
  filter: drop-shadow(10px 10px 8px #b0b0b0);
}

.inputMessagePlaceholder{
	color: red;
  margin: -10px 0px 4px 17px;
}


.arrowDown.dark{background-image:url('img/arrow-black.png');}
.form-group.darkBG:not(.noDarkBG){  background-image: url("../css/img/input-open-bg.png");  color: #fff;}
.arrowUp.dark{background-image:url('img/arrow-white.png');}



/* BEHEER */
.beheer input[type=checkbox]{-webkit-appearance:checkbox;}
.notAccepted {outline:1px solid red}
.error{color:red}
.inlineblock {display:inline-block;zoom:1;*display:inline}
.fullSize {width:100%;height:100%;}
.lowercase {text-transform:lowercase !important;}

.fullWidth:not(.inputRow) {width: 100% !important;max-width: 100% !important;}
.transparent {background: transparent !important;}

.action {margin:0 auto;max-width:960px}

.adminDashboard {margin:0 auto;width:960px;font-size:0}
.adminDashboard a {display:inline-block;zoom:1;*display:inline;width:240px;font-size:12px;text-align:center}
.adminDashboard img {width:150px;height:159px}

.itemBlock:hover { background:#04389b; }
.itemBlock:hover .itemImage { display:none; }
.itemBlock:hover .itemText { color:#fff; height:50px; }
.itemBlock:hover .itemIcons { display:table-cell; text-align:right; padding:0px 10px 5px 15px; font-size:12px; line-height:normal; }
a.itemIcon, .itemIcon { cursor:pointer; display:inline-block;zoom:1;*display:inline; padding:0px; margin-left:3px; width:27px; height:20px; color:#000; background-image:url(img/itemIconBg.png); background-color:#fff; background-repeat:no-repeat; border-radius:3px;}
.itemIcon.info { background-position:-27px 0; }
.itemIcon.info:hover { background-position:0 0; background-color:#9999cd; }
.itemIcon.preview { background-position:-27px -20px; }
.itemIcon.preview:hover { background-position:0 -20px; background-color:#9999cd; }
.itemIcon.add { background-position:-27px -40px; }
.itemIcon.add:hover { background-position:0 -40px; background-color:#9999cd; }
.itemIcon.delete { background-position:-27px -60px; }
.itemIcon.delete:hover { background-position:0 -60px; background-color:#9999cd; }
.itemIcon.export { background-position:-27px -80px; }
.itemIcon.export:hover { background-position:0 -80px; background-color:#9999cd; }
.itemIcon.download { background-position:-27px -100px; }
.itemIcon.download:hover { background-position:0 -100px; background-color:#9999cd; }
.itemIcon.edit { background-position:-27px -120px; }
.itemIcon.edit:hover { background-position:0 -120px; background-color:#9999cd; }
.itemIcon.close { background-position:-27px -140px; }
.itemIcon.close:hover { background-position:0 -140px; background-color:#9999cd; }
.itemIcon.save { background-position:-27px -160px; }
.itemIcon.save:hover { background-position:0 -160px; background-color:#9999cd; }
.itemIcon.nextEdit { background-position:-27px -180px; }
.itemIcon.nextEdit:hover { background-position:0 -180px; background-color:#9999cd; }
.itemIcon.prevEdit { background-position:-27px -200px; }
.itemIcon.prevEdit:hover { background-position:0 -200px; background-color:#9999cd; }
.itemIcon.clone { background-position:-27px -220px; }
.itemIcon.clone:hover { background-position:0 -220px; background-color:#9999cd; }
.itemIcon.text { width:auto; height:20px; background:none; padding:0 10px; }
.itemIcon.text:hover { width:auto; height:20px; background:none; background-color:#9999cd; color:#fff; }
.itemIcon.plus { background-position:-27px -240px; }
.itemIcon.plus:hover { background-position:0 -240px; background-color:#9999cd; }

.editEntry {width:100%;margin-bottom:50px}
.editEntry .spacer {height:10px;width:100%}
.editEntry h2 {font-size:14px;color:#000;margin-top:10px;font-weight:bold}
.inputElementToggle {white-space:nowrap}
.inputTypeName {font-size:11px;color:#707070;margin-left:10px;font-weight:normal;font-style:italic;display:inline-block;zoom:1;*display:inline;line-height:20px}
.addAnswer, .removeAnswer {cursor:pointer;display:inline-block;zoom:1;*display:inline;margin:0 2px;line-height:24px;height:24px}
.addAnswer span, .removeAnswer span {background:#2b78e4 url(img/plusButtonSmall.png) no-repeat center center;background-size:24px 24px;display:inline-block;zoom:1;*display:inline;width:24px;height:24px;border-radius:50%;font-size:17px;margin-right:10px}
.removeAnswer span {background-color:#F11F1F;background-image:url(img/closeWVsmall.png)}
.answerTable {border:0px solid #383838;margin-bottom:10px;width:100%}
.headerLogo {width:27px;height:50px;position:absolute;left:50%;top:0;margin-left:-13px;background:url(img/logosmall.png) no-repeat center center;background-size:27px 33px}

.sub-header {position:fixed;width:100%;top:45px;background:#fff;height:43px;z-index:7}
.sub-headerSpacer {height:43px;width:100%}
.sub-header.big {height:60px}
.sub-headerSpacer.big {height:105px}
.sub-header > span {line-height:42px;margin-left:15px;font-size:14px}

.sub-header-subtitle {margin-left:15px;margin-top:12px;font-family:'open_sansregular';font-size:11px;text-transform:uppercase;color:#999999}
.sub-header-title {line-height:60px;margin-left:15px;font-size:20px;font-family:'open_sanssemibold';display:inline-block;zoom:1;*display:inline}
.sub-header-title.sub {line-height:20px}
.sub-header-controls {position:absolute;right:0;top:0;bottom:0}
.sub-header-controls a {display:inline-block;zoom:1;*display:inline;height:100%;line-height:60px;padding-left:17px;padding-right:17px;font-family:'open_sanssemibold';font-size:11px;color:#2b78e4;text-decoration:none;letter-spacing:1px;text-transform:uppercase;border-right:1px solid #f2f2f2}
.sub-header-controls a:last {border-right:0}
.sub-header-controls a.active {color:#b5d0f6}

.popup .sub-header {position:absolute}

.portal:not(.home) {margin:0 auto;width:260px;margin-top:40px;text-align:center}
.portal.users {width:100%}
a.portal-item, .portal-item {display:inline-block;zoom:1;*display:inline;width:125px;text-align:center;margin-bottom:18px;color:black;position:relative}
.portal.users .portal-item {width:140px}
.portal-item .rol { display: block; font-size: 11px; }
.portal-item span {font-size:15px}
.portal-icon {background:#2B78E4 no-repeat center center;border-radius:50%;background-size:40px 40px;width:88px;height:88px;margin:0 auto;margin-bottom:6px}
.portal.users .portal-icon {background:transparent;width:75px;height:75px;background-size:75px 75px}

.portal-icon.plus {background-color:#2B78E4 !important;background-image:url(img/plusButton.png) !important;line-height:30px;color:#fff}
.portal-icon.koppel {background-color:#2B78E4 !important;background-image:url(img/koppelButton.png) !important;line-height:30px;color:#fff}

.portal.users .portal-icon.plus, .portal.users .portal-icon.koppel {background-position:0px 2px;}

.listView {width:100%;font-family:'open_sansregular';font-size:13px;border-top:1px solid #bebebe;border-bottom:1px solid #efefef}
a.listViewItem {display:block;height:44px;width:100%;line-height:44px;border-top:1px solid #fff;border-bottom:1px solid #bebebe;color:black;position:relative}
a.listViewItem.odd {background:#f2f2f2}
a.listViewItem.even {background:#e6e6e6}
a.listViewItem span {margin-left:15px}
a.listViewItem span.second {position:absolute;left:60%}
.triple a.listViewItem span.second {position:absolute;left:33%}
.triple a.listViewItem span.third {position:absolute;left:66%}
a.listViewItem .verticalLine {position:absolute;top:-1px;bottom:0;left:60%;width:1px;background:#bebebe}
.triple a.listViewItem .verticalLine{left:33%;}
.triple a.listViewItem .verticalLine.second{left:66%;}
a.listViewItem:first-of-type .verticalLine {top:0}
a.listViewItem.highlight {background-color:#2b78e4}
.iconRightArrow {background:url(img/arrowRight-blue.png) no-repeat center center;background-size:9px 15px;position:absolute;right:0;top:0;bottom:0;width:44px}
.iconRightArrow.upArrow {-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.iconRightArrow.downArrow {-webkit-transform:rotate(90deg);transform:rotate(90deg)}

.portal-item.cbContentItem .portal-icon {cursor:pointer}

.listViewHeader {background:#f2f2f2;font-size:0;height:44px;line-height:44px;border-top:1px solid #2b78e4;border-bottom:1px solid #2b78e4;position:relative}
.listViewHeader .first, .listViewHeader .second, .listViewHeader .third {font-family:'open_sansregular';font-size:11px;text-transform:uppercase;color:#999999;display:inline-block;zoom:1;*display:inline;padding-left:15px}
.listViewHeader .second {border-left:1px solid #2b78e4;position:absolute;left:60%}

.listViewHeader.triple .second{left:33%;}
.listViewHeader.triple .third{left:66%; border-left:1px solid #2b78e4; position:absolute;}

.footer-edit {background:#2b78e4;bottom:-44px;height:44px;position:fixed;width:100%;text-align:center}
.footer-editSpacer {height:0px}

.footer-edit.inline {bottom:auto;position:static}

.footer-edit.open {bottom:0px}
.footer-editSpacer.open {height:44px}

.footer-edit table {height:100%;width:100%}
.footer-edit td {height:100%;border-right:1px solid #276ccd}
.footer-edit a {display:inline-block;zoom:1;*display:inline;text-transform:uppercase;color:#fff;font-size:12px;letter-spacing:1px;line-height:44px;width:100%}

.portal .checkbox {display:none;width:22px;height:22px;border:1px solid #2b78e4;background:#fff url(img/checkboxChecked.png) no-repeat center center;background-size:22px 22px;border-radius:50%;position:absolute;top:0;right:12px}
.portal .checkbox.checked {background-color:#2b78e4}
.portal .checkbox.visible {display:block}
.portal .listViewItem .checkbox {top:10px}

.photoInfo {margin-top:16px;  margin: auto;  width: 300px;  text-align: center;}
.photoInfoPhoto {width:100px;  margin: auto;}
.photoInfoText {padding-top:22px;min-height:53px}
.photoInfoText.noPhoto {padding-left:15px;padding-top:0}
.photoIcon {border-radius: 50%;width:75px;height:75px;background-size:75px 75px;margin-left:16px}

.photoInfoText .infoHeader {font-family:'open_sansregular';font-size:11px;text-transform:uppercase;color:#999999}
.photoInfoText .infoText {margin-bottom:16px;font-size:13px}

.statsBlocks {margin:36px 16px 16px 16px}
.statsBlock {padding:5px;background:#fff;margin-top:10px;box-shadow:0 1px 1px 0 #c5c5c5;}

.statsPic {width:80px;height:80px;background-size:80px 80px;position:absolute}
.statsInfo {padding-left:85px;padding-top:3px;min-height:80px;position:relative}

.statsHeader {font-family:'open_sansregular';font-size:11px;text-transform:uppercase;color:#000}
.statsText {font-size:13px}

.statsPercSpacer {height:13px;width:100%}
.statsPerc {position:absolute;right:0;bottom:0;color:#2b78e4;font-size:16px}

.statsProgress {position:relative;height:5px;width:100%}
.statsProgressLine {position:absolute;width:100%;height:1px;top:4px;left:0;background:#b3b3b3}
.statsProgressBar {position:absolute;width:0;height:3px;top:3px;left:0;background:#2b78e4}

.inputBlock {margin:20px 16px 16px 16px}
.inputHeader {font-family:'open_sansregular';font-size:11px;text-transform:uppercase;color:#999999}

.roundedInput {-webkit-appearance:none;display:block;width:100%;height:33px;padding:6px;font-size:14px;color:#000;background:#fff;border:1px solid #ececec;border-radius:2px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);margin-bottom:12px}
.roundedInput.error {border:1px solid red}
.selectParent {position:relative}
.selectGroup{font-size:0;}
.selectGroup .selectParent{width:50%; display:inline-block;}

.selectArrow, .searchIcon {position:absolute;top:2px;right:0;pointer-events:none;height:30px;width:37px;border-top-right-radius:2px;border-bottom-right-radius:2px;background:#2b78e4 url(img/selectArrow.png) no-repeat center center;background-size:37px 30px}
.searchIcon {background:transparent url(img/searchIcon.png) no-repeat center center;background-size:37px 30px}
.roundedInput.search {padding-right:30px}


.buttonSpacer {height:20px;width:100%}
.blueButton, a.blueButton {-webkit-appearance:none;border-radius:0;height:42px;width:100%;color:#fff;background:#2b78e4;border:0;border-bottom:2px solid #2260b6;font-family:'open_sansregular';font-size:14px;text-transform:uppercase;margin-bottom:12px}
a.blueButton {display:block;width:auto;text-align:center;line-height:42px}
.buttonbox {padding: 15px 16px 1px 16px}
.buttonbox.color {background:#f2f2f2}

.sortBar {height:44px;background:#f2f2f2;border-bottom:1px solid #2b78e4;font-size:0}
.sortColumn {position:relative;display:inline-block;zoom:1;*display:inline;width:100%}
.sortColumn.first {width:60%}
.sortColumn.second {width:40%;border-left:1px solid #2b78e4}
.sortHeader {font-family:'open_sansregular';font-size:11px;text-transform:uppercase;color:#999999;line-height:44px;margin-left:15px}

.sortControls {position:absolute;top:0;right:12px}
.sortDown, .sortUp {width:24px;height:24px;background:#fff;box-shadow:0 1px 1px 0 #c5c5c5;border-radius:50%;display:inline-block;zoom:1;*display:inline;margin-top:8px;margin-right:8px;position:relative}
.sortDown.active, .sortUp.active {background:#2b78e4;box-shadow:none}

.sortDown .arrow, .sortUp .arrow{width:0;height:0;left:8px;top:9px;position:absolute}
.sortDown .arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #2b78e4}
.sortUp .arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #2b78e4}
.sortDown.active .arrow {border-top-color:#fff}
.sortUp.active .arrow {border-bottom-color:#fff}

.popupOverlay, .werkvormPopup {background:#000;background:rgba(0, 0, 0, 0.65);position:fixed;left:0;top:0;right:0;bottom:0;z-index:200;width:100%;height:100%;display:none}
.werkvormPopup {background:#313131}
.werkvormBackground {position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;background-size:cover}
.werkvormBackground img {position:absolute;left:0;top:0;margin:0;display:none;width:auto;height:auto;min-width:100%;min-height:100%;max-height:none;max-width:none}

.popup {background:#fff;text-align:center;display:inline-block;zoom:1;*display:inline;max-width:90%;max-height:90%;margin:0 auto;box-shadow:0 2px 20px 5px #2F2F2F;position:relative;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.popup.fullscreen {width:90%;height:90%}
.popupText {padding:30px;font-size:20px}
.popupTitle {line-height:60px;padding-left:15px;font-size:20px;font-family:'open_sanssemibold';text-align:left;background:#fff;}
.popupTitle.double {line-height:30px;padding-right:15px;text-align:center;padding-top:20px;font-family:'open_sansregular';border-bottom:1px solid #2b78e4;padding-bottom:20px}
.popupButtons {background:#f1f1f1;min-width:290px}
.popup.fullscreen .popupButtons {position:absolute;left:0;bottom:0;right:0;z-index:1}
.popupButtons a.blueButton {width:125px;display:inline-block;zoom:1;*display:inline;margin:10px 5px}
.popupHeader {padding:12px 12px 1px 12px;background:#f2f2f2;border-bottom:1px solid #2b78e4;min-width:280px;position:absolute;left:0;top:0;right:0;z-index:1}
.popupContent {text-align:left;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#f1f1f1}
.popupHeaderSpacer {height:59px;width:100%}
.popupButtonsSpacer {height:62px;width:100%}
.popupRatingExplanationTpl .inputBlock {margin-top:0;padding-top:20px;text-align:left}
.popupRatingExplanationTpl .roundedInput {height:150px}
.popupInputsTpl .inputBlock {margin-top:0;padding-top:20px;text-align:left}
.popupAssetTpl .popup {text-align:left;background-color:#ececec}
.popupAssetTpl .sub-header {top:0}
.popupAssetTpl .contentManagerBlocks .toolbarSpacer {height: 60px}
.popupAssetTpl .popup.fullscreen .popupButtons {text-align: center;background:transparent;position:static}

.popupSendMessageTpl .inputBlock {margin-top:0;padding-top:20px;text-align:left}
.popupSendMessageTpl .roundedInput {height:150px}

.assetImage, .assetName {display:inline-block;zoom:1;*display:inline;margin:10px 5px;font-size:14px}

.dummy {display:none !important}
/*.dummy320 {background-image:url('../../../html/img/cover320.png');background-size:cover;}*/
.dummyAvatar {background-image:url('img/dummy_avatar_female.png');background-size:cover;}
.male .dummyAvatar {background-image:url('img/dummy_avatar_male.png');background-size:cover;}

/*
.dummy1 {background-image:url('../../../html/img/circular-girl.png');background-size:cover;}
.dummy2 {background-image:url('../../../html/img/circular-girl-2.png');background-size:cover;}
.dummy3 {background-image:url('../../../html/img/dummy3.png');background-size:cover;}
.dummy4 {background-image:url('../../../html/werkvormen1/img/student.png');background-size:cover;}
.dummy5 {background-image:url('../../../html/werkvormen1/img/student2.png');background-size:cover;}
.dummyDark {background-image:url('../../../html/basis/img/background-paper-big.png');background-size:cover;}*/
.darkBackground {background-image:url('img/werkopdracht.png');background-size:cover;}

.contentManagerBlocks {width:100%;height:100%;font-size:0}
.contentManagerBlocks .toolbarSpacer {height:120px;width:100%}

.blockLeftContent, .blockRightContent {height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;display:inline-block;zoom:1;*display:inline}
.blockLeftContent {width:29%;border-right:1px solid #2b78e4}
.blockRightContent {left:30%;width:70%}
.leftToolbar {width:30%;border-right:1px solid #2b78e4}
.rightToolbar {left:30%;width:70%}

.cbContentItem .portal-icon {background:transparent;background-size:125px 125px;width:125px;height:125px;border-radius:0}
.cbContentItem .portal-icon.plus {background-image:url(img/plusButtonBig.png) !important;border-radius:50%}
.cbContentItem.portal-item {width:170px}

.blockToolbar {padding:16px 0 10px 0}
.blockToolbar .selectParent {max-width:200px;margin:0 auto}
.blockLeftContent .blockToolbar {border-bottom:1px solid #2b78e4}

.toolbarTabs {text-align:center;margin-bottom:25px}
a.toolbarTab {width:160px;display:inline-block;zoom:1;*display:inline;font-size:10px;line-height:35px;border:1px solid #ccc;background:#fff;text-transform:uppercase;color:#2b78e4;font-size:13px}
a.toolbarTab.active {background:#2b78e4;color:#fff}
.toolbarTab:not(:first-of-type) {border-left:0}

.cbToolbar {position:fixed;height:100px;width:100%;left:0;top:45px;right:0;z-index:2}
.cbToolbarTop {background:#2b78e4;height:44px;width:100%;text-align:center;z-index:1;position:relative;z-index:4}
.cbToolbarTop a {display:inline-block;zoom:1;*display:inline;text-transform:uppercase;color:#fff;font-size:12px;letter-spacing:1px;line-height:44px;padding:0 35px;border-right:1px solid #276ccd}
.cbToolbarTop a:first-of-type {border-left:1px solid #276ccd}

.cbToolbarMiddle {background:#fff;height:60px;width:100%;position:relative;padding-left:45px}
.cbToolbarBottom {background:#fff;height:0px;width:100%;position:relative;white-space:nowrap;padding-left:45px;overflow:hidden}
.cbToolbarBottom.open {height:77px}


.toolbarSubtitle {margin-left:15px;padding-top:12px;font-family:'open_sansregular';font-size:11px;text-transform:uppercase;color:#999999}
.toolbarTitle {line-height:20px;margin-left:15px;font-size:20px;font-family:'open_sanssemibold';display:inline-block;zoom:1;*display:inline}

.toolbarControls {position:absolute;right:0;top:0;bottom:0}
.toolbarControls a {display:inline-block;zoom:1;*display:inline;height:100%;line-height:60px;padding-left:17px;padding-right:17px;font-family:'open_sanssemibold';font-size:11px;color:#2b78e4;text-decoration:none;letter-spacing:1px;text-transform:uppercase}

.previewLinks {position:absolute;left:0;top:5px;right:0;text-align:center;line-height:50px;font-family:'open_sansregular';font-size:11px;text-transform:uppercase;color:#999999}
.previewLinks a {display:inline-block;zoom:1;*display:inline;margin:0 10px}

.iconPhone {background:url(img/iconphone.png) no-repeat center center;background-size:11px 21px;width:30px;height:50px}
.iconTablet {background:url(img/icontablet.png) no-repeat center center;background-size:21px 28px;width:50px;height:50px}
.iconDesktop {background:url(img/icondesktop.png) no-repeat center center;background-size:50px 36px;width:75px;height:50px}

.toolbarMetaBlock {display:inline-block;zoom:1;*display:inline;width:200px;margin:10px 20px 0 20px}
.toolbarMetaBlock .inputHeader {padding-left:3px}
.toolbarMetaBlock.cover {position:absolute;left:45px;top:2px;z-index:2;height:48px;opacity:0;overflow:hidden}
.toolbarMetaBlock.cover.open {height:125px;opacity:1}
.toolbarMetaBlock.cover .metaData {width:90px;height:90px;background-size:90px 90px}
.toolbarMetaBlock.coverSpacer {width:85px;height:1px}

.cbSidebar {position:fixed;top:0;bottom:0;left:-310px;width:355px;background:#1a1a1a;font-size:0;box-shadow:1px 0 10px 1px rgba(117, 117, 117, 0);z-index:3;font-family:'open_sanssemibold'}
.cbSidebar.open {left:0;box-shadow:1px 0 10px 1px rgba(117, 117, 117, 1)}
.cbSidebarContent {display:inline-block;zoom:1;*display:inline;width:310px;height:100%;border-right:1px solid #888;overflow-y:auto;-webkit-overflow-scrolling:touch}
.cbSidebarHandle {display:inline-block;zoom:1;*display:inline;width:45px;height:100%;text-transform:uppercase;color:#fff;font-size:12px}

.cbSidebarHandleText {position:absolute;top:50%;white-space:nowrap;line-height:45px;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:rotate(270deg);transform:rotate(270deg);width:10000px;text-align:center;margin-left:-5000px}
.cbSidebarHandleText .sortDown {margin:10px 90px 0 10px;box-shadow:none}

.cbSidebarContentSpacer {height:110px;width:100%}

.cbTemplateItem {display:inline-block;zoom:1;*display:inline;margin-left:20px;font-size:12px;color:#fff}
.cbTemplateIcon {width:125px;height:125px;background-size:125px 125px;background-color:#fff}
.cbTemplateInfo {margin:10px 0 20px 0}
.cbTemplateInfoText {display:inline-block;zoom:1;*display:inline;font-family:'open_sanssemibold';width:90px;text-transform:uppercase}
a.cbTemplateInfoIcon {display:inline-block;zoom:1;*display:inline;font-family:'open_sanssemibold';background:#2b78e4;width:24px;height:24px;border-radius:50%;font-size:17px;color:#fff;text-align:center;line-height:24px;margin-left:5px}

.cbWorkspace {padding-left:45px}
.cbWorkspaceSpacer {height:105px;width:100%}
.cbWorkspaceSpacer.open {height:182px}

.cbPageSelector {margin:32px 0 22px 0;text-align:center}
a.cbPageItem {display:inline-block;zoom:1;*display:inline;font-family:'open_sanssemibold';background:#fff;width:24px;height:24px;border-radius:50%;font-size:17px;color:#2b78e4;text-align:center;line-height:24px;box-shadow:0 1px 1px 0 #c5c5c5;margin:0 5px}
a.cbPageItem.active {background:#2b78e4;color:#fff}
a.cbPageItem.left {background:transparent url(img/arrowLeft-blue.png) no-repeat center center;background-size:8px 14px;box-shadow:none}
a.cbPageItem.right {background:transparent url(img/arrowRight-blue.png) no-repeat center center;background-size:8px 14px;box-shadow:none}
a.cbPageItem.add {background:#2b78e4 url(img/plusButtonSmall.png) no-repeat center center;background-size:24px 24px;box-shadow:none;margin:0 20px}
a.cbPageItem.remove {background:#2b78e4 url(img/removeButtonSmall.png) no-repeat center center;background-size:24px 24px;box-shadow:none}
a.cbPageItem.edit {background:#2b78e4 url(img/editButtonSmall.png) no-repeat center center;background-size:24px 24px;box-shadow:none}

.cbPageContentItem {height:127px;background:#fff;border:1px dashed #e6e6e6;margin:10px;position:relative;overflow:hidden}
.cbPageContentItem.insertTpl {height:10px;background:#ececec;border-color:#ececec}
.cbPageContentItem.highlight {border-color:#2b78e4}
.cbPageContentItemNr {font-family:'open_sanssemibold';color:#f2f2f2;font-size:18px;margin:12px;margin:12px 0 -36px 12px;line-height:24px}

.cbWorkspace .cbTemplateItem {display:block;text-align:center}
.cbWorkspace .cbTemplateIcon, .cbWorkspace .cbTemplateInfo {display:inline-block;zoom:1;*display:inline}
.cbWorkspace .cbTemplateInfoText {color:#000;text-align:left}

.cbEditParent {margin-top:45px;display:none}
.cbTemplateItem .cbEditParent {display:inline-block;zoom:1;*display:inline}

.cbEditItem {display:inline-block;zoom:1;*display:inline;background:#fff no-repeat center center;width:35px;height:35px;border-radius:50%;background-size:35px 35px;box-shadow:0 1px 1px 0 #c5c5c5;margin:0 5px}
.cbEditItem.move {background-image:url(img/moveIcon.png)}
.cbEditItem.edit {background-image:url(img/editIcon.png)}
.cbEditItem.copy {background-image:url(img/cloneIcon.png)}
.cbEditItem.remove {background-image:url(img/trashIcon.png)}

.previewEditControls {display:inline-block;zoom:1;*display:inline}
.previewEditControls a {margin:0 10px;color:#fff}
.previewEditSave, .previewEditCancel {display:none}
.previewEditOutline {outline:1px solid #85B3EF}

.mediaPreview {background:white no-repeat center center;background-size:contain;border:1px solid #eaeaea;margin:25px;height:270px}
.mediaDropUploadText {font-size:16px;font-family:'open_sanssemibold';color:#1a1a1a;position:relative;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:inline-block;zoom:1;*display:inline}
.mediaPreviewVideo {display:none;width:100%;height:100%}
.mediaInfoWrap {margin:25px}
.mediaInfo {width:100%}
.miHeader {font-size:12px;font-family:'open_sanssemibold';text-transform:uppercase;color:#999999}
.miContent {font-size:16px;font-family:'open_sanslight';color:#1a1a1a}
.miContent td {padding-bottom:16px}
.uploadInfo .miContent td {padding-bottom:0}
.uploadInfo .statsProgress {padding-bottom:20px}
.uploadAssetBtnInput {position:absolute;top:-999px;left:0}

.listViewIcon {display:inline-block;zoom:1;*display:inline;width:44px;height:44px}
.listViewIcon.folder {background:url(img/foldericon.png) no-repeat center center; background-size:20px 18px}
.listViewIcon.file {background:url(img/fileicon.png) no-repeat center center; background-size:16px 21px}
.listViewIcon.add {width:24px;height:24px;border-radius:50%;background:#2b78e4 url(img/plusButtonSmall.png) no-repeat center center;background-size:24px 24px;margin:10px}

.treeArrow {display:inline-block;zoom:1;*display:inline;width:6px;height:44px;margin-left:10px;position:relative}
.treeArrow div {position:absolute;top:19px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #2b78e4}
.treeArrow.hidden div {border:0}
.listViewItemTitle {display:inline-block;zoom:1;*display:inline}
.listViewItemTitle.active {font-family:'open_sanssemibold';color:#2b78e4}
.listViewGroup {overflow:hidden}
.listViewGroup.closed {height:0}

.listViewEditButtons {position:absolute;right:10px;top:10px;height:23px;display:none}
.listViewEditButtons .cbEditItem {width:23px;height:23px;background-size:23px 23px;margin:0 4px;line-height:23px;text-align:center;color:#2b78e4}

.stats a.listViewItem{height:auto; min-height:44px;}
.stats a.listViewItem li {margin:0 0 0 65px; line-height:20px;}

.editHotspotNoAsset {text-align:center}
.editHotspotAssetWrap {position:relative;display:inline-block;zoom:1;*display:inline}
.editHotspotRadius {position:absolute;background:rgba(43, 120, 228, 0.5);z-index:99;border-radius:50%}
.editHotspotDot {position:absolute;width:38px;height:38px;border-radius:50%;border:4px solid #fff;z-index:100;background:rgba(57,54,49,0.8);margin-left:-19px;margin-top:-19px;-webkit-box-shadow:0px 2px 0px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 2px 0px 0px rgba(0,0,0,0.3);box-shadow:0px 2px 0px 0px rgba(0,0,0,0.3)}

.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

.backgroundImage {position:fixed;left:0;top:0;right:0;height:200px;background-size:cover}
.werkvormStartImage {overflow: hidden;background-size:cover}
.werkvormStartImage img {position:absolute;left:0;top:0;margin:0;display:none;width:auto;height:auto;min-width:100%;min-height:100%;max-height:none;max-width:none}
.focuspointSelect {margin:10px}
.mediaPreviewImage {position:relative}
.focuspointSelector {position:absolute;left:50%;top:50%;margin-left:-50px;margin-top:-50px;width:100px;height:100px;background:url(img/focuspointTarget.png) no-repeat center center;pointer-events:none}

.avatar{
	width:150px;
	height:150px;
	background-repeat: no-repeat;
  background-size: cover;
  background-position:center;
}

.alert .memberList li .avatar{
	background-repeat: no-repeat;
  background-size: cover;
  background-position:center;
  border-radius:50%;
}

.bemanning .memberList li .avatar{
	background-repeat: no-repeat;
  background-size: cover;
  background-position:center;
  border-radius:50%;
}

.alert.bemanning .pageview a {
  padding: 9px 7px;
  display: inline-block;
  margin: 0 5px 0 0;
  background: rgba(0,0,0,0.3);
	border-radius: 3px;
	box-shadow: inset 0 0 1px rgba(255,255,255,0.5);
}

.alert.bemanning .pageview a.active {
	background: rgba(0,0,0,0.6);
}

.alert.bemanning .pageview .input-label{
	padding-left:0;	
	padding-bottom:5px;
}

.alert.bemanning .pageview .gridview {
  background-position: 0 0;
} 
.alert.bemanning .pageview .listview {
  background-position: -16px 0;
}

.alert.bemanning .memberList.listview li{
	width: 100%;
  text-align: left;
}
.alert.bemanning .memberList.listview li .avatar{
	height: 25px;
  width: 25px;
  padding-bottom: 0;
  display: inline-block;
}
.alert.bemanning .memberList.listview li small{
	padding-left:30px;
}

.alert.bemanning .memberList.listview li.selected a::after {
	width: 25px;
  height: 25px;
  top: 10px;
  left: 15px;
  background-size: cover;
}

.alert.bemanning .alertblocksubheader{
	display:flex;	
}

.alert.bemanning .searchmemberwrapper{
	margin-left:40px;	
}
.alert.bemanning .searchmemberwrapper .searchmember{
  width: 400px;
}

.alert.bemanning .memberList.gridview li .avatar {
  padding-bottom: 0px;
  margin-bottom:10px;
}

.alert.bemanning .pageview .gridview, .alert.bemanning .pageview .listview {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("img/pageview.png");
  background-repeat: no-repeat;
  background-size: 32px;
}

img {
	max-width: 100%;
}
.dragContainer img{
	max-width: unset;
}
.cropImageWrap .avatar{
	width:400px;
	height:375px;
	background-repeat: no-repeat;
  background-size: cover;
  background-position:center;
}


/* General */
.content {margin: 0 auto;width:1024px;box-sizing:border-box;}
.profiel .content { margin-top: 60px; }
.profiel .content h1 { font-size: 30px; font-family: "robotobold"; }


.selectReportPopup .content {
	width:auto !important;	
}

/* Headings */
h1 {font-size:25px;}
.heading {padding:50px 0px;}

/* Font set */
.fontBold {
    font-family: "robotobold" !important;
}
.fontLight {
    font-family: "robotolight" !important;
}
.fontBlack {
    font-family: "robotoblack" !important;
}

/* Sections */
.sections {margin: 0 auto; width: 720px;position:relative;}
.section {margin:20px 0px;}
.section .item {display:inline-block;font-size:18px;}
.section.one .item {width:100%;}
.section.two .item {width:350px;}
.section.two .item:last-child {margin-left:20px;}
.section.three .item {width:165px;}
.section.three .item:first-child,
.section.three .item:last-child {width:257px;}
.section.three .item {width:165px;margin-left:20px;}
.section.three .item:first-child {margin-left:0;}
.blockWhite {background: #f8f8f8; padding: 10px 20px;}
.blockGray {
	background: #e0e0e0;
	padding: 10px 20px;
	border: 3px solid #fff;
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
	position: relative;
}

.blockGray:after {
	content: '';
	position: absolute;
	bottom: -4px;
	width: calc(100% + 6px);
	left: -3px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.blockGray .form-group, .blockGray .radio {
	margin: 0px 0;
}

.liveEdit {
  font-size: 18px;
  padding: 0px 10px;
  cursor: Text;
}

.liveEdit.disabled {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Inputs */
.inputField {
	height:60px;
	position:relative;
	box-sizing:border-box;

	-webkit-box-shadow: 0px 1px 1px 0px rgba(112,112,112,0.25);
	-moz-box-shadow: 0px 1px 1px 0px rgba(112,112,112,0.25);
	box-shadow: 0px 1px 1px 0px rgba(112,112,112,0.25);
}
.textInput {height:60px;}
.textInput input.text {border:0;background:transparent;font-size:18px;margin:19px 10px;}
.textInput .tagline {position:absolute;top:5px;left:10px;font-size:11px;text-transform:uppercase;}

/* Misc. */
.fullWidth {width:100%;}
.centerText {text-align:center;}
.slightRounded {-webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;border-radius: 3px !important}
.mediumRounded {-webkit-border-radius: 5px !important;-moz-border-radius: 5px !important;border-radius: 5px !important}
.rounded {-webkit-border-radius: 50% !important;-moz-border-radius: 50% !important;border-radius: 50% !important}
.gradientBackground {
	background: rgba(245,245,245,1);
	background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 44%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(44%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 44%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 44%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 44%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 44%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 );
}

/* Line */
hr {
	border: 0;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #fff;
	margin: 0 10px;
}

.bevestig .latlonspace {
    display: inline-block;
    width: 100px;	
}
.bevestig hr {
	margin: 0;
}

/* Forms */
.form:not(.survey) {
    display: block;
    margin: 40px 0 0;
}

.form.inner-form .form-group {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;

  -webkit-box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.25);
  box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.25);
}
.form.inner-form {
	padding: 0px 10px;
	    margin: 0;
}

.incidentContent .medisch .accordion .form {margin-top:0px;}

.col-special.form {
	text-align: left;
}

.form-group {
	display: inline-block;
  margin: 0 0 15px 0;
  background-color: #fff;
  background-image: url("../../css/img/list-background.png");
  background-repeat: repeat-x;
  border-bottom: 1px solid #c9c9c9;
  padding: 20px 0 19px 0;
  cursor: pointer;
  width: 100%;
  position: relative;
}

.form-group.file {
	padding: 3px 0 2px 0;
}

.form-group.empty {
	text-align: center;
}

.form-group.open {
	background-image: url("../../css/img/input-open-bg.png");
}

.form-group .option {
	text-transform: initial;
	display: inline-block;
	font-size: 18px;
	font-family: "robotobold";
	margin: 0 10px 0 10px;

}

.form-group .option .delete {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	background-image: url("../../css/img/delete-icon.png");
}

.form-group .option .download {
	position: absolute;
	right: 60px;
	top: 10px;
	width: 40px;
	height: 40px;
	background-image: url("../../css/img/download-icon.png");
}

.form-group.empty .option {
	text-transform: uppercase;
	font-size: 15px;
}

.form-group.open label {
	margin: 0 10px 0 40px;
	font-size: 18px;
	padding-top: 15px;
	display: inline-block;
}

.form-group.open .option,
.form-group.open label,
.form-group.open .divider {
	color: #fff;
}

.form-group .option {
	display: inline-block;
}

.form-group.empty .option {
	width: 350px;
}

.form-group.open .option {
	padding-top: 15px;
	width: 115px;
}

.form-group.open.empty .option {
	padding-top: 0;
}

.form-group.file .option span {
	display: block;
	padding-top: 3px;
}

.form-group.file .option small {
	font-size: 11px;
	color: #737373;
	font-family: "robotoblack";
}

.form-group label {
	display: inline-block;
	text-indent: -99999px;
	margin: 0 100px 0 50px;
}

.form-group.open label {
	text-indent: 0;
}

.form-group .divider {
	font-size: 18px;
	font-family: "robotolight";
}

.form-group.open .divider {
	padding-top: 15px;
	display: inline-block;
	width: 12px;
	text-align: center;
	font-size: 18px;
	font-family: "robotobold";
}

.form-group .divider {
	background-image: none;
}

.form-group .data {
	display: inline-block;
	width: 80%;
}

.form-group .data.fullWidth {
	display: block;
	width: 100%;
}

.form-group .data ul {
	margin: 5px 0 0 30px;
	list-style-type: disc;
}

.form-group .data .unstyled {
	list-style-type: none;
	margin: 0 0 0 15px;
}

.form-group .data .unstyled li:before {
	content: "- ";
}

.form-group .data ul li {
	padding: 5px 0;
}

.form-group.empty .data {
	display: none;
}

.form-group .data .small-input.four {
	width: 50px;
}

.form-group .data .small-input:focus {
	box-shadow: inset 0 0 0 3px #ff9b0d;
	-moz-box-shadow: inset 0 0 0 3px #ff9b0d;
	-webkit-box-shadow: inset 0 0 0 3px #ff9b0d;
	-ms-box-shadow: inset 0 0 0 3px #ff9b0d;
}

.form-group.open .data .select {
   background-image: url("../../css/img/input-after.png");
   background-repeat: no-repeat;
   background-position: center bottom;
   height: 60px;
   width: 50px;
   display: inline-block;
}

.form-group .arrow {
	position: absolute;
	left: 30px;
	top: 25px;
	width: 26px;
	height: 12px;
	background-image: url("../../css/img/arrow-white.png");
	background-repeat: no-repeat;
}

.form-group .arrow.arrowUp {
	background-position: 0 0;
}

.form-group .arrow.arrowDown {
	background-position: 0 -12px;
}

.content.profile .image{height:150px;width:150px;}
.content.profile .image img{height:100%;width:100%;}
.content.profile{margin-top:85px;}

.form .formSubmit {
    background: url("../../css/img/submit_bg.jpg") repeat-x center center;
    border: 5px solid #4f4f4f;
    color: #fff;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    font-weight: 500;
    height: 70px;
    margin: 25px auto 0;
    padding: 17px 85px;
    text-transform: uppercase;
}

.profiel .form .formSubmit {
	height: auto;
	display: inline-block;
}

.form .formSubmit:hover,
.form .formStepSubmit:hover {
    cursor: pointer;
}
.form .formSubmit:focus,
.form .formStepSubmit:focus,
.form .formSetStill:focus {
    outline: medium none;
}

/* Radio buttons */
.radio .option {line-height: 38px;}
.radio .option,
.checkbox .option,
.checkbox-inline .option {
	font-family: "robotobold";
	font-size: 18px;
	padding-top: 5px;
	display: inline-block;
}

.bevestig .radio .option {
	padding-top: 0;
	color: #fff;
	text-transform: uppercase;
}

.bevestig .radio .index {
	font-size: 16px;
  opacity: 1;
  background: #fff;
  line-height: 30px;
  font-family: "robotobold";
  display: inline-block;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 4px 10px 0 0;
  text-align: center;
}

.radio .input-data {
	float: right;
}

.radio-block {
	display: block;
	margin: 15px 0 0 0;
}

.radio label {
	font-family: "robotolight";
	padding: 0 15px 0 0;
	font-size: 18px;
	vertical-align: top;
}

.radio input[type="radio"] {
	/*display: none;*/
	position: absolute;
	opacity:0;
}

.radio input[type="radio"] + label span {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url("../../css/img/radio-buttons.png");
	background-repeat: no-repeat;
	margin-top: -5px;
	padding-right: 5px;
	background-position: 0 -40px;
	  background-size: 40px 80px;
}

.radio input[type="radio"]:checked + label span {
	background-position: 0 0px;
}

/* Checkbox buttons */
.checkbox {
	margin: 0 0 10px 0;
	display: block;
}

.checkboxExtraDropdown{    float: right;}
.checkboxExtraDropdown,
.checkboxExtra{
	display:inline-block;
}

.checkbox-inline {
	display: inline-block;
}

.checkbox.indent,
.indented-col {
	margin: 0 0 10px 55px !important;
}

.indentExtra {
	margin: 0 0 10px 110px;
}

.indentExtraLarge {
	margin: 0 0 10px 165px;
}

.bevestig .checkbox label {padding: 0 15px 0 10px;}
.checkbox label {
	font-family: "robotolight";
	padding: 0 15px 0 0;
	font-size: 18px;
	vertical-align: top;
}

.checkbox input[type="checkbox"].excludeFromForm + label,
.checkbox input[type="checkbox"].passThrough + label {cursor:pointer;}

.checkbox input[type="checkbox"][disabled] + label {opacity:0.7;pointer-events:none;}

.checkbox input[type="checkbox"] {
	/*display: none;*/
	position: absolute;
	opacity:0;
}

.checkbox input[type="checkbox"] + label span {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url("../../css/img/checkbox-buttons.png");
	background-repeat: no-repeat;
	margin-top: -5px;
	padding-right: 5px;
	background-size: 40px;
}

.checkbox input[type="checkbox"]:checked + label span {
	background-position: 0 -40px;
}

.betrokken-materiaal.incidentreport .usedEquipment .checkbox label {
	line-height: 20px;
}

.betrokken-materiaal.incidentreport .usedEquipment .checkbox input[type="checkbox"] + label span {
	margin-top: 5px;
}

/* Beeldmateriaal */
.beeldmateriaal {
	position: relative;
	width: 100%;
}

.beeldmateriaal img {
	max-width: 100%;
}

.beeldmateriaal .materiaalOverlay .delete {
	position: absolute;
  right: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
  background-image: url("../../css/img/delete-icon.png");
  background-size:40px;
}

.beeldmateriaal .materiaalOverlay .omschrijving {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 5px 10px;

	box-sizing: border-box;
	color: #fff;
	font-size: 15px;
	background: rgba(0,0,0,0.7);
}

/* Tags */
.tags.optionData {
	display: inline-block;
  margin: 0 10px 15px 0;
  background-color: #fff;
  background-image: url("../../css/img/list-background.png");
  background-repeat: repeat-x;
  font-size: 18px;
  border-bottom: 1px solid #c9c9c9;
}

.tags.optionAdd {
	display: inline-block;
  margin: 0 10px 15px 0;
  background-color: #fff;
  background-image: url("../../css/img/list-background.png");
  background-repeat: repeat-x;
  font-size: 18px;
  border-bottom: 1px solid #c9c9c9;
}

.tags.optionAdd a {
	background-image: url("../../css/img/plus.png");
	background-repeat: no-repeat;
	background-position: center center;
	width: 55px;
	height: 54px;
	display: block;
}

.tags.optionData span {
	display: inline-block;
	padding: 15px 10px;
}

.tags.optionData .close {
	background-image: url("../../css/img/close.png");
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	display: inline-block;
	margin-top: 7px;
	padding-right: 10px;
}

/* Alert */
.overlay {
	 background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
   display: none;
   height: 100%;
   left: 0;
   position: fixed;
 	 top: 0;
   width: 100%;
   z-index: 11;
}

.profiel .overlay {
	z-index: 50;
}

.profiel .alert {
	z-index: 55;
}

.alert .alertBlock h3 {
    font-family: "robotolight",sans-serif;
    font-size: 30px;
	font-weight: 300;
    margin-bottom: 20px;
}
.alert .alertBlock .alertBtn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #000000 0%, #262626 100%) repeat scroll 0 0;
    border: 3px solid #cacaca;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin: 0 10px;
    padding: 15px;
    text-decoration: none;
    text-transform: uppercase;
    width: 70px;
}

.alert .close {
	background-image: url("../../css/img/close.png");
	background-repeat: no-repeat;
	display: inline-block;
	width: 40px;
	height: 40px;

	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	  z-index: 9999;
}

/* Juro */
.input {
	position: relative;
	/*z-index: 1;*/
	display: inline-block;
	width: 100%;
	vertical-align: top;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;

  -webkit-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.25);
  box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.25);
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #fff;
	color: #000;
	font-family: "robotolight", Helvetica, Arial, sans-serif;
	font-size: 16px;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #000;
	font-size: 73%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
	text-transform: uppercase;
	text-align: center;
}

.input--juro {
	overflow: hidden;
}

.input__field--juro {
	position: absolute;
	z-index: 9;
	padding: 19px 0 19px 10px;
	width: calc(100% - 20px);
	background: transparent;
	color: #000;
}

.extended .input__field--juro {
	text-align: right;
	right: 40px;
	top: -5px;
}

.input__label--juro {
	padding: 0;
	width: 100%;
	height: 100%;
	background: #ffffff url("../../css/img/list-background.png") repeat-x;
	/*border-bottom: 1px solid #c9c9c9;*/
	text-align: left;
	font-family: "robotobold";
}

.input__label-content--juro {
	padding: 2em 0;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	transform-origin: 0% 50%;

	-webkit-transition: -webkit-transform 0.3s, color 0.3s, font-size 0.3s;
	-moz-transition: -moz-transform 0.3s, color 0.3s, font-size 0.3s;
	-ms-transition: -ms-transform 0.3s, color 0.3s, font-size 0.3s;
	transition: transform 0.3s, color 0.3s, font-size 0.3s;

	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.3s;
	-ms-transition-property: all;
	-ms-transition-duration: 0.3s;

	text-rendering: geometricPrecision;
}

.input__label--juro::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px solid transparent;
	-webkit-transition: border-width 0.3s, border-color 0.3s;
	transition: border-width 0.3s, border-color 0.3s;
}

/*.input__field--juro:focus + .input__label--juro::before,
.input--filled .input__label--juro::before {
	box-shadow: inset 0 0 0 3px #000;
	-moz-box-shadow: inset 0 0 0 3px #000;
	-webkit-box-shadow: inset 0 0 0 3px #000;
	-ms-box-shadow: inset 0 0 0 3px #000;
}*/

.input--filled .newTextField{ 
	font-weight:normal;
	left: 10px;  
	top: 5px;
	
	transform: scale3d(0.75, 0.75, 1) translateZ(1px);
	-webkit-transform: scale3d(0.75, 0.75, 1) translateZ(1px); 
}


.active .input__label--juro::before {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
}

/*
.input__field--juro:focus + .input__label--juro .input__label-content--juro,
.input--filled .input__label--juro .input__label-content--juro {
	color: #000;
	-webkit-transform: translate3d(0, -1.5em, 0) scale3d(0.75, 0.75, 1);
	-moz-transform: translate3d(0, -1.5em, 0) scale3d(0.75, 0.75, 1);
	transform: translate3d(0, -1.5em, 0) scale3d(0.75, 0.75, 1) translateZ(1px);

	text-align: left;
	margin: inherit;
	padding-left: 10px;
	font-family: "robotolight";
}
*/

/* Extended group */
.extended-group {
	background: #e0e0e0;
	border: 3px solid #fff;
	position: relative;

	-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
}

.extended-group .option {
	display: inline-block;
	width: 249px;
	background: #f9f9f9;
	text-align: center;
	padding: 15px 0;
	border-right: 1px solid rgba(0,0,0,0.3);
}

.extended-group .form-group {
	margin: 0;
}

.extended-group .form-group .option {
	padding: 0;
	width: calc(100% - 20px);
	text-align: left;
	text-transform: initial;
	font-family: 'robotolight';
	border: none;
}

.extended-group .option .title {
	font-size: 25px;
	display: block;
}

.extended-group .option small {
	font-size: 14px;
	text-transform: uppercase;
}

.extended-group .data {
	display: inline-block;
	width: 420px;
	padding: 12px 10px;
}

/* Columns */
.col-100.hasDataPrefix{ margin: 0px !important}
.col-50.lessMargin{ margin: 3px 0px !important}
.col-100, .col-90, .col-80, .col-70, .col-66, .col-60, .col-50, .col-40, .col-33, .col-30, .col-20, .col-10 {
	position: relative;
	margin: 10px 0;
	padding-left: 10px;
	padding-right: 10px;
	float: left;

	/* BELANGRIJK */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.col-100 {
	width: 100%;
}

.col-90 {
	width: 90%;
}

.col-80 {
	width: 80%;
}

.col-70 {
	width: 70%;
}

.col-66 {
	 width: 66.66666667%;
}

.col-60 {
	width: 60%;
}

.col-50 {
	width: 50%;
}

.col-40 {
	width: 40%;
}

.col-33 {
	width: 33.33333333%;
}

.col-30 {
	width: 30%;
}

.col-20 {
	width: 20%;
}

.col-10 {
	width: 10%;
}

/* Disabled */
.disabled {
	background: transparent !important;
	background-image: none;
	-moz-box-shadow: 0 0 0 1px #fff;
	box-shadow: 0 0 0 1px #fff;
	-webkit-box-shadow: 0 0 0 1px #fff;
	border: 0;
	cursor: auto;
}

.profiel .disabled {
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.disabled .input__label--juro {
	background: transparent !important;
}

.disabled .delete {
	display: none;
}

.disabled .option .download {
	right: 10px;
}

/* Disabled beeldmateriaal */
.beeldmateriaal.disabled {
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* Disabled tags */
.tags.disabled {
	background: none;

	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	border: 0;
}

.tags.disabled .close {
	display: none;
}

.tags.disabled span {
	padding: 0;
}

.tags.disabled.optionAdd {
	display: none;
}

/* Disabled blockGray */
.blockGray.disabled {
	border: 3px solid #fff;
	background: #f7f7f7;
}

.blockGray.disabled:after {
	bottom: -5px;
}

.blockGray.disabled .radio .option {
	padding-top: 0;
}

.blockGray.disabled .form-group.empty {
	text-align: left;
	border-top: 1px solid #e1e1e1;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.blockGray.disabled .form-group.empty .option {
	text-transform: initial;
}

/* Disabled extended-group */
.extended-group.disabled {
	border: 3px solid #fff;
	background: #f9f9f9;
}

.extended-group.disabled .form-group {
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}



/* Medische beschrijving */
.medischesituatie {background: #1e1e1e;}
.medischesituatie .header {display:none;}
/* ---------------- */


/* Incident rapport */
.incidentrapport {
	background: #1e1e1e;
	display: block;
	width: 100%;
	height: auto;
}

.incidentrapport .header {
	display: none;
}

.incidentrapport .content {
	width: 780px;
}

.incidentrapport .dropSwitchData {
	background: #e6e6e6;
	padding-left: 30px;
	padding-right: 30px;
}

.incidentrapport .incidentContent h3 {
	font-size: 25px;
	margin: 0 0 1em 0;
}

.incidentrapport .incidentContent .alert h3 {
	font-size: 18px;
}

.incidentrapport .incidentContent .title {padding-left:10px;
	font-size: 18px !important;
	text-align: left !important;
	margin: 0 !important;
}

.incidentrapport .incidentContent .memberList li a {
	color: #fff;
}

.incidentrapport .incidentHeader {
	background: #ffe600;
	display: block;
	width: 100%;
	padding: 20px 0;
}

.incidentrapport .incidentHeader .image {
	display: inline-block;
	margin-right: 30px;
	position: relative;
}

.incidentrapport .incidentHeader .image .noticeLarger {
	top: 0;
	right: -25px;
}

.incidentrapport .incidentHeader .image img {
	max-width: 80px;
}

.incidentrapport .incidentHeader .title {
	display: inline-block;
	font-size: 30px;
	padding-top: 5px;
  text-transform:capitalize;
}

.incidentrapport .incidentHeader .title small {
	display: block;
	font-size: 20px;
}

.incidentrapport .incidentHeader .close {
	background-image: url("img/close.png");
	background-repeat: no-repeat;
	background-size: 40px;
	width: 40px;
	height: 40px;
	display: inline-block;
	float: right;
}

.incidentrapport .incidentContent .form .accordion {
	text-align: center;
  margin-top:40px;
}

.incidentrapport .incidentContent .form .formStepSubmit {
	padding: 16px 25px;
}

.incidentrapport .incidentContent .form .form-group.open:not(.noDarkBG) .option,
.incidentrapport .incidentContent .form .form-group.darkBG:not(.noDarkBG) .option,
.incidentrapport .incidentContent .form .form-group.open:not(.noDarkBG) label,
.incidentrapport .incidentContent .form .form-group.open:not(.noDarkBG) .divider {
	color: #ffe600;
}

.incidentrapport .incidentContent .accordion .memberList li {
	width: 100px;
}

/* -------------------------------- */
.loadPage {display: none; background: #1e1e1e; position: absolute; width: 100%; height: 100%; z-index: 1500; overflow-y: scroll;}
.loadPage .incidentrapport { min-height: 1000px;}

.underlined { text-decoration: underline; }
.header .nav-back {width: 120px;}
.content .title h3 { font-size: 18px; }
.error.icon,
.content .title .error {background-image: url("img/image-notice.png"); background-repeat: no-repeat; width: 30px; height: 30px; display: inline-block; margin-right: 15px;}

.image .error.icon{top:15px; right: 15px; position: absolute;}
.avatar .error.icon{position: absolute;top: 15px; right:15px;}

.centerTekst {
	text-align: center;
	margin: 0 auto;
}

.whiteTekst {
	color: #fff;
}

.star {
  background-image: url(img/schipper-star.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 23px;
  height: 23px;
  position: absolute;
  left: 5px;
  top: 5px;
  margin-right: 5px;
}

.notice {
	background-image: url("img/image-notice.png");
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 5px;
	top: 10px;
	margin-right: 5px;
}

.noticeLarger {
	background-image: url("img/image-notice-large.png");
	background-repeat: no-repeat;
	width: 41px;
	height: 40px;
	position: absolute;
	right: 5px;
	top: 10px;
	margin-right: 5px;
}

.openNotice {
	cursor: pointer;
}

.blockGray {
	background: #f5f5f5;
	margin: 0 0 30px 0;
}

.blockGray .image {
	display: inline-block;
	width: 226px;/*355px;*/
	height: 180px;/*355px;*/
	position: relative;
	background-repeat: no-repeat;
      /*background-size: contain;*/
      background-size: cover;
    background-position: center center;
}

.blockGray .image .overlayGradient {
	background-image: url("img/gradient-overlay.png");
	height: 75px;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	padding-top: 75px;
}

.blockGray .image .overlayGradient .title {
	font-size: 25px;
	margin: 0;
}

.blockGray .image .overlayGradient .subtitle {
	text-transform: uppercase;
}

.blockGray .image .overlayGradient .title,
.blockGray .image .overlayGradient .subtitle {
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}

.materiaalItems.bemanning .blockGray .bemanning {
	display: inline-table;/*inline-block;*/
}
.blockGray .bemanning-container {
display: inline-block;
	width: 486px;
	min-height: 171px;
	  overflow-y: auto;
	  overflow-x:hidden;
    max-height: 180px;	
}
.blockGray .bemanning {
	display: inline-block;
	width: 486px;
	min-height: 171px;
}

.blockGray hr {
	margin: 0;
	border: 0;
	border-top: 1px solid #e5e5e5
}

/* Buttons */
.buttons {
	margin: 0 auto;
	width: 400px;
	text-align: center;
}

.buttons .centerTekst {
	width: 290px;
}

a.addButton {
	color: #1e1e1e;
}

.addButton {
	text-transform: uppercase;
	color: #1e1e1e;
	font-size: 15px;

	background-image: url("img/buttons.png");
	background-repeat: no-repeat;
	background-position: center top;

	width: 107px;
	height: 40px;
	display: inline-block;

	vertical-align: bottom;
	padding: 115px 15px 0 15px;
}

.addButton.materiaal {
	background-image: url("img/button-materiaal.png");
	background-repeat: no-repeat;
	background-size: 104px 104px;
}

.addButton.station {
	background-image: url("img/button-station.png");
	background-repeat: no-repeat;
	background-size: 104px 104px;
}

/* Tags */
.optionTitle {
	font-size: 18px;
	margin-bottom: 10px;
}

.tags.optionData {
	display: inline-block;
  margin: 0 10px 15px 0;
  background-color: #fff;
  background-image: url("img/list-background.png");
  background-repeat: repeat-x;
  font-size: 18px;
  border-bottom: 1px solid #c9c9c9;
}

.tags.optionAdd {
	display: inline-block;
  margin: 0 10px 15px 0;
  background-color: #fff;
  background-image: url("img/list-background.png");
  background-repeat: repeat-x;
  font-size: 18px;
  border-bottom: 1px solid #c9c9c9;
}

.tags.optionAdd a {
	background-image: url("img/plus.png");
	background-repeat: no-repeat;
	background-position: center center;
	width: 55px;
	height: 54px;
	display: block;
}

.tags.optionData span,
.tags.optionData input {
	display: inline-block;
	padding: 15px 10px;
}

.tags.optionData .close {
	background-image: url("img/close.png");
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	display: inline-block;
	margin-top: 7px;
	padding-right: 10px;
	position: relative;
	top: 0;
	right: 0;
}


/* Block list item */
.memberList {
	margin: 1px 6px 0 6px;
	/*margin: 10px 6px 0 6px;*/
	padding: 0;
	list-style-type: none;
}

.materiaalItems.bemanning .bemanning .memberList {
	display:table-cell;
	vertical-align:middle;	
}
.blockGray .bemanning .memberList {
	max-height: 345px;
	overflow: auto;
}

.alert .memberList {
	width: 735px;
	margin: 15px auto 0;
}

.usedEquipment .memberList li {
	width: 60px;
	padding: 2px 0px 2px 8px;
	font-size: 7px;
}

.memberList li {
	display: inline-block;
	width: 104px;
	text-align: center;
  padding: 10px 13px 10px 13px;
	position: relative;
	font-size: 12px;
}

.alert .memberList li {
	width: 150px;
	padding: 10px 15px;
	font-size: 18px;
}

.alert.materiaal .memberList li {
	width: 165px;
	padding: 10px 3px;
	margin-right: 10px;
}

.alert .memberList li.selected a:after {	
	background-image: url("img/selected-large.png");	
	background-repeat: no-repeat;	
	content: "";	
	position: absolute;  
	top: 20px;  
	left: 37px;
	width: 106px;	
	height: 106px;
}

.alert.materiaal .memberList li.selected a:after {
	background-image: url("img/selected-large-square.png");
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	top: 20px;
	left: 13px;
	width: 145px;
	height: 106px;
}

.materiaalItems .memberList:not(.largeItems) li a {font-size:7px;}
.memberList li a {
	color: #1e1e1e;
}

.memberList li.add a {
	text-transform: uppercase;
}

.betrokkenpersonen .memberList li .avatar {margin: 0 auto;}
.memberList li .avatar {
	height: 115px;
	width:101px;
}
.bemanning .memberList:not(.largeItems) li .avatar{
  height: 60px;
  width: 60px;
  margin-bottom: 4px;
}
.bemanning .memberList:not(.largeItems) li .avatar img {
    width: 100%;
    height: 100%;

    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
}

.alert .memberList:not(.largeItems) li .avatar {
	height: 126px;
	width: 126px;
	margin:0 auto;
	padding-bottom: 10px;
}
.alert .memberList.equipmentList li .avatar {
	width: 165px;
	height: 115px;
	overflow: hidden;
}

.materiaalItems .memberList:not(.largeItems) li small {font-size: 7px;}
.memberList li small {
	text-transform: uppercase;
	display: block;
	color: #737373;
	font-size: 11px;/*11px;*/
}

/* Input field */
.input-field {
	display: inline-block;
	margin: 0 0 15px 0;
	background-color: #fff;
	background-image: url("img/list-background.png");
	background-repeat: repeat-x;
	border-bottom: 1px solid #c9c9c9;
	padding: 20px 15px;
	cursor: pointer;
	width: calc(100% - 30px);
	position: relative;
	border: 0;
	font-size: 18px;

  -webkit-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.25);
  box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.25);
}

.betrokken-materiaal.incidentreport .usedEquipment .input-field{
	padding-right: 100px;
	width: calc(100% - 115px);
	height:72px;
	resize: none;
}

.betrokken-materiaal.incidentreport .usedEquipment .checkbox{
	display: inline-block;
	float: right;
	margin-top: -100px;
	position: relative;
	margin-right: 5px;
}

.betrokken-materiaal.incidentreport .usedEquipment .checkbox label{
	width: 83px;
	display: inline-block;
	text-align: center;
}

.betrokken-materiaal.incidentreport .usedEquipment .optionalContent{
	margin-top: -22px;
	margin-bottom: 25px;
}

.input-field::-webkit-input-placeholder {
	color: #737373;
	font-style: italic;
	font-weight: 300;
}
.input-field::-moz-placeholder {
	color: #737373;
	font-style: italic;
	font-weight: 300;
}
.input-field:-moz-placeholder {   /* Older versions of Firefox */
	color: #737373;
	font-style: italic;
	font-weight: 300;
}
.input-field:-ms-input-placeholder {
	color: #737373;
	font-style: italic;
	font-weight: 300;
}

.radio .input-field {
	margin: 20px 0 0 0;
}

/* Disabled */
.radio input[type="radio"][disabled] + label span {
	background-image: url("img/radio-buttons-disabled.png");
	width: 30px;
	height: 30px;
	background-size: 30px;
	background-position: 0 0;
}

.radio input[type="radio"][disabled]:checked + label span {
	background-position: 0 -30px;
}

/* Extended group */
.extended-group {
	background: #e0e0e0;
	border: 3px solid #fff;
	position: relative;

	-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
	margin: 0 0 30px 0;
}

.extraData.extended-group.large .data {width:645px !important;}
.extended-group.large .data {
	width: 590px;
	padding: 9px 10px 8px 10px;
}

.extended-group .option {
	display: inline-block;
	width: 249px;
	background: #f9f9f9;
	text-align: center;
	padding: 15px 0;
	border-right: 1px solid rgba(0,0,0,0.3);
	position: relative;
}

.extended-group .form-group {
	margin: 0;
}

.extended-group .form-group .option {
	padding: 0;
	width: calc(100% - 20px);
	text-align: left;
	text-transform: initial;
	font-family: 'robotolight';
	border: none;
}

.extended-group .option .title {
	font-size: 25px;
	display: block;
	margin: 0;
}

.extended-group .option small {
	font-size: 14px;
	text-transform: uppercase;
}

/* Juro */
.input__label-content--juro {
	font-size: 11px;
      font-weight: bold;
}

textarea.input__field {
	padding: 5px 0 0 10px;
	height: 100%;
	resize: none;
}

.textarea .input__label-content--juro {
	padding: 6em 0;
}

.smallTextarea .input__label-content--juro {
	padding: 2.25em 0;
}

.extended-group .input__field {
	font-size: 18px;
}

.extended-group .input__field--juro {
	padding: 10px 0 10px 10px;
}

.extended .input__field--juro {
	text-align: right;
	right: 40px;
	top: -5px;
}

/* Form group */

.form-group.disabled {
	 /*padding: 20px 0 19px 0;*/
}

.form-group.disabled.empty .option {
	padding: 20px 0;
}

.form-group.disabled .option {
	/*padding: 10px 0 0 0;*/
}

.form-group.file {
	padding: 3px 0 2px 0;
}

.form-group.open {
	background-image: url("img/input-open-bg.png");
}

.form-group .option {
	text-transform: initial;
	display: inline-block;
	font-size: 18px;
	font-family: "robotobold";
	margin: 0 10px 0 10px;
	padding: 0;
}

.form-group .option .delete {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	background-image: url("img/delete-icon.png");
	  background-size: 40px;
}

/*.form-group .option .download {
	position: absolute;
	right: 60px;
	top: 10px;
	width: 40px;
	height: 40px;
	background-image: url("img/download-icon.png");
}*/

.form-group.empty .option {
	text-transform: uppercase;
	font-size: 15px;
}

.form-group.open label {
	margin: 0 10px 0 40px;
	font-size: 18px;
	padding-top: 15px;
	display: inline-block;
}

.form-group.open .option,
.form-group.open label,
.form-group.open .divider {
	color: #fff;
}

.form-group .option {
	display: inline-block;
}

.form-group.empty .option {
	width: 350px;
}

.form-group.open .option {
	padding-top: 15px;
	width: 115px;
}

.form-group.open.empty .option {
	padding-top: 0;
}

.form-group.file .option span {
	display: block;
	padding-top: 3px;
}

.form-group.file .option small {
	font-size: 11px;
	color: #737373;
	font-family: "robotoblack";
}

.form-group.open label {
	text-indent: 0;
}

.form-group.dropSwitch label {
	margin: 0;
	text-indent: 0;
}

.form-group .divider {
	font-size: 18px;
	font-family: "robotolight";
}

.form-group.open .divider {
	padding-top: 15px;
	display: inline-block;
	width: 12px;
	text-align: center;
	font-size: 18px;
	font-family: "robotobold";
}

.form-group .divider {
	background-image: none;
}

.form-group .data {
	display: inline-block;
	width: 80%;
}

.form-group .data.fullWidth {
	display: block;
	width: 100%;
}


.form-group .data ul {
   list-style: none;
}

.form-group .data ul li:before {
  content: "•";
  font-size: 100%;
  padding-right: 10px;
  margin-left: -1em;
}

.form-group .data ul {
	margin: 2px 0 0 30px;
	/*list-style-type: disc;*/
}

.form-group .data .unstyled {
	list-style-type: none;
	margin: 0 0 0 15px;
}

.form-group .data .unstyled li:before {
	content: "- ";
}

.form-group .data ul li {
	padding: 0;
	font-size: 18px;
	font-family: "robotolight";
}

.form-group.empty .data {
	display: none;
}

.form-group .data .small-input.four {
	width: 55px;
}

.form-group .data .small-input:focus {
	box-shadow: inset 0 0 0 3px #ff9b0d;
	-moz-box-shadow: inset 0 0 0 3px #ff9b0d;
	-webkit-box-shadow: inset 0 0 0 3px #ff9b0d;
	-ms-box-shadow: inset 0 0 0 3px #ff9b0d;
}

.form-group.open .data .select {
   background-image: url("../../css/img/input-after.png");
   background-repeat: no-repeat;
   background-position: center bottom;
   height: 60px;
   width: 50px;
   display: inline-block;
}

.form-group .arrowB {
	background-image: url("img/arrow-black.png");
	background-repeat: no-repeat;
	  background-size: 22px 24px;
}

.form-group .arrowB.arrowUp {
	background-position: 0 0;
}

.form-group .arrowB.arrowDown {
	background-position: 0 -12px;
}

.form-group .arrowW {
	background-image: url("img/arrow-white.png");
	background-repeat: no-repeat;
	  background-size: 22px 24px;
}

.form-group .arrowW.arrowUp {
	background-position: 0 0;
}

.form-group .arrowW.arrowDown {
	background-position: 0 -12px;
}

.form .formStepSubmit {
    margin: 40px auto 35px;
	position: relative;
}

.form .formStepSubmit .button {
	position: absolute;
	width: 28px;
	height: 27px;
	display: inline-block;
	right: 10px;
	top: 9px;
}

.form .formStepSubmit .button.addBemanning {
	background: url("img/bemanning-orange.png") no-repeat center center;
}

.form .formStepSubmit .button.addMateriaal {
	background: url("img/materiaal-orange.png") no-repeat center center;
	top: 11px;
}

.form .formStepSubmit.whiteSubmit {
	background: #ffffff;
	color: #1e1e1e;
}



/* Dropswitch data */
.dropSwitch.mainItem .option .delete {
	display: none;
}

.dropSwitchData {
	display: none;
	background: #f9f9f9;
	position: relative;
	top: -15px;
	padding: 25px 10px;
}

.radio.radioExtended:not(.noExtendSpacing) {
	margin: 0;
	padding: 15px 10px;
	border-top: 1px solid #e5e5e5;
}

.radio.extend:not(.noExtendSpacing) {
	background: #e0e0e0;
	margin: 0;
	border-top: 1px solid #c9c9c9;
}

/* Alert */
.alert {
	display: none;
	margin: 0 auto;
	left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 90%;
  max-height: 90%;
	background: #e6e6e6;
	position: fixed;
	width: 600px;
	z-index: 12;
	overflow:auto;

}
.alert.bemanning .alertBlock{  padding: 20px 77px;}
.alert.bemanning .alertBlock .col-100{  padding-left:0px;}
.alert.bemanning {
	width: 893px;
	background: #ffffff;
	/*top: 50px;
	left: calc(50% - 500px);
	position: absolute;*/
}


.alert.medisch {
	width: 1040px;
}
.alert.materiaal .alertBlock .col-100{padding-left:0;}
.alert.materiaal {  overflow-x: hidden;
	width: 883px;
	background: #ffffff;
	/*
	left: calc(50% - 500px);

	top: 50px;
	position: absolute;*/
}

.alert.member,
.alert.noticeAlert,
.alert.materiaalOptie {
	width: 470px;	background: #ffffff;
	/*left: calc(50% - 235px);

	top: 50px;
	position: absolute;*/
}

.memberConditional {display:none;}
.memberConditional.show {display:block;}
.alert.member.medicalConfirm {
	width:550px;	
}



.alert .alertBlock {
	padding: 20px;
}

.alert .grayBlock {
	background: #e6e6e6;
	padding: 20px 40px;
}

.alert.materiaal .dropSwitchData{  padding: 25px;}
.alert.materiaal .checkbox span{ margin-right: 10px; margin-bottom:5px; }
.alert.materiaal .checkbox{ width: 45%;  display: inline-block;}
.alert.materiaal .alertBlock{  padding: 20px 75px;}
.alert.bemanning .alertBlock h3,
.alert.materiaalOptie .alertBlock h3,
.alert.materiaal .alertBlock h3 {
	font-size: 30px;
}

.alert .alertBlock h3.center {
	text-align: center;
}

.alert .alertBlock h3 small {
	text-transform: uppercase;
	font-size: 15px;
	display: block;
}

.alert .alertBlock .alertBtn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #000000 0%, #262626 100%) repeat scroll 0 0;
    border: 3px solid #cacaca;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin: 0 10px;
    padding: 15px;
    text-decoration: none;
    text-transform: uppercase;
    width: 70px;
}

.alert .close {
	background-image: url("img/close.png");
	background-repeat: no-repeat;
	display: inline-block;
	width: 40px;
	height: 40px;

	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	background-size:40px;
}

.alert .formStepSubmit {
	padding: 16px 25px 16px 25px;
}

.alert .formStepSubmit.hasMaterial,
.alert .formStepSubmit.hasMembers {
	padding: 16px 60px 16px 25px;
}

.alert.member .formStepSubmit,
.alert.noticeAlert .formStepSubmit,
.alert.materiaalOptie .formStepSubmit {
	display: block;
	width: 100%;
	padding: 10px 25px;
	margin: 25px 0;
}

.alert.member .grayBlock,
.alert.materiaalOptie .grayBlock,
.alert.noticeAlert .grayBlock {
	padding: 20px 60px;
}

.alert.member .notice,
.alert.materiaalOptie .notice,
.alert.noticeAlert .notice {
	top: 5px;
}

.alert .memberData .image {
	display: inline-block;
	margin-right: 10px;
}

.alert .memberData .image img {
	max-width: 80px;
}

.alert .memberData .title {
	display: inline-block;
	font-size: 20px;
	padding-top: 15px;
	margin: 0 !important;
	text-align: left;
	text-transform: capitalize;
}

.alert.materiaalOptie .memberData .title {
	padding-top: 10px;
}

.alert .memberData .title small {
	display: block;
	text-transform: uppercase;
	font-size: 15px;
	color: #737373;
}

/* Autocomplete */
/*.item-interact .item {z-index:100;cursor:pointer;position:relative;display:inline-block;width:30px;height:30px;background:#fff;box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.25);box-sizing:border-box;}
.item-interact .item .icon {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-size:cover;}
.item-interact .item.delete .icon {width:18px;height:19px;background-image:url('img/deleteIcon.png');}
.item-interact .item.remove .icon {width:15px;height:15px;background-image:url('img/removeIcon.png');}
.item-interact .item.download .icon {width:17px;height:16px;background-image:url('img/downloadIcon.png');}
.item-interact .item:last-child {margin-left: 20px;}

.input .item-interact {position:absolute;top:15px;right:15px;}

.autocomplete-fill {
	margin-top: 10px;
	width:100%;
	border-radius:3px;
	background-color:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}

.autocomplete-fill .result {
	padding:20px;
	color:#737373;
	font-family:'robotolight';
	border-bottom:1px solid #e6e6e6;
}

.autocomplete-fill .result:hover {
	cursor: pointer;
}

.autocomplete-fill .result strong{font-family:'robotobold';color:#1e1e1e;}
.autocomplete-fill .autocompleteText {display: inline-block; padding-top: 10px;}
.autocomplete-fill .avatar {display: inline-block; margin-right: 10px;}
.autocomplete-fill .avatar img {max-width: 40px;}*/

.select .small-input {
	background: #ffffff;
	padding: 10px;
}

/* Radio */
.radio {
	padding: 10px 0;
}

.largetext .radio label {margin: 15px 0;    display: block;}
.largetext .radio .input-data {float:none;}

/* Comments */
.alert.medisch .comment {right:-45px;}
.comment {
	position: absolute;
	right: -85px;
	top: 0;
	/*z-index: 5;*/
}

.comment .comment-icon {
	width: 56px;
	height: 57px;
	float: right;
	background-image: url("img/comment-state.png");
	background-size: 56px;
}

.comment .comment-icon:hover {
	cursor: pointer;
}

.comment.comment-orange .comment-icon {
	background-position: 0 -57px;
}

.comment.comment-gray .comment-icon {
	background-position: 0 0;
}

.comment.comment-black .comment-icon {
	background-position: 0 -114px;
}

.comment .popup {
	display: none;
	position: absolute;
	font-size: 15px;

	z-index: 1500;

	padding: 0 5px;
	left: -360px;
}

.comment .popup-inner {
	width: 330px;
	padding: 15px 5px 15px 15px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: rgba(0,0,0,0.8);
	text-align: left;
	margin-top: -25px;

	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-ms-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);

	position: relative;
}

.comment .popup-inner .avatar {
	display: inline-block;
	width: 50px;
	margin-right: 10px;
	margin-top: 3px;
}

.comment .popup-inner .avatar img {
	max-width: 50px;
}

.comment .popup-inner .opmerking {
	display: inline-block;
	width: 255px;
	font-family: "robotolight";
}

.comment .popup-inner .title {
	font-size: 15px;
	margin: 0;
	text-align: left;
	color: #ff9600;
}

.comment .popup-inner:after,
.comment .popup-inner:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.comment .popup-inner:after {
	border-color: rgba(89, 89, 89, 0);
	border-left-color: rgba(0,0,0,0);
	border-width: 10px;
	margin-top: -10px;
}

.comment .popup-inner:before {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: rgba(0,0,0,0.8);
	border-width: 14px;
	margin-top: -14px;
}

.comment .popup-inner.addComment {
	background: #ff9600;
	margin-top: -65px;

	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-ms-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);

	border: 1px solid #fff;
}

.comment-orange .popup-inner.addComment {
	margin-top: 0;
}

.comment .popup-inner.addComment:before {
	border-left-color: #fff;
	border-width: 12px;
	margin-top: -12px;
}

.comment .popup-inner.addComment:after {
	border-left-color: #ff9600;
}

.comment-orange .popup-inner.addComment:after,
.comment-orange .popup-inner.addComment:before {
	border-width: 0;
}

.comment .popup-inner.addComment .input {
	width: 96%;
}

.comment .popup-inner.addComment .textarea .input__label-content--juro {
	padding: 3em 0;
}

.comment .popup-inner.addComment .form {
	text-align: center;
	width: 96%;
}

.comment .popup-inner.addComment .formStepSubmit {
	display: inline-block;
	height: auto;
	margin: 0;
	padding: 10px 0;
	width: 110px;
	text-align: center;
	font-size: 11px;

	-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 0 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 0 5px rgba(0,0,0,0.1);
}

.comment .popup-inner.addComment a.formStepSubmit {
	margin: 0 40px 0 0;
}

.removePadding {
	padding: 0;
}

.removeMargin {
	margin: 0 !important;
}

.topMargin {
	margin: 5px 0 0 0;
}

.smallMargin {
	margin: 5px 0;
}


.betrokken-materiaal .form-group {  /*  background-image: url("../css/img/input-open-bg.png");  color:#fff;*/}
.betrokken-materiaal .accordion .accordion-item .arrow.arrowUp{cursor: pointer;  position: absolute;  left: 30px;  top: 25px;  width: 26px; height: 12px;  background-image: url("../css/img/arrow-white.png");background-repeat: no-repeat;  z-index: 4;}
.betrokken-materiaal .beeldmateriaal{width:100%;height:270px;}
.betrokken-materiaal .beeldmateriaal img{width:100%;height:100%;}

.betrokken-materiaal .content.container{width:800px;}
.betrokken-materiaal .content.container .sections{width:800px;}

.betrokken-materiaal .accordion .accordion-content {   padding: 25px 17px;}

.betrokken-materiaal .radio .option{}

.betrokken-materiaal .formStepSubmit{  cursor:pointer; background: url("../css/img/submit-btn.png") repeat-x center center;  box-shadow: 0 0 0 5px rgba(0,0,0,0.3);  -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.3);  -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.3);  -ms-box-shadow: 0 0 0 5px rgba(0,0,0,0.3);  border: 1px solid rgba(255,255,255,0.2);  color: #fff;  display: block;  font-family: "robotobold",sans-serif;  font-size: 15px;  margin: 25px auto 0;  padding: 13px 30px;text-transform: uppercase;}

.betrokken-materiaal .alert{display:none;width:471px;}
.betrokken-materiaal .alert .alertHeader{background-color:#fff;height:90px;padding-left:20px;}

.betrokken-materiaal .alert .alertHeader h3{display:inline-block;  font-family: "robotobold",sans-serif;  font-size: 20px;  padding-top: 30px;  width: 350px;  margin-left:10px;  margin-bottom: 20px;}

.alert .alertHeader .addMaterial{   margin-top: 23px; display: inline-block;background-image:url('img/add-material.png');width:44px;height:44px;background-size:contain;}
.betrokken-materiaal .alert .close {  top: 15px;}
.betrokken-materiaal .alert .form .formStepSubmit{padding:13px 60px;}
.betrokken-materiaal .alert .alertBlock {padding-bottom:35px;}

.bevestig .well.largeWell{/*height:466px;*/height: 494px;}
.bevestig .well.largeWell .container{height:325px;font-size:0;}
.bevestig .largeWell .textBlock {padding:17px 50px 0px 30px;height:308px;  position: relative;}
.bevestig .largeWell .textBlock .station {color: #000;font-size: 15px; display:none;}
.largeWell .textBlock .textBlockFooter {position:absolute;bottom:21px;}
.textBlockFooter .nummer{font-family:'robotoregular';font-size:11px; }

.latlonspace {
    width: 100px;
    display: inline-block;	
}

.bevestig .content .stepContent .item .populated {margin-top:8px;}

.bevestig .content .introText {font-size:18px;width:675px;text-align:center; margin:38px auto;}
.bevestig .content {width:740px;margin: 0 auto;}
.bevestig .form-group:not(.hasTextarea){text-align:left;padding-left:70px;  height: 30px;  border: 1px solid #000;width:650px;}
.bevestig .form-group .option .meldingText{  font-size: 18px;  font-family: 'robotobold';text-transform:none}
.bevestig .form-group .option .melding {  position: absolute;  left: 14px;  top: 14px;background-size:contain;width:41px;height:41px;}
.bevestig .form-group .option .melding.uitroepteken{background-image:url('img/melding-uitroepteken.png');}
.bevestig .form-group .option .melding.vink{background-image:url('img/melding-vink.png');}
.bevestig .form-group .option .edit{position:absolute;right:26px;top:26px; font-family: 'robotobold';color:#fff;}

.bevestig:not(.anwb) .formStepSubmit{ position:relative; cursor: pointer;  background: url("../css/img/submit-btn.png") repeat-x center center;box-shadow: 0 0 0 5px rgba(0,0,0,0.3);  -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.3);  -ms-box-shadow: 0 0 0 5px rgba(0,0,0,0.3);border: 1px solid rgba(255,255,255,0.2);  color: #fff;  display: block;  font-family: "robotobold",sans-serif;  font-size: 15px; margin: 25px auto 0;  padding: 13px 30px;  text-transform: uppercase;}
.bevestig .formStepSubmit.disabledButton,
.bevestig .formStepSubmit.disableHOD{opacity:0.15;pointer-events:none;}
.bevestig .formStepSubmit.big{width:340px;}
.formStepSubmit .arrowUpBig{width:23px;height:23px;position:absolute;background-size:contain;top:10px;right:22px;background-image:url('img/arrow-up-big.png');}

.bevestig .formStepSubmit.whiteSubmit{background:#fff;color:#1e1e1e;}
.bevestig .formStepSubmit.whiteSubmit.navButton {
	display: block;
	width: 180px;
	margin: 0 auto;
	margin-top: 25px;
	text-align: center;	
}
.bevestig .well .imageBlock .wellOverlay{position:absolute;left:0;top:0;display:block; z-index:9;  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;height: 100%;}
.bevestig .imageBlock a{z-index:10;}
.bevestig .imageBlock .status{display:block; font-family:'robotobold';z-index:5;position: absolute;  left: 120px; right: 50px;  top: 140px;color:#fff;font-size:30px;text-align:center;}
.bevestig .imageBlock .status .status-icon {  background-repeat:no-repeat; margin-top: 7px; margin-right:15px;display: inline-block;width:30px;height:30px;background-size:contain;}
.bevestig .imageBlock .status .status-icon.disapprove{background-image:url('img/status-disapproved.png');}
.bevestig .imageBlock .status .status-icon.sent_survey{background-image:url('img/arrow-up-big.png');}
.bevestig .imageBlock .status .status-icon.new{background-image:url('img/arrow-up-big.png');}
.bevestig .imageBlock .status .status-icon.reviewed{background-image:url('img/published.png')}
.bevestig .imageBlock .status .status-icon.accepted{background-image:url('img/published.png')}

.alert.whiteBG{display:none;background-color:#fff;width:465px;height:205px;/*left: calc(50% - 233px);*/}
.alert.whiteBG.doubleButton{display:none;background-color:#fff;width:465px;height:270px;/*left: calc(50% - 233px);*/}

.alert.whiteBG.bigger {
	height: auto;
	padding-bottom: 20px;	
}
.alert.whiteBG .alertBlock h3{margin-top:20px;color:#000;font-family:'robotolight';font-size:20px;width:200px;text-align:center;margin:auto;}
.alert.whiteBG .form .formStepSubmit{width: 265px;margin-top: 40px;display: block;text-align: center;}

.alert.whiteBG.publishSurvey .form .formStepSubmitX{
	width: 265px;
	display: block;
	text-align: center;
	padding: 16px 25px 16px 25px;
	margin: 40px auto 35px;
	margin-top: 40px;
	position: relative;
	background: rgba(0, 0, 0, 0) url("img/submit-btn.png") repeat-x scroll center center;
	box-shadow: 0 0 0 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 0 0 5px rgba(0,0,0,0.3);
	border: 1px solid rgba(255,255,255,0.2);
	color: #fff;
	font-family: "robotobold",sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}

.alert.removeReportConfirm {
	height:300px;	
}

.bevestig .well .wellOverlayBig{position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.7);}
.bevestig .well .container{position:absolute;  left: calc(50% - 480px);}
.bevestig .well .containerStap{z-index: 1;text-align:center;margin: auto;  width: 900px;  position: relative;}
/*
.bevestig .well .containerStap .subTitle{ font-family:'robotobold';  text-align: center;  font-size: 35px;  color: #ff8d1c;  margin: 0;}
.bevestig .well .containerStap .step.active {  background: #fff;  opacity: 1;}
.bevestig .well .containerStap .step {margin:auto;  background: #fff;  width: 6px;height: 6px;  display: inline-block;   margin: 3px 7px 0 0;}

.bevestig .well .pageTitle{  color: #fff;  font-size: 11px;  text-transform: uppercase;  margin: 0 auto;}
*/
.bevestig .editButton{width:80px; height:26px;font-family:'robotobold';font-size:13px; cursor:pointer;border: 1px solid rgba(255,255,255,1);border-radius: 6px;text-align:center;position:absolute;text-transform:uppercase;top:29px;right:25px;line-height:26px;}
.bevestig .form-group.no-border{border:none;padding:0;min-height:96px;width:100%;padding-top:15px;}
.bevestig .form-group.no-border .liveEdit{color:#737373;}

.hod-stamp.disabled {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.hod-stamp .option-info {
  float: right;
  margin: 12px 0px;	
}
.bevestig .hod-stamp .radio {
	padding: 7px 15px;
	/*padding: 0px;*/
}

.hod-stamp .checkbox input[type="checkbox"][disabled] + label span {opacity:0.4;pointer-events:none;}
.hod-stamp .checkbox input[type="checkbox"]:checked + label span {background-position: 0 -18px;}
.hod-stamp .checkbox {margin: 0;display:inline-block;}
.hod-stamp .checkbox input[type="checkbox"] + label span {
	background-size: 18px;
	width: 18px;
	height: 18px;
	margin:3px 0px;
}
.hod-stamp .input--juro {margin-top: 5px;}
.hod-stamp .form.hasOptionalFields {margin: 0;}
.hod-stamp .item .radio {margin-left:8px;}
.hod-stamp .radio input[type="radio"] + label { font-size:17px; }
.hod-stamp .radio input[type="radio"][disabled] + label span {background-position: 0 0;}
.hod-stamp .radio input[type="radio"][disabled]:checked + label span {background-position: 0 -18px;}
.hod-stamp .radio input[type="radio"]:checked + label span {background-position: 0 0px;}
.hod-stamp .radio input[type="radio"] + label span {
	margin: 3px 0px;
	padding:0;
	width:18px;
	height:18px;
	background-size: 18px;
	margin-right:8px;
	background-position: 0 -18px;
}

.bevestig .errorBlock{background-color:#f8f8f8;  background-color: #f8f8f8;  width: 720px;  position: relative;  margin-top: -7px; width:100%;}
.bevestig .errorBlock .errorTitle{font-family: "robotobold";  font-size: 15px;  padding-top: 5px;display: inline-block;}
.bevestig .commentText{background:transparent;border:none;width:100%;height:100%;resize:none;-moz-resize:none;}
.bevestig .radio{background: #fd9526;padding: 8px 0;padding-left: 12px;position: relative;}
.bevestig .col-100{margin-top:0;  margin-bottom: 0;}

.bevestig .attention-icon{
    display: inline-block;
    background-image: url(img/bevestig-attention.png);
    position: relative;
    width: 40px;
    height: 40px;
    background-size: contain;
    margin-right: 10px;
    /* left: 10px; */
    /* top: 13px; */	
}
.bevestig .errorBlock .radio {margin-left:60px;}

.container.meldingenalarmering .small-input.dropDownTextCenter {background-color:white}

.container .subTitle .information-icon,
.containerStap .subTitle .information-icon{display:inline-block;background-image:url('img/information.png');width:30px;height:30px; background-size:contain;left:10px;top:13px;cursor:pointer;}

.bevestig .editButton.dark{background-color:#1e1e1e;color:#fff;}
.incidentrapport .editButton.dark{top:5px !important}

.bevestig .errorItems{margin-left:60px;}
.bevestig .errorItems ul{margin-left:20px;padding-bottom:24px;}
.bevestig .errorItems ul li{font-size:18px;}

.bevestig .content .item {
    display: block;
    position: relative;
    /*min-height: 10px;	*/
    font-size:17px;
}

span.lighter {    font-weight: 100;}
.bevestig .content .stepContent {
		background: #fff;
    margin: 5px 0 13px;
    padding: 18px;	
}
.bevestig .content .stepContent .wrapper {
    display: inline-block;
    width: 49%;
}
.bevestig .content .hilight  {
	color: #fd9526;
}
.bevestig .content .item .col-100,
.bevestig .content .item .col-50,
.bevestig .content .item .col-33 {margin:0px;}
.bevestig .content .item .col-100 {text-align:left;}
.bevestig .content .item .col-50:nth-child(1) {font-weight:bold;/*white-space: nowrap;*/}
.bevestig .content .item.fullWidthValue .col-50:nth-child(1) {white-space: nowrap;}
.bevestig .content .item .col-50:nth-child(even) {/*text-align:right;*/}
.bevestig .content .item .col-33:nth-child(1) {font-weight:bold;}
.bevestig .content .item .col-33:nth-child(2) {text-align:center;}
.bevestig .content .item .col-33:nth-child(3) {text-align:right;}

.bevestig .subtitle {margin: 15px 0px;}
.bevestig .radio.nospacing,
.bevestig .radio.nospacing + hr {margin-left:0;margin-right:0;}

.save-status{position:absolute;right:150px;top:20px;}
.save-status .saveIcon{width:20px;height:20px;background-size:contain;displaY:inline-block;}
.save-status .saveIcon.saved{background-image:url('img/header-opgeslagen.png');}
.save-status .saveIcon.loading{background-image:url('img/loading.gif');}
.save-status .saveText{font-size:13px;font-family:'robotolight';margin-left:6px;}

.alert.doorsturen{height:252px;padding:35px;text-align:center;}
.alert.doorsturen .input{height:100px;margin-bottom:35px;}
.alert.doorsturen h3{font-family:'robotolight';font-size:20px;}
.alert.doorsturen .formStepSubmit{width:341px;}
.introTitle{text-align:center;margin-top:40px;font-size:18px;font-family:'robotobold'}

.editButton.darkBG{color:#000;top:14px;}
.bevestig .editButton.darkBG{color: #fff;top: 14px;}
.bevestig .form-group .option .uitroepteken-chat{background-image:url('img/chat-uitroepteken.png');width:30px;height:30px;top:20px;}

.secretariaat-buttons .formStepSubmit{display:inline-block;  padding: 8px 40px;  width: 210px;}
.secretariaat-buttons .formStepSubmit .smallButtonText{min-height:40px;margin-left:-50px;width:146px;text-align:center;display:inline-block;font-size:15px;}
.secretariaat-buttons .formStepSubmit:nth-child(2){margin-left:40px;}
.secretariaat-buttons .formStepSubmit:nth-child(3){margin-left:40px;}

.secretariaat-buttons.custom {  padding: 0px 5px;margin-top:35px;text-align: center;}
.secretariaat-buttons.custom .formStepSubmit {
  display: inline-table;
  padding: 8px 10px;
  width: 210px;
  height: 58px;
  margin: 0;
}
.secretariaat-buttons.custom .formStepSubmit .smallButtonText {
  min-height: 40px;
  margin-left: -50px;
  width: 146px;
  text-align: center;
  display: table-cell;
  font-size: 15px;
  vertical-align: middle;
}

.secretariaat-buttons.custom .formStepSubmit .arrowUpBig {
    width: 23px;
    height: 23px;
    position: absolute;
    background-size: contain;
    top: 16px;
    right: 22px;
    background-image: url(img/arrow-up-big.png);
}

.secretariaat-buttons.custom .formStepSubmit .arrowDownBig{width:23px;height:23px;position:absolute;background-size:contain;top:16px;right:22px;background-image:url('/css/img/arrow-down-big.png');}

.secretariaat-buttons.custom .formStepSubmit .iconAcceptBig{width:23px;height:23px;position:absolute;background-size:contain;top:16px;right:22px;background-image:url('/css/img/published.png');}

.button-status{  margin-top: 20px; }
.send-status{display:inline-block;width:210px;text-align:center;font-family:'robotolight';font-size:11px;text-transform: uppercase;}
.send-status:nth-child(2){margin-left:40px;}
.send-status:nth-child(3){margin-left:40px;}

.topInfoBorder {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #c8c8c8;
  box-shadow: 0 1px 0 #fff;
}
.topInfo {
	width:100%;
	padding-bottom:10px;
  line-height:13px;
  font-size:13px;
  font-family:'robotolight';
}

.topInfo .bold {
	font-size: 20px;
  display: inline-block;
  margin-top: 1px;
}
.liveEdit {font-size:18px;padding:0px 10px;cursor:text}

.form-media-collection {font-size:0;}
.form-media-collection .media {

  background-color: #fff;
      font-size: 15px;
      position: relative;
      width: 225px;
      height: 170px;
      display: inline-block;
      background-size: contain;
      margin-bottom: 20px;
      margin-right: 22px;
      background-position: center center;
      background-repeat: no-repeat;

}
.form-media-collection .media .media-tagline {display:none;}
.form-media-collection .media:hover .media-tagline {display:block;color:#fff;width:100%;background:rgba(0,0,0,0.7);padding:5px 9px;box-sizing:border-box;position:absolute;bottom:0;left:0;}
.form-media-collection .media .item-interact {text-align: right;padding: 15px;}
.form-media-collection .media:nth-child(3n) {margin-right:0;}
.form-media-collection .media-add {cursor:pointer;display:inline-table;box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.1);margin:5px;width:215px;height:160px;}
.form-media-collection .media-add .text{font-family: robotobold;display:table-cell;vertical-align:middle;font-size: 15px;  line-height: 15px;}

.item-interact .item {z-index:4; cursor:pointer;position:relative;display:inline-block;width:30px;height:30px;background:#fff;box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.25);box-sizing:border-box;}
.item-interact .item .icon {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-size:cover;}
.item-interact .item.delete .icon {width:18px;height:19px;background-image:url('img/deleteIcon.png');}
.item-interact .item.remove .icon {width:15px;height:15px;background-image:url('img/removeIcon.png');}
.item-interact .item.add .icon {width:15px;height:15px;background-size:contain;background-image:url('img/plus.png');}
.item-interact .item.download .icon {width:17px;height:16px;background-image:url('img/downloadIcon.png');}
.item-interact .item:last-child {margin-left: 20px;}

.input .item-interact {position:absolute;top:15px;right:15px;z-index:9;}

.form-file {   border-bottom: 1px solid #c9c9c9; background-color: #fff;position:relative;padding:10px 0px;background-image:none;}
.form-file .option {  margin: 0 10px 0 10px;width:auto;font-size:18px;  font-family: "robotolight";}
.form-file .option-size {font-size:11px;  font-family: "robotoblack";  margin: 0 10px;color:#737373;}
.form-file .item-interact {position:absolute;right:15px;top:15px;}
.controls {text-align: center;margin: 25px 0px;}
.defaultButton {
  position: relative;
  text-transform: uppercase;
  color: #1e1e1e;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a37', endColorstr='#ff8d1c',GradientType=0 );
  -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.1);
  display: inline-block;
  font-family: robotobold;
  font-size: 15px;
  padding: 15px 30px;
  cursor:pointer;
}

.absoluteCenter {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}

.gradientBackground {
	background: rgba(245,245,245,1);
	background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 44%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(44%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 44%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 44%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 44%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 44%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 );
}

.content .title.form-group-title {margin: 20px 0px;  font-family: robotobold;}
.content .title.form-group-smalltitle {font-size:18px !important;margin: 10px 0px !important;text-align:left !important;  font-family: robotobold;}


.alternate-background {background:#e0e0e0;padding:1px 0px;  margin: 35px 0px;}

.map-location {width:100%;height:300px;background-image:url('img/mapDummy.png');background-size:cover;}

.col-25 {
	width: 25%;
}
.col-25, .col-33 {
	position: relative;
	margin: 10px 0;
	padding-left: 10px;
	padding-right: 10px;
	float: left;

	/* BELANGRIJK */
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col-33 {
	width: 33.33%;
}

.autocomplete-fill {
	margin-top: 10px;
	width:100%;
	border-radius:3px;
	background-color:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	text-align: left;
}
.autocomplete-fill .result{
	padding:20px;
	color:#737373;
	font-family:'robotolight';
	border-bottom:1px solid #e6e6e6;
	font-size:18px;
	cursor: pointer;
}
.autocomplete-fill .result strong{font-family:'robotobold';color:#1e1e1e;}
.map-icon {width:14px;height:20px;background-size:cover;background-image:url('img/mapPointIcon.png');display:inline-block;}
.autocomplete-fill .map-icon {margin-right: 10px;}

.reddingsrapport .selects {margin: 10px 0px;}
.meldingenalarmering .col-100, .meldingenalarmering .col-50 {margin:0;}
.meldingenalarmering .col-100.ritnummer {margin-bottom:10px;padding-left: 9px;padding-right: 8px;}

.betrokken-materiaal .col-100, .betrokken-materiaal .col-50 { margin: 5px 0; }


.betrokken-materiaal .dummyLeft {margin-left: 50%;}

.meldingenalarmering .form-group .data:not(.fullWidth) {width:auto !important;float:right;margin-right:15px;}
.meldingenalarmering .form-group .option {width:auto}
.meldingenalarmering .form-group.open {
	background-color:#1e1e1e;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.extra-template{display:none;}

.incidentContent .form-group .data:not(.fullWidth) {}
.incidentContent .form-group .option {}


.form-group .extra {display:none;}
.form-group .extra-result {display:block;}
.form-group.open .extra-result {display:none;}
.form-group.open .extra {display:block;}
.extra .extra_field {padding:0 10px;}
.extra .extra_field label {margin:0 !important;padding-top:0px !important;color:#1e1e1e !important;}
.extra .input__label-content--juro {/*padding:1em 0;*/}
/*.extra .input--filled .input__label--juro .input__label-content--juro {padding-top:30px;font-size:13px;}*/

ul.inside {
	list-style-position: inside;
}

ul.inside li {
	background: url("img/listBullet.png") no-repeat left 10px;
  background-size: 4px;
  padding-left: 10px;
  margin-left: 10px;
  list-style: none;
  font-size:18px;
}


.alert.dialog {width:471px;  padding: 15px 0px; font-family:'robotolight'; font-size:20px;}
.alert.dialog form {margin:0;}
.alert.dialog .formStepSubmit{width:133px;  margin: 35px 15px 0px; display:inline-block;}
.alert.mediaAlert {width:897px;height:435px;/*left: calc(50% - 448px);*/}
.alert.mediaAlert .media{
  background-size: contain;
  width: 530px;
  height: 435px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #333333;
  background-position: center center;
  background-repeat: no-repeat;
}
.alert.mediaAlert .media .item-interact {text-align: right;padding: 15px;}
.alert.mediaAlert .alertContent {width:339px;height:485px;padding:65px 25px 25px 24px;position: absolute;top: -50px;right: 38px;box-sizing: border-box;overflow: hidden;}
.alert.mediaAlert .formStepSubmit,
.alert.mediaAlert .formSetStill {margin: 10px 6px;}
.alert.mediaAlert .formSetStill {width:212px;cursor:pointer;}

.alert.mediaAlert .alertContent .form-group {  box-sizing: border-box;height:241px;}
.alert.mediaAlert .alertContent form {margin: 0;}
.alert.mediaAlert .alertContent textarea {
	  width: 260px;
	  height: 210px;
	  border: 0;
	  background: transparent;
	  position: absolute;
	  top: 0;
	  left: 0;
	  resize: none;
	  padding: 15px;
	  font-family: robotolight;

	  font-size: 18px;
}
textarea::-webkit-input-placeholder { font-style: italic; }
textarea::-moz-placeholder { font-style: italic; }
textarea:-ms-input-placeholder { font-style: italic; }
textarea:-moz-placeholder { font-style: italic; }

.icon-textbubble {
  width: 17px;
  height: 16px;
  background: url('/html/css/img/textbubbleIcon.png');
  display: inline-block;
  background-size: cover;
  vertical-align: text-bottom;
  margin-right: 8px;
}

.accordion .form-group {padding: 20px 0;margin-bottom:0;}
.accordion .accordion-content {display:none;background-color:#e0e0e0;border:1px solid #fff;box-sizing:border-box;margin-top:-1px;padding:25px;    padding-bottom: 50px;}
.accordion .accordion-content .fixed-height {min-height:62px;}
.accordion .accordion-item.template {display:none;}
.accordion .memberList li {width: 200px;}
.accordion .accordion-content .checkbox,
.accordion .accordion-content .radio {margin-top:15px; text-align: left;}
.accordion .accordion-content .col-100.wider {padding:0;}

.sections.wider {width:780px;}
.alert.hulpverleners .alertBlock {padding:20px 85px;}
.alert.hulpverleners .alertBlock.selectReportPopup {padding:20px;}
.alert.hulpverleners .alertBlock .optionalContent {margin-left:60px;margin-right: -60px;}
.alert.hulpverleners {
  width: 896px;
  background: #ffffff;
 /* left: calc(50% - 448px);
  top: 50px;
  position: absolute;*/
}

.marginCenter {margin: 0 auto;}
.alert .formStepSubmit.noicon {padding:16px 25px 16px 25px;}
.noFloat {float:none;}

.extra_field .input.input--juro:not(.input--filled) .extra-title {padding:20px 0 !important;font-size:15px;}

.confirmDelete{width:400px;/*left:calc(50% - 200px);*/background: #fbfbfb;}
.confirmDelete h3{text-align:center; }
.confirmDelete .form{text-align: center; margin: 0;}
.confirmDelete .form .formStepSubmit { margin: 15px 0 0 0; padding: 10px 35px; }
.confirmDelete .form .formStepSubmit.deleteItem { margin-right: 50px; }

.beheer .checkbox {display:none;width:22px;height:22px;border:1px solid #2b78e4;background:#fff url(img/checkboxChecked.png) no-repeat center center;background-size:22px 22px;border-radius:50%;position:absolute;top:0;right:12px}
.beheer .checkbox.checked {background-color:#2b78e4}
.beheer .checkbox.visible {display:block}
.beheer .listViewItem .checkbox {top:10px}
.beheer .header{position:fixed;}
.tdLink {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 999;}

.selectOverlay {display:inline-block;position:relative;margin: 0px 6px;}
.selectOverlay .selectPlaceholder {
	position:absolute;top:0;left:0;right:0;bottom:0;background:red;	z-index:1;
	background: url("img/input-bg.png") repeat-x;
  background-color:#fff;

  line-height: 55px;
  text-align: center;
  font-family: "robotolight";
  font-size: 18px;
  pointer-events:none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
}
.selectOverlay:before {content:"";position:absolute;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;

	border-top: 5px solid black;
	z-index:2;
	bottom: 7px;
  left: 50%;
  margin-left: -3px;
}

.alert.reviewSurvey .formStepSubmit, .alert.linkSurvey .formStepSubmit{display:inline-block;}
.alert.reviewSurvey .hasTextarea textarea, .alert.linkSurvey .hasTextarea textarea{  width: 100%;  margin: 0;  border: 0;  box-sizing: border-box;  min-height: 200px;
  font-family: "robotolight", Helvetica, Arial, sans-serif;  font-size: 18px;  padding: 10px 5px; line-height: 30px;}
.alert.reviewSurvey .closeAlert, .alert.linkSurvey .closeAlert{margin-left:50px;}
.alert.reviewSurvey .hasTextarea, .alert.linkSurvey .hasTextarea{margin: 0 0 15px 0;  width: 100%;  position: relative;background-image: url("img/list-background.png");  background-repeat: repeat-x;  padding:0;cursor: pointer;}
.alert.reviewSurvey .form, .alert.linkSurvey .form{text-align: center;}

.alert.linkSurvey .checkbox input[type="checkbox"] + label span {
  background-size: 18px;
  width: 18px;
  height: 18px;
  margin: 3px 0px;
}

.alert.linkSurvey .checkbox input[type="checkbox"]:checked + label span {
  background-position: 0 -18px;
}

.alert.linkSurvey .newTextField{
	font-family: robotoregular, sans-serif;	
	text-rendering: optimizeLegibility;
}

.bevestig .alert.linkSurvey .subtitle {
  margin: 15px 0px 5px 0px;
}

.alert.linkSurvey .form:not(.survey) {
  margin: 0px 0 0;
}

.alert.linkSurvey .checkbox{
	margin-top:14px;
}



.memberList .add.hasAlert.disabled{display:none;}
.hasAlert.addButton.fontBold.materiaal.disabled{display:none;}

.bevestigLink{cursor:pointer;}

.action{padding-top:150px;margin:auto;}
.ANWB .action{padding:0;max-width:none;}
.pdfembed .action{padding:0;max-width:none;height:100vh;width:100vw;}
.pdfembed{overflow:hidden;}

.bevestigComments textarea{width:100%;padding:10px;box-sizing:border-box;}
.bevestigComments .userTitle{margin:10px 0 5px;display:block;}

.showMore .centerText .formStepSubmit{padding: 16px 25px 16px 25px;margin:25px auto;}

.newTextField{
	position:absolute;
	text-transform: uppercase;
	left: 50%;  
	top: 50%;  
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding:0;
}

.spacer{height:50px;}
.checkbox.checkBoxRight{text-align:right !important;}
.leftRadio .input-data{float:left;}
.hulpvrager .leftRadio{margin:0;}

.form .form-group.open .datetime-time label{margin:0 10px;}

.tijdstip .form .form-group.default .option {width:200px;}
.tijdstip .small-input {    padding-bottom: 20px;font-family: "robotobold" !important;font-size:15px;cursor:pointer;background-color:#fff;
	background-image:url('img/dropdown-select.png');background-size:9px 6px;background-repeat:no-repeat;background-position: 25px 42px;}


.tijdstip .small-input.two{padding-left:15px;}

.textAreaField{width: 100%; min-height:60px;   background: #ffffff url("../../css/img/list-background.png") repeat-x;margin: 0;  border: 0;  box-sizing: border-box;    font-family: "robotolight", Helvetica, Arial, sans-serif;
  font-size: 18px;  padding: 10px 5px 0;  line-height: 40px;}

.incidentrapport .input .hasTextarea {height:60px;}
.incidentrapport .form{margin: 0;}
.checkBoxFloatRight{float:right;}

.form-group .textLeft .data ul li{}

.profiel .resetPass .form .input-group{float:none;  display: block;  margin: 10px auto;}

.profiel .resetPass .form{ text-align: center;}
.profiel .content .container {width: 600px;}

.profileDetails .cropImageWrap { width: 400px; height: 400px; position: relative; margin: 60px auto; }
.cropImageWrap .closeIcon { position: absolute; top: 35px; right: 40px; }
.topIcon.closeIcon.white .icon { background: url('img/close-icon.png'); height: 40px; width: 40px; display: block;  background-size: cover; }
.profiel .cropImageWrap .zoomControls {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 32px;
  height: 63px;
  display: block;
}
.zoomControls .zoomControl {
  cursor: pointer;
  position: relative;
  width: 30px;
  height: 30px;
  background: rgba(0,0,0,0.75);
  margin: 1px;
}
.zoomControls .zoomControl.zoomIn .icon {
  background-image: url('img/whitePlus.png');
}
.zoomControls .zoomControl.zoomOut .icon {
  background-image: url('img/whiteMinus.png');
}
.zoomControls .zoomControl .icon {
  width: 12px;
  height: 12px;
  background-size: cover;
}
.vcenter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.overlay.nightModeOverlay {pointer-events:none;}
.beheer .sub-header{top:60px}
.beheer .sub-headerSpacer.big {  height: 121px;}
.beheer .inputElementContainer input[type=checkbox]{   -webkit-appearance: checkbox;}
.beheer .popupOverlay .sub-header.big.rightToolbar{top:0;}
.beheer .popupOverlay .sub-header.big.leftToolbar{top:0;}

#map,
.map { width: 100%; height: 300px; border: 1px solid #fff; }

.hulpvrager .accordion .memberList li{width:104px;}
.hulpbehoevenden  .accordion .memberList li{width:104px;}

.tijdstip .form-group.open .selectTagline{display:none;}

.meldingenalarmering .form-group.oorzaak{text-align:center;}


.meldingenalarmering .form-group.hasData.oorzaak{text-align:left;}

.meldingenalarmering .form-group.hasData.open.oorzaak .formData{display:none;}
.formData{font-size:18px;position:absolute;right:42px;top:20px;}
.dropDownTextCenter{ padding: 14px 15px;}
.content.container.locatie .dropDownTextCenter{ padding: 0px;}

.loginDiv .introText{text-align:center;margin:25px auto;width:300px;color:#fff;font-size:16px;}

.formSubmitted{color:#fff;font-size:16px;}
.formSubmitted .tagline{margin:10px;}


.form-group.selected{text-align:center;}
.form-group.selected .data{display:none}
.tijdstip .form .form-group:not(.selected):not(.hasAlert) .option {width:150px !important;}
.tijdstip .form .form-group:not(.selected):not(.hasAlert).open .option {width:120px !important;}
.form-group.selected .option {text-transform: uppercase;}

.tijdstip .form .form-group.default .option{margin:0 -1px 0 18px}
.tijdstip .form .form-group.open .option{margin:0 10px 0 18px}

.tijdLeft{  text-align: right;}

.tijdCenter{  text-align: center;}

.leaflet-bottom, .leaflet-top {z-index:0 !important}

.bgImage {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: no-repeat center top;
  background-size: cover;
}
.menu-ui {
  background:#fff;
  position:absolute;
  top:10px;right:10px;
  z-index:1;
  border-radius:3px;
  width:120px;
  border:1px solid rgba(0,0,0,0.4);
  }
  .menu-ui a {
    font-size:13px;
    color:#404040;
    display:block;
    margin:0;padding:0;
    padding:10px;
    text-decoration:none;
    border-bottom:1px solid rgba(0,0,0,0.25);
    text-align:center;
    }
    .menu-ui a:first-child {
      border-radius:3px 3px 0 0;
      }
    .menu-ui a:last-child {
      border:none;
      border-radius:0 0 3px 3px;
      }
    .menu-ui a:hover {
      background:#f8f8f8;
      color:#404040;
      }
    .menu-ui a.active {
      background:#3887BE;
      color:#FFF;
      }
      .menu-ui a.active:hover {
        background:#3074a4;
        }

.mapBoxContainer{position:relative}

.profiel .content h1{color:#fff;}

.fileUploadText {
    text-align: center;
    font-size: 16px;
}
.fileUploadText.error {
  color:red;
}

.passInfo{text-align:center;width:23px;height:23px;border:1px solid #f2861b;color:#f2861b;position:absolute;right:17px;top:16px; border-radius:50%;cursor:pointer;line-height:23px;font-size:16px;}
.passPopup{min-height:150px;z-index:51;display:none;background-color: #ff8d1c;    color: #fff;    position: fixed;    padding: 15px;    left: 50%; margin-left: -190px;  width: 380px;}
.passText{text-align:center;width:250px;margin:auto;font-size:20px;margin-top:40px;padding-bottom:20px;}
.passPopup.passError{display:block;}
.passPopup  .close{background-image: url("img/close.png");    background-repeat: no-repeat;   display: inline-block;    width: 40px;height: 40px;    position: absolute;    right: 10px;  top: 10px;    cursor: pointer;    background-size: 40px;}
.passOverlayError{display:block;}

.lightBG{background:#fff !important;}

.singlePictureBlock .reddingsrapport{width:100%;height:100%;}
.singlePictureBlock .form-media-collection .media-add{width: 97%;  height: 97%;}
.singlePictureBlock .form-media-collection{width: 97%;  height: 97%;}
.singlePictureBlock .form-media-collection .hasAlert.media{width: 97%;  height: 97%;}

.optionalSubtext {
    font-size: 14px;
    line-height: 40px;
}
.uploadProgress .filler{
  width: 0%;
  background: #A8A8A8;
  height: 10px;
  border-radius: 10px;
  overflow:hidden;
}
.uploadProgress {
	position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  height: 10px;
  background: #EFEFEF;
  border-radius: 10px;
  overflow: hidden;
  display:none;
}

.col-special .col-50 {display:block;float:none;width:auto}

.hidden.searchcontent {display:none;}

@media (max-width: 1024px){
	.alert.medisch .sections {
		width: 860px !important;
	}

	.form-group.open.timeOnly .option {
		width: 400px;
	}

	.form .form-group.timeOnly .data {
		width: 350px;
	}
}

.help .alert .alertHeader, .information .alert .alertHeader {
    background-color: #FFF;
    height: 90px;
    padding-left: 20px;
}

.help .alert .alertHeader h3, .information .alert .alertHeader h3 {
    display: inline-block;
    font-family: "robotobold",sans-serif;
    font-weight: normal;
    font-size: 20px;
    padding-top: 30px;
    width: 350px;
    margin-left: 10px;
    margin-bottom: 20px;
}






.searchForm .autocomplete-fill{
	z-index: 1;
	position: relative;
	border-radius: 0px;
	margin-top:0px;
}

.searchForm .autocomplete-fill .result{
	font-size:12px;
	padding:14px 20px 14px 20px;
}

.searchForm .autocomplete-fill .result .map-icon{
	display:none;
}

.searchForm .autocomplete-fill .result:hover{
	background:#e6e6e6;
}

.well .searchForm .input-group.w240{
	width:240px;
}

.well .innerContainer .container{
	padding-top:16px;
}

.well .innerContainer .container.morePadding{
	padding-top:45px;
}

.well .innerContainer {
	height:91px;
}

.input-label{
	display:block;
	color: #c8c8c8;
	font-size: 12px;
	padding-left: 15px;
	padding-bottom: 2px;
	text-transform:uppercase;
}

.meldingenalarmering .verzoeker{
	margin:0px 0px 10px 0px;
}


.notification {
	display: none;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  	width: 400px;
    background: #fbfbfb;
    position: fixed;
    z-index: 21;
    overflow: auto;	
    padding: 25px 0;
}

.notification h3 {
	font-family: "robotolight",sans-serif;
    font-size: 25px;
	font-weight: 300;
    margin-bottom: 20px;
    text-align: center;
}

.notification .form {
	text-align: center; 
	margin: 0;
}

.notification .form .formStepSubmit { 
	margin: 15px 0 0 0; 
	padding: 10px 35px; 
}

.notification .form .formStepSubmit.saveData { 
	margin-right: 50px; 
}

.survey .autoCompleteContainer {position:relative;}
.locatie .survey .autoCompleteContainer {z-index:10;}

label.uploadWrapper {
	z-index:11;
	width:100%;
	height:100%;
	/*background:#000;*/
	position:absolute;
	top:0;
	left:0;
}

.input .textAppendix {
    position: absolute;
    top: 19px;
    font-size: 16px;
    left: 120px;
    pointer-events: none;	
    text-align:right;
}
.locked {
    opacity: 0.3 !important;
    pointer-events: none;
}

.input-dropdown .input__label-content--juro {
	background: #ffffff url(img/list-background.png) repeat-x;	
}
.input-dropdown .dropDownTextCenter{
	border-radius: 5px;
  background: transparent;
  border: 0;
	font-family: "robotolight", Helvetica, Arial, sans-serif;
	font-size: 16px;
}

.input.otheranimals {width:240px;height:55px;}

.content.chooseRole {width:100%;}

.white-submit-large {
	display: inline-block;
	margin: 0 0 10px 0;
	background-image: url(css/img/list-background.png);
	background-repeat: repeat-x;
	border-bottom: 1px solid #c9c9c9;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 20px 0 19px 0;
	cursor: pointer;	
	width: 100%;
	position: relative;
	background-color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-family: "robotobold";
}

.gridViewItem {    display: inline-block;}

.content.tijdstip .content.listview .list-group-item .list-user {
	right:0px;	
}
.content.tijdstip .content.listview {
	width:700px;	
}

.content.betrokkenpartijen .betrokken-materiaal .form-group.empty .option {padding:0px; width:auto !important;}
.content.betrokkenpartijen .memberList li .avatar {    margin: 0 auto;}

.injury .button {
			border-radius: 3px !important;
			width: 270px;
			position: relative;
			background-color: #fff;
			display: inline-block;
			margin: 30px 0 10px 0;
			background-image: url(img/list-background.png);
			background-repeat: repeat-x;
			border-bottom: 1px solid #c9c9c9;
			border-left: 1px solid #fff;
			border-right: 1px solid #fff;
			padding: 20px 0 19px 0;
			cursor: pointer;
			text-align: center;
			font-family:robotobold;
			font-size:15px;
			text-transform:uppercase;
	}
	
	.injury .person {
	  display: inline-block;
    width: 104px;
    text-align: center;
    padding: 10px 13px 10px 13px;
    position: relative;
    font-size: 12px;	
	}
	
	.injuryBlocks.disabled .button.createMed {pointer-events:none;opacity:0.7;}
	
	.injury .fontLight {display:block;}
	.injury .avatar {
    height: 60px;
    width: 60px;
    margin: 0 auto;
	}
	.injury {
    display: inline-block;
    margin: 0px 18px;
	}

.exportBtn.downloadBtn {margin-left:12px !important;}

/* Tablet view compatibility code */

@media screen and (max-width: 970px) {
	
	.content.tijdstip .content.listview {
    width: 600px;
	}
	
	.content.container {
		max-width: 910px;
		width:90%;
	}	
	.content.listview .list-group-item .list-content {
		width:80% !important;	
	}
	.content.listview .list-group-item .data, .content .list-group-item .list-content .titel {
		width:70% !important;	
	}
	.well .innerContainer {
		width:100% !important;	
		height:215px !important;
		background-size:cover;
	}
	.well .container {
		width:600px;	
		text-align: center;
	} 
	.largeWell .input-label {text-align:left}
	.largeWell .pageview {
    position: absolute;
    right: 0;
    top: 16px;
	}
	.minimizedHeader {height:267px !important;}
	 
	/*.content.container.reddingsrapport,*/ .content.container.tijdstip, .content.container.actieverslag, .content.container.locatie, .content.container.meldingenalarmering, .content.container.inzetanderehulpverleners {
    width: 600px;
	}
	.form .form-group .data {
    width: 420px;
	}
	.form .form-group.timeOnly .data {
    width: 170px;
	}
	.form .form-group.full-width.open {
    padding-top: 5px;
    padding-bottom: 10px;
	}
	.incidentContent .form .form-group:not(.open) .datetime-time {
    margin: 0px 15px;
	}
	.form .form-group:not(.open) .datetime-time {
    margin: 0px 75px;
	}
	.form .form-group.timeOnly .option {
    width: 395px;
	}
	.form .form-group.open .datetime-section label,
	.form .form-group.open .datetime-time label {
    display: block;
    padding-top: 0;
    margin: 0 0 3px 0;
	}
	.form .form-group.open .option {
    padding-top: 30px;
	}
	.outgrow-parent .sections {
    margin-left: 0;
	}
	.incidentrapport .content {
    width: 100%;
	}
	.incidentrapport .incidentHeader .container {
    width: 95%;
	}
	.sections {
    width: 100% !important;
	}
	.alert.medisch .sections {
    width: 100% !important;
	}
	.hulpvrager .defaultButton {
		padding: 15px 19px;
	}
	.alert.hulpverleners .alertBlock {
    padding: 20px;
	}
	.optionalContent .optionalContent .col-50 {
    width: 90%;
	}
	.alert.hulpverleners .alertBlock .optionalContent {
    margin-right: 0;
	}
	.input .textAppendix {
    left: 110px;
	}
	.input.otheranimals {
	    width: 175px;
	}
	.form .form-group.open label {
	    margin: 0 10px 0 10px;
	}
	.content.container.materiaalenbemanning {
    width: 100%;
	}
	.alert .grayBlock {
    padding: 20px 30px;
	}
	.alert .memberList {
    width: 100%;
	}
	.alert .memberList.equipmentList  {
  	text-align: center;
	}
	.alert .form.memberList.equipmentList  {
  	text-align: left;
	}
	.alert.materiaal .alertBlock {
    padding: 20px 71px;
    padding: 20px 25px;
	}
	.well .innerContainer .container {
    text-align: left;
	}
	.alert.bemanning .alertBlock {
    padding: 20px 64px;
	}
	.bevestig .well .container {
		width: 740px;
		padding: 20px 14px 14px 14px;
    left: 0;
	}
	.bevestig .largeWell .textBlock {
		padding: 17px 30px 0px 30px;
		width: 235px;
	}
	.largeWell .imageBlock {
    width: 445px;
	}
	.bevestig .well.largeWell {
    height: 480px;
	}
	.bevestig .well .containerStap {
    width: 100%;
	}
	.bevestig .content {
    width: 100%;
	}
	.content.container.reddingsrapport {
    width: 100%;
	}
	.incidentContent .comment {
	   right: -60px;
	}
	.incidentContent .accordion-item {
		width: 92%;
    margin: 0 auto 10px;
    float: none;
	}
	.comment {
	   right: -70px;
	}
	.alert.mediaAlert {
    height: 434px;
	}
	.alert.mediaAlert .media {
    width: 350px;
    height: 100%;
	}
	.alert.mediaAlert .alertContent {
    right: 0;
    height: 100%;
    top: 0;
	}
}

.hod-stamp .item .col-50 {
    white-space: nowrap;
}

.hod-stamp .item {
    width: 100%;
        margin: 5px 0px;
}

body.noScroll .actieverslag .form-group.hasAlert {pointer-events:none;}
.setActionType .radio label span {pointer-events:none;}

.content .list-group-item .list-content .titel .otherStations{
	font-size: 12px;
}

.tdtitle{white-space:nowrap;vertical-align: middle;}
.tdOtherStations{line-height:14px; padding-left:30px;vertical-align: middle;}

.dubbelList .listViewItem a.list-group-item{background:#fff;}

.dubbelList .content.listview .listViewItem .list-group-item .list-image{height:90px;}

.dubbelList .content.listview .listViewItem .list-group-item .nummer{padding-right:10px;}
.dubbelList .content.listview .listViewItem .list-group-item .datum{padding-right:10px;}

.dubbelList .content .list-group-item .list-content .vaartuig {color: #737373; margin-left:35px;}

.dubbelList .content.listview .list-group-item .data.row2 {padding-top:2px;}

.dubbelList .content.listview .list-group-item .data.row2 .tijd {margin-right:10px;}



/** ANWB CUSTOM STYLE FOR INPUTS **/
.anwb .input__field {
	font-size: 18px;
}

.anwb .input__label-content--juro {
	text-transform: none;
	font-size: 18px;
	padding: 1em 0;
}

.anwb .input__field--juro {
	padding: 27px 0 12px 10px; 
}

.anwb .newTextField {
	left: 10px;
	-webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.anwb .input--filled .newTextField {
	top: 13px;
	font-size: 14px;
}

.anwb .form .form-group {
	border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.25);
  box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.25);
  border-bottom: 0;
}

.anwb .form .form-group.disabled {
	box-shadow: 0 0 0 1px #fff;
	-webkit-box-shadow: 0 0 0 1px #fff;
	border: 0;
	cursor: auto;
}

.anwb .form .form-group:not(.full-width) .option {
	font-family: "robotoregular";
	font-size: 14px;
	margin: 0 10px 5px 10px;
}

.anwb .form .form-group.empty {
	text-align: left;
}

.anwb .form .form-group.open {
	padding: 10px 0 9px 0;
}

.anwb .form .form-group.default .option,
.anwb .form .form-group.empty .option {
	text-transform: none;
}

.anwb .form .form-group.empty .option {
	font-family: "robotobold";
	font-size: 18px;
}

.anwb .form .form-group.hasAlert.empty {
	padding: 18px 0 16px 0;
}

.anwb .form .form-group.hasAlert.empty.disabled {
	padding: 17px 0;
}

.anwb .form-group.disabled.empty .option {
	padding: 15px 0;
}

.anwb .form .form-group.hasAlert.empty .option {
	margin: 0 10px 0 10px;
	width: 100%;
}

.anwb .form .form-group.hasAlert:not(.empty) {
	padding: 5px 0 10px;
}

.anwb .form .form-group.full-width .data {
	float: right;
	margin-right: 30px;
}

.anwb .form .form-group.open.full-width .option {
	padding: 15px 0;
}

.anwb .radio .option {
	padding-top: 0;
}

.anwb .radio .input-data {
	padding-top: 5px;
}

.anwb .textarea-wrapper.input--filled .newTextField{
	-webkit-transform: translate3d(0%, -50%, 0%);
  transform: translate3d(0%, -50%, 0%);
  
	font-size: 14px;
	padding-top: 20px;
}

.anwb .textarea-wrapper .newTextField{
	text-transform:none;
	left:0;
	
	-webkit-transform: translate3d(0%, -50%, 0%);
  transform: translate3d(0%, -50%, 0%);
  
  margin: 0 10px 0 10px;
  font-size: 18px;
}

.anwb .textarea-wrapper textarea {
	padding: 25px 10px 10px !important;
}

.anwb .textarea__label {
	min-height: 125px;
}

.anwb .form-group.full-width.default .option {
	font-family: "robotoregular";
	font-weight: normal;
}

.anwb .form-group.selected {
	text-align: left;
}

.anwb .dropDownTextCenter {
	padding: 5px 0 0 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  cursor: pointer;
}

.anwb .dropDownTextCenter select {
	padding: 20px 12px 9px;
	opacity: 0;
	cursor: pointer;
}

.anwb .input--juro.input--filled .dropDownTextCenter select {
	opacity: 1;
}

.anwb .input--juro.hasCustomSelect:not(.disabled) {
	background-color: #fff;
	background-image: url("img/list-background.png");
	background-repeat: repeat-x;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
}

.anwb .input--juro.hasCustomSelect {
	padding: 1em 0;
}

.anwb .textarea-wrapper {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
}

.anwb .input--juro.hasCustomSelect.input--filled {
	padding: 0;
}

.anwb .slightRounded {
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-ms-border-radius: 5px !important;
}

.anwb .dropDownTextCenter .input__field--juro {
	padding: 22px 0 12px 10px;
}

#viewmap{width:100%;height:100%;}

.hidden{
	display:none;
}

.optionalContent.optCheckboxSurvey{
	margin-left:45px;
	margin-bottom:20px;
}

.extraTopMargin{
	margin-top:10px;
}

.extraBottomMargin{
	margin-bottom:35px;
}


.exportList.form.survey .checkbox input[type="checkbox"]:checked + label span {
	background-position: 0 -26px;
}
.exportList.form.survey  .checkbox input[type="checkbox"] + label span {
	width: 26px;
	height: 26px;
	margin-top: -3px;
	padding-right: 3px;
	background-size: 26px;
}

.exportList.form.survey  .checkbox label{
	font-size:12px;
	font-family: "robotoregular",sans-serif !important;
	line-height: 18px;
}

.exportList.form.survey .checkbox{
	margin:0px 0px 10px 270px;
}

.exportList.form.survey .searchForm.filtercrew{
	max-height: 50px;
}

.inputAnders{
	width:75%;
	margin-top: -13px;
	margin-left: -4px;
}

.acceslog{
	margin:0px auto 0px auto;
	display:table;
	border-collapse: collapse;
}
.acceslogRow{
	display:table-row;
}
.acceslogRow .acceslogReportID, .acceslogRow .acceslogDatetime, .acceslogRow .acceslogUser, .acceslogRow .acceslogAction, .acceslogRow .acceslogData{
	display:table-cell;
	padding:1px 5px 1px 5px;
	border:1px solid #666;
}
.acceslogRow.tableheader{
	font-weight:bold;
}