
.scanblock {
	margin: 10px;
	padding: 10px;
	background: #eee;
	border-bottom: 1px solid gray;
}
.scanblocknumber {
	padding: 1px 5px;
	font-size: 20px;
	background: #333;
	color: white;
}

.col1 { color: #35373e; }
.col2 { color: #45474e; }
.col3 { color: #BBDEFB; }
.col4 { color: #448AFF; }
.col5 { color: #ffffff; }
.col6 { color: #9E9E9E; }
.col7 { color: #F5F5F5; }
.col8 { color: #388E3C; }
.col9 { color: #4CAF50; }
.col10 { color: #C8E6C9; }
.col11 { color: #03A9F4; }
.col12 { color: #FF5252; }
.col13 { color: #4CAF50; }
.col14 { color: #35373e; }

.bg1 { background: #35373e; }
.bg2 { background: #45474e; }
.bg3 { background: #BBDEFB; }
.bg4 { background: #448AFF; }
.bg5 { background: #ffffff; }
.bg6 { background: #9E9E9E; }
.bg7 { background: #F5F5F5; }
.bg8 { background: #388E3C; }
.bg9 { background: #4CAF50; }
.bg10 { background: #C8E6C9; }
.bg11 { background: #03A9F4; }
.bg12 { background: #FF5252; }
.bg13 { background: #4CAF50; }
.bg14 { background: #35373e; }


.menu1 {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	margin: 8px 5px 0 5px;
	padding: 5px 8px;
	font-size: 15px;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
}
.menu1sel {
	background: #35373e;
}

.div {
	background: white;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	width: auto;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.button, .button:link, .button:active, .button:visited {
	color: black;
	text-decoration: none;
	display: inline-block;
	padding: 2px 4px;
}
.button:hover {
	color: white;
	text-decoration: none;
	background: #448AFF;
}







span.miniicondown {
	font-size: 8px; color: rgba(255,255,255,0.5);
}
span.miniiconright {
	font-size: 8px; color: rgba(255,255,255,0.5); right: 0; margin: 10px; position: absolute;
}
.menu, .menu ul {
	z-index: 99; margin: 0; padding: 0; list-style-type: none; position: relative; line-height: 2.5em;
}
.menu a {
	text-decoration: none;
}
.menu > li {
	margin-left: 5px;
	margin-right: 5px;
}
.menu > li:first {
	margin-left: 0px !important;
}
.menu > li > a {
	padding: 5px 8px; margin: 0; width: 100%; text-decoration: none; color: #ffffff; cursor: pointer;
}
div.box {
	position: absolute; z-index: -1; background: #45474e; left: 0; top: 0; box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
li.pull-down {
	padding-right:6px;
}
.menu li {
	float: left; position: relative;
}
.menu ul {
	position: absolute; display: none; background: #45474e; box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.menu li ul li a {
	display: block; height: auto; color: #ffffff; padding: 0 30px 0 10px; text-align: left; white-space: nowrap;
}
.menu li ul li a:hover {
	background: #35373e; text-decoration: none;
}
.menu li ul li {
	display: block; width: 100%; padding: 0; margin: 0;
}
.menu ul ul {
	top: auto;
}
.menu li ul ul {
	top: 0;
}