/* 
    Created on : 7/03/2014, 03:28:14 PM
    Author     : Lic. Sergio Camacho
*/

body, .inputText, .panel .inputText, .password, .boton, .panel, .panel .botonPanel, .dataTable, .fila, .filaalterna, .filaverde, .filaamarilla, .filaroja, .pendienteAutorizar, .selectOneMenu, .selectOneRadio, .tabView, .tabView .dataTable, .tabView .boton, .tabView .botonVerde, .dialog, .dialog .boton, .dialog .outputLabel {
    font-family: "Arial";
    font-size: 12px;
    background-color: white;
    color: black;
}

.boton, .panel .botonPanel, .tabView .boton, .dialog .boton {
    background: linear-gradient(white, lightskyblue);
}

.panel {
    background-color: gainsboro;
}

.etiquetaPanel, .etiquetaNegrita {
    color: black;
}

.etiquetaNegrita {
    font-weight: bold;
}

.dataTable, .tabView .dataTable {
    font-family: "Arial";
    font-size: 12px;
    /*overflow-x: scroll;*/
    white-space: nowrap !important; /* 2015-02-09 Agregado al actualizar PrimeFaces y Netbeans */
    /*overflow-y: scroll;*/
}

.dataTable .ui-datatable-header {
    color: black;
}

.fila {
    background-color: #dcf3ff;
}

.filaalterna {
    background-color: #FFFFFF;
}

.filaverde {
    background-color: #00FF00;
}

.filaamarilla {
    background-color: #FFFF00;
}

.filaroja {
    background-color: #FF0000;
}

* .ui-datatable tr.ui-state-highlight {
    background: linear-gradient(blue, blue);
}

.pendienteAutorizar {
    background-color: yellow;
    font-weight: bold;
}

.ui-menuitem-text {
    font-family: "Arial";
    font-size: 12px;
    color: black;
}

.ui-menubar {
    background-color: steelblue;
}

.ui-menubar .ui-menu-child {
    background-color: steelblue;
}

.ui-menu .ui-menu-parent .ui-menu-child {
    width: -moz-fit-content; /* Ajusta el ancho de la lista de menuItems */
}

.ui-menubar .ui-menu-child .ui-menuitem-link {
    width: -moz-max-content; /* Ajusta el ancho del área visible del menuItem */
}

.menuItem {
    width: -moz-available !important; /* Ajusta el ancho del área clickeable del menuItem */
}

.tabView .tabVerde {
    /*background: linear-gradient(white, green);*/ /* Standard syntax */
    background: linear-gradient(white, #00FF00);
}

.tabView .tabAmarillo {
    background: linear-gradient(white, #FFFF00);
}

.tabView .tabRojo {
    background: linear-gradient(white, red) !important; /* Standard syntax */
}

.tabView .tabNormal {
    background: linear-gradient(white, silver); /* Standard syntax */
}

.tabView .botonVerde {
    background: linear-gradient(white, green);
}

/*
.ui-tabs-nav .ui-state-hover {
    background: linear-gradient(white, lightskyblue);
}
*/

* .tabNormal.ui-state-hover {
    background: linear-gradient(white, lightskyblue);
}

* .tabVerde.ui-state-hover {
    background: linear-gradient(white, lightgreen);
}

* .tabAmarillo.ui-state-hover {
    background: linear-gradient(white, lightyellow);
}

* .tabRojo.ui-state-hover {
    background: linear-gradient(white, #F5A9A9) !important;
}

/* OK ? */
/* * .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected { */
    /*background: blue; */
/*} */

* .tabNormal.ui-tabs-selected.ui-state-active {
    background: blue;
}

* .tabVerde.ui-tabs-selected.ui-state-active {
    background: darkgreen;
}

* .tabAmarillo.ui-tabs-selected.ui-state-active {
    background: #777700;
}

* .tabRojo.ui-tabs-selected.ui-state-active {
    background: darkred !important;
}

li.ui-tabs-selected a {
    color: white !important;
}

/* OK ? */
/*
li.ui-tabmenuitem.ui-state-default.ui-state-active {
    background: lightskyblue !important;
}
*/

.tabView a {
    font-family: "Arial" !important;
    color: black !important;
}

.hide-column-names table thead tr {
    display: none;
}