@charset "utf-8";
/* CSS Document */

#pdForm {
    
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 15000;
    /*background: url('/images/trans.png');*/
    display:none;

}

#pdForm > .container {
    
    position: relative;
    width:100%;
    height:100%;

}

#pdForm > .container > .formContainer {
    
    width:50vw;
    padding:2vw;
    height:auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid #642a2f;
    background-color: #e8e6df;

}

#pdForm .form-control {
    
    width:90%;
    
}

#pdForm .form-control.full {
    
    width:95%;
    
}

#pdForm .form-control.input-select {
    
    width:95%;
    
}

#pdForm .form-control.input-select.full {
    
    width:97.5%;
    
}

#pdForm .submit-button {
    
    width:3vw;
    
}

#pdFormClose {
    
    cursor: pointer;
    position: relative;
    top:-1vw;
    left:98.5%;
    
}

#pdFormClose svg{
    
    width:2vw;
    height:auto;
    
}

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

    
}

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

    #pdForm > .container > .formContainer {

        width:91vw;
        padding-top:4vw;

    }
    
    #pdForm .form-control.input-select {

        width:90%;

    }

    #pdForm .form-control.input-select.full {

        width:95%;

    }
    
    #pdFormClose {

        top:-1vw;
        left:94%;

    }
    
    #pdFormClose svg{

        width:8vw;
        height:auto;

    }
    
    #pdForm .submit-button {

        width:12vw;

    }


}


