.searchForm .autocomplete-fill{
	z-index: 1;
	position: absolute;
	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;
	padding-bottom: 13px;
}

.well .innerContainer {
	/*height:91px;*/
	height: 154px;
	    padding-bottom: 60px;
}

.input-label{
	display:block;
	color: #c8c8c8;
	font-size: 12px;
	padding-left: 15px;
	padding-bottom: 2px;
	text-transform:uppercase;
}

.exportList.form.survey .checkbox label.input-label{
	color: #999;
}

.showMore.export.hasSelectableFields .selectablefields{
	display:none;
}
.showMore.export.hasSelectableFields.expanded .selectablefields{
	display:block;
}

.showMore.export.hasSelectableFields .exportBtn.disabled{
  background: rgba(0,0,0,0.6) !important;
}


.well .searchForm .input-group{
	width:240px;
	margin: 0px 22px 0px 0px;
}

.well .searchForm .input-group .input-search {
  right: 12px;
}

.largeWell .pageview {
    width: 100px;
}

.autoCompleteContainer .input {
  border-radius: 0px;
  box-shadow: none; 
}


.searchForm .input__field--juro {
  z-index: 4;
}


.form .searchForm .form-group {
    display: inline-block;
    margin: 0px 0px 19px;
    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: 6px 0px 2px 11px;
    cursor: pointer;
    border-radius: 15px;
    font-size:12px;
    width:145px;
}

.form .searchForm .form-group.open {
	padding: 4px 0px 4px 11px;
}

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

.searchForm .form-group.open .divider{
	width:7px;
	padding-top:3px;
}

.searchForm .form-group .data .selection{
	font-size:13px;
	line-height:24px;
}

.searchForm .small-input {
    width: 30px;
    padding: 0px 0px 0px 0px;
}

.searchForm .tijdstip .small-input{
	font-size:13px;
	height:25px;
	background-position: 11px 18px;
	padding-bottom:10px;
	padding-right:3px;
}

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

.searchForm .form-group.open .divider {
    color: #000;
}

.searchForm .form-group.open .divider {
    padding-top: 5px;
}

.searchForm .tijdstip .small-input.four {
    background-position: 20px 18px;
    width:45px;
}

.searchDateOverlay{
	width:700px;
}

.searchbarText{
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	text-transform:uppercase;
	font-size: 12px;
	color: #C8C8C8;
	line-height: 36px;
}

