:root
{
  --ancho-etiquetaForm: 100px;
}

.ui-page, .ui-overlay-a
{
  /*background: linear-gradient(#E9E9E9, #9999FF);*/
  background-color: #FFF;
  background-image: url("../img/FondoClat.jpg");
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment: fixed;
  background-size: 50%;
}

.ui-listview, .ui-collapsible
{
  opacity: 0.9;
}

/*
div[data-role="page"]{
  background-attachment: fixed; // not supported in Android/iOS
}  
*/

#ui-datepicker-div
{
  box-shadow: 0px 0px 30px #555;
}

.elementoForm, .campoForm
{
  display: inline-block;
  float: left;
  height: 65px;
}

.etiquetaForm
{
  /*background-color:rgba(255,255,255,0.5);*/
  text-shadow: 0px 0px 0px;
  /*color: #FFFFFF;*/
  display: inline-block;
  float: left;
  margin-top: 15px;
  margin-left: 10px;
  border-radius: 5px;
  width: var(--ancho-etiquetaForm);
}

.elementoFormFull .campoForm
{
  width:calc(100% - 220px);
  min-width:300px;
}

#popupError
{
  /*font-size: 1.8em;*/
  font-weight: bold;
  padding: 15px;
  box-shadow: 0px 0px 30px #555;
  background-color: #EEEEEE;
}

#popupDialogoOpciones
{
  /*font-size: 1.8em;*/
  font-weight: bold;
  padding: 15px;
  box-shadow: 0px 0px 30px #555;
  background-color: #EEEEEE;
  text-align: center;
}

#erImporte, #gmImporte
{
  text-align: right;
}

#divAcMiembroRecibo, #divAcCCCRemesa, #divAcReciboRemesa
{
  position: absolute;
  z-index: 999;
  box-shadow: 0px 0px 30px #555;
}

#divAcMiembroRecibo ul, #divAcCCCRemesa ul, #divAcReciboRemesa ul
{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

#eeCifDniEntidad
{
  text-transform: uppercase;
}

/***********************************************************************************/
/*                                                                                 */
/*         *   *   ***   *   *  *  *                                               */
/*         ** **  *   *  *   *  *  *                                               */
/*         * * *  *   *   * *   *  *                                               */
/*         *   *   ***     *    *  ****                                            */
/*                                                                                 */
/***********************************************************************************/
@media screen and (min-width:320px) and (max-width:767px)
{
  #emGrupos, #emGrupos-button
  {
    width: 120px;
  }
  #divBotoneraDetalleRemesa .button
  {
    clear: both;
  }
}
/* tablet o desktop */
/***********************************************************************************/
/*                                                                                 */
/*         *****   ***   ***   *      *****  *****                                 */
/*           *    *   *  *  *  *      *        *                                   */
/*           *    *****  ***   *      ***      *                                   */
/*           *    *   *  *  *  *      *        *                                   */
/*           *    *   *  ***   *****  *****    *                                   */
/*                                                                                 */
/***********************************************************************************/

@media screen and (min-width:768px)
{
  /* login */
  #loginEMail, #loginPassword
  {
    width: 400px;
  }

  #erMiembro, #erConcepto
  {
    width: 450px;
  }

  #eeNomEntidad
  {
    width: 400px;
  }

  #egNombreGrupo
  {
    width: 400px;
  }

  #ecAlias
  {
    width: 400px;
  }

  #ecPrefijo
  {
    width: 50px;
  }

  #ecCCC
  {
    width: 300px;
  }

  #emCifDni, #emCodPos, #emTelefono
  {
    width: 100px;
  }

  #emNombre, #emDomicilio, #emPoblacion, #emEMail
  {
    width: 400px;
  }

  #emProvincia, #emCCC
  {
    width: 300px;
  }

  #emGrupos, #emGrupos-button
  {
    width: 500px;
  }

  #erbCCC
  {
    width: 300px;
  }
  
  #edrNomMiembro
  {
    width: 400px;
  }

  #gmConcepto
  {
    width: 400px;
  }
}

/*
@font-face
{
  font-family: "librecode39";
  src: url("LibreCode39Text.woff2");
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/librae-barcode-39-extended-text-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
/*       url('../fonts/libre-barcode-39-extended-text-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
/*       url('../fonts/libre-barcode-39-extended-text-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
/*       url('../fonts/libre-barcode-39-extended-text-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
/*       url('../fonts/libre-barcode-39-extended-text-v8-latin-regular.svg#LibreBarcode39ExtendedText') format('svg'); /* Legacy iOS */
/*}*/
@font-face
{
  font-family: "librecode39";
  src: url("IDAutomationSHC39M.woff2");
  font-style: normal;
  font-weight: 400;
}