/* ver: 19*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, form, label {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.html, body{
    width:100%;
    height:100%;

}
.mobile {
    display: none;
}

body {
    margin: 0;
    padding: 0;
    text-align: left;
    direction: ltr;
    font-family: sans-serif;
    font-size: 14px;
    background: url(../img/bg-body.gif) repeat 0 0;
}

video {
    pointer-events: none;
}

input, textarea {
    font-family: vazir, DroidNaskh-Regular, Tahoma;
    font-size: 12px;
    text-align: left;
}

a, a:hover {
    text-decoration: none;
}

ul, li {
    list-style-type: none;
}

.dvColorBar {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 30%;
    position: absolute;
    top: 0;
    left: 0;
    background: #999;
    z-index: -1;
}

.dvContainer {
    display: block;
    width: calc(100wh - 100px);
    height: calc(100vh - 100px);
    margin: 50px;
    box-shadow: 0 0 30px #ccc;
    z-index: 0;
    position:relative;
}

.dvLogo {
    width:30%;
    height:100%;
    padding:0;
    margin:0;
    position:absolute;
    top:0;
    left:0;
    text-align:center;
}

.dvLogo h2, .dvLogo h3{
    color:#eee;
    font-weight:bold;
    margin:10px;
}

    .dvLogo h2 {
        font-size:24px;
    }

    .dvLogo h3 {
        font-size: 20px;
    }
.dvLogoInside{
    margin-top:200px;
}
.dvCopyright {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align:center;
    width:100%;
}
.dvContent {
    width: 70%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.dvContent h2{
    font-size:24px;
    color:#333;
    font-weight:bold;
    margin:50px auto;
}
.dvContent input {
    box-shadow: 0 0 5px #ccc;
    height: 50px;
    width: 350px;
    border: 0;
    font-size: 18px;
}
    .dvContent div{
        margin:200px auto;
        width:400px;
    }
    .dvContent div div {
        margin: 10px;
        width: 100%
    }

    .dvContent [type=submit] {
        text-align: center;
        background: #00cccc;
        cursor: pointer;
    }


    .dvAlignRight{
        text-align:right;
    }

.dvAlignLeft {
    text-align: left;
}

.dvAlignCenter {
    text-align: center;
}

















    .notDisplay {
        display: none;
    }



/* END Page*/
@media print {
    .noprint {
        display: none !important;
    }
}


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

    .startSlat {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {

    .slatForm {
        width: 95%;
        margin: 10px auto;
        padding: 0;
    }

    .startSlat {
        margin: 0;
        padding: 0;
    }

    .notTablet {
        display: none;
    }

    .tablet {
        display: block;
    }
}

@media only screen and (max-width: 481px) {

    .tblData {
        display: none !important;
    }

    .dvData {
        display: block !important;
    }

    .notMobile {
        display: none;
    }

    .mobile {
        display: block;
    }
    .dvColorBar{
        height:200px;
        width:100%;
    }

    .dvContainer {
        width: 100%;
        height: 100vh;
        box-shadow: none;
        margin: 0;
        padding: 0;
        sborder: solid 1px #f00;
    }

    .dvLogo{
        width:100%;
        height:150px;
        display:block;
        sborder:solid 1px #f00;
    }

        .dvLogo h2, .dvLogo h3{
            color:#eee;
        }

        .dvLogoInside {
            margin-top: 10px;
            text-align: center;
        }

    .dvCopyright {
        position: fixed;
        bottom: 20px;
        left: 0;
    }

    .dvContent{
        width:100%;
        display:block;
        position:absolute;
        top:250px;
        height:300px;
    }

        .dvContent span {
            width: 100%;
            text-align: left;
        }
        .dvContent h2 {
            display:none;
        }
        .dvContent div{
            display: block;
            width: 100%;
            margin: 0;
            padding: 0;
        }

            .dvContent div, .dvContent div div {
                display: block;
                width: 100%;
                margin: 10px auto;
                padding: 0;
                text-align:center;
            }
     
}