/* 
    Document   : vdocs
    Created on : 19/05/2011, 09:27:59
    Author     : taenan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body { 
    /*background-color: gray;*/
    background-color: #E6E6E6;
    font-size: 12px;
    /*height: 95%;*/
    margin: 0;
}

table {
    border-spacing: 0px;
}

.panelGridPrincipal{
    width: 100%;
    border-bottom: 1px solid #D8D8D8;
    text-align: center;
    background: linear-gradient(to top, #FAFAFA, #E6E6E6);
}

.imgLogoEmpresa{
    /*height: 90px;*/
    /*width: 150px;*/
    /*margin-top: -10px;*/
}

.panelGridMenu td:nth-child(odd){
    width: 20%;
}

.dataListMenu { 
    text-align: center;
}

#dataListMenu_content {
    border: none
}

.dataListMenu ul{
    padding:0px;
    margin:0px;
    list-style:none;
    min-width: 660px;
    border: none;
    background: white;
}

.dataListMenu ul li { display: inline; }

.panelGridPrincipal td{
    vertical-align: top;
}

#barraSuperior{
    background-color: #01499D;
    width: 100%;
    margin-left: -2px;
    margin-top: -2px;
    height: 30px;
    text-align: right;
    padding-right: 3%;
    color: white;
    font-size: 14px;
    font-weight: bold;
    font-family: roboto,arial,sans-serif;
}
/*estilo do menu*/
#menuPanel{
    width: 25%;
    text-align: left;
    margin: 0 auto;
    /*background-color: white;*/
    position: absolute;
    z-index: 1;
    border-radius: 3%;
    -webkit-box-shadow: 0px 18px 18px -5px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 18px 18px -5px rgba(0,0,0,0.40);
    box-shadow: 0px 18px 18px -5px rgba(0,0,0,0.40);
}

#menuPanel_content {
    background: white;
}

#formSubMenu .ui-widget-content {
    background: #ffffff;
}

#closeMenuPanel {
    float: right;
    text-decoration: none;
    font-weight: bold;
}

#closeMenuPanel:hover {
    float: right;
    text-decoration: none;
    font-weight: bold;
    color: orange;
}

#menuLinks{
    text-align: left;
}

#menuLinks a{
    text-decoration: none;
    font-weight: bold;
    color: #012A6E;
}

/*
#menuLinks a:hover{
     color: orange;
}
*/
#menuLinks .ui-widget{
    background: none;
    border: none;
    color: #012A6E;
}

#menuLinks .ui-widget:hover {
    background: orange;
    /*border-bottom: 2px orange;*/
}

#formMenu {
    margin-top: -2px;
    /*margin-left: -2px;*/
    width: 100%;
    height: 90px;
    padding-top: 15px; 
    background-color: white;
}

.imgIconMenu{
    -webkit-box-shadow: 0px 11px 18px -5px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 11px 18px -5px rgba(0,0,0,0.40);
    box-shadow: 0px 11px 18px -5px rgba(0,0,0,0.40);
    border-radius: 20%;
}
/*fim do estilo do menu*/

.ui-widget-content .ui-datatable-odd td{
    /*background: #C8C8C8;*/
    background: #EBEBEB;
}

.ui-datalist-data{
    list-style: none;
    padding-left: 0px;
    border: none;
}

.colunaPrincipal td{
    vertical-align: top;
}

.crudContent{
    text-align: left;
    margin: 0 auto;
    font-size: 14px !important;
}

.panelGridOpcoes td{
    border: none !important;
    width: 26px;
}

.buscaContent{
    text-align: left;
    font-size: 14px !important;
}

.cadastroContent{
    border-spacing: 5px;
    width: 100%;
}

.cadastroContent td:nth-child(odd){
    text-align: right;
}

.cadastroContent td:nth-child(even){
    text-align: left;
}

.panelPrincipal{
    /*width: 100%;*/
    /*height: 100%;*/
    margin: 0 auto;
}

#panelConteudo{
    /*width: 99.4%;*/
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 100px; /* altura do rodapé */
    min-height: calc(100vh - 200px);
    background-color: #fbfbfb;
    margin: 0 auto;
}

#panelConteudo td{
    vertical-align: top;
}

.legendaIndice {color: #888888;}

.nodeContent { margin-left:20px;}

.treeExplorer {background-color: #fff; border: none; text-align: left; width: 100%}
.treeExplorer .pi-file {background: url(../imagens/imgDocumentExplorer.png) 0 0 no-repeat; width:25px; height:21px;}
.treeExplorer .pi-folder {background: url(../imagens/imgFolderClose.PNG) 0 0 no-repeat; width:20px; height:22px; cursor:pointer}
.treeExplorer .pi-folder-open {background: url(../imagens/imgFolderOpen.png) 0 0 no-repeat; width:20px; height:22px; cursor:pointer}
.treeExplorer .pi-refresh {background: url(../imagens/imgAddIcon.png) 0 0 no-repeat; width:20px; height:22px; cursor:pointer}

/*treeSelecionar*/
.treeSelecionar {background-color: #fff; border: none; text-align: left; width: 100%}
.treeSelecionar .pi-file {background: url(../imagens/imgDocumentExplorer.png) 0 0 no-repeat; width:25px; height:21px;}
.treeSelecionar .pi-folder {background: url(../imagens/imgFolderClose.PNG) 0 0 no-repeat; width:20px; height:22px; cursor:pointer}
.treeSelecionar .pi-folder-open {background: url(../imagens/imgFolderOpen.png) 0 0 no-repeat; width:20px; height:22px; cursor:pointer}
.treeSelecionar .pi-refresh {background: url(../imagens/imgAddIcon.png) 0 0 no-repeat; width:20px; height:22px; cursor:pointer}

.dialogAjax .ui-dialog-titlebar {display: none}
.dialogAjax .ui-dialog-title-dialog {display: none}

.rodape{
    width: 100%;
    text-align: center;
    background-color: #01499D;
    font-family: roboto,arial,sans-serif;
    font-size: 12px;
    color:white;
    
    padding: 5px 0 5px 0;
    height: 25px;
    position: fixed;
    bottom: 0;
}

.rodapeDataTable{
    width: 100%;
    text-align: center;
    color:white;
    margin: 0.5% auto;
    background-color: #01499D;
}

.rodapeDataTable tr td{
    border: none;
}

.text-align-left {
    text-align: left;
}

.table2ColumnsHalf td:nth-child(odd){
    width: 75% !important;
    vertical-align: top;
}

.table2ColumnsHalf td:nth-child(even){
    width: 25% !important;
    vertical-align: top;
}

.panelGridFiltros select {
    width: 290px;
}

.opcoes a {
    margin-right: 5px;
}

.frozenFirstColumn #dataTableEtapa_frozenThead th, .frozenFirstColumn #dataTableEtapa_frozenTbody td {
    background: gainsboro;
    cursor: not-allowed;
}

.frozenFirstColumn #dataTableEtapa_scrollableTbody td{
    cursor: move;
}

.ui-datalist-data{
    list-style: none;
    padding-left: 0px;
    border: none;
}

.ui-datalist-content{
    border: none;
    background: none;
}

.link{
    color: blue !important;
    text-decoration: underline !important;
}

.formModal {
    display: flex; justify-content: center; flex-direction: column; text-align: left; height: 90%;
}

.gridOpcoes tr td{
    border: none;
    padding: 0 5px 0 0;
}

.gridOpcoes img:hover{
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.gridOpcoes img {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border: 0px solid #000000;
    margin-left: 5px;
    margin-top: 5px;
}

.dataTableNoHeader th {
    display: none;
}