.centered {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 50%;
  margin: auto;
  background-color: red;
  color: white;
} 

.DataList
{
    font-size: 8pt;
    color: Yellow;
    text-align: left;
    list-style-position:inside;
    list-style-type:circle;   
       
}

.body
{
    font-size: 8pt;
    color: black;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: justify;
    
}

.pict
{
   border-style: solid;   
   border-width: 1px;
   border-bottom: solid, 1px, black;
   border-left: , 1px, black;
   color: Black;
   
}

.text
{
    Font-Size: 10px;
    color: Black;
    border-style: solid;
    border-width: 2px;
    border-color: Silver;
    width: 50px;
}

.Rtext
{
    Font-Size: 10px;
    color: Black;
    border-style: solid;
    border-width: 1px;
    text-align: right;
    width: 50px;
}

.dropdown

{
   Font-Size: 11px;
   color: Black;
   border-style: solid;
   border-width: 1px;
    
}

.gridtxt
{
    Font-Size: 10px;
    color: Black;
    border-style:none;
    width: 60px;
}
    
.lbltxt
{
    font-size: 10pt;
    color: Navy;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: left;
    padding-bottom: -10px;   
    
}

.datalbltxt
{
    font-size: 8pt;
    color: Black;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: left;  
    list-style-type: decimal-leading-zero;  
    
}

.titlelbl
{
    Font-family: Verdana;
    Font-Size: 11px;
    font-weight: bold;
    color: navy;
    border-style:none;
    text-align: Left;   
}

.caption
{
    Font-family: Verdana;
    Font-Size: 12px;
    font-weight: bold;
    color: Black;
    border-style:none;
    text-align: center;   
}    

.TotalRow
{
    font-weight: bold;
    background-color:#DCDCDC;
    height:20px;
}

 .container {
                /* So the overflow scrolls */
                overflow:auto;
                
                /* Style 
                border: 1px solid black; */
            }
            
            .container table th {
                /* Keep the header cells positioned as we scroll */
                position:relative;
                
                /* Style 
                color: #000000; */
                background: ##C8E389;
                font-weight: bold;
                /* border-bottom: solid 1px #CCCCCC;
                 text-align: left; 
                padding-left:5px;    */        
            }
            
            .container table th a {
                /* Style 
                color: #F7F6F3;  */         
            }            
            
            .container table tbody {
                /* For alignment of the scroll bar */
                /* overflow-x:hidden; */
            }  
            
            .container table tbody tr td {
                /* Style 
                color: #333333;
                background: #FFFFFFF;
                border-bottom: solid 1px #CCCCCC;
                text-align: left;
                padding-left:3px; */
            }                        
             
.alluppercase
{
text-transform:capitalize;
}
.panel
{
    font-size: 7pt;
    color: black;
    font-family: Verdana, Arial, Sans-Serif;
}
.buttonlink
{    
    font-family: Verdana, Sans-Serif;
    font-size: 8pt;
    text-align: left;
    font-weight: normal;    
    color: yellow;
    text-decoration: none;  
}

.buttonlink:visted
{
    font-family: Verdana, Sans-Serif;
    font-size: 8pt;
    font-weight: normal;
    color: Yellow;
    text-align: left;
    text-decoration: none; 

}

.buttonlink:hover
{
    font-family: Verdana, Sans-Serif;
    font-size: 8pt;
    color: red;
    text-align: left;
    font-weight: normal; 
    text-decoration: none;
}