/* Move down content because we have a fixed navbar that is 50px tall */
body {
    
    padding-bottom: 20px;
    background-image:url(/img/black_lozenge.png);
    background-repeat:repeat;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}
.etiquetatabla {
    width:250px;
}
.tabSiccob { font-size:large !important;
}
.etiquetatabla, .periodo
{
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     letter-spacing:2px;
  font-weight: 100;
  font-size:16px;
  height:50px;
  
    padding-top:15px;
    display:table-cell;
 vertical-align:top;
    text-align:right;
    
    background-color:#009688;
    color:white;
    padding-right:15px;
}
table.resumen a{
    color:white;
    
}
table.resumen td
{
    background-color:#FFFFFF;
    border-color:#DDD;
    border-style:solid;
    border-width:thin;
    text-align:center;
}
table.resumen td.etiquetatabla
{
    background-color:#009688;
    text-align:right;
}
.periodo .etiquetatabla{
    width:100px!important;
    
}
textarea
{
    font-size:small!important;
}
.controltabla
{
  padding-left:15px;
    display:table-cell;
    vertical-align:middle;
}
.filatabla
{
    
       display:table-row;
    
}
.tabla
{
    display:table;
        
        
        
     
}
.botontabla
{
   padding-left:15px;
    display:table-cell;
    vertical-align:middle;
     }
     

.botongrid
{
   float:right;
   padding-left:20px;
    
}
.botongridprod
{
   float:right;
   padding-left:5px;
    
}
.comentarios{
    font-size:xx-small!important;
}
.cargando
{
     display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%!Important; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  text-align:center;
 
}
.contenidocargando{
    border-radius:10px; 
      position:absolute;
        top: 50%;  left:50%; margin: -150px -150px ; height:200px; width:300px; background:white; vertical-align:middle;
        box-shadow: 0 20px 20px 00px rgba(0, 255, 255, 0.30), 0 20px 20px 0 rgba(0, 0, 0, 0.19);  
}
.loadingimg {
top:60%; margin:-25px 0 0 -25px; vertical-align:middle; position:inherit;
}
.hideMyColumn
{
display:none;
}
.prueba{
    background-color:#ffb366;

}
.produccion{
    background-color:#002844;
}
 tbody.nowrapcol > tr > td
        {
 overflow:hidden;
 white-space:nowrap;
height:30px;
        }


  tbody.igg_IGItem >tr.errorcelda>td
    {
        color:Red!important;
        font-weight:bold;
    } 
  tbody.igg_IGItem >tr.errortotal>td
    {
        color:Orange!important;
        font-weight:bold;
    } 
    tbody.igg_IGItem >tr.okcelda>td
    {
        color:Green!important;
    } 

    tbody.igg_IGItem >tr.discardcelda>td
    {
        color:Gray!important;
    } 
     tbody.igg_IGItem >tr.okubercelda>td
    {
        color:Green!important;
        font-weight:bold!important;
        font-style:italic!important;
    } 
    tbody.igg_IGItem >tr.ignoracelda>td
    {
        color:Gray!important;
        
    text-decoration:line-through!important;
    } 
      tbody >tr>td.ignoracelda
    {
        color:Gray!important;
          text-decoration:line-through!important;
    } 
     tbody >tr>td.okubercelda
    {
        color:Green!important;
        font-weight:bold!important;
        font-style:italic!important;
    } 
       tbody >tr>td.noubercelda
    {
      color:Red!important;
        font-weight:bold!important;
        font-style:italic!important;
    } 
      

    tbody.igg_IGItem >tr.dismisscelda>td
    {
        color:LightGray!important;
    } 
     tbody > tr > td.subraya
{
    text-decoration:line-through!important;
}
       tbody >tr>td.errorcelda
    {
        color:Red!important;
        font-weight:bold;
    } 
.numberCircle {
    float:left;
    border-radius: 50%;
    margin: 5px 5px 5px 5px;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 30px;
    height: 30px;
    background: #086c63;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;

    font: 24px Helvetica, sans-serif;
}

.Grupo:hover {
      filter: brightness(110%); 
      
}
.Grupo{
    
 background-color:#00392B;    color:white!important; font-family:Arial, Helvetica, sans-serif;letter-spacing:5px; font-size:large; font-weight:lighter!important;
 }
.GrupoR{
    
 background-color:#00392B;    color:white!important; font-family:Arial, Helvetica, sans-serif;letter-spacing:2px; font-size:x-small; font-weight:lighter!important;
 }
.Grupo2 a{
    
 color:Orange!important;   font-weight:bold; font-family:Arial, Helvetica, sans-serif;letter-spacing: 1px; font-size:medium; font-weight:lighter!important;
 }

.Categoria:hover {
      filter: brightness(110%); 
      
}
.Categoria {
    
 background-color:#00392B;    color:white!important; font-family:Arial, Helvetica, sans-serif;letter-spacing:5px; font-size:x-large; font-weight:lighter!important;
 }
.Subcategoria:hover {  filter: brightness(110%); 
}
.Subcategoria {
   background-color:#005540; color:white!important; font-family:Arial, Helvetica, sans-serif;letter-spacing:3px; font-size:large; font-weight:lighter!important;
}
.Monto {
    color:white!important; font-family:Arial, Helvetica, sans-serif;letter-spacing:5px; font-size:large; font-weight:bold!important;
}
.Monto2 {
    color:white!important; font-family:Arial, Helvetica, sans-serif;letter-spacing:1px; font-size:medium; font-weight:bold!important;
}
.Monto2 a{
    color:white!important; font-family:Arial, Helvetica, sans-serif;letter-spacing:1px; font-size:medium; font-weight:bold!important;
}
.NGrupo {
color:#CCC!important;
}
.Monto2 a{
    color:#009688 !important; font-family:Arial, Helvetica, sans-serif;letter-spacing:1px; font-size:medium; font-weight:bold!important;
}
.cellConceptos:hover {filter: brightness(80%);color:#002844;
}
.cellConceptos {
border:solid; background-color:#006C51; border-width:1px; border-color:#005540;}


.collapsible {
    background-color: #777;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 90%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}
.collapsible:after {
  content: "\002B";
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}
.active, .collapsible:hover {
    background-color: #555;
}

.content {
 padding: 0 18px;
  height:0px;
  display:none;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
  max-height:1000px!important;
}