.ui-layout-north {
    z-index:20 !important;
    overflow:visible !important; 
}
.ui-layout-north .ui-layout-unit-content {
    overflow:visible !important;
}

.column {
    font-weight: bold;
    background-color: menu;
}


.ui-datatable table{
    border-collapse:collapse;
    width: 100%;
    table-layout:fixed;
    
}

/******************************************************************************************************************************/

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f3f3f3;
}
.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: #9abfd4;
}

/*
.ui-panelgrid>*>tr,
.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}
.companyHeaderGrid.ui-panelgrid>*>tr,
.companyHeaderGrid.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}
.ui-panelgrid td, .ui-panelgrid tr
{
    border-style: none !important
}
*/
.outerpanelgrid>tbody>tr{
    border: none !important;
}
.outerpanelgrid>tbody>tr>td{
    border: none !important;
}

.outerpanelgrid tbody tr, .outerpanelgrid tbody td{  
    border: none;
}
.innerpanelgrid tbody tr, .innerpanelgrid tbody td{
    border: 1px solid red ;
}

.ui-selectonemenu {
    padding-right: 0;
}


.ui-growl {   
    top: 70px;
}

td.center {
    text-align:center;
}
td.left {
    text-align:left;
}
td.right {
    text-align: right;
}
.ui-selectonemenu {
    display: block;
}
.preformatted {
    white-space: pre-wrap;
}
* {
    font-size: 12px;
    line-height: 1.428;
}

.ui-datatable tr.ui-datatable-even:hover, .ui-datatable tr.ui-datatable-odd:hover {
    background: #92bad0 !important;;
}

.info{
    background-color:#bcdff1;   
}

.info td{
    background-color:#bcdff1;   
}

.success{
    background-color:#d0e9c6;   
}

.success td{
    background-color:#d0e9c6;   
}

.warning{
    background-color:#f0ad4e;   
}

.warning td{
    background-color:#f0ad4e;   
}

.danger{
    background-color:#ebcccc;   
}

.danger td{
    background-color:#ebcccc;   
}


.noesmia{
    background-color:#FCF3CF;
}

.noesmia td{
    background-color:#FCF3CF;
}

.dangerTitle{
    color: #df1212  !important;   
}

.cuadrado {
    width: 15px; 
    height: 15px; 
    border: 1px solid #555;

}

.truncate {
    max-width: 120px;
}

.truncate > span:nth-child(2):not(.ui-icon) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.green td{
    background-color:lightgreen;
    background-image: none; 
}

.ui-selectonemenu .ui-selectonemenu-label {
    font-size: 15px !important;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text{
    font-size: 14px !important;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title{
    font-size: 1.5rem  !important;
}

.ui-layout-north {
    z-index:20 !important;
    overflow:visible !important;
}
.ui-layout-north .ui-layout-unit-content {
    overflow:visible !important;
}

.ui-datatable .ui-datatable-footer .footer-section {
    text-align: left;
}

.column {
    font-weight: bold;
    background-color: menu;
}

.wrapper .topbar{
    left: 0;
    padding: 0;
}

.wrapper .footer{
    left: 0;
    margin-left: 0;
}

.wrapper .main{
    margin-left: 0;
}

.logo{
    height: 100%;
    width: auto;
    display: flex;
    justify-content: center;
    align-content: center;
}

#formTopBar .ui-menubutton .ui-button{
    background: #0388E5;
}

.content_include{
    width: 100%;
    min-height: calc(100vh - 140px);
    height: auto; 
    background: white;
    padding: 10px;
    border-radius: 5px;
}

body .menu-bar.ui-menu.ui-menubar{
    background: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
    border: none;
    color: white !important;
}

.menu-bar .ui-menu-list{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

body .menu-bar.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link img{
    height: 25px
}

body .menu-bar.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span{
    color: white;
}

body .menu-bar.ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link{
    background: rgba(0,0,0,0);
    border: 1px solid #ffff;
    color: white;
}

body .menu-bar.ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .logo-menu.ui-menuitem-link{
    background: rgba(0,0,0,0);
    border: none;
}

body .menu-bar.ui-menu .ui-menu-list .ui-menuitem > .submenu.ui-menuitem-link{
   background: #ffffff;
   border: none;
}

body .menu-bar.ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .submenu.ui-menuitem-link{
 background: #e9ecef;
 
   border: none;
}

.logo-menu body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link{
    padding: 0;
}

.truncate {
    max-width: 120px;
}

.truncate > span:nth-child(2):not(.ui-icon) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

body .etapa.ui-card .ui-card-body{
    padding: 0;
}

body .etapa.ui-card{
    margin-bottom: 2px;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span{
    white-space: break-spaces;
}

.cuadrado {
    width: 15px; 
    height: 15px; 
    border: 1px solid #555;

}

.success{
    background-color:#d0e9c6 !important;   
}

body .menu-bar.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link img {
    height: 40px;
}