body{
    direction: rtl;
    margin: 0;
    padding: 0;
    font-family: 'Vazir', serif;
    font-size: 9pt;
}
#main-box{
    width: 21cm;
    height: 29.7cm;
    border: 1px solid grey;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
}

#topbar{
    height: 1cm;
    background: #002a80;
}

#titlebar{
    display: flex;
    align-items: center;
    justify-content: center;
}

#logo{
    text-align: center;
    width: 40%;
    padding: 1cm;
}

#logo img{
    width: 3cm;
}

#title{
    background: #e0e3ec;
    padding: 0.2cm 0.5cm;
    display: inline-block;
    border-radius: 2cm;
}

#info{
    width: 60%;
}

#info div{
    text-align: center;
    line-height: 1cm;
}

#content{
    padding: 1cm;
}

#content table{
    border-collapse: collapse;
    width: 100%;
    border: 2px solid black;
    margin-bottom: 0.1cm;
}

#content table tr td{
    padding: 0.1cm 0.2cm;
    border: 1px solid grey;
}

#content table tr td:nth-child(odd){
    background: #d2d2d2;
    width: 20%;
}

#content table tr td:nth-child(even){
    width: 30%;
}

#bottombar{
    height: 0.5cm;
    background: #002a80;
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
}