#inputIngresaPass{
  width: 50%;
}
#inputRepitePass{
  width: 50%;
}
#customDialogBoximageLogo{  
    width: 100%;
    height: 50%;        
}
#dialogValidationimageLogo{  
    width: 60%;
    height: 50%;        
}
#customLoading{

  display: none;
  
  width:100%; 
  height:100%;

  /*Esto hace que siempre este arriba de todos*/
  z-index:5000;

  /*Esto la acomida siempre centrada en la pantalla*/    
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: -webkit-translate(-50%, -50%);
  transform: -ms-translate(-50%, -50%);

  background: rgba( 255, 255, 255, .8 ) 
                url('../imgs/loading.gif') 
                50% 50% 
                no-repeat;
}
#customDialogBox {
  
  display: none;
  background:#eee;    
  width:100%; 
  height:100%;  

  /*Esto hace que siempre este arriba de todos*/
  z-index:5000;
  
  /*Esto la acomida siempre centrada en la pantalla*/    
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: -webkit-translate(-50%, -50%);
  transform: -ms-translate(-50%, -50%);    
}
#dialogValidation {
  
  display: none;
  background:#eee;    
  width:100%; 
  height:100%;  

  /*Esto hace que siempre este arriba de todos*/
  z-index:5000;
  
  /*Esto la acomida siempre centrada en la pantalla*/    
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: -webkit-translate(-50%, -50%);
  transform: -ms-translate(-50%, -50%);    
}
#customDialogBoxContainer{

  /*Esto la acomida siempre centrada en la pantalla*/    
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  transform: -webkit-translate(-50%, -50%);
  transform: -ms-translate(-50%, -50%);  

  width:25%;
  height:25%;
}
#dialogValidationContainer{

  /*Esto la acomida siempre centrada en la pantalla*/    
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  transform: -webkit-translate(-50%, -50%);
  transform: -ms-translate(-50%, -50%);  

  width:25%;
  height:25%;
}
#customDialogContainerMessage{    
  
  position: relative;
  
  font-size:18px;
  text-align: center;    
  color:#666; 
  font-family:arial;
}
#dialogValidationContainerMessage{    
  
  position: relative;
  
  font-size:18px;
  text-align: center;    
  color:#666; 
  font-family:arial;
}
#customDialogContainerButtons{  
  
  position: relative;

  width: 100%;
  
  margin-top: 20px;
  display: flex;  
  display: -webkit-flex;
  justify-content: space-between;
}
#dialogValidationContainerButtons{  
  
  position: relative;

  width: 100%;
  
  display: flex;  
  display: -webkit-flex;
  justify-content: space-between;
}
a.button {

  /* styles for button */
  
  text-align:center;  
  vertical-align: middle;
  width:100%;
  height: 50px;
  margin: 10px;  
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  line-height: 2;  
  font-size: 20px;
  padding-top: 5px;
  
  /* button color */
  background-color: #004080;
  
  /* css3 implementation :) */
  /* rounded corner */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  
  /* drop shadow */
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  
  /* text shaow */
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  position: relative;
  cursor: pointer;  
}