/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 05/10/2017, 17:14:23
    Author     : taenan
*/


/* Smartphones (portrait and landscape) ———– */
/*

@media only screen
and (min-device-width : 10px)
and (max-device-width : 700px) {

    body{
        font-size: 1.5em !important;
    }

    .ui-widget {
        font-size: 2em !important;
    }

    #panelLogin_header{
        font-size: 2em !important;
    }

    .inputLabel{
        font-size: 2em !important;
    }

    #panelTecnodocsLogin{
        display:none !important;
    }

    #panelGridLogin td {
        width: 100% !important;
        height: 100%;
    }

    #panelGridLoginContent{
        width: 100% !important;
        height: 100% !important;
    }

    #panelLogin {
        height: 100% !important;
        width: 100% !important;
        float: none !important;
        margin-right: 0px !important;
    }

    #outputPanelLogin{
        width: 100% !important;
        height: 100% !important;
    }

    #formLogin{
        width: 100% !important;
        height: 100% !important;
        margin-right: 0px !important;
        float: none !important;
    }

    #formLogin img{
        float: none !important;
        width: 80%;
        max-width: 750px;
    }

    .tableForm td{
        padding-bottom: 1em;
    }

    .tableForm input{
        height: 2em;
    }

    #table2Options td{
        width: 50% !important;
    }

    #table2Options td:nth-child(odd){
        padding-right: 50px;
    }


    html{
        height: 95% !important;
        padding-top: 5%;
    }

    button{
        height: 3em;
        width: 7em;
    }

    #formFaleConosco button{
        font-size: 1em !important;
    }


    .dialogAjax{
        height: auto !important;
        width: auto !important;
    }

    .dialogAjax img{
        height: 150px !important;
    }

    .rodape{
        display: none;
    }
}
*/

@media only screen
and (min-device-width : 10px)
and (max-device-width : 1024px) {
    /* Styles */

    body{
        font-size: 3vh !important;
    }

    .ui-widget {
        font-size: 3vh !important;
        /*font-size: 1em !important;*/
    }

    #panelLogin_header{
        /*font-size: 1em !important;*/
        font-size: 3vh !important;
    }

    .inputLabel{
        font-size: 3vh !important;
    }

    #panelTecnodocsLogin{
        display:none !important;
    }

    #panelGridLogin td {
        /*width: 100% !important;*/
        /*height: 100%;*/
    }

    #panelGridLoginContent{
        width: 100% !important;
        height: 100% !important;
        /*        display: flex;
                align-items: center;
                justify-content: center;*/
    }

    /*    #panelGridLoginContent td:nth-child(even) {
            border: 5px solid red;
            display: none;
        }*/

    #panelLogin {
        /*        height: 100% !important;
                width: 100% !important;
                float: none !important;
                margin-right: 0px !important;*/
        height: 100% !important;
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }

    #outputPanelLogin{
        /*        width: 100% !important;
                height: 100% !important;*/
    }

    #formLogin{
        /*        width: 100% !important;
                height: 100% !important;
                margin-right: 0px !important;
                float: none !important;*/
        width: 90vw !important;
        height: 90vh !important;
        margin-right: 0 !important;
        margin-left: 4vw !important;
    }

    #imgLogoVdocs {
        /*        float: none !important;
                width: 80%;
                max-width: 750px;*/
        height: 10vh;
    }
    
    .tableForm {
        width: 100%;
    }

    .tableForm td{
        /*padding-bottom: 1em;*/
    }

    .tableForm input{
        height: 5vh !important;
        width: 100% !important;
    }

    #table2Options td{
        /*width: 50% !important;*/
    }

    #table2Options td:nth-child(odd){
        /*padding-right: 50px;*/
    }


    html{
        /*        height: 95% !important;
                padding-top: 5%;*/
    }

    button{
        height: 8vh;
        width: 25vw;
    }

    #formFaleConosco button{
        font-size: 1em !important;
    }

    .dialogAjax{
        height: auto !important;
        width: auto !important;
    }

    .dialogAjax img{
        height: 150px !important;
    }

    .rodape{
        display: none;
    }
}