
.sob-estados.sob-horizontal .sob-grupo>div, .sob-estados.sob-horizontal .sob-grupo{
    display: table;
}
 
.sob-estados.sob-horizontal .sob-grupo>div>*{
    display: table-cell; vertical-align: middle; cursor: pointer; font-size: 13px; letter-spacing: 2px; text-transform: uppercase
}

.sob-estados.sob-horizontal.sob-textos .sob-grupo>div>div + div{
    border-left: solid 1px; border-left-color: var(--colorCorporativo2); 
}

.sob-estados{ 
    display: table;
}

.sob-estados .sob-activacion{
    background-color: var(--colorCorporativo3);
    width: 100%; position: relative;
}

.sob-estados .sob-activacion{
    height: 7px; 
}

.sob-estados .sob-activacion>div{
    height: 5px; margin-top: 1px; width: 30px; margin-left: 1px;
}

.sob-estados .sob-grupo .sob-activacion>div{
    background-color: #00BB00; position: absolute; 
}

.sob-estados.sob-textos .sob-contenido{
    padding: 2px 8px; background-color: var(--colorCorporativo1); color: #FFF;  
}

.sob-estados.sob-textos{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}

.sob-estados-opcion input{ position: absolute; z-index: 10; width: 22px; height: 22px; cursor: pointer; opacity: 0; }

.sob-estados-opcion.sob-predeterminado .sob-estados>div{ 
    width: 22px; height: 22px; mask-size: cover; -webkit-mask-size: cover; -webkit-mask-position: center center; mask-position: center center; 
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; cursor: pointer;
} 

.sob-estados-opcion.sob-predeterminado .sob-opcion-no-seleccionada{
    mask-image: url(../../img/sob-estados-no-seleccionada.svg); -webkit-mask-image: url(../../img/sob-estados-no-seleccionada.svg); background-color: #333;      
} 

.sob-estados-opcion.sob-estados-radio.sob-predeterminado .sob-opcion-seleccionada{ 
    mask-image: url(../../img/sob-estados-radio.svg); -webkit-mask-image: url(../../img/sob-estados-radio.svg); background-color: var(--colorCorporativo1);    
    display: none;
} 

.sob-estados-opcion input:checked + .sob-estados .sob-uno{ display: block; }
.sob-estados-opcion input:checked + .sob-estados .sob-cero{ display: none; }

.sob-estados-opcion.sob-predeterminado .sob-estados-control{ padding-right: 15px; padding-top: 2px; } 

.sob-estados-opcion.sob-predeterminado>div{ vertical-align: top; }