html{
  -webkit-font-smoothing: antialiased;  
}

body {
    font-family: Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif;
    font-size: 16px;
    line-height: 21px; 
    letter-spacing: 1px;
    color: #fff;
    min-width: 100%;    
    min-height: 100%;    
    width:100%;
    position: absolute;
    background-color:lightgray; 
    overflow-y:visible;
    overflow-x:visible;
}

.areautil {
    width:100% ; 
    height:100% ;
    min-height:100%;
    MIN-width:100% ; 
    position:relative ; 
    top:20px;
    z-index:90;
    background-color:transparent;
}



div{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


form {
  position:absolute ;
  top:0px;
  left:0px;
  width:100% ;
  align-items:center ;
}


/* master page*/

.tbcentro {
width:100% ;
min-height:600px;
height:100%;
background-color:greenyellow ; 
border:none;

    }

.balao {
    background-color:silver;
    color:red;
    border-radius:20px 20px;
    width:80% ;
    height:50px;  
}

 

.mnnucell{
    width:20% ; 
    height:100%; 
    text-align:center ;
    background-color:whitesmoke ;
    border-radius:20px 20px;
} 

.meio{  
    width:100%;  
    height:100%;
    min-height:600px;
    vertical-align:central;
    background-color:blue;
    border-radius:20px 20px;
    z-index:90;
    position:absolute;
    /*border:solid 1px black;*/
}

.msgline{
    border:none ;
    border-top:solid 1px black;
    border-bottom:none;
    background-color:whitesmoke;
    color:black;
    font:italic 16px arial,verdana;
    text-align:right;
    padding-top:5px;
    padding-left:0px;
    z-index:100;
    position:relative;
    width:100%;
}


.PageTitle{
    color:black;
    font:bold 24px arial,verdana;
    border:none;
    width:100%;
    min-height:200px;
}

.aba{
    color:black;
    font:bold 24px arial,verdana;
    border:none;
    width:90%;
    text-align:left;
    padding-left:25px;
    padding-top:7%;
    background-color:white;
    border-radius:30px 30px;
}
 
/* Login */

 
.txfield{
    border:1px solid black;
    /*padding:2px 2px 2px 2px;*/
    background-color:whitesmoke;
    color:black;
    font:normal 18px arial,verdana;
    width:100%;
    }


.Validator{
    color:firebrick;
    font:normal 14px arial,verdana;
    text-align:center; 
}



#logbtcell {
    font:normal 18px arial,verdana;
    padding:30px 0 0 0;
    text-align:center;  
    width:100%;
    background-color: white;
}

.logtxcell {
    font: normal 12px arial,verdana;
    padding: 16px 0 0 0;
    text-align: center;
    background-color: white;
    width:50%;
    border-radius:20px 20px;

}

.btlog{
    border:1px solid black;
    background-color:whitesmoke;
    color:black ;
    font:bold 18px arial,verdana;
}


.btlbl{
    color:black ;
    font:bold 14px arial,verdana;
    outline:none;
    border:None;
    background-color:white;

}

/*menu Lateral*/
.mnulado{
    border:solid 1px black ;
    border-radius:20px 20px;
    background-color:white;
    height:100%;
    min-height:400px;
    width:300px;
    min-width:300px;
    position:absolute;
    left:5px;
    top:20px; 
    z-index:100;
}