﻿.validator {
    color: red;
}

.hidden {
    display: none;
}

.Font_BT {
    font-family: 'B Traffic';
}

.Font_BT1_0x {
    font-family: 'B Traffic';
    font-size: 0.8em;
}

.Font_BT1_1x {
    font-family: 'B Traffic';
    font-size: 1.1em;
}

.Font_BT1_2x {
    font-family: 'B Traffic';
    font-size: 1.2em;
}

.Font_BT1_3x {
    font-family: 'B Traffic';
    font-size: 1.3em;
}

.Font_BT1_5x {
    font-family: 'B Traffic';
    font-size: 1.5em;
}



.Font_BTitr {
    font-family: 'B Titr';
}

.Font_BTitr1_0x {
    font-family: 'B Titr';
    font-size: 0.9em;
}

.Font_BTitr1_1x {
    font-family: 'B Titr';
    font-size: 1.1em;
}

.Font_BTitr1_2x {
    font-family: 'B Titr';
    font-size: 1.2em;
}

.Font_BTitr1_3x {
    font-family: 'B Titr';
    font-size: 1.3em;
}

.Font_BTitr1_5x {
    font-family: 'B Titr';
    font-size: 1.5em;
}

.Font_BTitr1_6x {
    font-family: 'B Titr';
    font-size: 1.6em;
}

.Font_BTitr1_7x {
    font-family: 'B Titr';
    font-size: 1.7em;
}

.Font_Bhoma {
    font-family: 'B Homa';
}
.Font_Bhoma_1_xx {
    font-family: 'B Homa';
    font-size: 0.7em;
    
}
.Font_Bhoma_1_0x {
    font-family: 'B Homa';
    font-size: 0.8em;
}

.Font_Bhoma_1_1x {
    font-family: 'B Homa';
    font-size: 1.1em;
}

.Font_Bhoma_1_2x {
    font-family: 'B Homa';
    font-size: 1.2em;
}

.Font_Bhoma_1_3x {
    font-family: 'B Homa';
    font-size: 1.3em;
}

.Font_Bhoma_1_5x {
    font-family: 'B Homa';
    font-size: 1.5em;
}

.Font_BLoutos {
    font-family: 'B Lotus';
}

.Font_BLoutos_1_0x {
    font-family: 'B Lotus';
    font-size: 0.8em;
}

.Font_BLoutos_1x {
    font-family: 'B Lotus';
    font-size: 1em;
}

.Font_BLoutos_1_1x {
    font-family: 'B Lotus';
    font-size: 1.1em;
}

.Font_BLoutos_1_2x {
    font-family: 'B Lotus';
    font-size: 1.2em;
}

.Font_BLoutos_1_2x {
    font-family: 'B Lotus';
    font-size: 1.3em;
}

.Font_BLoutos_1_5x {
    font-family: 'B Lotus';
    font-size: 1.5em;
}

#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;
    }
}
.watermark {
    display: block;
    position: relative;
}

    .watermark::after {
        content: "";
        background: url(../Images/mohr.png)no-repeat;
        opacity: 0.2;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
    }

