.boton,
.btnAceptar,
.btnGuardar,
.btnCancelar,
.btnVolver,
input[type="submit"],
button
{
    display:inline-block;
    cursor: pointer;
    text-decoration:none;

    font-size: 15px;
    font-weight:bold;

    padding: 10px 20px;
    margin:0 5px;

    border:none;
    border-radius: 10px;
    
    color: var(--botonFg);
    background-color:var(--botonBg); 
}


.boton.invierteColores,
.btnAceptar.invierteColores,
.btnGuardar.invierteColores,
.btnCancelar.invierteColores,
.btnVolver.invierteColores,
input[type="submit"].invierteColores,
button.invierteColores{
    border: 2px solid var(--botonBg);
    background-color: var(--botonFg);
    color:var(--botonBg); 

}

.btnCancelar {
    color:var(--botonCancelarFg);
    background-color:var(--botonCancelarBg);
}

.btnBorrar {
    color:var(--botonCancelarFg);
    background-color:var(--botonCancelarBg);
}

.btnGuardar {
    color:white;
    background-color:var(--verde);
}
.btnGuardarNuevo {
    color:white;
    background-color:var(--verde);
}


.boton:hover,
.btnAceptar:hover,
.btnCancelar:hover,
.btnGuardar:hover,
.btnVolver:hover,
input[type="submit"]:hover
{
    color:var(--botonHoverFg); 
    background-color: var(--botonHoverBg); 
}



.boton.inactivo
{
    background-color: rgb(200,200,200) !important;
    opacity:0.6;
}





.botonesPie {
    position:absolute;
    left:0px;
    bottom:20px;
    text-align:center;
    width:100%;

}

.botonesPie .boton,
.botonesPie .btnVolver,
.botonesPie .btnFinalizar
{
    display:inline-block;

    text-align:center;
    
    width:30%;

    font-weight:bold;
    font-size:18px;
    text-decoration:none;

    padding: 15px 20px 15px 60px;
    border-radius:120px;
    color:white;

     box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.3);
    -moz-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.3);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.3);

    background-position: 15px center;
    background-repeat: no-repeat;
    background-size:auto;

    margin:0px 20px;
}