.search-wrapper {
	  position: relative;
	}
	.search-icon {
	  position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
	  left: 15px; 
	  color: #999;
	}
	.search-wrapper .form-control {
	  padding-left: 40px; 
	}

	@media screen and (max-width: 720px) {
		#logo_aplikasi {
			visibility: hidden;
			display: none;
		}
	}
	.search-container {
		position: relative; 
		width: 300px;
		margin-bottom: 20px;
	}

	#suggestions {
		position: absolute;
		top: 100%; 
		left: 0;
		right: 0;
		background-color: white;
		border: 1px solid #ccc;
		border-top: none;
		border-radius: 0 0 4px 4px;
		max-height: 200px;
		overflow-y: auto;
		z-index: 1000;
		display: none; 
	}

	.suggestion-item {
		padding: 10px;
		cursor: pointer;
	}

	.suggestion-item:hover {
		background-color: #e9e9e9;
	}
	
	.suggestion-item.no-data {
		font-style: italic;
		color: #888;
		cursor: default;
	}
		
	#streetDetails {
		margin-top: 10px;
		padding: 15px;
		background-color: #fff;
		border: 1px solid #ddd;
		border-radius: 4px;
		min-height: 50px;
		
		box-shadow: 0 2px 4px rgba(0,0,0,0.05);
		line-height: 1.6;
	}

	#streetDetails h5 {
		font-size: 1.1em;
		font-weight: 600;
		color: #333;
		margin-top: 0;
		margin-bottom: 12px;
		border-bottom: 1px solid #eee;
		padding-bottom: 8px;
	}

	#streetDetails p {
		font-size: 0.9em;
		color: #555;
		margin: 6px 0;
	}

	#streetDetails p strong {
		color: #111;
		display: inline-block;
		width: 100px; 
	}
	
	.firstcharacter { 
		float: left;
		font-size: 50px; 
		line-height: 40px;
		padding-top: 4px; 
		padding-right: 8px; 
		padding-left: 0px; 
		font-weight:bold;
	}

	.custom-file-input-zz{
		border:1px solid #CCE6F8;
		padding:2px;
		background:#E2F1FB;
		font-size:12px;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		color: #000 !important;
	}
	.select2-container--default .select2-selection--single{
		padding:6px;
		min-height: 40px;
	}	
	
	.mfp-fade.mfp-bg {
		opacity: 0;
		-webkit-transition: all 0.15s ease-out; 
		-moz-transition: all 0.15s ease-out; 
		transition: all 0.15s ease-out;
	}
	.mfp-fade.mfp-bg.mfp-ready {
		opacity: 0.8;
	}
	.mfp-fade.mfp-bg.mfp-removing {
		opacity: 0;
	}

	.mfp-fade.mfp-wrap .mfp-content {
		opacity: 0;
		-webkit-transition: all 0.15s ease-out; 
		-moz-transition: all 0.15s ease-out; 
		transition: all 0.15s ease-out;
	}
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
		opacity: 1;
	}
	.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
		opacity: 0;
		}