/* 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:"✕";
}
.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 .tmco-control{
	margin:10px;
	padding:10px;
	text-align:center;
	border:1px solid #ccc;
}
.scopeXYZ .tmco-control .spc-inpbox{
	width:5ch;
	text-align:center;
}