#nutritionfacts { 
    background-color:white; 
   
}
.container{
	width:100%;
}
.container .left{
	width: 60%;
}
.left,.formleft{
	float:left;
	
}
.right{
	float:right;
	width:40%;
}
.formright{
	float:right;
}
.formleft, .formright{
	width:40%;
	
}
.collectdata {
    padding-left:20px;
}
.collectdata td{
	padding:5px;
}
.collectdata input{
	padding:3px;
}
.collectdata input[type=button]{
	padding:10px;
	width:100%;
	background-color:#233A95;
	border:1px solid #fff;
	border-radius:10px;
	color:#fff;
}
input[type=button]{
	padding:10px 50px;
	background-color:#233A95;
	border:1px solid #fff;
	border-radius:10px;
	color:#fff;
	align:center;
}
.collectdata input[type=button]:hover{
		background-color:#EA2B0F;

}
.box {
padding: 0.5rem;
}

label {
display: block;
}



#table-container
{
  border: 1px solid black;
  padding:3px; 
 display:inline-block;
}
 td { 
    color:black; 
    font-family:'Arial Black','Helvetica Bold',sans-serif; 
    font-size:8pt; 
    padding:0; 
}
td.header { 
    font-family:'Arial Black','Helvetica Bold',sans-serif; 
    font-size:14pt; 
    white-space:wrap; 
}        
 div.label { 
    float:left; font-family:'Arial Black','Helvetica Bold',sans-serif; 
}
 div.serving { 
    font-family:Arial,Helvetica,sans-serif; 
    font-size:8pt; 
    text-align:center; 
}
 div.weight { 
    display:inline; font-family:Arial,Helvetica,sans-serif; padding-left:1px; 
}
div.dv { 
    display:inline; float:right; font-family:Arial Black,Helvetica Bold,sans-serif; 
}
 table.vitamins td {  
    font-family:Arial,Helvetica,sans-serif; 
    white-space:nowrap; 
    width:33%; 
}
 div.line { 
    border-top:1px solid black; 
}
 div.labellight { 
    float:left; font-family:Arial,Helvetica,sans-serif; 
}
 .highlighted {
    border:1px dotted grey;
    padding:2px;
}