.btn-pill-left,
.btn-oval {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    padding-left: 18px;
}

.btn-pill-right,
.btn-oval {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    padding-right: 18px;
}

.btn-azul.btn-outline {
    color: #1c84c6;
}

.btn-azul.btn-outline {
    color: #1c84c6;
}

    .btn-azul.btn-outline:hover {
        color: #fff;
    }


.btn-azul {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #fff;
}

    .btn-azul:hover,
    .btn-azul:focus,
    .btn-azul:active,
    .btn-azul.active,
    .open .dropdown-toggle.btn-azul,
    .btn-azul:active:focus,
    .btn-azul:active:hover,
    .btn-azul.active:hover,
    .btn-azul.active:focus {
        background-color: #1a7bb9;
        border-color: #1a7bb9;
        color: #fff;
    }

    .btn-azul:active,
    .btn-azul.active,
    .open .dropdown-toggle.btn-azul {
        background-image: none;
    }

        .btn-azul.disabled,
        .btn-azul.disabled:hover,
        .btn-azul.disabled:focus,
        .btn-azul.disabled:active,
        .btn-azul.disabled.active,
        .btn-azul[disabled],
        .btn-azul[disabled]:hover,
        .btn-azul[disabled]:focus,
        .btn-azul[disabled]:active,
        .btn-azul.active[disabled],
        fieldset[disabled] .btn-azul,
        fieldset[disabled] .btn-azul:hover,
        fieldset[disabled] .btn-azul:focus,
        fieldset[disabled] .btn-azul:active,
        fieldset[disabled] .btn-azul.active {
            background-color: #1f90d8;
            border-color: #1f90d8;
        }


button.btn-azul.dim {
    box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999999;
}

    button.btn-azul.dim:active {
        box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999999;
    }

.btn-outline.btn-azul {
    border-color: #27c24c;
    color: #27c24c;
}



.btn-Rojo.btn-outline {
    color: #ed5565;
}


    .btn-Rojo.btn-outline:hover {
        color: #fff;
    }

.btn-Rojo {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #fff;
}


    .btn-Rojo:hover,
    .btn-Rojo:focus,
    .btn-Rojo:active,
    .btn-Rojo.active,
    .open .dropdown-toggle.btn-Rojo,
    .btn-Rojo:active:focus,
    .btn-Rojo:active:hover,
    .btn-Rojo.active:hover,
    .btn-Rojo.active:focus {
        background-color: #ec4758;
        border-color: #ec4758;
        color: #fff;
    }

    .btn-Rojo:active,
    .btn-Rojo.active,
    .open .dropdown-toggle.btn-Rojo {
        background-image: none;
    }

        .btn-Rojo.disabled,
        .btn-Rojo.disabled:hover,
        .btn-Rojo.disabled:focus,
        .btn-Rojo.disabled:active,
        .btn-Rojo.disabled.active,
        .btn-Rojo[disabled],
        .btn-Rojo[disabled]:hover,
        .btn-Rojo[disabled]:focus,
        .btn-Rojo[disabled]:active,
        .btn-Rojo.active[disabled],
        fieldset[disabled] .btn-Rojo,
        fieldset[disabled] .btn-Rojo:hover,
        fieldset[disabled] .btn-Rojo:focus,
        fieldset[disabled] .btn-Rojo:active,
        fieldset[disabled] .btn-Rojo.active {
            background-color: #ef6776;
            border-color: #ef6776;
        }


button.btn-Rojo.dim {
    box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999999;
}

    button.btn-Rojo.dim:active {
        box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999999;
    }


.btn-outline.btn-Rojo {
    border-color: #f05050;
    color: #f05050;
}


.btn-Naranja.btn-outline {
    color: #f8ac59;
}

    .btn-Naranja.btn-outline:hover {
        color: #212529;
    }


.btn-Naranja {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #212529;
}

    .btn-Naranja:hover,
    .btn-Naranja:focus,
    .btn-Naranja:active,
    .btn-Naranja.active,
    .open .dropdown-toggle.btn-Naranja,
    .btn-Naranja:active:focus,
    .btn-Naranja:active:hover,
    .btn-Naranja.active:hover,
    .btn-Naranja.active:focus {
        background-color: #f7a54a;
        border-color: #f7a54a;
        color: #212529;
    }

    .btn-Naranja:active,
    .btn-Naranja.active,
    .open .dropdown-toggle.btn-Naranja {
        background-image: none;
    }

        .btn-Naranja.disabled,
        .btn-Naranja.disabled:hover,
        .btn-Naranja.disabled:focus,
        .btn-Naranja.disabled:active,
        .btn-Naranja.disabled.active,
        .btn-Naranja[disabled],
        .btn-Naranja[disabled]:hover,
        .btn-Naranja[disabled]:focus,
        .btn-Naranja[disabled]:active,
        .btn-Naranja.active[disabled],
        fieldset[disabled] .btn-Naranja,
        fieldset[disabled] .btn-Naranja:hover,
        fieldset[disabled] .btn-Naranja:focus,
        fieldset[disabled] .btn-Naranja:active,
        fieldset[disabled] .btn-Naranja.active {
            background-color: #f9b66d;
            border-color: #f9b66d;
        }

button.btn-Naranja.dim {
    box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999999;
}

    button.btn-Naranja.dim:active {
        box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999999;
    }

.btn-outline.btn-Naranja {
    border-color: #ff902b;
    color: #ff902b;
}



.btn-large-dim {
    width: 90px;
    height: 90px;
    font-size: 42px;
}