.font_form
{
	margin-top:		20px;
	background-color:	#444C56;
	border-radius: 	10px;
	box-sizing: 	border;
	padding: 		20px;

	display:		flex;
}

#dragbox
{
	padding:		20px;
	text-align: 	center;
	box-sizing: 	border;
	border: 		1px dashed rgba(255,255,255,0.2);
	cursor: 		pointer;
	margin-right: 	20px;
	flex-grow:		1;
	border-radius:  8px;
}


#dragbox:hover
{
	border: 		1px dashed rgba(255,255,255,0.6);
}

#dragbox
{
	color: white;
	display: inline-block;
}

.font_settings
{
	white-space: nowrap;
	box-sizing: 	border;
}
.font_setting
{
	display: 		flex;
	margin-bottom:	0px;
}
.font_setting span
{
	display: 		block;
	flex-grow: 		1;
	box-sizing: 	border;
	padding-right:	10px;
}
.font_setting input
{
	width:			84px;
	text-align: 	center;
	border-radius:	5px;
	border: 		none;
	padding:		2px;
	margin-bottom:  5px;
	/* -moz-appearance:textfield; */
}
.font_setting input::-webkit-inner-spin-button,
.font_setting input::-webkit-outer-spin-button
{
	-webkit-appearance: none;
	margin: 		0px;
}
.font_setting input[type='checkbox']
{
	margin-top: 5px;
	border-radius: 4px;
}

#fonttest
{
	margin-top:			20px;
	background-color:	#444C56;
	/*margin-top: 		20px;
	padding: 			20px;*/
}

.fontcontainer::-webkit-scrollbar {width: 6px;height: 8px;}
.fontcontainer::-webkit-scrollbar-track {background: rgba(255,255,255,0.2);}
.fontcontainer::-webkit-scrollbar-thumb {background: rgba(255,255,255,0.2);}
#dragbox
{
	margin-bottom: 0px;
}