.maindiv {
    color: #020202;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

.maindiv table {
    margin: 0 auto;
    background-color: none;
    text-align: left;
    border: solid 1px #002D59;
    border-collapse:separate;
    border-spacing: 5px;
}
.maindiv table th{
    padding-left: 10px;
    padding-right: 10px;
}
.maindiv table td{
border:none;
padding-bottom:10px;
background-color: none;
}
.maindiv table .tdleft{
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.maindiv table .tdbottom{
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.maindiv input::-webkit-input-placeholder {
    color: #fefefe;
    opacity: 5;
}

.maindiv input:focus::-webkit-input-placeholder {
    color:#111;
    opacity: .5;
    transition: all 0.3s ease;
}
.maindiv input[type="submit"]:focus,
.maindiv input[type="button"]:focus {
	outline: 0;
	background:rgb(247, 247, 247);
	transition: all 0.3s ease;
	color: #222;
}
#message{
    padding-top: 35px;
    padding-left: 5px;
    padding-bottom: 35px;
	height: 50px;
	min-height: 50px;
}
.maindiv #buttondiv{
    padding-top: 20px;
}
.maindiv #buttondiv input[type="button"] {
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.5em;
	color: white;
	background:	#f04a4a;
	box-shadow: 0px 4px 0px 0px rgb(94, 107, 116);
	border-style: none;
	padding: 8px 25px;
	position: relative;
	display: inline-block;
	transition: all .1s linear;
}
#hinttext{
    font-weight: bold;
    color: #f04a4a;
    
}
.maindiv #buttondiv input[type="button"]:hover {
	background:#ffa0a0;
}
.maindiv #buttondiv input[type="button"]:active {
	box-shadow: 0 2px 0 #424647;;
	transform: translateY(3px);
	-webkit-transform: translateY(3px);
	-ms-transform: translateY(3px);
}
.maindiv #buttondiv input[type="button"]:disabled {
	border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
}
#scanneddata {
    height:350px;
    max-height: 350px;
    width:80%;
    max-width: 70%;
    border: 1px solid;
    padding: 10px;
    padding-bottom: 10px;
    box-shadow: 5px 10px #888888;
    overflow-y:auto;
  }
#h5title{
    width:50%;
    max-width: 50%;
}

.noborderimportdata{
    border-collapse: collapse;
    width: 100%;
    border: none;
    background-color:transparent;
  } 
  .noborderimportdata td, .noborderimportdata th {
    font-size: 14px;
    border: none;
    padding: 2px;
    background-color: transparent;
  }
.maindiv .input-container {
    margin: 10px;
}
.customer
{
    background-color: #257ef1;
    color: #fefefe;
    padding:5px;
}
.AAA
{
    background-color: #f04a4a;
    color: #fefefe;
    padding:5px;
    padding-left:50px;
}
.EinzelA
{
    background-color: #006605;
    color: #fefefe;
    padding:5px;
    padding-left:75px;
}
.Supplements
{
    background-color: #c7c405;
    color: #fefefe;
    padding:5px;
    padding-left:100px;
}
.project{
    margin-bottom: 20px;
}

.tablesmall{
    width:100%
}
.tablesmall th{
    width:100%;
}