/* 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;
}
.scopeXYZ .sbc-control{
	color:#444;
	background:#fff;
	border-radius:50%;
	outline:none;
	user-select:none;
	cursor:pointer;
}
@media (hover:hover){
	.scopeXYZ .sbc-control:hover{
		background:#eee;
	}
}
.scopeXYZ .sbc-control:active{
	background:#ddd;
}
.scopeXYZ .sbc-control.sbc-focus{
	box-shadow:0 0 3px 1px #337ab7;
}
.scopeXYZ .sbc-svg{
	position:absolute;
	top:20%;
	bottom:20%;
	left:20%;
	right:20%;
}
/* control */
.scopeXYZ .fvc-control{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.scopeXYZ .fvc-control.fvc-hide{
	display:none;
}
/* checkboard */
.scopeXYZ .fvc-checkboard{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	/* checkerboard */
	background-color:white;
	background-image:linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee),
		linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
	background-size:16px 16px;
	background-position:0 0, 8px 8px;
	/* border */
	border:4px solid #eee;
}
/* fileboard */
.scopeXYZ .fvc-fileboard{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	border:4px solid transparent;
}
/* close */
.scopeXYZ .fvc-close{
	position:absolute;
	top:10px;
	right:10px;
	width:50px;
	height:50px;
}
.scopeXYZ .fvc-control.fvc-disable .fvc-close{
	visibility:hidden;
}