@use '../util';

div#qr-box {
	padding:1px;
	@include util.box-sizing(border-box);
	min-width: 300px;
	background:lightgray;
	border: 1px solid #000;

	input[type=text],textarea {
		display: table-cell;
		min-width:320px;
		background: #FFF;
		color: #000;
		width:100%;
		@include util.box-sizing(border-box);
	}
	input[type=file] {
		background: lightgray;
		max-width: 200px;
		border: none;
		color: #000;
		width: auto;
	}
	div#upload-container {
		text-align: center;
		width: 100%;
		max-height: 150px;
	}
	label {
		color: #000;
	}
	textarea {
		min-height:40px;
	}
}

div#qr-title {
	background: #000;
	min-width: 100%;
	height: 22px;
	color: #FFF;
	text-align:right;
	font-weight:bold;
	width:100%;
	cursor:move;
}

div#qr-title span#qr-buttons {
	padding: 4px;
}

div#qr-title * {
	text-decoration:none;
	color:#FFF;
	font-size: 15px;
}

table#qr-postbox {
	width:100%;
	input[type=text] {
		width:100%
	}
	textarea {
		background: #FFF;
		color: #000;
	}
}