@charset "utf-8";
/* CSS Document */

body{
	background:#F0F0F0;
}

.dialog-panel{
	border-radius: 5px;
}

.dialog-panel .panel-label.right a{
	color:#215B9E;
}

.control,.view{
	/*
	border:#aaa 1px solid;
	background:#fbfbfb;
	padding: 10px;*/
	display:inline-block;
	vertical-align: top;
}
.picture,#info{
	border:#aaa 1px solid;
	padding: 10px;
	border-radius: 10px;
}
.picture{
	margin-bottom:20px;
	display: flex;
}
.dialog-panel .panel-label,.picture{
	background-color: #fff;
}
#info{
	background-color: #D0D0FF;
}
.picture:hover,
#info:hover
{
	box-shadow: orange 0 0 5px;
}
.control{
	margin-right:10px;
}
.num_4n{
	width:50px;
}
.num_10n{
	width:140px;
}
.download-picture{
	margin-left:15px;
}
.draw-canvas{
	background-color: #fff;
	/*background-image: linear-gradient(45deg, #dfdfdf 25%, transparent 27%),
	0px -8px linear-gradient(-45deg, #dfdfdf 25%, transparent 27%),
	-8px 8px linear-gradient(45deg, transparent 75%, #dfdfdf 75%),
	8px 0px linear-gradient(-45deg, transparent 75%, #dfdfdf 75%);*/
	background-image: url(transparent_bg.svg);
	background-size: 16px 16px;
	margin-top: 5px;
}
#pictures{
	list-style:none;
	padding:0;
}
#copyright{
	text-align:center;
}
/*
#dpimodlist{
	list-style:none;
	padding:0px;
}
#dpimodlist li label{
	display:inline-block;
	width:100px;
}
*/