.btn-op-sr{
    background: #F8F9FA;
    border: solid 1px #DDDDDD;
    border-radius: 3px;
    transition:  0.3s;
}

.btn-op-sr:hover{
    background: #E8ECEF;
}

.btn-op-sr-disabled{
    background-color: #ccc; 
    border: solid 1px #DDDDDD;
    border-radius: 3px;

    opacity: 0.5;
    pointer-events: none;  
    cursor: not-allowed;    
}

.btn-of-icon{
    height: 30px;
    background: #F8F9FA;
    border: solid 1px #DDDDDD;
    border-radius: 3px;
    transition:  0.3s;
}

.btn-of-icon:hover{
    background: #E8ECEF;
}

/*.contenedor_boton{
    padding: 30px;
}

.boton_impresora{
    width: 280px;
    height: 80px;
    font-size: 20px;
    font-weight: bold;

    background: #F8F9FA;
    border: solid 1px #DDDDDD;
    border-radius: 10px;
    margin-top: 1px;
    padding-bottom: 1px;
    transition:  0.3s;
}

.boton_impresora:hover{
    background: #E8ECEF;
    cursor: pointer;
}

[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.1s;
    visibility: visible;
}

[data-title]:after {
    content: attr(data-title);
    background-color: #333;
    color: #fff;
    font-size: 14px;
    font-family: Raleway;
    position: absolute;
    padding: 3px 20px;
    bottom: -1.6em;
    left: 100%;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #111111;
    z-index: 99999;
    visibility: hidden;
    border-radius: 10px;
}

[data-title]{
    position: relative;
}*/