﻿  #Popup  {
  position:absolute;
  z-index:990;
  background: rgba(64, 64, 64, 0.5);
  /*
    Por el diseño del DIV pop up no se puede aplicar la transparencia como se hace comúnmente, xq sino aplica la trasparancia a los div hijos también, y no se puede especificar a los hijos que ya no usen esa transparencia.
    por tanto se usa la solución rgba(64, 64, 64, 0.5) propuesta en: http://stackoverflow.com/questions/5138006/no-opacity-on-div-inside-a-div-with-opacity
  background-color:#3C3C3C;
  filter: alpha(opacity=50);
  opacity: 0.5; 
  -moz-opacity: 0.5; 
  -khtml-opacity: 0.5;*/
  height:100%;
   top:0px;
  /*bottom:0px;*/
  left:0px;
  right:0px;
 }

#PopUpSoftTokenQR  {
  position:absolute;
  z-index:990;
  background: rgba(64, 64, 64, 0.5);
  /*
    Por el diseño del DIV pop up no se puede aplicar la transparencia como se hace comúnmente, xq sino aplica la trasparancia a los div hijos también, y no se puede especificar a los hijos que ya no usen esa transparencia.
    por tanto se usa la solución rgba(64, 64, 64, 0.5) propuesta en: http://stackoverflow.com/questions/5138006/no-opacity-on-div-inside-a-div-with-opacity
  background-color:#3C3C3C;
  filter: alpha(opacity=50);
  opacity: 0.5; 
  -moz-opacity: 0.5; 
  -khtml-opacity: 0.5;*/
  height:100%;
   top:0px;
  /*bottom:0px;*/
  left:0px;
  right:0px;
 }
  
#PopupMantenimiento
{
   position:absolute;
  z-index:990;
  background: rgba(64, 64, 64, 0.5);
  /*
    Por el diseño del DIV pop up no se puede aplicar la transparencia como se hace comúnmente, xq sino aplica la trasparancia a los div hijos también, y no se puede especificar a los hijos que ya no usen esa transparencia.
    por tanto se usa la solución rgba(64, 64, 64, 0.5) propuesta en: http://stackoverflow.com/questions/5138006/no-opacity-on-div-inside-a-div-with-opacity
  background-color:#3C3C3C;
  filter: alpha(opacity=50);
  opacity: 0.5; 
  -moz-opacity: 0.5; 
  -khtml-opacity: 0.5;*/
  height:100%;
   top:0px;
  /*bottom:0px;*/
  left:0px;
  right:0px;
}


 #MensajeMantenimiento  {
  position: fixed !important;
    width: 790px !important;
    margin-left: -395px;
    height: 250px !important;
    margin-top: -125px;
    top:  50% !important;
    left: 50% !important;
   background-color:#FFFFFF;
   z-index:999; 
   font-family: 'WorkSans-Regular';
    border-radius: 0px 12px 0px 12px;
    
   }

  #Mensaje  {
 position: fixed !important;
   width: 790px !important;
   margin-left: -395px;
   height: 250px !important;
   margin-top: -125px;
   top:  50% !important;
   left: 50% !important;
   background-color:#FFFFFF;
   z-index:999; 
   font-family: 'WorkSans-Regular';
   border-radius: 0px 15px 0px 15px;
    
   }

.ContenedorTitulo {
  height:39px;
  background-color:#26B460;
  margin:0px;
  border-radius: 0px 12px 0px 0px;

}
#MensajeMantenimiento .ContenedorTitulo {
  height:39px;
  background-color:#C41E08;
  margin:0px;
   border-radius: 0px 12px 0px 0px;
}
.ContenedorTituloError {
  height:39px;
  background-color: #c43a22;
  margin:0px;
 
}

.MensajeTitulo {
  float:left;
  color:#FFFFFF;
  font-size:20px;
  padding-left:26px;
  padding-top:10px;

}

.MensajeCuerpo {
  margin:50px;
}

.MensajeParrafo {
width:500px;
display:inline;
float:right;
height:105px;
font-size:14px;
margin-top:-25px;

}

img.Cargando {
  width:110px;
  display:inline;
  float:left;
  margin-right:26px;
  height:110px;
}


/*Estilos para el popup del mensaje de confirmación*/
#PopupConfirmacion {
  position:absolute;
  z-index:990;
  background: rgba(64, 64, 64, 0.5);
  height:100%;
   top:0px;
  left:0px;
  right:0px;
}

#PopupConfirmacion #MensajeConfirmacion {
 position: fixed !important;
   width: 790px !important;;
   margin-left: -395px;
   height: 250px !important;;
   margin-top: -125px;
   top:  50% !important;
   left: 50% !important;
  background-color:#FFFFFF;
  z-index:999; 
  font-family: 'WorkSans-Regular';
}

#PopupConfirmacion #MensajeConfirmacion #ContenedorTitulo{
  height:39px;
  background-color:#26B460;
  margin:0px; 
}

#PopupOk {
  position:absolute;
  z-index:990;
  background: rgba(64, 64, 64, 0.5);
  height:100%;
   top:0px;
  left:0px;
  right:0px;
}

#PopupOk #MensajeOk {
  position:absolute;
  width:550px;
  height:240px;
  background-color:#FFFFFF;
  z-index:999; 
  font-family: 'WorkSans-Regular';
}

#PopupOk #MensajeOk #ContenedorTitulo{
  height:39px;
  background-color:#26B460;
  margin:0px; 
}