:root {
    --btnEditar:#00AFEF;
    --btnGuardar:#00A859;
    --btnCancelar:#ED3237;
    --btnNuevo:#F58634;
    --btnBuscar:#76C04E;
    --btnReporte:#1862A0;
}


.btnAction{
    height: 25px;
    width: 80px;
    border: none;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    
}

.btnAction:hover{
    opacity: 0.8;
    
}

.btnAction:active{
    opacity: 0.5;
}

.btnEditar{
    background: var(--btnEditar);
}

.btnGuardar{
    background: var(--btnGuardar);
}

.btnCancelar{
    background: var(--btnCancelar);
}

.btnNuevo{
    background: var(--btnNuevo);
}

.btnBuscar{
    background: var(--btnBuscar);
}

.btnReporte{
    background: var(--btnReporte);
}

.btnAnchoAuto{
    width:auto;
    padding-left:5px;
    padding-right:5px;
}