/* Resaltar emptyMessage de compomnente autocomplete con cursiva y rojo */
.ui-autocomplete-emptyMessage {
    font-style: italic;
    color: #ff0000;
}

/* Para evitar que los input sean mas anchos que el div en que se encuentran. Necesario para responsive. */
.ui-grid-row input {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.ui-selectonemenu .ui-selectonemenu-label {
    font-weight: normal;
    /*font-size:11px;*/
}

div.ui-selectonemenu {
    min-width: 10px !important;
}

/* Sobreescribiendo estilos de primefaces para la miga de pan */

.ui-breadcrumb ul li {
    margin-left: inherit;
    margin-right: inherit;
    padding: inherit;
}

.ui-breadcrumb {
    padding: 0px 0px 0px 0px;
    margin: 100;
    margin-bottom: 0px;
    border: none;
    background: none;
    background-color: white;
}

.ui-breadcrumb .ui-icon,
.ui-breadcrumb ul li a.ui-icon-home {
    margin-top: 4px;
}

.ui-breadcrumb .ui-menuitem-text {
    font-size: 75%;
    color: #778899;
}

.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-image: none;
    font-weight: normal;
    text-shadow: none;
}

/* En Chrome se aniade un scroll si el ancho es 100% */
.ui-datatable table {
    width: 99.7%;
}

/* Seleccion multiple en tablas con checks*/
.ui-datatable .ui-state-highlight {
    background: #2FA4E7 !important;
}

.ui-datatable .ui-state-highlight .datatable-link {
    text-shadow: none;
}

/*Tablas sin mostrar el header de las columnas*/
.datatable-no-header-columns table thead tr {
    display: none;
}

.ui-datatable .ui-helper-clearfix::after {
    float: left !important;
}

/* Las columnas de las tablas crecen hacia abajo si llegan al 100% del ancho*/
.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td,
.ui-datatable-resizable tfoot td {
    white-space: normal;
}

/* p:messages y p:growl */
.ui-growl {
    right: 40%;
    top: 150px;
}

/* Listas ordenadas */
.ui-orderlist .ui-orderlist-list {
    width: 100%;
    height: initial;
}

.ui-orderlist .ui-orderlist-caption {
    padding: 0px;
}

/*Se sobreescribe el estilo por defecto de primefaces 
para que no muestre el outline de los elementos con focus
ya que al renderizar componentes como el fileupload o el button 
para pasar elementos de una tabla a otra dejaba visible una linea punteada*/
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    outline: 0 none;
}

/*Modificaciones en los estilos propios de primefaces para el menu */
/* Limite maximo del contenedor de los elementos de menu */
.ui-menu.ui-menubar .ui-menu-parent .ui-menu-child {
    min-width: 12.5em;
    width: auto;
}

/* Aplicar un ancho especial a los elementos que lo necesiten */
.special-large {
    padding-right: 1em !important;
}

.special-large.ui-state-hover {
    width: 94% !important;
}

.special-large-parent {
    min-width: 17em;
}

.special-large-parent ul {
    margin-left: -10px !important;
}

.ui-steps .ui-steps-title {
    white-space: normal;
}

/*Diagramas*/
.ui-diagram-element {
    width: 14em;
    height: 4em;
    line-height: 4em;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    border: 1px solid #646D7E;
    background-color: #646D7E;
    color: #ffffff;
}

.ui-diagram-element:hover {
    background-color: #828B9C;
}

.start-node {
    width: 4em;
    border-radius: 6px;
    background-color: #000000 !important;
}

.flow-label {
    color: #464F60;
    font-size: 18px;
    font-weight: bold;
}

/*Fin Diagramas*/

/*InputNumber*/
.inputNumberInTable input {
    width: 97%;
    text-align: right;
}

/*SelectCheckBoxMenu*/
.ui-selectcheckboxmenu-panel label {
    font-weight: normal;
    text-align: left;
}

/*Evita bordes en los p:dataGrid*/
.datagrid-no-border .ui-datagrid-content {
    border: 0;
}

.align-right .ui-inputnumber input, .ui-inputnumber input {
    text-align: right;
}

.width90Por .ui-inputnumber {
    width: 90%;
}

/* Evita que aparezcan los asteriscos de un campo obligatorio */
.no-show-asterisk .ui-outputlabel-rfi {
    display: none;
}

.ui-selectcheckboxmenu-label {
    width: 200px;
    text-align: left;
}

.ui-inputfield.ui-state-error,
.ui-widget-content .ui-inputfield.ui-state-focus.ui-state-error,
.ui-widget-header .ui-inputfield.ui-state-focus.ui-state-error,
.ui-selectonemenu.ui-state-error {
    border: 1px solid #cd0a0a !important;
    color: #b94a48 !important;
}

.ui-widget {
    font-family: "Open Sans", Helvetica, Tahoma, "Trebuchet MS", Verdana, sans-serif;
    font-size: inherit;
}

/* Para que la tabla ocupe el 100% en caso de redimensionar la pantalla */
.ui-datatable-tablewrapper > table {
    table-layout: auto;
}

/* ESTE ESTILO HACE QUE LOS RADIO BUTTONS SALGAN JUNTITOS */
table.ui-selectoneradio {
    width: auto;
}

/* Elimina los bordes del panelGrid de Primerfaces*/
.panel.ui-panelgrid > * > tr,
.panel.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}

.ui-column-title {
    font-size: 18px;
}

.ui-paginator {
    margin: 0;
    text-align: center;
    padding: 2px;
    width: 99%;
}

/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .ui-paginator {
        margin: 0;
        text-align: center;
        padding: 2px;
        width: 98.9%;
    }
}

/*
@-moz-document url-prefix() {
    .ui-paginator {
        margin: 0;
        text-align: center;
        padding: 2px;
        width: 99%;
    }
}*/

.ui-widget .ui-widget {
    font-size: 0.9em;
}

.ui-outputlabel {
    font-size: 0.9em;
}

.ui-inputfield {
    margin: 0;
    outline: medium none;
    padding: 4px;
    font-weight: normal;
    font-size: 0.9em;
}

.ui-datatable-tablewrapper {
    margin-top: 10px;
}

.ui-grid-row.form {
    padding: 2px 0;
}


.ui-state-disabled {
    background: #c4c4c4 !important;
    opacity: .65 !important;
    filter: Alpha(Opacity=65) !important;
    background-image: none !important;
}


.tab {
    font-size: 0.9em;
}

.ui-dialog-content > .ui-icon {
    display: none;
}