/*  Element */
html, body {
//	overflow : hidden;
	margin   : 0px;
}

a {
	color : #ff8c00;
}

.center {
	text-align : center;
}

.right {
	text-align : right;
}

.wd100 {
	width : 100%;
}

.wd80 {
	width : 80%;
}

.bottom_margin {
	margin-bottom : 5px;
}

.delete_line {
	overflow    : hidden;
	white-space : nowrap;
}

.flex_wrap {
	display       : flex;
	width         : 100%;
	margin-bottom : 5px;
}
.flex_column {
	flex       : 1;
	width      : 100%;
	box-sizing : border-box;
}

.map_icon {
	cursor : pointer;
}

#msg {
	font-size        : 18px;
	position         : absolute;
	bottom           : 60px;
	left             : 10px;
	padding : 5px;
	border-radius:8px;
	background-color : rgb(255,255,255,0.5);
}

.error_msg {
	color     : #ff0000;
	font-size : 12px;
}

table .icon_table tr, td {
	padding : 0px 5px;

}

/*  Modal */
.modal {
	display          : block;
	position         : fixed;
	left             : 0;
	top              : 0;
	right            : 0;
	bottom           : 0;
	z-index          : 9;
	background-color : rgba(0, 0, 0, 0.65);
}
.modal_contents {
	position         : fixed;
	left             : 50%;
	top              : 50%;
	z-index          : 99;
	transform        : translate(-50%, -50%);
	max-width        : 90vw;
	max-height       : 80vh;
	box-sizing       : border-box;
	padding          : 32px;
	border-radius    : 8px;
	background-color : #ffffff;
	overflow-x       : hidden;
	overflow-y       : auto;
	white-space      : nowrap;
}
.active {
	display : block !important;
}
.modal_close_btn {
	position  : absolute;
	top       : 0px;
	right     : 10px;
	font-size : 30px;
	color     : #ffffff;
	cursor    : pointer;
}

/*  Form */
input {
	border: 1px solid darkslategray;
}

.deletes_checkbox {
	display : none;
}

.file_btn {
	border    : 1px solid darkslategray;
	display   : inline-block;
	padding   : 3px;
	font-size : 13px;
	position  : relative;
}
.file_btn input[type="file"] {
	width    : 100%;
	height   : 100%;
	position : absolute;
	top      : 0;
	left     : 0;
	opacity  : 0;
}

#map_wrap input[type=text] {
	width  : 100px;
	height : 30px;
}

#map_wrap select {
	width            : 70px;
	height           : 34px;
	background-color : #ffffff;
}

/*  Control */
#top_left_control_wrap {
	position : absolute;
	left     : 10px;
	top      : 10px;
}

#top_right_control_wrap,
#streetview_control_wrap {
	position : absolute;
	right    : 10px;
	top      : 10px;
}

#bottom_left_control_wrap {
	position : absolute;
	left     : 10px;
	bottom   : 25px;
}

#bottom_right_control_wrap {
	width    : 60px;
	position : absolute;
	right    : 10px;
	bottom   : 20px;
}

.control_btn {
	width       : 60px;
	height      : 60px;
	padding-top : 5px;
}

#top_left_control_wrap .control_btn {
	width   : 50px;
	height  : 50px;
	padding : 0px;
}

#top_left_control_wrap .control_btn,
#streetview_control_wrap .control_btn {
	width   : 50px;
	height  : 50px;
	padding : 0px;
}

#clip_message {
	color              : #ffffff;
	padding            : 20px;
	border             : 2px solid #ff7f00;
	border-radius      : 10px;
	background-color   : rgba(0,0,0,0.8);
	position           : fixed;
	margin             : auto;
	top                : 50%;
	left               : 50%;
	transform          : translateY(-50%) translateX(-50%);
	-webkit- transform : translateY(-50%) translateX(-50%);
	display            : none;
}