/*************************************************************************************/
/** RGB Colors. LtGrn:190,255,127 LtBlu:2,127,251 DkGrn:0,121,0 DkBlu:0,78,148  */ 
/** Hex Colors. LtGrn:#BEFF7F; LtBlu:#027FFB; DkGrn:#007900; DkBlu:#004E94  */
/** **************************** Estilos Globales *************************************/
:root {
    /*--body-width:84vw; */  
    /*--menuFontSize: calc(0.45rem + 0.80vw);*/
}
* {box-sizing: border-box; padding: 0; margin: 0; }

@media screen and (min-width: 300px) {
  body {
  }
}
@media screen and (max-width: 1000px) {
  body {
    font-size: 1vw;
  }
}
html, body {
    margin: 0;
    height: 100vh;
    /*display: flex;*/
    flex-direction: column;
}
html{
    font-size: 10px; 
    display: table;    margin: auto;
}
body{
    max-width: 1280px ;width: 1280px;
    font-family:"Rockwell","Arial","Tahoma";
    background: #101010 url(../img/bg1.jpg);
    background-repeat: repeat-y;
    background-attachment: fixed ;
    background-size: 100vmax;
}
#pageBody{
    width: 100%; text-align: center;
    min-height: 78vh; height: auto;
    padding: 1% 1%;
    margin-top: 0.5%;
    border-radius: 1vmin;
    background-color: #BEFF7F;}
#pageBody > div{
    display: inline-block;
    background-color: inherit;
}
.message{
    background: red;
    border: 3px solid #f1f1f1;
    border-radius: 7px;
    color: black;
    display: block;
    padding: 0 20px;
    position: fixed;
    right: 10px;
    top: 5px;
}
/*************************************************************************************/
/********************************* Pie de pagina *************************************/
.contenido{	
    min-height:50px;	
    height:100%;
}
.footer {	
    background:url(../images/nav-shadow.png) 0 0 no-repeat;	
    padding-top:0px;	
    margin:0px 0px 0px 0px;	
    position:relative;	
    font-size:10px;	
    height:35px;   
    /* Height of the footer */	
    text-align:center;	
    vertical-align: middle;
    color:blue;
}
/*************************************************************************************/
/************************************ Mensajes ***************************************/
.logonError{    
    font-size: 14pt;    
    color:red;
}
.loginError{    
    font-size: 11pt;    
    color:red;
}
.dbError{    
    font-size: 12pt;    
    color:red;
}
/*************************************************************************************/
/******************************* Alinear Contenido ***********************************/
.bottomCenter{
    overflow-wrap: break-word;
    overflow: hidden;
    max-height: 2.4em;
    font-size: 0.9em;
    color: blue;
}