.btn.btn-pill {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.btn.btn-pill-datatable {
    background-color: #da624a !important;
    color: #da624a;
    border-color: #da624a
}

.btn-outline-2x {
    border-width: 2px;
}


/* ---------------------------------------------------
BOTONES OUTLINE
----------------------------------------------------- */


/*BOTON PRIMARY*/

.btn-outline-primary {
    color: #da624a;
    border-color: #da624a
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #da624a;
    border-color: #da624a
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0 rgba(218, 98, 74, 0.5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #da624a;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #da624a;
    border-color: #da624a
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(218, 98, 74, 0.5)
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0 rgba(218, 98, 74, 0.5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #da624a;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #da624a;
    border-color: #da624a
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(218, 98, 74, 0.5)
}

.btn-outline-primary.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(218, 98, 74, 0.4), 0 0.0625rem 0.125rem rgba(218, 98, 74, 0.5)
}

.btn-outline-primary.btn-shadow.active:hover,
.btn-outline-primary.btn-shadow.disabled:hover,
.btn-outline-primary.btn-shadow:active:hover,
.btn-outline-primary.btn-shadow:disabled:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(218, 98, 74, 0.5), 0 0.0625rem 0.125rem rgba(218, 98, 74, 0.6)
}

.btn-outline-primary.btn-shadow:hover {
    box-shadow: 0px 5px 15px 2px rgba(218, 98, 74, 0.19)
}


/*BOTON INFO*/

.btn-outline-info {
    color: #039552;
    border-color: #039552
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #039552;
    border-color: #039552
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 0 rgba(22, 170, 255, 0.5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #039552;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #039552;
    border-color: #039552
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(22, 170, 255, 0.5)
}

.btn-outline-info {
    color: #039552;
    border-color: #039552
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #039552;
    border-color: #039552
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 0 rgba(22, 170, 255, 0.5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #039552;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #039552;
    border-color: #039552
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(22, 170, 255, 0.5)
}

.btn-outline-info.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.4), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.5)
}

.btn-outline-info.btn-shadow.active:hover,
.btn-outline-info.btn-shadow.disabled:hover,
.btn-outline-info.btn-shadow:active:hover,
.btn-outline-info.btn-shadow:disabled:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.5), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.6)
}

.btn-outline-info.btn-shadow:hover {
    box-shadow: 0px 5px 15px 2px rgba(22, 170, 255, 0.19)
}


/*BOTON SUCCESS*/

.btn-outline-success {
    color: #3ac47d;
    border-color: #3ac47d
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #3ac47d;
    border-color: #3ac47d
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: 0 0 0 0 rgba(58, 196, 125, 0.5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #3ac47d;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #3ac47d;
    border-color: #3ac47d
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(58, 196, 125, 0.5)
}

.btn-outline-success {
    color: #3ac47d;
    border-color: #3ac47d
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #3ac47d;
    border-color: #3ac47d
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: 0 0 0 0 rgba(58, 196, 125, 0.5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #3ac47d;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #3ac47d;
    border-color: #3ac47d
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(58, 196, 125, 0.5)
}

.btn-outline-success.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5)
}

.btn-outline-success.btn-shadow.active:hover,
.btn-outline-success.btn-shadow.disabled:hover,
.btn-outline-success.btn-shadow:active:hover,
.btn-outline-success.btn-shadow:disabled:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.5), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.6)
}

.btn-outline-success.btn-shadow:hover {
    box-shadow: 0px 5px 15px 2px rgba(58, 196, 125, 0.19)
}


/*BOTON DANGER*/

.btn-outline-danger {
    color: #d92550;
    border-color: #d92550
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #d92550;
    border-color: #d92550
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: 0 0 0 0 rgba(217, 37, 80, 0.5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #d92550;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d92550;
    border-color: #d92550
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(217, 37, 80, 0.5)
}

.btn-outline-danger {
    color: #d92550;
    border-color: #d92550
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #d92550;
    border-color: #d92550
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: 0 0 0 0 rgba(217, 37, 80, 0.5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #d92550;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d92550;
    border-color: #d92550
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(217, 37, 80, 0.5)
}

.btn-outline-danger.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.4), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.5)
}

.btn-outline-danger.btn-shadow.active:hover,
.btn-outline-danger.btn-shadow.disabled:hover,
.btn-outline-danger.btn-shadow:active:hover,
.btn-outline-danger.btn-shadow:disabled:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.5), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.6)
}

