/*
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 : 23/06/2022, 15:46:10
    Author     : diogenes.francisco
*/


/* PRIMEFACES */
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon {
    width: 0;
}

body .ui-widget {
    font-size: 14px;
}

.ui-tree .ui-tree-container, .ui-selectonemenu .ui-selectonemenu-label {
    white-space: normal;
}

body .ui-tree {
    background: transparent;
    border: none;
    color: #FFF;
}

body .p-menu-dash .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
    color: #FFF;
}

.ui-treenode-label a {
    text-decoration: none;
    color: #FFF;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight,
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover,
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight
{
    background: #00665a;
    color: #FFF;
    /*height: 53px;*/
}


body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon  {
    color: #fff;
}




body .ui-toolbar {
    background: transparent;
    padding: 0;
    border: none;
}

body .ui-button.ui-button-white.ui-button-outlined, body .ui-splitbutton.ui-button-white > .ui-button.ui-button-outlined {
    background: transparent;
    color: #FFF;
    border: solid 1px;

}

body .ui-button.ui-button-blue-business.ui-button-outlined, body .ui-splitbutton.ui-button-blue-business > .ui-button.ui-button-outlined {
    background: transparent;
    color: #002420
;
    border: solid 1px;

}

body .ui-button, body .ui-chkbox .ui-chkbox-box.ui-state-active {
    background: #00665a
;
    border: 1px solid #00665a
;
}

body .ui-button.ui-state-hover, body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
    background: #002420
;
    border-color: #002420
;
}

body .ui-chkbox .ui-chkbox-box.ui-state-hover {
    border-color: #002420
;
}

.ui-selectcheckboxmenu-token {
    white-space: normal;
}

body .ui-button.ui-state-active, body .ui-button.ui-state-down {
    background: #21304a;
    border-color: #21304a;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
    margin: 0 0.5rem 0.3rem 0;
}

body .p-menu-dash .ui-scrollpanel {
    background: transparent;
    padding: 0;
    border: none;
}

body .ui-scrollpanel .ui-scrollpanel-drag {
    background: #00665a
;
}

body .ui-scrollpanel .ui-scrollpanel-track {
    background: #002420
;
}

body .ui-tree {
    padding: 0;
}

body .ui-panelgrid .ui-panelgrid-cell, body .ui-datatable thead th, body .ui-datatable .ui-datatable-data > tr > td, 
body .ui-fieldset .ui-fieldset-legend {
    padding: 4px 10px;
}

body .ui-selectonemenu {
    min-width: 0!important;
}

body .ui-selectonemenu-panel {
    max-width: 95%!important;
}

body .p-menu-dash .ui-commandlink:hover, body .ui-link:hover {
    color: #FFF;
    text-decoration: none;
}

.max-width-element-70 {max-width: 70px;}
.max-width-element-135 {max-width: 135px;}
.max-width-element-162 {max-width: 162px;}

.column-size-p-40 {

}

.column-size-w100px-center{
    width: 100px;
    text-align: center
}

.column-size-w120px-center{
    width: 120px;
    text-align: center
}

.column-size-w140px{
    width: 140px;
}


.ui-menu {
    width: auto;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
    width: 95%;
}

body .ui-datatable thead th {
    background: #e1e6ea;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline{
    box-shadow: none;
}


body .ui-datatable .ui-datatable-data > tr > td {
    border: 1px solid #e1e6ea;
    border-width: 0 0 1px 0;
}

body .ui-dialog.p-dialog-grande {
    width: 80%!important;
}

body .ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-active{
    border-color: #00665a!important;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a{
    color: #00665a!important;
}

body .ui-datatable .ui-datatable-data tr:hover {
    background-color: #ddd;
}

@media screen and (max-width: 810px) {
    .ui-tabs.ui-tabs-top > .ui-tabs-nav li{
        width: 100% !important;
    }
}

@media screen and (max-width: 810px) {
    body .ui-dialog.p-dialog-grande {
        width: 96%!important;
    }
}