/* Varios */
.invisible  {visibility: hidden;} 
.hide       {display:none;}
.bold       {font-weight:bold;}
.font       {font-family:Calibri;}
.txt-08     {font-size:8pt;}
.txt-10     {font-size:10pt;}
.txt-11     {font-size:11pt;}
.txt-12     {font-size:12pt;}
.left       {text-align:left;}
.center     {text-align:center;}
.right      {text-align:right;}
.auto       {margin:auto;}
.top        {vertical-align:top;}
.middle     {vertical-align:middle;}
.bottom     {vertical-align:bottom;}
.border     {border:solid 1px gray;}
.w-100      {width:100%;}
.p-left-2   {padding-left:2px;}
.p-top-2    {padding-top:2px}
.p-top-5    {padding-top:5px}
.p-top-10   {padding-top:10px}
.p-bottom-10{padding-bottom:10px}
.p-10       {padding:10px;}
.round-5    {border-radius: 10px;}
.white      {background-color:#fff;}
.silver     {background-color: #F8F8F8}
.gray       {background-color:gray;}
.box-shadow {box-shadow: 1px 1px gray;}
.table      {display:table;}
.row        {display:table-row;}
.cell       {display:table-cell;}
.gray       {background-color:#DCDCDC}
.btn        {width:120px;height:30px;font-family:Arial;font-size:10pt;}
.txt        {width:300px;height:24px;font-family:Arial;font-size:10pt;border:solid 1px gray}

.btn-tab-control{
    font-family:Arial;
    font-size: 9pt;
    text-align:left;
    vertical-align: middle;  
    height:30px;
    border: thin 1px gray;
    border-bottom:none;
    border-radius:4px 4px 0px 0px;  
    background-color:#DCDCDC;
    cursor:pointer; 
    color:#000;
}
.btn-tab-control:hover  {color:blue;}
.btn-tab-control-sel    {color:blue;}  
.title      {
    font-family:Arial;
    font-weight:bold; 
    font-size:9pt;
    text-align:left;
    vertical-align:middle;
    color:#fff;
    height:24px;
    background-color:#000033;
    /* (#191970, #000100) */
    background: -webkit-linear-gradient(#191970, #000100); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#191970, #000100); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#191970, #000100); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#191970, #000100); /* Standard syntax */
    border:solid 1px #000100;
    border-radius:5px 5px 0px 0px;     
}
.title-rec   {border-radius:0px 0px 0px 0px;}
.title-solid {
    font-family:Arial;
    font-weight:bold; 
    font-size:9pt;
    text-align:left;
    vertical-align:middle;
    color:#fff;
    height:24px;
    background-color:#000033;
    border:solid 1px #000033;
}
.title-grid {
    font-family:Arial;
    font-size:8pt;
    text-align:left;
    vertical-align:middle;
    color:#fff;
    height:24px;
    background-color:#000033;
    border:solid 1px #000033;
    text-decoration:none;
    padding-bottom:4px;
    text-transform:uppercase;
}

.title-grid a           {text-decoration:none;color:#fff;}
.grid-item              {font-family:Arial;font-size:8pt;color:#000;vertical-align:middle;text-align:left;}
.grid-select            {border:solid 2px #000;background-color:#FFFFDC;border-left:none;border-right:none;}

.txt-login              {border:solid 1px gray;background-color:#fff;color:#000;height:24px;width:150px;}
.txt-login:focus        {background-color:#000;color:#fff}
.btn-tab-control:hover  {color:blue;}

.div-confirm
{
    z-index: 1101;
    position:absolute; 
    border:solid 3px gray;
    left: 50%;
    margin-left: -250px;  
    top:50%;  
    margin-top: -150px; 
    padding:40px 0px 40px 0px;  
    width:500px;
    height:auto;
    background-color: #fff; 
    font-family: Calibri;
    font-size:12pt;
    color:#000;                   
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;     
}
.icon-title{
    height:70px;
}
.icon-confirm{
    position:relative;
    width:48px;
    margin-left:20px;
    top:0px;
    margin-top:-20px;    
}
.div-back
{
    z-index:1000;
    position:absolute;
    display:none;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#000;   
    opacity: 0.8;
    filter: alpha(opacity=80);   
}
.lbl-confirm {
    width:300px;
    color:#000;
}
.btn-confirm
{
    font-family: Calibri;
    font-size: 14pt;
    border:none;
    background-color: #000033;
    color: #fff;             
    cursor:pointer;  
    text-align: center;
    vertical-align:middle;  
    opacity: 0.9;
    filter: alpha(opacity=90); 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;  
    border:solid 1px #000; 
    padding: 0px;  
    width:120px;
    height:40px; 
    margin:  0px 8px 0px 8px;          
}
.btn-confirm:hover
{
    opacity: 1;
    filter: alpha(opacity=100); 
}

/* MENU PRINCIPAL */
.btn-menu {
    cursor:pointer;
    width:60px;
    height:60px;
    border:none;
}
.col-menu {
    border-right:solid 1px #999;
    text-align:center;
}
.col-salir {
    border:none;
}

/* CONSOLA SQL */
.div-SQL {
    z-index:1101;
    
    left: 50%;
    margin-left: -350px;
    top:50%;
    margin-top:-270px;
    width:700px;
    height:500px;
    padding: 10px;
    background-color: #fff;
    border: solid 1px #c0c0c0; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-family:Calibri;
    font-size:10pt;
}
.list-SQL{
    width:100%;
    height:98%;
    overflow:auto; 
    border:none;
    font-family:'Courier New';
    font-size:10pt;   
}
.text-SQL {
    border:solid 1px #c0c0c0;
    width:540px;
    height:24px;
    background-color:#000;
    color:#fff; 
}
.btn-SQL {
    background-color:transparent;
    width:30px;
    height:24px;
    border:none;
    color:gray;
    cursor:pointer; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;  
}
.btn-SQL:hover{
    border:solid 1px silver;
}
.div-Load {
    
    left:50%;
    margin-left:-150px;
    width:300px;  
    top: 50%; 
    margin-top:-35px;
    text-align:center;
    vertical-align:top;
    color:red;
    font-weight:700; 
}

/* MODULOS */
.btn-module
{
    font-family: Calibri;
    font-size: 14pt;
    border:none;
    /* background-color: #0B0B61; */
    background-color: #000033;
    color: #fff;             
    cursor:pointer;  
    text-align: center;
    vertical-align:middle;  
    opacity: 0.85;
    filter: alpha(opacity=85); 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
    padding: 0px;     
    border:solid 1px gray;        
}
.btn-module:hover
{
    opacity: 1;
    filter: alpha(opacity=100); 
}


.btn-data
{
    font-family: Calibri;
    font-size: 14pt;
    border:none;
    background-color: #000033;
    color: #fff;             
    cursor:pointer;  
    text-align: center;
    vertical-align:middle;  
    opacity: 0.9;
    filter: alpha(opacity=90); 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
    padding: 0px;             
}
.btn-data:hover
{
    opacity: 1;
    filter: alpha(opacity=100); 
}
.label-module
{
    font-family:Calibri;
    font-size: 12pt;
    color: #000;        
}
.grid-title
{            
    border:none;        
    background-color: #000033;
    opacity: 0.9;
    filter: alpha(opacity=90);  
    margin:auto; 
}
.grid-button
{
    cursor: pointer;
    font-family: Calibri;
    font-size: 14pt;
    color: #fff;
    border:none;                 
    background-color: transparent;  
    height:30px;
    text-align:left;
    vertical-align:middle;   
    padding:0px;
    margin:0px;  
}
.div-module
{
    width: 700px;
    border:none; 
    text-align:left;
    margin:auto;         
}
.div-title
{
    display:table-cell;
    vertical-align: bottom;
    text-align:left;  
    border:none;  
}
.label-find
{
    font-family:Calibri;    
    font-size: 14pt;     
    color: #000;
    text-shadow: 0 0 4px #c0c0c0; 
}
.label-register {
    color:#000;
}
.txt-find
{
    font-family: Calibri;
    font-size:16pt;
    color: #000;
    width:300px;
    height: 34px;                     
}
.div-data
{
    z-index:1001;
    position:absolute;
    width:700px;
    left:50%;
    font-family: Calibri;
    font-size: 12pt;
    background-color: #fff;
    color: #000;                          
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
    margin: 8px auto 20px auto;    
    padding: 20px 0px 16px 0px;   
    border:solid 2px gray;
}
.div-data-label
{
    display:inline-block;    
    text-align:left;    
    border:none;
    margin-bottom:4px;
}
.div-data-text
{
    display:inline-block;    
    text-align:left;    
    border:none;
    margin-bottom:4px;
}
.text-data
{
    font-family: Calibri;
    font-size:14pt;
    color:#000;
    height:24px;
    text-align:left;
    vertical-align:middle;
}
.list-data
{
    font-family: Calibri;
    font-size:14pt;
    color:#000;
    height:30px;
    text-align:left;
    vertical-align:middle;
}
.text-data-12
{
    font-family: Calibri;
    font-size:12pt;
    color:#000;
    height:24px;
    text-align:left;
    vertical-align:middle;
}
.label-data
{
    font-family: Calibri;
    font-size:14pt;
    color:#000; 
    /* text-shadow: 0 0 4px #000; */        
} 
.label-required
{
    font-family: Calibri;
    font-size:14pt;
    color:red; 
    /* text-shadow: 0 0 4px #000; */        
}
.text-required
{
    border-color: red;
}