.btn-outline-danger.btn-shadow:hover {
    box-shadow: 0px 5px 15px 2px rgba(217, 37, 80, 0.19)
}


/*BOTON SECONDARY*/

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5)
}

.btn-outline-secondary.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.4), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.5)
}

.btn-outline-secondary.btn-shadow.active:hover,
.btn-outline-secondary.btn-shadow.disabled:hover,
.btn-outline-secondary.btn-shadow:active:hover,
.btn-outline-secondary.btn-shadow:disabled:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.5), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.6)
}

.btn-outline-secondary.btn-shadow:hover {
    box-shadow: 0px 5px 15px 2px rgba(108, 117, 125, 0.19)
}


/*BOTON WARNING*/

.btn-outline-warning {
    color: #f7b924;
    border-color: #f7b924
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #f7b924;
    border-color: #f7b924
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    box-shadow: 0 0 0 0 rgba(247, 185, 36, 0.5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #f7b924;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #f7b924;
    border-color: #f7b924
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(247, 185, 36, 0.5)
}

.btn-outline-warning {
    color: #f7b924;
    border-color: #f7b924
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #f7b924;
    border-color: #f7b924
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    box-shadow: 0 0 0 0 rgba(247, 185, 36, 0.5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #f7b924;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #f7b924;
    border-color: #f7b924
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(247, 185, 36, 0.5)
}

.btn-outline-warning.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.4), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.5)
}

.btn-outline-warning.btn-shadow.active:hover,
.btn-outline-warning.btn-shadow.disabled:hover,
.btn-outline-warning.btn-shadow:active:hover,
.btn-outline-warning.btn-shadow:disabled:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.5), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.6)
}

.btn-outline-warning.btn-shadow:hover {
    box-shadow: 0px 5px 15px 2px rgba(247, 185, 36, 0.19)
}


/* ---------------------------------------------------
FIN BOTONES OUTLINE
----------------------------------------------------- */


/* ---------------------------------------------------
INICIO BOTONES CON BACKGROUND
----------------------------------------------------- */

.btn-primary {
    color: #fff;
    background-color: #da624a;
    border-color: #da624a
}

.btn-primary:hover {
    color: #fff;
    background-color: #d3472b;
    border-color: #c84329
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0 rgba(224, 122, 101, 0.5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #da624a;
    border-color: #da624a
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #c84329;
    border-color: #be4027
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(224, 122, 101, 0.5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5)
}

.btn-success {
    color: #fff;
    background-color: #3ac47d;
    border-color: #3ac47d
}

.btn-success:hover {
    color: #fff;
    background-color: #31a66a;
    border-color: #2e9d64
}

.btn-success:focus,
.btn-success.focus {
    box-shadow: 0 0 0 0 rgba(88, 205, 145, 0.5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #3ac47d;
    border-color: #3ac47d
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #2e9d64;
    border-color: #2b935e
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(88, 205, 145, 0.5)
}

.btn-info {
    color: #fff;
    background-color: #039552;
    border-color: #039552
}

.btn-info:hover {
    color: #fff;
    background-color: #0098ef;
    border-color: #0090e2
}

.btn-info:focus,
.btn-info.focus {
    box-shadow: 0 0 0 0 rgba(57, 183, 255, 0.5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #039552;
    border-color: #039552
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0090e2;
    border-color: #0087d5
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(57, 183, 255, 0.5)
}

.btn-warning {
    color: #212529;
    background-color: #f7b924;
    border-color: #f7b924
}

.btn-warning:hover {
    color: #212529;
    background-color: #eca909;
    border-color: #e0a008
}

.btn-warning:focus,
.btn-warning.focus {
    box-shadow: 0 0 0 0 rgba(215, 163, 37, 0.5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #f7b924;
    border-color: #f7b924
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #e0a008;
    border-color: #d49808
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(215, 163, 37, 0.5)
}

.btn-danger {
    color: #fff;
    background-color: #d92550;
    border-color: #d92550
}

.btn-danger:hover {
    color: #fff;
    background-color: #b81f44;
    border-color: #ad1e40
}

.btn-danger:focus,
.btn-danger.focus {
    box-shadow: 0 0 0 0 rgba(223, 70, 106, 0.5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #d92550;
    border-color: #d92550
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #ad1e40;
    border-color: #a31c3c
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(223, 70, 106, 0.5)
}

.btn-light {
    color: #212529;
    background-color: #eee;
    border-color: #eee
}

.btn-light:hover {
    color: #212529;
    background-color: #dbdbdb;
    border-color: #d5d5d5
}

.btn-light:focus,
.btn-light.focus {
    box-shadow: 0 0 0 0 rgba(207, 208, 208, 0.5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #eee;
    border-color: #eee
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #d5d5d5;
    border-color: #cecece
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(207, 208, 208, 0.5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark:focus,
.btn-dark.focus {
    box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5)
}

.btn-primary {
    color: #fff;
    background-color: #da624a;
    border-color: #da624a
}

.btn-primary:hover {
    color: #fff;
    background-color: #d3472b;
    border-color: #c84329
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0 rgba(224, 122, 101, 0.5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #da624a;
    border-color: #da624a
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #c84329;
    border-color: #be4027
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(224, 122, 101, 0.5)
}

.btn-primary.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(218, 98, 74, 0.4), 0 0.0625rem 0.125rem rgba(218, 98, 74, 0.5)
}

.btn-primary.btn-shadow:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(218, 98, 74, 0.5), 0 0.0625rem 0.125rem rgba(218, 98, 74, 0.6)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5)
}

.btn-secondary.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.4), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.5)
}

.btn-secondary.btn-shadow:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.5), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.6)
}

