@font-face {
    font-family: "IranSans";
    src: url(data:font/ttf;base64,[encoded data, 119000 characters]) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "IranSans";
    src: url(data:font/ttf;base64,[encoded data, 116832 characters]) format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: 'IranSans';
    direction: rtl;
    margin: 0;
    padding: 0;
}

.page {
    margin: 0 auto;
    margin-bottom: 1mm;
    padding: 0;
    position: relative;
    top: 0;
    bottom: 0;
    /*border: 1px solid #000000;*/
}

.page-A4 {
    width: 210mm;
    height: 297mm;
    min-height:  297mm;
    min-width:  210mm;
}

.page-A3 {
    width: 297mm;
    height: 420mm;
    min-height:  420mm;
    min-width:  297mm;

}

.magazine-header, .magazine-footer {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 20mm;
    position: absolute;
    left: 0;
    right: 0;
}

.magazine-header {
    top: 0;
}

.magazine-footer {
    bottom: 0;
}

    .magazine-header img, .magazine-footer img {
        display: block;
        width: 100%;
        height: 20mm;
    }

.page-number-wrapper {
    height: 5mm;
    text-align: center;
    padding: 0 2mm;
    position: absolute;
    bottom: 20mm;
    left: 5mm;
    color: #000000;
}

.oriented-content {
    margin: 0;
    padding: 0;
    position: relative;
}

.oriented-content-A4-P {
    height: 251mm;
    width: 210mm;
    top: 20mm;
    bottom: 25mm;
}

.oriented-content-A4-L {
    height: 210mm;
    width: 251mm;    
    top: 20mm;
    bottom: 20mm;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: 50% 60%;
    -webkit-transform-origin: 50% 60%;
    -o-transform-origin: 50% 60%;
    transform-origin: 50% 60%;
}

.oriented-content-A3-P {
    height: 370mm;
    width: 297mm;
    top: 20mm;
    bottom: 25mm;
}

.oriented-content-A3-L {
    width: 370mm;
    height: 297mm;
    top: 20mm;
    bottom: 20mm;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin:50% 63%;
    -webkit-transform-origin:50% 63%;
    -o-transform-origin:50% 63%;
    transform-origin:50% 63%;
}
.page-header,.page-footer {
        padding: 5mm;
}
.page-header div {
    width: 100%;
}

.page-content {
    padding: 5mm;
    margin: 0 0;
}

    .page-content table {
        width: 100%;
        height: 100%;
        border: 0;
    }

        .page-content table th {
            background: none !important;
        }

        .page-content table th, .page-content table td, .page-content table tr {
            border: 0 !important;
        }
