/*-------------------------------------------------------------------------*\
|--[ Estilos para FORMULARIOS y Elementos asociados ]-----------------------|
\*-------------------------------------------------------------------------*/

/* Caracteristicas Generales y Comunes para FORMULARIOS. ------------------*/
form.ficha {
  /*clear:none; float:left;/**/
  margin:0em; padding:0em;
  /*font-family: 'xVerdana',arial,sans-serif,monospace;/**/  
  /*color:#208020;/**/
  /*color:#102080; background: #EBF4FB;/*C8D8E8/**/
  /*border:1px solid #B7DDF2;/**/
  /*border:1px solid red;/**/
}
/*---cambiar color y fondo de la ficha---*x/
form.ficha * { color:#10F080; background: #F0F0F0; }
form.ficha input, form.ficha textarea, form.ficha select { background: #FFFFFF; }
/*---fin cambiar color y fondo de la ficha---*/

form.ficha fieldset {
  /*border:2px groove #B0D0F0;/**/
  -moz-border-radius: 4px;
  margin:0.25em; padding:0.25em;
  float:left;
}
form.ficha h2 { font-weight:bold; margin-bottom:0px; /*background: #C0C0C0;/**/ }
form.ficha legend { /*font-weight:bold;/**/ /*background: #C0C0C0;/**/ }
form.ficha label { margin:0em; padding:0 0.5em 0 0; text-align: right;}

form.ficha fieldset.hr { /*conjunto de campos con linea de divisoria */
  /*border:2px groove white;/**/
  border:0px; border-top:2px groove #B0D0F0;/**/
  -moz-border-radius: 0px;
  margin:0; padding:0.25em;
  /*background: #C0C0C0;/**/
  float:none;/**/
}


/* Clases para la division de acciones. -------*/
div.action { text-align:center; margin:0px; padding:0px;
  border:2px solid #97C7B7; background-color:#B7C797;
  -moz-border-radius: 2px;
}

/* Clases para Resaltar los controles que solo son de Lectura. -------*/
form.ficha .readonly,
form.ficha *[readonly] {
  /*background-color: #F0F0F0!important;/**/
  /*background-color:#D0D0F0!important;/**/
  /*color:#804040!important;/**/
}
form.ficha .disabled,
form.ficha *[disabled] {
  /*background-color:#C0B0A0!important;/**/
  /*color:#804040!important;/**/
}
/*DTR: 2016-02-12, Un poco de estilo para los botones desactivados, que no se aprecia NADA...*/
form.ficha input[type=submit][disabled], form.ficha input[type=button][disabled] {
  /*background-color:#90A090!important;/**/
  color:#909080!important;/**/
}

/* Clases para Resalte del control que tiene el Enfoque de usuario. -------*/
form.ficha .focus, /* clase para usar en IE */
form.ficha input[type=text]:focus, 
form.ficha input[type=password]:focus, 
form.ficha input[type=file]:focus, 
form.ficha input[type=checkbox]:focus, 
form.ficha input[type=radio]:focus, 
form.ficha textarea:focus, 
form.ficha select:focus {
  /*background-color: #FFF780!important;/**/
  background-color:#C0D0F0!important;/**/
  /*background-color: #D0D0FF!important;/**/
  -webkit-box-shadow: 0px 0px 20px #0F0;
  -moz-box-shadow:    0px 0px 20px #0F0;
  -ms-box-shadow:     0px 0px 20px #0F0;/*--no-va-bien--behavior:url(../@ieHackPie.html);/**/
  -o-box-shadow:      0px 0px 20px #0F0;
	box-shadow:         0px 0px 20px #0F0;
}

/* Clases para Informacion de Datos Obligatorios. -------------------------*/
form.ficha label.required { /*color: #802010;/**/ }
form.ficha span.required { color: red; }