.btn-success {
    color: #fff;
    background-color: #3ac47d;
    border-color: #3ac47d
}

.btn-success:hover {
    color: #fff;
    background-color: #31a66a;
    border-color: #2e9d64
}

.btn-success:focus,
.btn-success.focus {
    box-shadow: 0 0 0 0 rgba(88, 205, 145, 0.5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #3ac47d;
    border-color: #3ac47d
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #2e9d64;
    border-color: #2b935e
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(88, 205, 145, 0.5)
}

.btn-success.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5)
}

.btn-success.btn-shadow:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.5), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.6)
}

.btn-info {
    color: #fff;
    background-color: #039552;
    border-color: #039552
}

.btn-info:hover {
    color: #fff;
    background-color: #0098ef;
    border-color: #0090e2
}

.btn-info:focus,
.btn-info.focus {
    box-shadow: 0 0 0 0 rgba(57, 183, 255, 0.5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #039552;
    border-color: #039552
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0090e2;
    border-color: #0087d5
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(57, 183, 255, 0.5)
}

.btn-info.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.4), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.5)
}

.btn-info.btn-shadow:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.5), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.6)
}

.btn-warning {
    color: #212529;
    background-color: #f7b924;
    border-color: #f7b924
}

.btn-warning:hover {
    color: #212529;
    background-color: #eca909;
    border-color: #e0a008
}

.btn-warning:focus,
.btn-warning.focus {
    box-shadow: 0 0 0 0 rgba(215, 163, 37, 0.5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #f7b924;
    border-color: #f7b924
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #e0a008;
    border-color: #d49808
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(215, 163, 37, 0.5)
}

.btn-warning.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.4), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.5)
}

.btn-warning.btn-shadow:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.5), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.6)
}

.btn-danger {
    color: #fff;
    background-color: #d92550;
    border-color: #d92550
}

.btn-danger:hover {
    color: #fff;
    background-color: #b81f44;
    border-color: #ad1e40
}

.btn-danger:focus,
.btn-danger.focus {
    box-shadow: 0 0 0 0 rgba(223, 70, 106, 0.5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #d92550;
    border-color: #d92550
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #ad1e40;
    border-color: #a31c3c
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(223, 70, 106, 0.5)
}

.btn-danger.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.4), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.5)
}

.btn-danger.btn-shadow:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.5), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.6)
}

.btn-light {
    color: #212529;
    background-color: #eee;
    border-color: #eee
}

.btn-light:hover {
    color: #212529;
    background-color: #dbdbdb;
    border-color: #d5d5d5
}

.btn-light:focus,
.btn-light.focus {
    box-shadow: 0 0 0 0 rgba(207, 208, 208, 0.5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #eee;
    border-color: #eee
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #d5d5d5;
    border-color: #cecece
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(207, 208, 208, 0.5)
}

.btn-light.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.4), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.5)
}

.btn-light.btn-shadow:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.5), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.6)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark:focus,
.btn-dark.focus {
    box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5)
}

.btn-dark.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.4), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.5)
}

.btn-dark.btn-shadow:hover {
    box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.5), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.6)
}

.btn-focus {
    color: #fff;
    background-color: #444054;
    border-color: #444054
}


/* ---------------------------------------------------
FIN BOTONES CON BACKGROUND
----------------------------------------------------- */