body {
      font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0; margin: 0; color:#393938;
}
a {color:#393938;}
.content{padding: 0 5%; text-align: justify;}
h2 {color:#393938; font-weight:normal; font-size: 30px;}
 .content p {
     font-size: 20px;
     font-family: inherit;
     line-height: 32px;
	 color:#393938;
}
 .content ul li, .content ol li {
    font-size: 20px;
     font-family: inherit;
     line-height: 32px;
     overflow: hidden;
}
 .content ul , .content ol {
    padding: 0 ;
     margin:0px;
}
 .form-title {
    font-size: 42px;
	padding: 0px 0;
	margin: 20px 0;
	text-align: center;
	color: #6F6F6F;
	background: #EFEFEF;
	padding: 55px 0;
	font-weight: normal;
}


strong{color: #6F6F6F;}
th strong {color:#fff;}

 .logo {
     text-align: center;
     padding-bottom: 1px;
}
 .logo img {
     padding-top: 10px;
}
 .homepage {
     padding-bottom: 50px;
}
 .homepage a {
     text-align: right;
     float: right;
     background: #557a9b;
     padding: 6px;
     color: #fff;
     text-decoration:none;
}
 .numberCircle {
     border-radius: 50%;
     width: 10px;
     height: 10px;
     padding: 8px;
     background: #557a9b;
     border: 2px solid #666;
     color: #666;
     text-align: center;
     font: 11px Arial, sans-serif;
     font-weight: normal;
     float: left;
     color: #fff;
     margin: 4px 6px 0 0px;
     font-weight: bold;
}
 .product-name{
    display: block;
     padding-bottom: 9px;
     font-size: 25px;
     border-bottom: 4px solid #D0D0D0;
     margin-bottom: 7px;
}
/*tabel*/
 #customers {
    
     border-collapse: collapse;
     width: 100%;
}
 #customers td, #customers th {
     border: 1px solid #ddd;
     padding: 8px;
	 font-size:20px;
}
 #customers tr:nth-child(odd){
    background-color: #f2f2f2;
}
 #customers tr:hover {
    background-color: #ddd;
}
 #customers th {
     padding-top: 12px;
     padding-bottom: 12px;
     text-align: left;
     background-color: #557a9b;
     color: white;
}