.fleft{ float:left; }
.fright{ float:right; }
.clearfloat{ clear:both; }
.mt5px{ margin-top:5px; }
.mt10px{ margin-top:10px; }
.mt15px{ margin-top:15px; }
.mt20px{ margin-top:20px; }
.mb5px{ margin-bottom:5px; }
.mb10px{ margin-bottom:10px; }
.mb15px{ margin-bottom:15px; }
.mb20px{ margin-bottom:20px; }
.mr5px{ margin-right:5px; }
.mr10px{ margin-right:10px; }
.mr15px{ margin-right:15px; }
.mr20px{ margin-right:20px; }
.w50{ width:50px; }
.w100{ width:100px; }
.w150{ width:150px; }
.w200{ width:200px; }
.w250{ width:250px; }
.padding0{ padding:0 !important; }

#menubox{
	position: absolute;
	top: 0; left: 0; width: 55px;
	display: block;
	background: #141414;
	z-index: 100001;
}
#menubox .loading,
#menubox .loading_ifc{
	display: block;
	width: 50px; height: 50px; line-height: 50px; margin: 2px;
	background: transparent url(img/loading.svg) no-repeat 50% 50%;
	background-size: 50px 50px;
	color: #fff; text-align: center;
}
.bLangMenu{
	display: block;
	width: 50px; height: 50px; line-height: 50px; margin: 2px;
	text-align: center;
	font-size: 20px;
	background-size: contain !important;
	color: transparent;
}
.bLangMenu[lang=jp]{
	background: #141414 url(img/icon_08jp.svg) no-repeat;
}
.bLangMenu[lang=en]{
	background: #141414 url(img/icon_08en.svg) no-repeat;
}
.bGroupMenu, #bModeCancel{
	display: block;
	width: 50px; height: 50px; line-height: 50px; margin: 2px;
	background: #777; color: transparent;
	text-align: center;
	font-size: 20px;
}
.bGroupMenu:hover{
	color: transparent;
	background-size: contain !important;
}
.bGroupMenu[group=group1]{ background: #141414 url(img/icon_01.svg) no-repeat; }
.bGroupMenu[group=group2]{ background: #141414 url(img/icon_02.svg) no-repeat; }
.bGroupMenu[group=group3]{ background: #141414 url(img/icon_03.svg) no-repeat; }
.bGroupMenu[group=group4]{ background: #141414 url(img/icon_04.svg) no-repeat; }
.bGroupMenu[group=group5]{ background: #141414 url(img/icon_05_ifc.svg) no-repeat; }
.bGroupMenu[group=group6]{ background: #141414 url(img/icon_06.svg) no-repeat; }
.bGroupMenu[group=group7]{ background: #141414 url(img/icon_07.svg) no-repeat; }
.bGroupMenu[group=group8]{ background: #141414 url(img/icon_08.png) no-repeat; background-size:contain; background-position: 50%;}
.bGroupMenu[group=group9]{ background: #141414 url(img/icon_09.svg) no-repeat; background-size:contain; background-position: 50%;}
.bGroupMenu[group=group1]:hover, .bGroupMenu[group=group1].selected{ background: #141414 url(img/icon_01s.svg) no-repeat; }
.bGroupMenu[group=group2]:hover, .bGroupMenu[group=group2].selected{ background: #141414 url(img/icon_02s.svg) no-repeat; }
.bGroupMenu[group=group3]:hover, .bGroupMenu[group=group3].selected{ background: #141414 url(img/icon_03s.svg) no-repeat; }
.bGroupMenu[group=group4]:hover, .bGroupMenu[group=group4].selected{ background: #141414 url(img/icon_04s.svg) no-repeat; }
.bGroupMenu[group=group5]:hover, .bGroupMenu[group=group5].selected{ background: #141414 url(img/icon_05s_ifc.svg) no-repeat; }
.bGroupMenu[group=group6]:hover, .bGroupMenu[group=group6].selected{ background: #141414 url(img/icon_06s.svg) no-repeat; }
.bGroupMenu[group=group7]:hover, .bGroupMenu[group=group7].selected{ background: #141414 url(img/icon_07s.svg) no-repeat; }
.bGroupMenu[group=group8]:hover, .bGroupMenu[group=group8].selected{ background: #141414 url(img/icon_08s.png) no-repeat; background-size:contain; background-position: 50%;}
.bGroupMenu[group=group9]:hover, .bGroupMenu[group=group9].selected{ background: #141414 url(img/icon_09s.svg) no-repeat; background-size:contain; background-position: 50%;}

.bGroupMenu[group=group2bpcF]{ background: #141414 url(img/icon_02bpc.svg) no-repeat; }
.bGroupMenu[group=group2bpcF]:hover, .bGroupMenu[group=group2bpcF].selected{ background: #141414 url(img/icon_02bpcs.svg) no-repeat; }
.bGroupMenu[group=group2bpcF]{ display:none; }
.use_bpc_floor .bGroupMenu[group=group2bpcF]{ display:block; }

.bGroupMenu[group=group2bpcM]{ background: #141414 url(img/icon_02bpcM.svg) no-repeat; }
.bGroupMenu[group=group2bpcM]:hover, .bGroupMenu[group=group2bpcM].selected{ background: #141414 url(img/icon_02bpcMs.svg) no-repeat; }
.bGroupMenu[group=group2bpcM]{ display:none; }
.use_bpc_elevation .bGroupMenu[group=group2bpcM]{ display:block; }

.bGroupMenu[group=group6c]{ background: #141414 url(img/icon_06c.svg) no-repeat; }
.bGroupMenu[group=group6c]:hover, .bGroupMenu[group=group6c].selected{ background: #141414 url(img/icon_06cs.svg) no-repeat; }

body.CM_ORTHO .bGroupMenu[group=group4]{ display: none; }

#bModeCancel{
	background-color:orange;
	color:#ffffff;
}

.groupbox{
	display: block;
	position: absolute;
	background: #232323; color: #fff;
	box-shadow: 0px 0px 1px #000;
	padding: 2px 5px;
	top: 2px; left: 56px;
	z-index: 100001;
	max-height: 100%; overflow-y: auto;
	width: 400px;
}

.grouphead{
	padding: 0 0 0 60px;
	display: block; overflow: hidden; height: 40px;
	line-height: 40px; font-size: 14px;
	margin-bottom: -20px;
	background-size: 44px !important;
	background-position: 5px 50% !important;
}
.grouphead select,
.grouphead input,
.grouphead a,
.grouphead button{
	margin-top: 10px;
}

.iconGroup1{ background: transparent url(img/icon_01.svg) no-repeat; }
.iconGroup2{ background: transparent url(img/icon_02.svg) no-repeat; }
.iconGroup3{ background: transparent url(img/icon_03.svg) no-repeat; }
.iconGroup4{ background: transparent url(img/icon_04.svg) no-repeat; }
.iconGroup5{ background: transparent url(img/icon_05_ifc.svg) no-repeat; }
.iconGroup6{ background: transparent url(img/icon_06.svg) no-repeat; }
.iconGroup7{ background: transparent url(img/icon_07.svg) no-repeat; }
.iconGroup8{ background: transparent url(img/icon_08.png) no-repeat; background-size:contain; background-position: 50%;}
.iconGroup9{ background: transparent url(img/icon_09.svg) no-repeat; background-size:contain; background-position: 50%;}

/*
 * スライダー
 * <div class='slider_base' id='slider1'><div class='slider_line'><div class='slider_drawline'><div class='slider_cube'></div></div></div></div>
 * */
	.slider_base{
		display: block;
		width: 200px;
		height: 20px;
		background: transparent;
		z-index: 100;
	}
	.slider_line{
		position: absolute;
		display: block;
		top: 9px; bottom: 9px; left: 0; right: 0;
		background: #ffffff;
		z-index: 0;
	}
	.slider_drawline{
		position: absolute;
		display: block;
		background: #4BB1B5;
		top: -1px; bottom: -1px;
		left: 0;
		width: 0;
	}
	.slider_cube{
		position: absolute;
		display: block;
		top: -2.5px; bottom: -2.5px;
		right: -5px;
		width: 10px;
		background: #4BB1B5;
		border-radius: 5px;
	}
	.slider_moving .slider_cube{
		border-radius: 0;
	}

.button-icon{
	width: 40px; height:40px; display: inline-block;
	box-sizing: border-box;
	border-radius: 4px;
	background-position: 50% !important;
	background-size: contain !important;
	border: 2px solid transparent !important;
}
.button-icon:hover,
.button-icon.selected{
	border: 2px solid #49b9bf !important;
}

.button-icon#flight_control{
	background: transparent url(img/hat/icon_bird_view.svg) no-repeat;
}

.button-icon#heli_control{
	background: transparent url(img/hat/icon_heli_view.svg) no-repeat;
}

.button-icon#orbit_control{
	background: transparent url(img/hat/icon_orbit.svg) no-repeat;
}

.button-icon#fit_to_screen{
	background: transparent url(img/hat/icon_fit.svg) no-repeat;
}

.button-icon#compass{
	background: transparent url(img/hat/icon_compass.svg) no-repeat;
}

.button-icon#left_view_control{
	background: transparent url(img/hat/icon_box1.svg) no-repeat;
}

.button-icon#right_view_control{
	background: transparent url(img/hat/icon_box2.svg) no-repeat;
}

.button-icon#front_view_control{
	background: transparent url(img/hat/icon_box3.svg) no-repeat;
}

.button-icon#back_view_control{
	background: transparent url(img/hat/icon_box4.svg) no-repeat;
}

.button-icon#top_view_control{
	background: transparent url(img/hat/icon_box5.svg) no-repeat;
}

.button-icon#bottom_view_control{
	background: transparent url(img/hat/icon_box6.svg) no-repeat;
}

.button-icon#clip_volume{
	background: transparent url(img/hat/icon_clip.svg) no-repeat;
}

.button-icon#angle_measurement{
	background: transparent url(img/hat/icon_angle.svg) no-repeat;
}

.button-icon#point_measurement{
	background: transparent url(img/hat/icon_xyz.svg) no-repeat;
}

.button-icon#distance_measurement{
	background: transparent url(img/hat/icon_length.svg) no-repeat;
}

.button-icon#height_measurement{
	background: transparent url(img/hat/icon_height.svg) no-repeat;
}

.button-icon#circle_measurement{
	background: transparent url(img/hat/icon_radius.svg) no-repeat;
}

.button-icon#area_measurement{
	background: transparent url(img/hat/icon_area.svg) no-repeat;
}

.button-icon#wall_area_measurement{
	background: transparent url(img/hat/icon_area.svg) no-repeat;
	display: none;
}

.button-icon#volume_measurement{
	background: transparent url(img/hat/icon_volume.svg) no-repeat;
}

.button-icon#height_profile{
	background: transparent url(img/hat/icon_contour.svg) no-repeat;
}

.button-icon#remove_all_measurement,
.button-icon#remove_all_measurement2,
.button-icon#remove_all_clip_volume{
	background: transparent url(img/hat/icon_trash.svg) no-repeat;
}

.ui-button,
.ui-state-default,
.ui-state-default label{
	background: #f0f0f0 !important;
	border-radius: 0 0 0 0 !important;
	border: none !important;
	line-height: 30px;
	font-weight: 400;
	font-size: 14px;
	padding: 0 0 0 0 !important;
}
.ui-state-active{
	background: #49b9bf !important;
}
.ui-button-optionstyle{
	width: 100%; padding: 0.4em 0.1em; margin: 0px; border-radius: 4px 0px 0px 4px; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; border-left: none; border-image: initial;
}
#menuinfo{
	position: absolute;
	display: block;
	top: 10px;
	right: 84px;
	z-index: 100001;
}
#menuinfo .menuinfo_icon{
	position: relative;
	display: block;
	width: 64px; height: 64px;
	margin: 0 10px;
	float: right;
	background: transparent url(img/hat/icon_orbit.svg) no-repeat;
}
#menuinfo .menuinfo_icon.heli_control{
	background: transparent url(img/hat/icon_heli_view.svg) no-repeat;
}
#menuinfo .menuinfo_icon.flight_control{
	background: transparent url(img/hat/icon_bird_view.svg) no-repeat;
}

