body
{
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
}


header
{
    background-color: #b3b3b3;
    box-shadow: 0px 2px 2px #ccc;
    height: 50px;
    margin: 0 auto;
}


#imglogo
{
    margin-left: 15px;
    margin-top: 4px;
    /*width: 120px;*/
    height: 40px;
}



#msgusuario
{
    float: right; 
    color: #545454;
    margin-right: 10px;
    margin-top: 13px;
    font-family:Arial,sans-serif;
    font-size:1.1em;
}


.corvermelho input
{
    border-color: red;
}


ui-menu-parent {
    left: -100px !important;
}


footer
{
    margin: 0 auto;
    height: 50px;
    background-color: #b3b3b3;
    box-shadow: 0px 2px 2px #ccc;
    font-family:Arial,sans-serif;
    font-size:1.1em;
}


#fotoinicial
{
    width: 700px;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 90px;
}

.central
{
    margin: 0 auto;
}

#rodapeesquerda
{
    float: left;
    color: #545454;
    padding-top: 5px;

}

footer p
{
    color: #fefefe;
}

#frmlogin
{
    width: 380px;
    margin: 0 auto;
}

.colesquerda
{
    width: 150px;
    border: none;
}

.coldireita
{
    border: none;
}

.ajax-status
{
    position: fixed;
    top: 65px;
    right: 20px;
    width: 100px;
    z-index: 9999;
}

.semBorda tr, .semBorda td 
{  
    border: none !important;  
}

.tabelacli
{
    font-size: 12px;
}

.aut
{
    width: 100%;
}

.areaaut
{
    min-width: 320px;
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    
}

.btnaut
{
    margin-left: 160px;
}

.menusistema
{
    border: 0px;
    padding: 0px;
    background: none;

}

.menusistema .ui-menu-parent > a .ui-menuitem-text, .menusistema > .ui-menu-list > .ui-menuitem > a > .ui-menuitem-text 
{
    color: #545454;
}

.valortotal
{
    float: right;
    margin-right: 13%;
}

.esquerda
{
    float: left;
    width: 400px;
}
.direita
{
    float: right;
    width: 600px;
}
.fimdiv
{
    clear: both;
}

#imgblexcel
{
    width: 400px;
    margin-left: 200px;
}

.movel
{
    float: left;
    width: 560px;
}

.video
{
    width: 560px;
    margin: 0 auto;
}

#imgtipo
{
    width: 30px
}

.descargaremota
{
    height: 480px;
}

@media(max-width: 930px)
{
    .corposistema
    {
        /*font-size: 12px;*/
        font-size: 12px;
        
    }

    #rodapeesquerda
    {
        padding-top: 5px;
    }

    .menusistema
    {
        margin-top: 5px;
    }

}

@media(min-width: 931px)
{
    .menusistema
    {
        margin-top: 5px;
    }

    .corposistema
    {
        
    }    
    
    /*
    .areamenu
    {
        display: none;
    }*/


}

@media(max-width: 754px)
{
    .menudesktop
    {
        display: none;
    }

    .menumovel
    {
        display: block;
    }

}

@media(min-width: 755px)
{
    /*.areamenu
    {
        display: none;
    } */

    .areamenu
    {
        display: none;
    }

    .menumovel
    {
        margin-left: -218px;
        display: none;
    }


}

@media(max-width: 640px)
{
    .dtlarge
    {
        display: none;
    }

    .dtfit
    {
        display: block;
    }

}

@media(min-width: 641px)
{
    .dtlarge
    {
        display: block;
    }

    .dtfit
    {
        display: none;
    }

}

.areaajax
{
    z-index: 9999; /*topo sempre*/
}

.areamenu
{
    position: absolute;
    width: 210px;
    margin-left: -218px;
    min-height: 400px;
    z-index: 9997; /*topo sempre*/


}



.areacomponentes
{
    /*background-color: green;*/
    /*min-height: 400px;*/
    /*float: right;*/
}

#imgbarra
{
    /*margin-left: 25px;
    margin-top: 2px;*/
    width: 50px;
}

.is-toggled
{
    margin-left: 0px;
}

#fotoinicial2
{
    width: 65%;
    margin:0 auto;

}

.ui-panelgrid .ui-grid-responsive
{
    border: none;

}



@media(max-width: 640px)
{
    #desktop
    {
        display: none;
    }

    #movel
    {
        display: block;
    }







}




@media(min-width: 641px)
{
    #desktop
    {
        display: block;
    }

    #movel
    {
        display: none;
    }

}


@media(max-width: 640px)
{
    .objdesktop
    {
        display: none;
    }

    .objmovel
    {
        display: block;
    }

    .lstdocumentos
    {
        float: left;
        width: 100%;
    }

}


@media(max-width: 768px)
{
    .graficodesktop
    {
        display: none;
    }

}

@media(min-width: 641px)
{
    .objdesktop
    {
        display: block;
    }

    .objmovel
    {
        display: none;
    }

    .lstdocumentos
    {
        float: right;
        width: 40%;
    }

}


@media(max-width: 800px)
{
    .objdesktop2
    {
        display: none;
    }

    .objmovel2
    {
        display: block;
    }

}

@media(min-width: 801px)
{
    .objdesktop2
    {
        display: block;
    }

    .objmovel2
    {
        display: none;
    }

}




@media (max-width: 640px)
{
    .ui-panelgrid.noborder .ui-grid-responsive .ui-grid-row {
        border: none;
    }
}


/* data list personalizado */
.tf  {border-collapse:collapse;border-spacing:0;border-color:#999;border:none;}
.tf td
{
    font-family:Arial, sans-serif;
    font-size:14px;
    padding:5px 5px;
    padding-left: 25px;
    border-style:solid;
    border-width:0px;
    overflow:hidden;
    word-break:normal;
    border-color:#999;
    color:#444;
    /*background-color:#F7FDFA; /*cor clara*/
}
.tf .tg-yw4l
{
    vertical-align:top
}
.tf .tg-6k2t
{
    /*background-color:#D2E4FC;*/ /*cor escura #d9d9d9*/
    background-color:#f2f5f9;
    vertical-align:top
}

.col-1
{
    /*width: 140px;*/
    width: 100%;
}
.col-2
{
    
}

.ui-datatable .ui-row-editor .ui-icon-pencil {
    text-align: center;
}

.ui-datatable .ui-row-editor .ui-icon-check {
    text-align: center;
}

.ui-datatable .ui-row-editor .ui-icon-close {
    text-align: center;
}