@font-face {
    font-family: 'iransans';
    src: url('/font/IRANSansWeb.ttf');
}


@media print {

}
    .invoice-box {
     max-width: 800px;
  margin: 2%;
  border: 1px solid #eee;
  box-shadow: 0 0 10px rgba(0, 0, 0, .15);
  line-height: 24px;
  
  padding: 2%;
      margin: auto;
        
    }

.invoice-box div.head {display:flex;
justify-content: space-between;

}



        .invoice-box div.head img{
            max-height:80px
        }

        .invoice-box div.head section {
            display: inline-block;
            
        }

.invoice-box div.head section{



 

}

.invoice-box div.head section:nth-child(3){




  

}


html:lang(en) .invoice-box div.head section{





}

html:lang(en) .invoice-box div.head section:nth-child(3){




  

}

html:lang(fa) .invoice-box div.head section{





}

html:lang(fa) .invoice-box div.head section:nth-child(3){



  

}



.invoice-box div.head-user {
padding: 0 2%;
  text-align: justify;

  margin-top: 25px;
}

html:lang(fa) .invoice-box div.head-user, html:lang(ar) .invoice-box div.head-user {
    text-align: right
}

.invoice-box div.head-user span {
    padding-right: 25px;
}

.invoice-box table div
{
  
}

    html:lang(fa) div.head-user span {
        padding-left: 25px;
    }

    .invoice-box div.head section:nth-child(2) {
        flex:3;
        vertical-align: top;
      text-align: center;
    }
        .invoice-box div.head div{
            font-size:0.87em;
        }

        .invoice-box table {
            width: 100%;
            line-height: inherit;
            text-align: left;
        }

html:lang(fa) .invoice-box table {
    text-align: right;
  
}


.invoice-box table  tr th:nth-child(1) {
    width: 6%;
}

.invoice-box  table tr th:nth-child(2) {
        text-align: right;
        width: 50%;
    }



 .invoice-box  table tr th:nth-child(3) {
    width: 12%;
}

 .invoice-box  table tr th:nth-child(4) {
    width: 11%;
}


 .invoice-box  table tr th:nth-child(5) {
    width: 12%;
}

 .invoice-box  table tr th:nth-child(6) {
    width: 12%;
}




.invoice-box table td {
    padding: 2px;
    vertical-align: top;
  text-align: center;
   
}

.invoice-box .t2{
  

  
 

  float: left;
  margin: 1%;
   margin-top: 4%;
  
  width:200px}




 .invoice-box table tr td:nth-child(2) {
    text-align:justify
}
.invoice-box .t2 tr {
  
border-bottom:1px solid #e9e9e9;
   
}

.invoice-box table.t2 tr td {
   
  text-align: left;
  color:black;
   
}





            .invoice-box table tr.top table td {
                padding-bottom: 2px;
            }

                .invoice-box table tr.top table td.title {
                    font-size: 45px;
                    line-height: 45px;
                    color: #333;
                }

            .invoice-box table tr.information table td {
                padding-bottom: 40px;
            }

            .invoice-box table tr.heading th {
                background: #eee;
                border-bottom: 1px solid #ddd;
                padding: 1%;
              text-align: center;
            }

                .invoice-box table tr.heading th :nth-child(2) {
                    text-align: center
                }

            .invoice-box table tr.details td {
                padding-bottom: 20px;
            }

            .invoice-box table tr.item td {
                border-bottom: 1px solid #eee;
              text-align: center;
              line-height: 1.2;

            }

            .invoice-box table tr.item.last td {
                border-bottom: none;
            }

            .invoice-box table tr.total td:nth-child(5), .invoice-box table tr.total td:nth-child(4) {
                border-top: 1px solid #eee;
                font-weight: bold;
              min-width: 100px;
  text-align: left
            }

        .invoice-box tr.item td{color: #555;}





/** RTL **/
html:lang(fa) .invoice-box {
    direction: rtl;
    font-family: iransans,tahoma;
  font-size: .9em;
}

html:lang(en) .invoice-box {
    direction: ltr;
    font-family: arial;
}




    .invoice-box h1 {
       text-align: center !important;
  font-size: 1.5em;
    }

html:lang(fa) .invoice-box i.print {
    float: left;
  padding: 20px;
}




.invoice-box i.print {
    float: right
}
html:lang(fa) .invoice-box table {
    text-align: right;
}





 .invoice-box table tr td h1 {
    text-align: center
}

.invoice-box table, .invoice-box th, .invoice-box td {

  border-collapse: collapse;
}

 .invoice-box tr.itrm td {
    text-align: center;
}


    .invoice-box p {
      
        padding: 5%;
      text-align:justify;
    }



    @media only screen and (max-width: 1000px) {
      
      .print{display:none;}
      
}





   @media only screen and  (max-width: 620px) {
     
     .invoice-box div.head img{
            max-height:50px
        }

      
    .invoice-box {
    
  font-size: .7em;

      
  padding: 2%;
        
    }
     
     tr.item{font-size:.6rem;}

        #faktorbox {
            width:100%;
            text-align: center;
            overflow-x: auto;
        }

       


        .invoice-box table tr.top table td {
            width: 100%;
            display: block;
            text-align: center;
        }

        .invoice-box table tr.information table td {
            width: 100%;
            display: block;
            text-align: center;
        }
    }

 @media only screen and  (max-width: 400px) {
     
     .invoice-box div.head img{
           
        }

}