.formSearchSubmit, .formSearchDateReset{
	display: inline-block;
	margin: -1px 0px 0px 35px;
	position: relative;
	box-shadow: 0px 0px 0px 5px rgba(78, 78, 78, 1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: #1f1f1f;
	font-family: "robotobold",sans-serif;
	font-size: 15px;
	padding: 6px 33px 6px 33px;
	text-transform: uppercase;
	background: white;
	cursor:pointer;
}

.btn-option.searchheader {
	display:none;
}


@media screen and (max-width: 768px) {
	
	.header .nav-back{
		width:40px;	
	}
	.header.saving .nav-options .saveButton {
		opacity:0;
		transition: all .25s ease-in-out;
	}
	.header .saveInfo {
 		margin-right: 100px;
	}
	
	.content.listview .list-group-item .list-content{
	    width: 100% !important;	
	}
	.content.listview .list-group-item .data, .content .list-group-item .list-content .titel{
	    width: calc(100% - 105px) !important;	
	    padding: 4px 0px 0px 0px;
	    overflow: hidden;
    	white-space: nowrap;
	}
	.content.listview .list-group-item .list-user{
			left: 105px;
	    bottom: 3px;
	    padding: 0;
	    top: auto;
	    white-space: nowrap;
	    overflow: hidden;
	    right: 0px;
	}
	.content.listview .list-group-item .list-content .nummer, .content.listview .list-group-item .list-content .datum {
	  padding: 0 10px 0 0;
	}
	.content.listview .listViewItem:not(.anwb-list-item) {
	  padding-right: 35px;
	}
	.content.listview .list-group-item .pdfOpen{
		width: 40px;
	  height: 40px;
	  top: 15px;
	  right: -45px;
	}
	.header .nav-back .text{display:none;}
	.well.surveyHeader .containerStap .step, .well.surveyHeader .container .step{
		  margin: 28px 4px 0px 0px;
	}
	.well .container {
	 	width: calc(100% - 5px);
    padding: 0px 0px 0px 5px;
	}
	.header .nav-options{
		position: absolute;
  	right: 6px;
  	float: none;
	}
	.header a {
		margin-right:2px;
	}
	.well.surveyHeader .containerStap .step{
		  margin: 10px 4px -10px 0px !important;
	}
	.well.surveyHeader .navigation {
	  top: 112px;
	}
	.smallWell.surveyHeader {
	  height: 120px;
	}
	.bevestig .well .containerStap {
    margin-top: 32px;
  }
  .well.surveyHeader .pageTitle {
	  margin-top: 0px;
	}
	.header .bevestig.left {
		display:none;
	}
	.header .main-logo {
		display:none;
	}
	.bevestig .well.largeWell {
    height: 500px;
  }
  .bevestig .well .container {
  	padding: 32px 5px 5px 5px;
  }
  .content.container.tijdstip, .content.container.actieverslag, .content.container.locatie, .content.container.meldingenalarmering, .content.container.inzetanderehulpverleners{
  	width: 100vw;
  }
  .form .form-group:not(.open) .datetime-time {
    margin: 0px 20px;
  }
  .tijdstip .small-input.two {
  	  padding-left: 10px;
  }
  .small-input {
  	  width: 50px;
  }
  .tijdstip .small-input {
  	  background-position: 20px 42px;
  }
  .form .form-group.open .divider{
  	width:7px;
  }
  .form .form-group .data .selection{
  	width:22px;
  }
  .form .form-group.full-width.open{
  	background:black;
  }
  .form .datetime-time{
  	  margin-left: 18px;
  }
  .form .form-group .data {
        width: 100vw;
  }
  .form .datetime-date{
  	  margin-right: 20px;
  }
  .radio label {
  	  padding: 0 5px 0 0;
  	  font-size:16px;
  }
  .alert.hulpverleners .alertBlock {
    padding: 10px;
  }
  .alert.hulpverleners .alertBlock .optionalContent {
	  margin-left: 40px;
	}
	.alertBlock .col-50{
		width:100%;
	}
	.radio {
	  padding: 5px 0;
	}
	.form .form-group .option {
		font-size:14px;
	}
	.formData {
		right:16px;
	}
	.content.container.meldingenalarmering .form .form-group.default .option{
		  width: 140px;
	}
	.blockGray .image {
	  width: 140px;
	}
	.blockGray .bemanning-container {
		  width: calc(100vw - 150px);
	}
  .alert.bemanning .alertBlock {
  	padding:10px;
  }
  .alert .memberList li {
  	font-size:14px;
  }
  .radio .option, .checkbox .option, .checkbox-inline .option {
	  padding-bottom: 5px;
	}
	.content.container.hulpvrager, .content.container.betrokkenmateriaal {
    width: 100%;
  }
  .accordion .accordion-content, .betrokken-materiaal .accordion .accordion-content {
  	padding: 5px 5px 50px 5px;
  }
  
  .content.container.hulpvrager .col-100, .content.container.hulpvrager .col-90, .content.container.hulpvrager .col-80, .content.container.hulpvrager .col-70, .content.container.hulpvrager .col-66, .content.container.hulpvrager .col-60, .content.container.hulpvrager .col-50, .content.container.hulpvrager .col-40, .content.container.hulpvrager .col-33, .content.container.hulpvrager .col-30, .content.container.hulpvrager .col-20, .content.container.hulpvrager .col-10,
  .content.container.betrokkenmateriaal .col-100, .content.container.betrokkenmateriaal .col-90, .content.container.betrokkenmateriaal .col-80, .content.container.betrokkenmateriaal .col-70, .content.container.betrokkenmateriaal .col-66, .content.container.betrokkenmateriaal .col-60, .content.container.betrokkenmateriaal .col-50, .content.container.betrokkenmateriaal .col-40, .content.container.betrokkenmateriaal .col-33, .content.container.betrokkenmateriaal .col-30, .content.container.betrokkenmateriaal .col-20, .content.container.betrokkenmateriaal .col-10 {
	  margin: 10px 0;
	  padding-left: 3px;
	  padding-right: 3px;
	}
	
	.form .form-group.timeOnly.empty .option{
		width:100%;
	}
	.alert .grayBlock {
    padding: 10px 5px;
  }
  .incidentContent .accordion-item {
  	width:98%;
  }
  .radio .option, .checkbox .option, .checkbox-inline .option{
  	font-size:16px;
  }
  .form .form-group.timeOnly .option {
  	width:100%;
  }
  
  .bevestig .content .introText{
  	  width: calc(100% - 10px);
  	  padding:0px 5px 0px 5px;
  }
  .bevestig .content .item.fullWidthValue .col-50:nth-child(1) {
	  white-space: normal;
	}
	
	.content.container.bevestig{
		width:99%;
	}
	
	.bevestig .content .stepContent {
		padding: 2px 2px 6px 2px;
	}
	
	.well .innerContainer {
    height: 408px !important;
  }
  
  .minimizedHeader {
    height: 460px !important;
  }
  
  .largeWell .textBlock .nummer, .largeWell .textBlock .datum {
 	 padding: 0 0px 5px 0;
	}
	.largeWell .textBlock .nummer, .largeWell .textBlock .datum, .largeWell .textBlock .tijd{
		display:block;
		font-size:10px;
	}
	.largeWell .textBlock .nummer span, .largeWell .textBlock .datum span, .largeWell .textBlock .tijd span{
		font-size:14px;
	}
	.largeWell .textBlock .datumTitle{
		position:relative;
		top:unset;
		margin-bottom: 5px;
    	margin-top: 5px;
	}
	.largeWell .textBlock .textBlockFooter {
		bottom: unset;
		left: 50%;
		top: 10px;
		right: 0;
    	padding: 0px 5px 0px 5px;
	}
	.bevestig .largeWell .textBlock {
		padding: 3px 5px 0px 5px;
		height: 150px;
		min-height: 150px;
		width: calc(100vw - 40px);
  }

  .largeWell .textBlock .tekst{
	font-size: 14px;
	max-height: 135px;
	margin: 5px 0 5px 0;
	width: 50%;
  }

  .largeWell .imageBlock {
	width: calc(100vw - 30px);
	height: 176px;
  }
  .bevestig .well .container {
  	 width: calc(100% - 10px);
  }
  .bevestig .imageBlock .status{
  	left: 30%;
  	right: 30%;
	top: 70px;
  }

  .searchDateOverlay{
	width:100vw;
  }

  .survey .minimizedHeader{
	height: 0px !important;
    padding: 60px 0px 0px 0px;
  }

  .survey .minimizedHeader.show{
	height: 460px !important;
    padding: 70px 0px 0px 0px;
  }


  .btn-option.searchheader {
	background-image: url("img/search-btn-gray.png");
	display:inline-block;
  }

  .bevestig .content .item {
	font-size: 14px;
  }

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

  .bevestig .radio{
	padding: 4px 4px 4px 8px;
  }

  .bevestig .radio .index {
	font-size: 14px;
	line-height: 28px;
	width: 28px;
  	height: 28px;
  }
  
  .radio .option{
	font-size:14px;
	padding-bottom:1px;
  }

  .bevestig .editButton.darkBG {
	top: 10px;
  }

  .bevestig .editButton {
	right:8px;
  }

  .materiaalBemanning .container {
	width:auto;
  }

  .materiaalBemanning .blockGray .bemanning{
	width:auto;
  }

  .materiaalBemanning .blockGray .image {
    width: 100%;
  }

  .materiaalBemanning .blockGray .bemanning-container {
    width: 100%;
    min-height: 195px;
	padding-top: 10px;
    padding-bottom: 10px;
	max-height: 195px;
  }

  .materiaalBemanning .materialTitle{
	width:auto;
  }

  .form .formStepSubmit{
	padding: 16px 20px 16px 40px;
  }
  .form .formStepSubmit .arrow.arrowRight {
	margin-left: 20px;
  }
  
  .comment {
    right: 2px;
	z-index: 1;
  }

  .form-group.hasTextarea .comment {
	right: -8px;
  }

}

.selectablefieldsColumns{
	columns: 3;
  column-gap: 2rem;	
  margin-top:20px;
}

.selectablefields{
	max-width: 880px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
  margin-top:30px;
}

.exportList.form.survey .selectablefields .checkbox {
  margin: 0px 0px 10px 0px;
}