.IPAD selectgroup#splat_quality_options,
.IPAD #flight_control, .IPAD #heli_control,
.IPAD .bGroupMenu[group=group4]{
	display:none;
}
.IPAD .noIPAD{
	display:none;
}

.OP_ITEM{ display:none; }
.OP_ANNO_ADD .OP_ITEM.ON_ANNO_ADD{ display:block; }
.OP_ANNO_DEL .OP_ITEM.ON_ANNO_DEL{ display:inline-block; }
.OP_ANNO_EDT .OP_ITEM.ON_ANNO_EDT{ display:inline-block; }
.OP_ANNO_MOV .OP_ITEM.ON_ANNO_MOV{ display:block; }

.anno_thumb{
	position: relative;
	display: inline-block;
	width:160px;height:120px;margin-right:2px;
	padding:0 0 0 0;
}
.anno_thumb.noimage{
	height: 40px;
	box-sizing: border-box;
	background: #777; border: 2px solid #777;
}
.anno_thumb img{
	position: relative;
	width:160px;height:120px;object-fit:cover;
}
.anno_thumb label{
	position: absolute;
	top: 2px; left: 2px; right: 2px;
	color:#fff;text-shadow:0 0 3px #000;
}

.groupbox ul{
/*	list-style-type: square; */
/*	list-style-type: disclosure-closed; */
}
.groupbox li{
	margin-bottom: 5px;
}

