/*
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 : 12/10/2021, 11:45:26
    Author     : meconlago
*/
body .ui-menu.ui-menubar {
    vertical-align:  central !important;
    padding: 0.0rem;
    background: #4a4a4a !important;
    border-radius: 0px; 
    border: 0px;
    color: #ffffff !important;
}

body .ui-menu .ui-menu-list {
    background: #4a4a4a !important;
    border: 0px;
    font-weight: bold !important;
}

body .ui-menu .ui-menu-list .ui-menuitem {
    background: #4a4a4a !important;
}

.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    color: #FFFFFF !important;
    font-weight:bold  !important;
}

/* ✅ Color al hacer hover o al estar activo (NEGRO en vez de amarillo) */
body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,
body .ui-menu .ui-menu-list .ui-menuitem:hover > .ui-menuitem-link {
    background: #000000 !important;
    border-radius: 0px; 
    font-weight: bold !important;
    color: #FFFFFF !important;
}

body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow {
    border-radius: 0px;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child {
    color: #FFFFFF !important;
}
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child {
    color: #ffffff !important;
}

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

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

body .ui-inputfield {
    border-radius: 0px; 
}

body .ui-button {
    color: #000000 !important;
    border-radius: 20px;
}

body .ui-datatable .ui-datatable-data .ui-state-hover {
    background: #f6af39;
    color: #000000;
}

body .ui-datatable thead th {
    vertical-align: top;
}

/*prime extension*/

.cke_top {
    background: #ffffff !important;
}

.cke_reset {
    width:100% !important;
}

.cke_editable .cke_editable_themed .cke_contents_ltr .cke_show_borders {
    width:100% !important;
}

.ui-datatable {
    font-size: 0.93rem !important;
}

.ui-datatable .ui-datatable-data > tr {
    text-align: justify !important;
    vertical-align: top !important;
}

body .ui-datatable thead th {
    text-align: center !important;
    vertical-align: top !important;
}

body .ui-datatable .ui-datatable-header {
    font-weight: bold !important;
    vertical-align: top !important;
    text-align: center !important;
    color: #000000  !important;
}

.ui-panel .ui-panel-titlebar {
    background:   #f0f0f0      !important;
    text-align: center;
    color: #000000 !important;
}

.ui-panel .ui-panel-content {
    color: #000000 !important;
}

.ui-accordion .ui-accordion-header {
    color: #000000 !important;
    font-weight: bold;
    background:  #f0f0f0       !important;
}

.ui-accordion .ui-accordion-content {
    color: #000000 !important;
}

.ui-outputlabel .ui-outputlabel-rfi {
    color:  #FF0000  !important;
    font-weight: bold !important;
}

body .ui-dialog .ui-dialog-titlebar {
    background:  #4f4f4f       !important;
    color: #FFFFFF !important;
}

.ui-selectonemenu-panel {
    max-width: calc(100% - 10%) !important;
}


/* ✅ OPCIÓN 1: Forzar que el menubar empiece desde el borde izquierdo */
body .ui-menubar {
    display: flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Alinear correctamente los ítems */
body .ui-menubar .ui-menu-list {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}

/* Eliminar desplazamientos de ítems individuales */
body .ui-menubar .ui-menuitem {
    margin-left: 0 !important;
}

/* Opcional: asegurar que los submenús salgan bien posicionados */
body .ui-menubar .ui-menu-child {
    left: 0 !important;
}