$primary: #409eff;
.map-dialog {
	.header {
		h4 {
			font-size: 1em;
			font-weight: 600;
		}
		.search-container {
			display: flex;
			align-items: center;

			// justify-content: start;
			.search-item {
				display: flex;
				&:not(:first-child) {
					margin-left: 20px;
				}
				.search,
				.address,
				.lon,
				.lat {
					display: flex;
					align-items: center;
					margin-left: 5px;
					> span {
						flex-shrink: 0;
						font-size: 13px;
						color: #666666;
					}
				}
			}
			.btn-search,
			.btn-submit {
				margin-left: 10px;
			}
		}

		@media screen and (max-width: 720px) {
			.search-container {
				display: block;
				.search-item {
					&:not(:first-child) {
						margin-top: 15px;
						margin-left: 0;
					}
				}
			}
		}
	}
	.map {
		height: 60vh;
	}
}