*, ::before, ::after{ margin: 0; box-sizing: border-box;}
a{ text-decoration: none;}
img{ vertical-align: bottom;}
ul{ list-style: none; padding: 0;}

/* .container{ margin: auto; width: 891px; padding: 0 15px;} */
.container{ width: 800px; margin: auto; padding: 0 15px; height: 900px; color:#000000}
/* .container { background-image: url(./background1.jpg); background-repeat: no-repeat;
    align-items: center;
} */
 .row{ 
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap; 
    -ms-flex-direction: row;

}
.row::after{ content: ""; display: block; clear: both;}
.col-1{ flex:1 1 8.33%;  order: 0; }
.col-2{ flex:1 1 16.66%;  order: 0; }
.col-3{ flex:1 1 25%;  order: 0; }
.col-4{ flex:1 1 33.33%;  order: 0; }
.col-5{ flex:1 1 41.66%;  order: 0; }
.col-6{ flex:1 1 50%;  order: 0; }
.col-7{ flex:1 1 58.33%;  order: 0; }
.col-8{ flex:1 1 66.66%;  order: 0; }
.col-9{ flex:1 1 75%;  order: 0;}
.col-10{ flex:1 1 83.33%;  order: 0;}
.col-11{ flex:1 1 91.66;  order: 0;}
.col-12{ flex:1 1 100%;  order: 0; }

.wrap-1 {text-align: center; padding: 20px; font-family: Arial, serif; color: #000000;}
.head h2{ font-size: 18px; padding-bottom: 4px;}
.head h4{font-size: 15px; padding-bottom: 3.5px;}
.head h5{font-size: 13.6px;}
.sidename p{padding-bottom: 6px;
    white-space: nowrap;
    font: 12px 'Arial';
    color: #000000;
    margin-left: 24px;
}

    
/* p span{font-family: Arial,serif; font-weight: 500;} */
.name h5 { font:12px 'Arial'; font-weight:600;
     padding-left:10px; padding-bottom: 6px; margin-left:5px;}
.name p { font:12px 'Arial';padding-left:10px; padding-bottom: 6px;margin-left:5px;}
.tax{margin-top:78px;}
.table{font:12px 'Arial'; margin-left: 24px; margin-top: 3px!important;}
.table p{padding-top:4px;}
.total{margin-left:22px; margin-top:3px; font:13px 'Arial';}
.total1{margin-left: -2px; margin-top:14px; font:11px 'Arial';}
.last{font:11px 'Arial'; margin-left:22px;}
.last p{ padding-top:4px;}

/* .color{background-color: rgba(255, 255, 255, 0.7);}
 */
/* .color{background-image: url(./new\ white\ 23.jpg);
    opacity: 0.8;
    background-repeat: no-repeat;
    background-size: 75% 71%;
} */
.bgtext{ margin-left: 22px;}
.bgtext::after{
    content: "UP16ET7334 / 11-SEP-2012";
    position: absolute;
    color: rgb(187, 182, 182);
    top: 24px;
    z-index: 1;
}
.total1 p::first-letter {
    font-size: 12px;
    color: #000000;
    background-color:#ffff;
  }
.table hr:first-child{margin-right: 49px;
        margin-left: -29px;
        margin-top: -5.9px;
        padding-top: -4.5px;
        padding-bottom: -19px;
        margin-bottom: 3px;
    }
.table hr{margin-right: 49px;
        margin-left: -29px;
        margin-top: 1.3px;
        padding-top: -4.5px;
        padding-bottom: -19px;
        margin-bottom: -2px;
    }






/* <?php 
for($i=0; $i<10;$i++){ 
  $htmlElement = "<div id='div_".$i."'>text</div>"; 
  echo $htmlElement; 
  echo '<br/>'; 
} 
?> */