/* Clases para Informacion de Datos Erroneos. -----------------------------*/
form.ficha label.error { color: #802010; }
form.ficha span.error { color: #C02010; }
form.ficha input.error, form.ficha textarea.error, form.ficha select.error {
  background: #FFEEEE;
  border-color: #C00;
}

/* Clases para Informacion de Avisos y Mensajes de Error. -----------------*/
/*app.css-> .error { font-size:0.9em; color:#802010; background:#FFEEEE;} */
form.ficha div.errorSummary {
  /*border: 2px solid #C02010;/**/
  border:2px groove #F0D0B0;/**/
  margin:0.25em; padding:0.25em;
  font-size:0.75em; color:#802010; background:#FFEEEE;/**/
}
form.ficha div.errorSummary p { margin:0; padding:0px; }
form.ficha div.errorSummary ul { margin:0; padding:0 0 0 1em; }
form.ficha div.errorSummary ul li { list-style: decimal inside; }

form.ficha div.errorMessage {
  margin:0.25em; padding:0;
  font-size:0.75em; color:red; /*background:#FFEEEE;/**/
}
form.ficha div.errorMessage p { margin:0; padding:0px; }
form.ficha div.errorMessage ul { margin:0; padding:0 0 0 1em; }
form.ficha div.errorMessage ul li { list-style: disc inside; }

/* Clases para Informacion de Avisos y Mensajes tipo 'flash'. -------------*/
/*app.css-> .flash { font-size:0.9em; color:#102080; background:#FFFF88;} */
form.ficha div.flashSummary {
  border:2px groove #B0D0F0;/**/
  margin:0.25em; padding:0.25em;
  font-size:0.9em; color:#102080; background:#FFFFEE;/**/
}
form.ficha .flashMessage {
  font-size:0.9em; color:#102080; background:#FFFFEE;/**/
}
form.ficha div.flashSummary p { margin:0; padding:0px; }
form.ficha div.flashSummary ul { margin:0; padding:0 0 0 1em; }
form.ficha div.flashSummary ul li { list-style: decimal inside; }

/* Clases para Informacion de Avisos y Mensajes tipo 'alert'. -------------*/
/*app.css-> .alert { font-size:0.9em; color:#102080; background:#88CCFF;} */
form.ficha div.alertSummary {
  border:2px groove #B0D0F0;/**/
  margin:0.25em; padding:0.25em;
  font-size:0.9em; color:#102080; background:#88CCFF;/**/
}
form.ficha .alertMessage {
  font-size:0.9em; color:#102080; background:#FFFFEE;/**/
}
form.ficha div.alertSummary p { margin:0; padding:0px; }
form.ficha div.alertSummary ul { margin:0; padding:0 0 0 1em; }
form.ficha div.alertSummary ul li { list-style: decimal inside; }

/*---------------------------------------------------------------------------
-----------------------------------------------------------------------------
-DE AQUI PARA ARRIBA NO SE DEBERIA TOCAR NADA, SE ASUME QUE YA ES CORRECTO.
-----------------------------------------------------------------------------
---------------------------------------------------------------------------*/
/*form.ficha div.radiogroup { display:inline; }/**/
form.ficha .horizontal div.linea {
  /*border: 1px dotted #C44;/**/
  clear:both; float:left;/**/
}
form.ficha .horizontal div.control {
  /*border: 1px solid #044;/**/
  display:inline;/**/ float:left;/**/
  /*margin:0.25em; padding:0.25em;/*muy grande*/
  margin:0px; padding:2px ;/*pequeño*/
}
form.ficha .horizontal div.control div.errorMessage {
  /*display:block; float:left; /**/
  clear:both;
}
form.ficha div.control label {
  display:block; float:left; width:125px;
}
form.ficha div.control div.dategroup { display:block; float:left; margin:0; padding:0;}
form.ficha div.control div.radiogroup { display:block; float:left; margin:0; padding:0;}
form.ficha div.control div.radiogroup label {
  display:inline; float:none;
}
/*form.ficha div.control a { display:inline; float:none;}
form.ficha div.control a { display:inline-block; float:none;}
*/

/* Estilos para Elementos de Aviso. --------------------------*/
form.ficha p.hint
{
  color: gray;
  font-size: 90%;
  margin: 0 0 0 3em;
  text-indent: -2em;
}

div.formulario .vertical .control {
  border: 1px solid #044;/**/
  margin: 0px 0px;
  padding: 1px 5px 3px 10px;
  display:inline;/**/
  clear:left;
  /*display:block;/**/
  /*float:left;/**/
}


/* Formularios: Estilos para Elementos de Aviso. --------------------------*/
div.formulario p.hint
{
  color: gray;
  font-size: 90%;
  margin: 0 0 0 110px;
}
/* Formularios: Estilos para Elementos de Accion. -------------------------*/
div.formulario div.action
{
  clear: left;
  margin-left: 110px;
  padding: 0.25em 0;
}

/* Formularios: Estilos para Colocacion de Bloques de Elementos. ----------*/
div.formulario div.linea,
div.formulario div.multiple
{
  clear: left;
  padding: 0.25em 0;
}

div.formulario div.linea label,
div.formulario div.multiple span
{
  /*display: block;
  position: relative;
  float: left;*/
  margin-left:0px;
  margin-right: 10px;
  text-align: right;
  width: 120px;
}
div.formulario div.linea div.radiogroup { display:inline;}
div.formulario div.linea div.radiogroup label { width: auto;}

div.formulario div.linea div,
div.formulario div.multiple div
{
  /*margin-left: 110px;*/
}


/*-------------------------------------------------------------------------*/
/**
 * DTR: 2021-01-28, Ampliar estilos para introducir en la clase "DHtml" el 
 * .... sistema de resalte de títulos (atributo "title) en las etiquetas de 
 * .... los controles creados con "DHtml::controlHtml()".
 */
.helpTitle, label.helpTitle, span.helpTitle
{
  text-decoration: underline #1020F0 dotted;
}
.helpTitle_icon, label.helpTitle_icon, span.helpTitle_icon
{
  display:inline-block;
  cursor:help;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  margin: 0; padding: 0;
  text-align: center;
  /*font-family:monospace;*/
  font-weight:bold;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
  color:#f0f0f0 !important;
  /*background:#5bc0de !important;*/
  background:#2060F0 !important;
  
  /**/ font-size:0.70em; line-height:0.75em; width:0.75em; height:0.75em; 
      border:0.075em solid #1020F0; /**/
  /**/ position:relative; left:0em; top:-0.5em; /**/

  /**xx/ font-size:0.75rem; line-height:0.75rem; width:0.75rem; height:0.75rem;
      border:0.075rem solid #1020F0; /**/
  /**xx/ position:relative; left:0.25rem; top:-0.125rem; /**/
}
.helpTitle_icon:before, label.helpTitle_icon:before, span.helpTitle_icon:before
{
  content:"?";
}
.helpTitle_left, label.helpTitle_left
{
  /*float:left;*/
}
.helpTitle_right, label.helpTitle_right
{
  /*
  float:right;
  position:relative;
  top:-7px;
  right:-7px;*/
}



/*---------------------------------------------------------------------------
-----------------------------------------------------------------------------
-DE AQUI PARA ABAJO.... PRUEBAS
-----------------------------------------------------------------------------
---------------------------------------------------------------------------*/
form.ficha textarea { _font-size:0.95em; /*IE*/}

/* Zero out padding and margin, adjust where needed later *xx/
form, fieldset, label, input, .checkbox, textarea, select, option, form div {
  margin: 0;
  padding: 0;
}
fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #999;
}
legend {
  font-weight: bold;
  margin: 0 2% .5em 0;
  padding: .2em .5em;
}
input.text, textarea, select { 
  border: 1px solid #666; 
  border-right: 1px solid #ccc; 
  border-bottom: 1px solid #ccc;
}
option {
  float: none;
  clear: both;
  margin-right: 2em;
}
input.radio, input.checkbox { 
  margin-right: .5em;
}

/* Create a bit of padding for text inputs and selects *xx/
input.text, input.button, textarea, select {
  padding: .2em;
}
input.button { 
  margin-right: 1em;
  padding: .2em .6em;
}
.readonly {  
  color: #999;
  background: #e7e7e7;
}

/*--FIN--PRUEBAS--*/