/* #desk specific classes */

#desk {
	width:calc(100% - 2px);
	margin:0;
}
#desk table {
	width:100%;
	margin-left:0;
	margin-right:0;
}

.dr { /* desk row, vertical spacing */
	padding:0 1rem;
	margin:1rem 0rem;
}
.dr.backup {
	margin-top:-1.5rem;
}

#dirbuttons, #sequencebuttons {
	display:inline-block;
	margin-right:.5em;
}

/* form-like layout of box */

.bigfield {
	border: 1px solid black;
	border-radius:1rem;
	text-align:center;
	font-size:1.5em;
	background-color:white;
	padding:.5rem;
	line-height:1.735;  /* normal for devanagari */
}
#sketchcanvas {
	position:relative;
}
.sketchfont {
	font-size: 5rem;
}
#right-btn {
	margin-left:.5em;
}

/* stacks, with drag and drop */

.stackexpander {
	margin-top:-.8rem;
	margin-bottom:-.1rem;
}

#stacks {
	display:flex;
	flex-wrap:wrap;
	gap:.5rem;
	padding:0 1rem;
}

.stack {
	flex: 1 1 12rem;   /* grow, shrink, basis */
	min-width:12rem;
	max-width:20rem;
	min-height:3rem;
	xheight:10rem;
	xmax-height:12rem;
	overflow-x:hidden;
	overflow-y:auto;
	white-space:nowrap;
	margin:0;
	text-align:left;
	position:relative;
}
.stack:first-child {
	margin-left:0;
}
.stack ul {
	min-height:3em;
}
.stack h3 {
	position:sticky;
	top:0;
	margin:0;
	padding:.2rem 0;
	z-index:1;
	color:rgb(255,255,255) !important; 	
	background-color:rgb(  0,128,128); 
	border:0;
	padding-left:1rem;
}

/* settings popup dialog */

form#settings {
	xwidth:11rem;
	position:absolute;
	top:0;
	right:0;
}
form#settings table {
	margin:0 .5em .5em .5em;
}
form#settings input[type=number] {
	width:3rem;
}