/*Esta clase se utiliza para abrir el hiperenlace en una ventana emergente utilizando la función CreaEditaModal*/
/*Se inicializa en la función InicializarFuncionesJQuery de Logiciel.js*/
.AbrirRegistro{}

/*Esta clase se utiliza para distinguir los checks que se utilizan para seleccinar filas en una tabla*/
/*La función InicializarFuncionesJQuery de Logiciel.js le establece el valor true o o false a los checkBox en la propiedad value */
.Seleccionar {}

/*Esta clase se utiliza para poder obtener los registros seleccionados en una tabla de una vista Index*/ 
/*A diferencia de la clase .Seleccionar, .SeleccionarIndex NO tiene un evento click() que cambie el value del checkBox sobre el que se aplica*/
/*Los checkBox a los que se aplica la clase .SeleccionarIndex su propiedad value es el id del registro al que hacen referencia*/
.SeleccionarIndex{}


/*Esta clase se utiliza para bloquear los checkBox de las tablas 1N y NM y que no se puedan seleccionar desde
el botón 'Seleccionar Todos'*/
.BloquearSeleccion{}

/*Esta clase se utiliza para distinguir los checkBox de Selección de las tablas Complejas (Utilizan la clase .Seleccionar)
 de los checkBox que muestran o establecen valores para las propiedades o campos de la Base de Datos
 La función InicializarFuncionesJQuery de Logiciel.js le establece el valor "true" o "false" a estos checkBox en la propiedad value 
*/
.checkEditable{}

/*Asocia a las celdas de una fila el color rojo de fondo utilizando: la propiedad Activo de la ClaseBaseDto y la vista GridIndex*/
/*También se utiliza en la listas NM y 1N asociado al hidden .Activo
La función InicializaFuncionesJQuery obtiene los input[hidden].RegistroInactivo  en cada tableCell para poner de rojo sus filas HTML*/
tr.RegistroInactivo td{
    background-color: Red; 
    color:#fff;
}


tr.RegistroActivo td{
    background-color: Green; 
    color:#fff;
}


td.CeldaInactiva
{
   background-color: Red; 
   color:#fff;
}

/*Es una clase que utiliza el KeyTables --> función que permite moverse en una tabla con las 
flechas del teclado. Ver NavegacionTabla() en el fichero Logiciel.js */
td.focus
{
    border: 2px Solid #114872;
}

/* Etiqueta que muestra si el registro esta inactivo */
label.RegistroInactivo
{
    color:Red;
}


span.RegistroInactivo
{
   color:Red;
}

label.RegistroActivo
{
    color:Black;
    font-size:30px;
}




/*Resalta en Negrita el texto y los labels en las filas seleccionadas*/
tr.FilaSeleccionada td{
 font-weight:bold;
}

tr.FilaSeleccionada td label{
 font-weight:bold;
}


/* AUTOCOMPLETE */
/*´Se utiliza para poder asociar el evento "click" a todos los span que se muestran en los AutoComplete de búsqueda Index junto a los registro seleccionados. */
/* Se utiliza para borrar el registro acumulado en la selección. El evento click, para borrar el registro se define en la funcion InicializarFuncionalidadesJQuery de Logiciel.js*/
span.BorrarRegistroSeleccionadoAutocomplete{
    margin-left:5px; 
    font-weight:bold;
     cursor:pointer;
}



/*EstadoAlbaran se utiliza para establecer el estado de un albarán: EstadoAlbaranConfirmado, EstadoAlbaranProvisional*/
.EstadoAlbaran{}



/*Formato para resaltar las líneas de las tablas cuando se pasa el cursor por encima*/

table tr.even:hover {
    background-color:#FFEF8F; /*#ECFFB3;*/
}
 
table tr.even:hover td.sorting_1 {
    background-color: #F9DD34;/*#DDFF75;*/
}
 
table tr.odd:hover {
    background-color:#FFEF8F; /*#E6FF99;*/
}
 
table tr.odd:hover td.sorting_1 {
    background-color:#F9DD34; /*#D6FF5C;*/
}


table.TablaBusquedaSeleccionados
{
     width:70%; 
     /*min-height :250px;*/
     border:Solid 1px #AED0EA;
     /*overflow:scroll;*/
}

/* input hidden con la propiedad mostrar que hay en la tabla oculta en los campos de busqueda que permiten multiseleccion con autocomplete  */
.MostrarTablaOcultaBusquedaInput{}

/* textbox con multiseleccion en el que al hacer click se muestra la lista de elementos seleccionados */
.MostrarTablaOcultaBusquedaTextBox {}



/* Campo de fecha de las vistas Index que despliega un autocomplete con los rangos de fecha basicos*/
.FechaTextBoxVistaIndex {}

/*  Se utilizan para aplicar formato datePicker a un textBox 
    LLama a la función function AsociarCalendarioATextBoxFechas()  de Logiciel.js
*/
input.fecha{
 width :70px;
}

