@charset "UTF-8";

@media (min-width: 534px) and (max-width: 1024px)  {

    .divCabec{
        align-items: center;
        background-color: #000;
        border-radius:10px;
        border-style:solid;
        display:flex;
        flex-wrap: wrap;
        height: 15%;
        justify-content: space-around;
        margin-bottom:1%;
        padding-top:2vh;
    }
    .divCabecTitulo{
        display:flex;
        flex-direction:row;
        width:100%
    }
    .cabecTitulo{
        text-align: center;
        width: 95%;
    }
    .cabecHome{
        background-color:transparent;
        color:white;
        font-size:3vh
    }
    .cabecSair{
        border:none;
        /*color:gold;*/
        cursor:pointer;
        font-size: 32;
        font-weight: bold;
    }



    .celula{
        align-items: center;
        background-color:white;
        border-color:lightgray;
        border-style:solid;
        border-radius:5%;
        display: flex;
        height: 80%;
        justify-content: center;
        margin:1.5%;
        width:33%;
        -webkit-box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.77);
        -moz-box-shadow:    9px 7px 5px rgba(50, 50, 50, 0.77);
        box-shadow:         9px 7px 5px rgba(50, 50, 50, 0.77);
    }
    .celula:hover  {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -moz-transform: scale(1.1) rotate(-0deg) ;
        -webkit-transform: scale(1.1) rotate(-0deg) ;
        -o-transform: scale(1.1) rotate(-0deg) ;
        -ms-transform: scale(1.1) rotate(-0deg) ;
        transform: scale(1.1) rotate(-0deg);
        background:#EBEDEF;
    }

    .contem{
        width:75%;
    }


    .dispositivo{
        /*background-color:lightblue;*/
        content: "TABLET";
    }
    .dispositivo:before {
        content: "TABLET";
    }

    .divDireita{
        /*        border-color:red;
                border-style:solid;*/
        width:70%;
    }

    .divEsquerda{
        /*        border-color:blue;
                border-style:solid;*/
        width:30%
    }
    .divFiltrosTop{
        align-items:  center;
        background-color:#e9e9e9;
        /*background-color:pink;*/
        display:flex;
        flex-direction: row;
        flex-wrap:wrap;
        font-size: medium;
        height: fit-content;
        /*height: 10%;*/
        justify-content: center;
        text-align: center;
    }
    .divFiltros{
        background:transparent;
        font-size: small;
        padding:1vh;
        text-align: center;
    }

    .divRodape{
        /*background-color:#DCDCDC;*/
        align-items:center;
        border-color:black;
        flex-direction:column;
        left:2vh;
        top:50%;
        padding:0;
        position:fixed;
        width:10%;
        z-index: 999999999; 
    }
    .divTudo{
        align-items: center;
        /*background-color:lightblue;*/
        display:flex;
        flex-direction:column;
        height: 600px;
        justify-content: center;
        width:100%;
    }

    .divUmQuarto{
        flex-direction:column;
        width:100%;
    }
    .divUmOitavo{
        width:100%;
    }

    .div1de2{
        margin-top:5%;
        justify-content: space-around;
        width:100%;
        -moz-box-shadow: 5px 5px 5px #a4a5a6;
        -webkit-box-shadow: 5px 5px 5px #a4a5a6;

    }

    .div1de3{
        margin-top:5%;
        width:100%;
        -moz-box-shadow: 5px 5px 5px #a4a5a6;
        -webkit-box-shadow: 5px 5px 5px #a4a5a6;
    }

    .div1de4{
        margin-top:5%;
        width:100%;
        -moz-box-shadow: 5px 5px 5px #a4a5a6;
        -webkit-box-shadow: 5px 5px 5px #a4a5a6;
    }
    .div1de5{
        margin-top:5%;
        width:100%;
        -moz-box-shadow: 5px 5px 5px #a4a5a6;
        -webkit-box-shadow: 5px 5px 5px #a4a5a6;
    }
    .encomendaNova{
        font-size: 18px;
        text-align:center;
        width:auto;
    }
    .excIncLinha{
        height:80%;
        width:50%;
    }

    .excluiVeiculo{
        height:50%;
    }

    .fechaPopup{
        width:10%;
    }
    .fieldsetEncomendas{
        padding:0;
        text-align: center;
    }
    .filtroIcon{
        font-size:small;
        padding:1%
    }

    .fotoEncomendas{
        max-width: 100%;
        float:right;
    }
    .fotoEntregaDiv{
        background-color:red;
        margin-right: 0;
        float:right;
    }

    h1{
        font-family:Monospace;
        font-size: x-small;
    }
    .iconeCameraRecebe{
        margin-top:30%;
    }

    .iconesRodape{
        font-size:small;
        /*background-color: green;*/
    }

    .iconeRodapeLabelFoto{
        font-size:small;
        /*background-color:lemonchiffon;*/
    } 

    input{
        font-size:16px;
        /*width:100%;*/
    }
    .inputContem{
        width:30%;
    }
    .inputData{
        width:8vh;
    }
    .inputFoto{
        /*background-color:brown;*/
    }
    .inputs{
        font-size:16px;
    }
    #inpsenha{
        autocomplete: false;
        width:80%;
    }

    .divIconeCameraRecebe{
        text-align: right;
        width:38%;
    }
    .linke{
        font-family: Arial;
        color:black;
        text-decoration: none;
        width: 100%
    }
    .observacao{
        left:20%;
    }


    .opt{
        width:10%;
    }
    .popLog{
        max-width: 90%;
    }

    .quemRecebeuFiltro{
        width:70%;
    }

    select{
        font-size:16px;
    }
    .selectPrestadoresFiltrados{
        /*background-color:purple;*/
        font-size:0.5vp;
        font-family: monospace;
        width:100%
    }
    .selectPrestadoresFiltrados option{
        min-width: 150px;
        /*width: auto;*/
    }




    #tableAjuda tr:nth-child(odd) {
        background-color:  white;
    }
    #tableAjuda tr:nth-child(even) {
        background-color:  #e9e9e9;
    }


    .tableAjuda td{
        width:50%;
    }

    .tableVeiculos{
        width:90%;
    }

    .tableFixHead {
        height: 50vh; /* gives an initial height of 200px to the table */
        overflow-y: auto; /* make the table scrollable if height is more than 200 px  */

    }

    .tdrodape {   /* efeito no rodapé */
        background-color:white;
        background-color:transparent;
        height: 100%;
        min-width: 1.0em;
        padding: 0;
        width:100%;
    }

    .tdrodape button{
        /*background-color:lightgreen;*/
    }

    .titulo{
        font-size:small;
    }

    .toggle{
        color:white;
        font-size: 12;
        margin-top:70%;
    }
    .toggleFiltro{
        color:white;
        font-size: 10;
        margin-left:15%;
        margin-top:60%;
    }

    .window{
        width:80%;
    }

}