#save_treeset{
	background: #a0f0f0 url(img/save.svg) no-repeat;
	background-position: 50%;
	background-size:contain;
	font-size: 0; color:transparent;
	width: 20px; height: 20px;
}
#del_treeset{
	background: #f0a0a0 url(img/delete.svg) no-repeat;
	background-position: 50%;
	background-size:contain;
	font-size: 0; color:transparent;
	width: 20px; height: 20px;
}

.save_settings{
	display: inline-block;
	width: 30px; height:30px;
	background: url(img/save_settings.svg) no-repeat;
	background-position: 50%;
	background-size: contain;
	font-size:0; color:transparent;
}

.icon_pencil{
	display: inline-block;
	background: url(/css/icon_pencil.svg) no-repeat;
	background-size:15px;
	background-position:50%;
	width:24px; height:24px;
	filter:invert(1);
	margin-left:5px;
}

.move_locked{
	display: inline-block;
	width:20px;
	height:15px;
	background-color: transparent;
	background-image: url(img/key_locked.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
}
.move_locked.unlock{
	background-image: url(img/key_unlocked.svg);
}
.h10{ height:10px; }
.h12{ height:12px; }
.h15{ height:15px; }

#debug{
	background: transparent;
	color: #fff;
	overflow: visible;
	display:block;
	width: 600px;
}