﻿/*******************************/
/*           fonts             */
/*******************************/

@font-face {
    font-family: IRAN-sans;
    src: url(../fonts/IRAN-Sans.ttf);
}
@font-face {
    font-family: IRAN-sans-bold;
    src: url(../fonts/IRAN-Sans-Bold.ttf);
}

.validator {
    color: red;
}

.hidden {
    display: none;
}

.fontx {
    font-family:IRAN-sans;
}

#nav li {
    display: inline;
    list-style-type: square;
    padding-right: 20px;
}

div #menu {
    background-color: rgb(74, 70, 70);
    margin-top: 20px;
}

.success {
    background-color: greenyellow;
    margin-top: 20px;
    color: green;
}

.validator {
    background-color: Window;
    margin-top: 20px;
    color: red;
}

.numberplate_motor {
    width: 200px;
    height: 124px;
    background-image: url(../Images/Pelak_Motor.png);
    float: right;
    margin-bottom: 5px;
}

.numberplate {
    width: 207px;
    height: 63px;
    background-image: url(../Images/pelak_bk.gif);
    float: right;
    margin-bottom: 5px;
}

.numberplate_pad {
    direction: ltr;
    padding: 17px 0 0 25px;
    float: left;
}

.numberplate_iran {
    float: right;
    display: block;
    padding: 17px 10px 0 0;
}

.numberplate input, .numberplate select {
    margin-bottom: 0px;
    padding: 3pt 1pt;
    color: #666666;
    border: 1px solid #cccccc;
    border-radius: 6px;
    text-align: center;
}

body {
    background: rgb(204,204,204);
}

page {
    background: white;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}

    page[size="A4"] {
        width: 21cm;
        height: 29.7cm;
    }

        page[size="A4"][layout="portrait"] {
            width: 29.7cm;
            height: 21cm;
        }

    page[size="A3"] {
        width: 29.7cm;
        height: 42cm;
    }

        page[size="A3"][layout="portrait"] {
            width: 42cm;
            height: 29.7cm;
        }

    page[size="A5"] {
        width: 14.8cm;
        height: 21cm;
    }

        page[size="A5"][layout="portrait"] {
            width: 21cm;
            height: 14.8cm;
        }

@media print {
    body, page {
        margin: 0;
        box-shadow: 0;
    }
}