input.fechaEnTabla{
  height:100%;
}


/*  Se utilizan para aplicar formato datePicker a un textBox alternativo
    LLama a la función function FechaParaSerializacionConJQuery() de Logiciel.js
    Esta función se usa cuando hay que serializar un formulario con Jquery
    Como JQuery envía el valor del input en el mismo formato que establece el
    DataPicker en español: dd/mm/yyyy, cuando se produce el binding en el
    controller, las fechas dd/mm/yyyy no se convierten correctamente.
    Es necesario tener un input alternativo con un formato alternativo 
    para enviar la fecha en formato yyyy/mm/dd
*/
input.fechaAlt
{
     width :80px;
}


/*formatea el grupo de botones estándard generado por el Scaffolding--> BotoneraGeneral<NombreEntidad>Form.ascx*/
.barraBotones
{
    clear:both;
    font-size:.90em;
    margin: 10px;
}

/*formatea el grupo de botones personalizados--> Botonera<NombreEntidad>Form.ascx*/
.barraPropios, .barraPropiosCustom
{
    /*font-size:.90em;*/
    /*margin: 10px 5px 5px 0px;*/
    width:auto;
    float:left;
    clear:both;
    /*background-color:#F2F2F4;*/
}


.barraPropios button
{
    margin: 10px 5px 15px 10px;
}

/*formatea el grupo de botones estándard generados por el Scaffolding para la vista IndexP.ascx-->*/
.barraFinalIndex
{
    /*font-size:.90em;*/
    margin:  10px 10px 10px 0px;
}

/*formatea el grupo de botones "Guardar selección", "Enviar Selección" y "Seleccionar Todos" de la vista IndexP.ascx*/
.barraFootInicio{
    /*font-size:.90em;*/
    margin-top:10px;
}

.BarraDelete
{
    margin-left: 50px;
}



/* MENSAJES */

/*div.MensajeValidacion, p.MensajeValidacion
{
    margin-left: 35px;
    border: Solid 1px #AED0EA;
    font-size: 15px;
    color: Red;
}*/

.IndexEmergente{
    background-color:#fff;
    /*width :95%;*/ width:auto;
    margin: 0 auto 0 auto;
    padding:15px;
}


/*Clase que contiene al Grid o Tabla Principal en la vista Index*/
/*Cuando la Vista Index se muestra en una página modo Modal, su ancho debe ser 1280px*/

.AnchoGridModal
{
    margin: 0px 0px  0px 0px;
    width: 100%;
}

/*Cuando la Vista Index se muestra en una página a plena pantalla*/

.AnchoGridPagina
{
    width: 100%;
    margin:0px;
}


/*Cotiene los elementos del menú de cabecera. Está alineado con los botones del div .AbrirBusquedas*/
.IndexCabecera
{
    float:left;
    width:75%;
}

/* Contiene los botones Búsqueda y "Mostrar Campos Secundarios" en las vistas Index*/
.AbrirBusquedas
{
    padding:0px;
    float:right;
    text-align:right;
    margin:10px 0px 10px 0px;
    width:24%;
}



.DivBusquedasServerSide, .DivBusquedasClientSide, .DivBusquedas, .DivGrupoBotones
{
    border-color: #AED0EA;
    border-width: 2px;
    border-style: solid;
    padding: 10px;
    -moz-border-radius:8px; border-radius:8px;
    /*margin-left:10px;*/
}

.DivBusquedasServerSide
{
    display: block;
    line-height:12px;/*más baja que la altura de línea aplicada al body. Para comprimir el bloque de las búsquedas*/
}



.DivBusquedasClientSide
{
    display: none;
}



/* GESTION DE MENSAJES DE ERROR E INFORMACION */

/*Formatea los div donde se muestran los diálogos emergentes de los fomrmularios: hace que se muevan con el scroll del navegador y con un z-index alto 
para que se puedan ver*/
.MensajeDialogoEmergente { position:fixed; z-index:1000; margin-left:10px; width:80%;}

.MensajeValidacion, .MensajeErrorServerSide, .MensajeExitoServerSide { position:fixed; z-index:1000; }


.message-dismiss
{
    font-weight: normal;
    color: #999;
}
.message-container
{
    padding: 0.5em;
    line-height: 1em;
}
.message-container p
{
    padding: 0 1em;
    display:block;
    min-width:50px;
    /*border: 1px Solid green;*/
}
.message-container p .ui-icon
{
    margin-right: .3em;
}

/* GESTION DE CAMPOS A MOSTRAR */
.valorCampoDeshabilitado{
    font-weight: bold;
}


/* Esta clase se utiliza para mostrar una imagen que sirva para mostrar los detalles de una fila*/
.MostrarValoracion{
 cursor : pointer;
}

/* MODIFICACION DE LAS CLASES ELFINDER */
.ui-corner-all .ui-selected
{
     background-color:Red;
}