#progressbar
{
    margin-left: -5px !important;
    margin-bottom: 10px !important;
    overflow: hidden !important; /*CSS counters to number the steps*/
    counter-reset: step !important;
    text-align: center !important;
    width: 100% !important;
}

#progressbar li
{
    list-style-type: none !important;
    color: black !important;
    text-transform: uppercase;
    font-size: 10px !important;
    float: left !important;
    position: relative !important;
    background-image: none !important;
    width: 145px !important;
}

#progressbar li:before
{
    content: counter(step) !important;
    counter-increment: step !important;
    width: 80px !important;
    line-height: 50px !important;
    display: block !important;
    font-size: 18px !important;
    color: #333 !important;
    background: white !important;
    border-radius: 3px !important;
    margin: 0 auto 5px auto !important;
}

/*progressbar connectors*/
#progressbar li:after
{
    content: '' !important;
    width: 100% !important;
    height: 2px !important;
    background: white !important;
    position: absolute !important;
    left: -71% !important;
    top: 9px !important; /*z-index: -1 !important; put it behind the numbers*/
}

#progressbar li:first-child:after
{
    /*connector not needed before the first step*/
    content: none !important;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
    #progressbar li.activo:before, #progressbar li.activo:after {
        background: #0075bf !important;
        color: white !important;
        position: relative;
        z-index: 1000;
    }

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.inactivo:before, #progressbar li.inactivo:after
{
    background: lightgrey !important;
    color: black !important;
}
 
.fila
{
    display: table-row;
}
        
.celda
{
    display: table-cell;
    border: none;
    vertical-align:top;
}

.centrado
{
    vertical-align: middle !important;
}
      
.mitabla
{
    font-size: 11px !important;
    font-weight: normal;
    margin-bottom: 0px !important;
    text-align:left !important;
}

table.mitabla th
{
  display: none !important;
}

table.mitabla tr th
{
    background-color: #9a9a9a !important;
    height: 10px !important;
}

table.mitabla tr.fila td
{
    text-align: left !important;
    vertical-align: middle !important;
}

table.resultados tr.filaPar td
{
    text-align: center;
    font-size: 11px !important;
    font-weight: normal;
    margin-bottom: 0px !important;
    vertical-align: middle !important;
}

table.resultados tr.filaImpar td
{
    text-align: center;
    font-size: 11px !important;
    font-weight: normal;
    margin-bottom: 0px !important;
    vertical-align: middle !important;
}

a.noactivo
{
    pointer-events: none;
    cursor: default;
}

a.noactivoUsuario
{    
    pointer-events: none;
    background: url("../Css/images/usuario.png") no-repeat !important;
    padding-left: 25px !important;
    position: relative; 
    left: -10px; 
    top: 5px;
}

a.noactivoOperador
{    
    pointer-events: none;
    background: url("../Css/images/operador.png") no-repeat !important;
    margin-top: 10px !important;
    padding-left: 25px !important;
    position: relative; 
    left: -10px; 
}

.oculto
{
    display: none !important;
}

.vacio
{
   margin-top: 10px !important;
}

.elementoInvalido
{
    border: 1px solid #FF0000;
    outline: 1px solid #FF0000;
    border-color: Red !important;
}
.correcto
{
    font-weight: bold;
    color: #7AA362;
}
.En
{
    font-style: italic;
    font-size: 90%;
}

.tablaFormulario tr td
{
    border: 1px solid #5D8ECC;
    min-width: 55px;
    margin: 2px 2px 2px 2px;
}

.tabulacion
{
    margin-left: 15px;
}

P
{
    text-align: justify;
}

TEXTAREA
{
    overflow-y: auto;
}

.cabeceras
{
    font-weight: bold;
}

.GridPager table
{
    width:auto !important;    
    margin-bottom: 0px !important;
}

.GridPager a
{
    color: light blue !important;
    padding: 4px 6px !important;
}

.GridPager span
{
    color: black !important;
    padding: 4px 6px !important;
}

.tablaNIF
{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.TituloSAIL
{
    font-weight:bold; 
    color: White;
    text-transform: uppercase;
}

.BordeTituloSAIL
{
    margin-left: -0.5px; 
    margin-right: -0.5px; 
    border-top-width: 1px; 
    border-right-width: 1px; 
    border-left-width: 1px; 
    border-top-style: solid; 
    border-right-style: solid; 
    border-left-style: solid; 
    border-top-color: #999; 
    border-right-color: #999; 
    border-left-color: #999; 
    vertical-align: middle;
    background-color:#808080;
}

.Borde2TituloSAIL
{
    margin-left: -0.5px; 
    margin-right: -0.5px; 
    border-right-width: 1px; 
    border-left-width: 1px; 
    border-right-style: solid; 
    border-left-style: solid; 
    border-right-color: #999; 
    border-left-color: #999; 
    vertical-align: middle;
    background-color:#808080;
}

.BordeTituloSAILResumen
{
    margin-left: -0.5px; 
    margin-right: -0.5px; 
    border-top-width: 1px; 
    border-right-width: 1px; 
    border-left-width: 1px; 
    border-top-style: solid; 
    border-right-style: solid; 
    border-left-style: solid; 
    border-top-color: #999; 
    border-right-color: #999; 
    border-left-color: #999; 
    vertical-align: middle;
    background-color:#525252;
}