/* inpbox */
.uic-inpbox,
.uic-inpbox select{
	font-size:16px;
	line-height:1;
}
.uic-inpbox{
	display:table-cell;
	padding:0 10px;
	padding-top:1px;
	height:36px;
	border:1px solid #ccc;
	text-align:left;
	vertical-align:middle;
	overflow:hidden;
}
@media (min-width:769px){
	.uic-inpbox{
		font-family:"Menlo","Consolas","Courier New";
	}
}
/* disabled */
.uic-disable{
	visibility:hidden;
}
.finp-control:focus{
	outline:1px dotted #000;
	outline-offset:-3px;
}
.finp-overlay{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,0);
	z-index:10000;
}
.finp-dialog{
	display:table;
	position:fixed;
	top:0;
	left:0;
	padding:20px;
	background-color:#fff;
	border:1px solid #ccc;
	box-shadow: 5px 5px 10px 0 #444;
	border-radius:5px;
	z-index:10001;
}
.finp-inpbox{
	display:table-cell;
	border:1px solid #337ab7;
}
.finp-inpbox:focus{
	outline:none;
}
.finp-dialog.finp-error{
	animation-name:kf-finp-error;
	animation-duration:0.2s;
	animation-iteration-count:5;
}
@keyframes kf-finp-error{
	25% {
		transform:rotateZ(-5deg);
	}
	75% {
		transform:rotateZ(5deg);
	}
}
.finp-dialog.finp-error .finp-inpbox{
	animation-name:kf-finp-input;
	animation-duration:3s;
	animation-iteration-count:1;
}
@keyframes kf-finp-input{
	0% {
		color:#ff0000;
	}
}
.finp-enter,
.finp-cancel{
	color:#fff;
	background:#337ab7;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}
.finp-enter{
	display:table-cell;
	padding:0 6px;
	padding-top:1px;
	font-size:16px;
	border-radius:0 5px 5px 0;
	vertical-align:middle;
}
.finp-enter:before{
	content:"⏎";
}
.finp-cancel{
	position:absolute;
	top:0;
	left:0;
	transform:translate(-50%,-50%);
	width:30px;
	height:30px;
	line-height:30px;
	font-size:16px;
	border-radius:50%;
}
.finp-cancel:before{
	content:"✕";
}
.scopeXYZ .hcc-control{
	width:10ch;
	text-align:center;
}
.spc-control{
	position:relative;
	display:inline-block;
	line-height:0;
	font-size:0;
	user-select:none;
}
.spc-control div{
	display:table-cell;
	cursor:pointer;
}
.spc-inpbox{
	position:relative;
	text-align:right;
	border-width:1px 0;
}
.spc-inpbox.spc-nopadding{
	padding:0;
}
.spc-select{
	padding-left:0;
	padding-right:0;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	background:#fff;
	border:none;
	text-align:right;
}
.spc-select:focus{
	outline:1px dotted #000;
	outline-offset:-2px;
}
.spc-dec,
.spc-inc{
	display:table-cell;
	padding-top:3px;
	width:3.8ch;
	font-family:"Arial";
	font-size:16px;
	line-height:1;
	color:#888;
	background:#eee;
	border:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
	touch-action:none;
}
.spc-dec:active,
.spc-inc:active{
	color:#000;
}
.spc-dec:focus,
.spc-inc:focus{
	outline:1px dotted #000;
	outline-offset:-3px;
}
.spc-dec:before,
.spc-inc:before{
	font-size:150%;
}
.spc-dec:before{
	content:"−";
}
.spc-inc:before{
	content:"+";
}
.scopeXYZ .sbar-control{
	position:relative;
	margin-bottom:20px;
	height:30px;
	border:1px solid #ccc;
	touch-action:none;
	cursor:crosshair;
}
.scopeXYZ .sbar-cursor{
	position:absolute;
	top:50%;
	left:0;
	transform:translate(-50%,-50%);
	width:0px;
	height:30px;
	pointer-events:none;
}
.scopeXYZ .sbar-triangle{
	position:relative;
	top:100%;
	left:0px;
	transform:translate(-50%,-50%);
	width:0;
	height:0;
	border-style:solid;
	border-width:10px 5px 10px 5px;
	border-color:transparent transparent black transparent;
}
.scopeXYZ .sarea-control{
	position:relative;
	width:200px;
	height:200px;
	border:1px solid #ccc;
	touch-action:none;
	cursor:crosshair;
}
.scopeXYZ .sarea-cursor{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:11px;
	height:11px;
	border:1px solid #000;
	outline:1px solid #fff;
	pointer-events:none;
}
.scopeXYZ .satlgn-control{
	position:relative;
	width:200px;
	height:200px;
}
.scopeXYZ .satlgn-control .sarea-control,
.scopeXYZ .satlgn-control .satlgn-sat,
.scopeXYZ .satlgn-control .satlgn-lgn{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.scopeXYZ .satlgn-control .sarea-control{
	touch-action:none;
	cursor:crosshair;
	border:1px solid #ccc;
}
.cpk-control{
	margin:10px;
	padding:10px;
	text-align:center;
	color:black;
	border:1px solid #ccc;
}
.cpk-preview{
	display:inline-block;
	margin:10px;
	padding:10px;
	width:60px;
	height:60px;
	border-radius:50%;
	background:transparent;
}
.cpk-val{
	display:table;
}
.cpk-heading{
	display:table;
	backgroud:#ccf;
}
.cpk-heading-left,
.cpk-heading-right{
	display:table-cell;
	padding:10px;
	vertical-align:top;
}
.cpk-body{
	display:table;
	backgroud:#cfc;
}
.cpk-body-left,
.cpk-body-right{
	display:table-cell;
	padding:10px;
	vertical-align:top;
}
.cpk-inpset{
	display:table;
	backgroud:#fcc;
}
.cpk-inpset-left,
.cpk-inpset-right{
	display:table-cell;
	padding:10px;
	vertical-align:top;
}
.cpk-inpbox{
	width:8ch;
}