Toolbox/static/css/module.css

body{
	/* text-size-adjust:auto;	 */
	-moz-text-size-adjust:auto;
	-webkit-text-size-adjust:auto;
	-ms-text-size-adjust:auto;
}
label.textbox-label-before{
	vertical-align:middle;
	font-size:90%;
}
tr.wrongcontent{
	display:none;
}
td.wrongcontent{
	visibility:hidden;
}
a.tooltip {
	position:relative;
	text-decoration:none;
}
a.tooltip:after {
	content:attr(data-tooltip);
	position:absolute;
	bottom:130%;
	left:20%;
	background:#ffcb66;
	padding:5px 15px;
	color:black;
	-webkit-border-radius:10px;
	-moz-border-radius	 :10px;
	border-radius				:10px;
	white-space:nowrap;
	opacity:0;
	/* At time of this creation, only Fx4 doing pseduo transitions */
	-webkit-transition:all 0.4s ease;
	-moz-transition	 :all 0.4s ease;
}
a.tooltip:before {
	content:"";
	position:absolute;
	width:0;
	height:0;
	border-top:20px solid #ffcb66;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	/* At time of this creation, only Fx4 doing pseduo transitions */
	-webkit-transition:all 0.4s ease;
	-moz-transition	 :all 0.4s ease;
	opacity:0;
	left:30%;
	bottom:90%;
}
a.tooltip:hover:after {
	bottom:100%;
}
a.tooltip:hover:before {
	bottom:70%;
}
a.tooltip:hover:after, a:hover:before {
	opacity:1;
}

.svgdelivery1, .svgstore1, .svgmale1, .svgfemale1{
	fill:white;
	}.svgdelivery1blur, .svgstore1blur, .svgmale1blur, .svgfemale1blur{
	fill:black;
}
.svgsplit{
	fill:#4040FF; !important;
	stroke-width:0; !important
}

.footerstatus	{
	float:left;
	/* font-family:Helvetica,Tahoma,Arial,sans-serif;	 */
	font-size:130%;
	margin-left:10px;
}
.footerstatuserror	{
	color:#FFFFFF;
	background-color:#FF0000;
}

fieldset {
	border:none;
	/* float:left; */
	height:auto;
	width:auto;
}
.toollabel{
	display:block;
	margin:auto;
	margin-left:-5px;
	margin-top:-6px;
	margin-bottom:-7px;
	font-size:1.3vh;	
	display:none;
}
table caption{
	background:rgba(222, 128, 51, 0.75);
	color:#444;
	border:1px solid #d4a375;
	padding:0.25%;
	padding-left:0.5%;
	text-align:left;
	font-size:0.8em;
}
#tablebox {
	width:100%;
	height:100%;
	margin:0px;
	clear:both;
	border-collapse:collapse;
	border-color:black;
	table-layout:fixed;
	/* font-family:Arial,Helvetica,Tahoma,sans-serif;	 */
	text-shadow:1px 1px 10px #000, 1px 1px 5px #000;
	white-space:nowrap;
	border:1px solid transparent;
}
#table_shelflist {
	/* width:100%; */
	margin-top:5px;
	table-layout:fixed;
	white-space:nowrap;
	border-collapse:collapse;
}
#table_boxlist {
	/* width:100%; */
	table-layout:fixed;
	/* font-family:Arial,Helvetica,Tahoma,sans-serif;	 */
	white-space:nowrap;
	border-collapse:collapse;
}
#table_place{
	table-layout:fixed;
	width:100%;
	height:100%;
	margin:auto;
	border:0px solid rgb(160,160,160);
	white-space:nowrap;
	/* font-family:Arial,Helvetica,Tahoma,sans-serif;	 */
}

tr.noborder{
	font-size:110%;
}
td.noborder{
	padding:0px;
}
td.shelfplace{
	width:10vw;
	height:9vh;
	margin:1px;
	background:transparent;
	vertical-align:middle;
}
td.droppable{
	/* border:1px solid #FFF; */
}
td.noshelfplace{
	width:10vw;
	height:9vh;
	margin:1px;
	/* border:4px solid transparent; */
}
div.contentpanel{
	width:auto;
	padding:0.3%;
	margin:0.5%;
	border:1px solid #d4a375;
}
div.contentscroll{
	width:auto;
	overflow:auto;
}
div.contentcaption{
	width:auto;
	height:20px;
	background:rgba(222, 128, 51, 0.75);
	color:#444;
	border:1px solid #d4a375;
	padding:0.25%;
	font-size:1em;
	overflow:auto;
}
div.content{
	border:0px;
	font-size:0.6em;
}
div.dragbox{
	/* width:96%; */
	height:100%;
	border:4px solid transparent;
	margin:auto;
}
/* Nur Firefox */
@-moz-document url-prefix() {
	div.dragbox{
		width:95%;
		height:100%;
	}
}
div.nodragbox{
	width:96%;
	height:100%;
	/* border:2px solid #F0F0F0 */
	border:2px solid inherit;
	/* margin:auto; */
}
tspan.place{
	text-align:left;
	font-size:1.5vh;
	position:relative;
	left:5%;
	width:25%;
	float:left;
}
tspan.placeshelf{
	width:95%;
	text-align:center;
	opacity:0.5;
}
tspan.number{
	width:100%;
	text-align:center;
	font-size:2.5vh;
	position:relative;
	float:left;
}	
tspan.weight{
	text-align:right;
	font-size:1.5vh;
	position:relative;
	left:8%;
	width:90%;
	float:left;
}
div.sl{
	border:4px solid #f00;	
}

table.legend{
	width:100%;
	height:auto;
	border-spacing:0px;
}
td.legend{
	width:10vw;
	font-size:1.5vh;
	text-align:center;
	text-shadow:1px 1px 2px #444;
}
/************************************************/

.dontmove{
	opacity: 0.6;
}
.deliverybox{
	/* display:inline-block; */
	text-decoration:none;
	border:4px solid transparent;
}
.warehousebox{
	/* display:inline-block; */
	text-decoration:none;
	/* padding-right:1em; */
}