/* LG SM buttons START */
.btn {
    line-height: 1;
    padding: 8px 14px;
    color: var(--akaya-rojo);
    font-size: 14pt;

    i {
        font-size: 12pt;
    }
}

.btn-lg,
.btn-lg:hover,
.btn-group-lg>.btn {

    line-height: 1;
    border-radius: var(--rem-2);
    padding: 8px 14px;
    /* margin: 12px; */
    font-size: 20pt;

    i {
        font-size: 18pt;
    }
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: var(--rem-2);
    padding-left: var(--rem-2);
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: var(--rem-10);
    padding-left: var(--rem-10);
}

.btn-sm,
.btn-sm:hover,
.btn-group-sm>.btn {

    line-height: 1;
    border-radius: var(--rem-2);
    padding: 8px 12px;
    /* margin: 10px; */
    font-size: 12pt;

    i {
        font-size: 12pt;
    }
}

/* LG SM buttons END */

/* Primary */


.btn-primary:hover {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    background-color: var(--akaya-rojo);
    border-color: var(--akaya-rojo);
}

.btn-primary {
    background-color: var(--akaya-rojo);
    border-color: var(--akaya-rojo);
    /* box-shadow: none; */
    font-family: 'CircularStd-Bold';
    color: var(--akaya-blanco);
    border-radius: var(--rem-2);
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: none;
    color: var(--akaya-blanco);
    text-decoration: none;
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: var(--akaya-blanco);
    background-color: var(--akaya-rojo-light);
    border-color: var(--akaya-rojo-light);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: var(--akaya-blanco);
    background-color: var(--akaya-rojo-dark);
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

/* Primary */

/* Secondary */

.btn-secondary:hover {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    background-color: var(--akaya-morado);
    border-color: var(--akaya-morado);
}

.btn-secondary {
    background-color: var(--akaya-morado);
    border-color: var(--akaya-morado);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-blanco);
    border-radius: var(--rem-2);
    cursor: pointer;
}


.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: none;
    color: var(--akaya-blanco);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: var(--akaya-blanco);
    background-color: var(--akaya-morado-light);
    border-color: var(--akaya-morado-light);
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: var(--akaya-blanco);
    background-color: var(--akaya-morado-dark);
    border-color: var(--akaya-morado-dark);
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

/* Secondary */

/* Neutral Light */

.btn-light:hover {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-blanco);
}

.btn-light {
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-blanco);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-gris-oscuro);
    border-radius: var(--rem-2);
}

.btn-light:focus,
.btn-light.focus {
    box-shadow: none;
    color: var(--akaya-gris-dark);
}

.btn-light.disabled,
.btn-light:disabled {
    color: var(--akaya-gris-dark);
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-blanco);
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
    color: var(--akaya-negro);
    background-color: var(--akaya-gris-dark);
    border-color: var(--akaya-gris-dark);
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

/* Neutral Light*/

/* Neutral Dark */

.btn-dark:hover {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    background-color: var(--akaya-negro);
    border-color: var(--akaya-negro);
}

.btn-dark {
    background-color: var(--akaya-negro);
    border-color: var(--akaya-negro);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-blanco);
    border-radius: var(--rem-2);
}

.btn-dark:focus,
.btn-dark.focus {
    box-shadow: none;
    color: var(--akaya-gris-dark);
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: var(--akaya-gris-dark);
    background-color: var(--akaya-negro);
    border-color: var(--akaya-negro);
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
    color: var(--akaya-gris-dark);
    background-color: var(--akaya-neutral-dark);
    border-color: var(--akaya-neutral-dark);
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

/* Neutral Dark */


/* Primary  Outline*/

.btn-primary-outline:hover {
    background-color: transparent;
    border-color: var(--akaya-rojo-dark);
    color: var(--akaya-rojo-dark);
}

.btn-primary-outline {
    background-color: transparent;
    border-color: var(--akaya-rojo);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-rojo);
    border-radius: var(--rem-2);
}

.btn-primary-outline:focus,
.btn-primary-outline.focus {
    box-shadow: none;
    color: var(--akaya-gris-dark);
}

.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
    color: var(--akaya-gris-dark);
    background-color: transparent;
    border-color: var(--akaya-gris-dark);
}

.btn-primary-outline:not(:disabled):not(.disabled):active,
.btn-primary-outline:not(:disabled):not(.disabled).active,
.show>.btn-primary-outline.dropdown-toggle {
    color: var(--akaya-blanco);
    background-color: var(--akaya-rojo);
    border-color: var(--akaya-rojo);
}

.btn-primary-outline:not(:disabled):not(.disabled):active:focus,
.btn-primary-outline:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary-outline.dropdown-toggle:focus {
    box-shadow: none;
}

/* Primary Outline */


/* Secondary  Outline*/

.btn-secondary-outline:hover {
    background-color: transparent;
    border-color: var(--akaya-morado-dark);
    color: var(--akaya-morado-dark);
}

.btn-secondary-outline {
    background-color: transparent;
    border-color: var(--akaya-morado);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-morado);
    border-radius: var(--rem-2);
}

.btn-secondary-outline:focus,
.btn-secondary-outline.focus {
    box-shadow: none;
      color: var(--akaya-blanco);
    background-color: var(--akaya-morado-dark);
    border-color: var(--akaya-morado-dark);
}

.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
    color: var(--akaya-gris-dark);
    background-color: transparent;
    border-color: var(--akaya-gris-dark);
}

.btn-secondary-outline:not(:disabled):not(.disabled):active,
.btn-secondary-outline:not(:disabled):not(.disabled).active,
.show>.btn-secondary-outline.dropdown-toggle {
    color: var(--akaya-blanco);
    background-color: var(--akaya-morado-dark);
    border-color: var(--akaya-morado-dark);
}

.btn-secondary-outline:not(:disabled):not(.disabled):active:focus,
.btn-secondary-outline:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary-outline.dropdown-toggle:focus {
    box-shadow: none;
    
}

/* secondary Outline */


/* light  Outline*/

.btn-light-outline:hover {
    background-color: transparent;
    border-color: var(--akaya-gris-dark);
    color: var(--akaya-gris-dark);
}

.btn-light-outline {
    background-color: transparent;
    border-color: var(--akaya-blanco);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-blanco);
    border-radius: var(--rem-2);
}

.btn-light-outline:focus,
.btn-light-outline.focus {
    box-shadow: none;
    color: var(--akaya-gris-dark);
}

.btn-light-outline.disabled,
.btn-light-outline:disabled {
    color: var(--akaya-gris-dark);
    background-color: transparent;
    border-color: var(--akaya-gris-dark);
}

.btn-light-outline:not(:disabled):not(.disabled):active,
.btn-light-outline:not(:disabled):not(.disabled).active,
.show>.btn-light-outline.dropdown-toggle {
    color: var(--akaya-gris-oscuro);
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-blanco);
}

.btn-light-outline:not(:disabled):not(.disabled):active:focus,
.btn-light-outline:not(:disabled):not(.disabled).active:focus,
.show>.btn-light-outline.dropdown-toggle:focus {
    box-shadow: none;
}

/* light Outline */


/* dark  Outline*/

.btn-dark-outline:hover {
    background-color: transparent;
    border-color: var(--akaya-negro);
    color: var(--akaya-negro);
}

.btn-dark-outline {
    background-color: transparent;
    border-color: var(--akaya-gris-oscuro);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-gris-oscuro);
    border-radius: var(--rem-2);
}

.btn-dark-outline:focus,
.btn-dark-outline.focus {
    box-shadow: none;
    color: var(--akaya-gris-dark);
}

.btn-dark-outline.disabled,
.btn-dark-outline:disabled {
    color: var(--akaya-gris-dark);
    background-color: transparent;
    border-color: var(--akaya-gris-dark);
}

.btn-dark-outline:not(:disabled):not(.disabled):active,
.btn-dark-outline:not(:disabled):not(.disabled).active,
.show>.btn-dark-outline.dropdown-toggle {
    color: var(--akaya-blanco);
    background-color: var(--akaya-negro);
    border-color: var(--akaya-negro);
}

.btn-dark-outline:not(:disabled):not(.disabled):active:focus,
.btn-dark-outline:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark-outline.dropdown-toggle:focus {
    box-shadow: none;
}

/* dark Outline */




/* Text Primary */

.btn-text-primary:hover {
    color: var(--akaya-rojo-light);
    text-decoration: none;
}

.btn-text-primary {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-rojo);
    border-radius: var(--rem-2);
}

.btn-text-primary:focus,
.btn-text-primary.focus {
    box-shadow: none;
    color: var(--akaya-rojo);
    text-decoration: none;
}

.btn-text-primary.disabled,
.btn-text-primary:disabled {
    color: var(--akaya-gris-dark);
    background-color: transparent;
    border-color: transparent;
}

.btn-text-primary:not(:disabled):not(.disabled):active,
.btn-text-primary:not(:disabled):not(.disabled).active,
.show>.btn-text-primary.dropdown-toggle {
    color: var(--akaya-rojo-dark);
    background-color: transparent;
    border-color: transparent;
    text-decoration: underline;
}

.btn-text-primary:not(:disabled):not(.disabled):active:focus,
.btn-text-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

/* Text Primary */


/* Text Secondary */

.btn-text-secondary:hover {
    color: var(--akaya-morado-light);
}

.btn-text-secondary {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-gris-oscuro);
    border-radius: var(--rem-2);
}

.btn-text-secondary:focus,
.btn-text-secondary.focus {
    box-shadow: none;
    color: var(--akaya-morado-dark);
}

.btn-text-secondary.disabled,
.btn-text-secondary:disabled {
    color: var(--akaya-gris-dark);
    background-color: transparent;
    border-color: transparent;
}

.btn-text-secondary:not(:disabled):not(.disabled):active,
.btn-text-secondary:not(:disabled):not(.disabled).active,
.show>.btn-text-secondary.dropdown-toggle {
    color: var(--akaya-morado-dark);
    background-color: transparent;
    border-color: transparent;
    text-decoration: underline;
}

.btn-text-secondary:not(:disabled):not(.disabled):active:focus,
.btn-text-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

/* Text secondary */

/* Text Dark */

.btn-text-dark:hover {
    text-decoration: none;
    color: #00000099;

    i {
        color: #00000099;
    }
}

.btn-text-dark {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-gris-oscuro);
    border-radius: var(--rem-2);
}


.btn-text-dark:focus,
.btn-text-dark.focus {
    text-decoration: none;
    box-shadow: none;
    color: var(--akaya-gris-dark);
}

.btn-text-dark.disabled,
.btn-text-dark:disabled {
    color: var(--akaya-gris-dark);
    background-color: transparent;
    border-color: transparent;
}

.btn-text-dark:not(:disabled):not(.disabled):active,
.btn-text-dark:not(:disabled):not(.disabled).active,
.btn-text-dark:not(:disabled):not(.disabled):active i,
.btn-text-dark:not(:disabled):not(.disabled).active i,
.show>.btn-text-dark.dropdown-toggle {
    color: var(--akaya-negro);
    background-color: transparent;
    border-color: transparent;
    text-decoration: underline;
    display: -webkit-inline-box;
    display: inline-block;
}

.btn-text-dark:not(:disabled):not(.disabled):active:focus,
.btn-text-dark:not(:disabled):not(.disabled).active:focus,
.btn-text-dark:not(:disabled):not(.disabled):active:focus i,
.btn-text-dark:not(:disabled):not(.disabled).active:focus i,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem transparent;
}

/* Text dark */

/* Text Light */

.btn-text-light:hover {
    color: var(--akaya-gris-medio);
}

.btn-text-light {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-gris-dark);
    border-radius: var(--rem-2);
}

.btn-text-light:focus,
.btn-text-light.focus {
    box-shadow: none;
    color: var(--akaya-blanco);
}

.btn-text-light.disabled,
.btn-text-light:disabled {
    color: var(--akaya-negro);
    background-color: transparent;
    border-color: transparent;
}

.btn-text-light:not(:disabled):not(.disabled):active,
.btn-text-light:not(:disabled):not(.disabled).active,
.show>.btn-text-light.dropdown-toggle {
    color: var(--akaya-blanco);
    background-color: transparent;
    border-color: transparent;
    text-decoration: underline;
}

.btn-text-light:not(:disabled):not(.disabled):active:focus,
.btn-text-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

/* Text light */

/* Primary Theme */

.btn-theme-primary.btn-sm:hover,
.btn-theme-primary.btn-sm {
    padding: var(--rem-2);
}

.btn-theme-primary:hover {
    color: var(--akaya-rojo-dark);
    border-radius: 60px;
    line-height: 1;
    padding: var(--rem-2) 10px;
}

.btn-theme-primary {
    line-height: 1;
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-blanco);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-rojo);
    border-radius: 60px;
    padding: var(--rem-2) 10px;
}

.btn-theme-primary:focus,
.btn-theme-primary.focus {
    box-shadow: none;
    color: var(--akaya-rojo);
}

.btn-theme-primary:not(:disabled):not(.disabled):active,
.btn-theme-primary:not(:disabled):not(.disabled).active,
.show>.btn-theme-primary.dropdown-toggle {
    color: var(--akaya-rojo);
    background-color: var(--akaya-gris-medio);
    border-color: var(--akaya-gris-medio);
}

.btn-theme-primary:not(:disabled):not(.disabled):active:focus,
.btn-theme-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-theme-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-theme-primary.disabled,
.btn-theme-primary:disabled {
    color: var(--akaya-gris-dark);
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-blanco);
}


/* Primary Theme */


/* Secondary Theme */
.btn-theme-secondary.btn-sm:hover,
.btn-theme-secondary.btn-sm {
    padding: var(--rem-2);
}

.btn-theme-secondary:hover {
    color: var(--akaya-morado-dark);
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-blanco);
    border-radius: 60px;
    line-height: 1;
    padding: var(--rem-2) 10px;
}

.btn-theme-secondary {
    line-height: 1;
    padding: var(--rem-2) 10px;
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-blanco);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-morado);
    border-radius: 60px;
}

.btn-theme-secondary:focus,
.btn-theme-secondary.focus {
    box-shadow: none;
    color: var(--akaya-morado);
}

.btn-theme-secondary:not(:disabled):not(.disabled):active,
.btn-theme-secondary:not(:disabled):not(.disabled).active,
.show>.btn-theme-secondary.dropdown-toggle {
    color: var(--akaya-morado);
    background-color: var(--akaya-gris-medio);
    border-color: var(--akaya-gris-medio);
}

.btn-theme-secondary:not(:disabled):not(.disabled):active:focus,
.btn-theme-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-theme-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-theme-secondary.disabled,
.btn-theme-secondary:disabled {
    color: var(--akaya-gris-dark);
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-blanco);
}


/* Secondary Theme */



/* Neutral Theme Light */
.btn-theme-light.btn-sm:hover,
.btn-theme-light.btn-sm {
    padding: var(--rem-2);
}

.btn-theme-light:hover {
    color: var(--akaya-negro);
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-blanco);
    border-radius: 60px;
    line-height: 1;
    padding: var(--rem-2) 10px;
}

.btn-theme-light {
    line-height: 1;
    padding: var(--rem-2) 10px;
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-blanco);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-gris-oscuro);
    border-radius: 60px;
}

.btn-theme-light:focus,
.btn-theme-light.focus {
    box-shadow: none;
    color: var(--akaya-gris-oscuro);
}

.btn-theme-light:not(:disabled):not(.disabled):active,
.btn-theme-light:not(:disabled):not(.disabled).active,
.show>.btn-theme-light.dropdown-toggle {

    color: var(--akaya-gris-oscuro);
    background-color: var(--akaya-gris-medio);
    border-color: var(--akaya-gris-medio);
}

.btn-theme-light:not(:disabled):not(.disabled):active:focus,
.btn-theme-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-theme-light.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-theme-light.disabled,
.btn-theme-light:disabled {
    color: var(--akaya-gris-dark);
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-blanco);
}

/* Neutral Theme Light */


/* Neutral Theme Dark */
.btn-theme-dark.btn-sm:hover,
.btn-theme-dark.btn-sm {
    padding: var(--rem-2);
}

.btn-theme-dark:hover {
    color: var(--akaya-gris-dark);
    background-color: var(--akaya-negro);
    border-color: var(--akaya-negro);
    border-radius: 60px;
    line-height: 1;
    padding: var(--rem-2) 10px;
}

.btn-theme-dark {
    line-height: 1;
    padding: var(--rem-2) 10px;
    background-color: var(--akaya-negro);
    border-color: var(--akaya-negro);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-blanco);
    border-radius: 60px;
}

.btn-theme-dark:focus,
.btn-theme-dark.focus {
    box-shadow: none;
    color: var(--akaya-blanco);
}

.btn-theme-dark:not(:disabled):not(.disabled):active,
.btn-theme-dark:not(:disabled):not(.disabled).active,
.show>.btn-theme-dark.dropdown-toggle {

    color: var(--akaya-blanco);
    background-color: var(--akaya-gris-oscuro);
    border-color: var(--akaya-gris-oscuro);
}

.btn-theme-dark:not(:disabled):not(.disabled):active:focus,
.btn-theme-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-theme-dark.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-theme-dark.disabled,
.btn-theme-dark:disabled {
    color: var(--akaya-gris-oscuro);
    background-color: var(--akaya-negro);
    border-color: var(--akaya-negro);
}

/* Neutral Theme Dark */


/* Outline Primary */
.btn-outline-primary-rounded.btn-sm:hover,
.btn-outline-primary-rounded.btn-sm {
    padding: var(--rem-2);
}

.btn-outline-primary-rounded:hover {
    color: var(--akaya-rojo-dark);
    background-color: transparent;
    border-color: var(--akaya-rojo-dark);
    border-radius: 60px;
    line-height: 1;
    padding: var(--rem-2) 10px;
}

.btn-outline-primary-rounded {
    line-height: 1;
    padding: var(--rem-2) 10px;
    background-color: transparent;
    border-color: var(--akaya-rojo);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-rojo);
    border-radius: 60px;
}

.btn-outline-primary-rounded:focus,
.btn-outline-primary-rounded.focus i {
    color: var(--akaya-rojo);
    box-shadow: none;
}

.btn-outline-primary-rounded:not(:disabled):not(.disabled):active,
.btn-outline-primary-rounded:not(:disabled):not(.disabled).active,
.btn-outline-primary-rounded:not(:disabled):not(.disabled):active i,
.show>.btn-outline-primary-rounded.dropdown-toggle {

    color: var(--akaya-blanco);
    background-color: var(--akaya-rojo);
    border-color: var(--akaya-rojo);
}

.btn-outline-primary-rounded:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary-rounded:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary-rounded.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-outline-primary-rounded.disabled,
.btn-outline-primary-rounded:disabled {
    color: var(--akaya-gris-dark);
    background-color: transparent;
    border-color: var(--akaya-gris-dark);
}

/* Neutral Theme Dark */


/* Outline Secondary */
.btn-outline-secondary-rounded.btn-sm:hover,
.btn-outline-secondary-rounded.btn-sm {
    padding: var(--rem-2);
}

.btn-outline-secondary-rounded:hover {
    color: var(--akaya-morado-dark);
    background-color: transparent;
    border-color: var(--akaya-morado-dark);
    border-radius: 60px;
    line-height: 1;
    padding: var(--rem-2) 10px;
}

.btn-outline-secondary-rounded {
    line-height: 1;
    padding: var(--rem-2) 10px;
    background-color: transparent;
    border-color: var(--akaya-morado);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-morado);
    border-radius: 60px;
}

.btn-outline-secondary-rounded:focus,
.btn-outline-secondary-rounded.focus i {
    color: var(--akaya-blanco);
    color: var(--akaya-morado);
    box-shadow: none;
}

.btn-outline-secondary-rounded:not(:disabled):not(.disabled):active,
.btn-outline-secondary-rounded:not(:disabled):not(.disabled).active,
.btn-outline-secondary-rounded:not(:disabled):not(.disabled):active i,
.btn-outline-secondary-rounded:not(:disabled):not(.disabled).active i,
.show>.btn-outline-secondary-rounded.dropdown-toggle {

    color: var(--akaya-blanco);
    background-color: var(--akaya-morado);
    border-color: var(--akaya-morado);
}

.btn-outline-secondary-rounded:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary-rounded:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary-rounded.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-outline-secondary-rounded.disabled,
.btn-outline-secondary-rounded:disabled {
    color: var(--akaya-gris-dark);
    background-color: transparent;
    border-color: var(--akaya-gris-dark);
}

/* Outline Secondary */


/*  Outline Neutral Dark */
.btn-outline-dark-rounded.btn-sm:hover,
.btn-outline-dark-rounded.btn-sm {
    padding: var(--rem-2);
}

.btn-outline-dark-rounded:hover {
    color: var(--akaya-negro);
    background-color: transparent;
    border-color: var(--akaya-negro);
    border-radius: 60px;
    line-height: 1;
    padding: var(--rem-2) 10px;
}

.btn-outline-dark-rounded {
    line-height: 1;
    padding: var(--rem-2) 10px;
    background-color: transparent;
    border-color: var(--akaya-gris-oscuro);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    border-radius: 60px;
    color: var(--akaya-gris-oscuro);
}

.btn-outline-dark-rounded:focus,
.btn-outline-dark-rounded.focus i {
    box-shadow: none;
    color: var(--akaya-negro);
    text-decoration: none;
}

.btn-outline-dark-rounded:not(:disabled):not(.disabled):active,
.btn-outline-dark-rounded:not(:disabled):not(.disabled).active,
.btn-outline-dark-rounded:not(:disabled):not(.disabled):active i,
.btn-outline-dark-rounded:not(:disabled):not(.disabled).active i,
.show>.btn-outline-dark-rounded.dropdown-toggle {
    box-shadow: none;
    color: var(--akaya-blanco);
    background-color: var(--akaya-gris-oscuro);
    border: none;
    border-color: var(--akaya-gris-oscuro);
}

.btn-outline-dark-rounded:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark-rounded:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark-rounded:not(:disabled):not(.disabled):active:focus i,
.btn-outline-dark-rounded:not(:disabled):not(.disabled).active:focus i,
.show>.btn-outline-dark-rounded.dropdown-toggle:focus {
    box-shadow: none;
    color: var(--akaya-blanco);
    text-decoration: none;
}

.btn-outline-dark-rounded.disabled,
.btn-outline-dark-rounded:disabled {
    color: var(--akaya-gris-dark);
    background-color: transparent;
    border-color: var(--akaya-gris-oscuro);
}

/*  Outline Neutral Dark */

/*  Outline Neutral Light */
.btn-outline-light {
    color: var(--akaya-gris-oscuro);
    border-color: var(--akaya-gris-oscuro);
    border-radius: var(--rem-2);
}

.btn-outline-light:hover {
    color: var(--akaya-negro);
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-negro);
}

.btn-outline-light:focus,
.btn-outline-light.focus {
    color: var(--akaya-negro);
    box-shadow: none;
    text-decoration: none;
    border-color: var(--akaya-gris-oscuro);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
    color: var(--akaya-gris-dark);
    background-color: var(--akaya-gris-oscuro);
    border-color: var(--akaya-gris-oscuro);
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    color: var(--akaya-gris-dark);
    box-shadow: none;
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: var(--akaya-gris-medio);
    border-color: var(--akaya-gris-medio);
    background-color: transparent;
}

/*  Outline Neutral Light */

/*  Outline Neutral Light */
.btn-outline-light-rounded.btn-sm:hover,
.btn-outline-light-rounded.btn-sm {
    padding: var(--rem-2);
}

.btn-outline-light-rounded:hover {
    color: var(--akaya-gris-dark);
    background-color: transparent;
    border-color: var(--akaya-gris-dark);
    border-radius: 60px;
    line-height: 1;
    padding: var(--rem-2) 10px;
}

.btn-outline-light-rounded {
    line-height: 1;
    padding: var(--rem-2) 10px;
    background-color: transparent;
    border-color: var(--akaya-blanco);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-blanco);
    border-radius: 60px;

}

.btn-outline-light-rounded:focus,
.btn-outline-light-rounded.focus i {
    box-shadow: none;
    border-color: var(--akaya-blanco);
    color: var(--akaya-blanco);
}

.btn-outline-light-rounded:not(:disabled):not(.disabled):active,
.btn-outline-light-rounded:not(:disabled):not(.disabled).active,
.btn-outline-light-rounded:not(:disabled):not(.disabled):active i,
.btn-outline-light-rounded:not(:disabled):not(.disabled).active i,
.show>.btn-outline-light-rounded.dropdown-toggle {

    color: var(--akaya-gris-oscuro);
    background-color: var(--akaya-blanco);
    border: none;
}

.btn-outline-light-rounded:not(:disabled):not(.disabled):active:focus,
.btn-outline-light-rounded:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light-rounded.dropdown-toggle:focus {
    /* box-shadow: 0 0 0 0.2rem var(--akaya-blanco); */
    color: var(--akaya-gris-oscuro);
    background-color: var(--akaya-blanco);
    box-shadow: none;
}

.btn-outline-light-rounded.disabled,
.btn-outline-light-rounded:disabled {
    color: var(--akaya-negro);
    background-color: transparent;
    border-color: var(--akaya-negro);
}

/*  Outline Neutral Light */



/*  Outline Like */
.btn-outline-like.btn-sm:hover,
.btn-outline-like.btn-sm {
    padding: var(--rem-2);
}

.btn-outline-like:hover {
    color: var(--akaya-rojo-dark);
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-rojo-dark);
    border-radius: 60px;
    line-height: 1;
    padding: var(--rem-2) 10px;
}

.btn-outline-like {
    width: 100%;
    line-height: 1;
    padding: var(--rem-2) 10px;
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-gris-oscuro);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-gris-oscuro);
    border-radius: 60px;
}

.btn-outline-like:focus,
.btn-outline-like.focus i {
    box-shadow: none;
    color: var(--akaya-gris-oscuro);
}

.btn-outline-like:not(:disabled):not(.disabled):active,
.btn-outline-like:not(:disabled):not(.disabled).active,
.btn-outline-like:not(:disabled):not(.disabled):active i,
.btn-outline-like:not(:disabled):not(.disabled).active i,
.show>.btn-outline-like.dropdown-toggle {

    color: var(--akaya-blanco);
    background-color: var(--akaya-rojo);
}

.btn-outline-like:not(:disabled):not(.disabled):active:focus,
.btn-outline-like:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-like.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-outline-like.disabled,
.btn-outline-like:disabled {
    color: var(--akaya-gris-dark);
    background-color: transparent;
    border-color: var(--akaya-gris-dark);
}

/*  Outline Like */



/*  Outline Bookmark */
.btn-outline-bookmark.btn-sm:hover,
.btn-outline-bookmark.btn-sm {
    padding: var(--rem-2);
}

.btn-outline-bookmark:hover {
    color: var(--akaya-morado-dark);
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-morado-dark);
    border-radius: 60px;
    line-height: 1;
    padding: var(--rem-2) 10px;
}

.btn-outline-bookmark {
    width: 100%;
    line-height: 1;
    padding: var(--rem-2) 10px;
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-gris-oscuro);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-gris-oscuro);
    border-radius: 60px;
}

.btn-outline-bookmark:focus,
.btn-outline-bookmark.focus i {
    box-shadow: none;
    color: var(--akaya-morado-dark);
    border-color: var(--akaya-morado-dark);
}

.btn-outline-bookmark:not(:disabled):not(.disabled):active,
.btn-outline-bookmark:not(:disabled):not(.disabled).active,
.btn-outline-bookmark:not(:disabled):not(.disabled):active i,
.btn-outline-bookmark:not(:disabled):not(.disabled).active i,
.show>.btn-outline-bookmark.dropdown-toggle {

    color: var(--akaya-blanco);
    background-color: var(--akaya-morado);

}

.btn-outline-bookmark:not(:disabled):not(.disabled):active:focus,
.btn-outline-bookmark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-bookmark.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-outline-bookmark.disabled,
.btn-outline-bookmark:disabled {
    color: var(--akaya-negro);
    background-color: transparent;
    border-color: var(--akaya-negro);
}

/*  Outline Boomark */


/* Primary */


.btn-google:hover {
    /* box-shadow: 0px 0px 5px 0px  rgba(0, 0, 0, 0.25); */
    /* background-color: var(--akaya-rojo); */
    border-color: var(--akaya-gris-oscuro);
    color: var(--akaya-gris-oscuro);
}

.btn-google {
    background-color: transparent;
    border-color: var(--akaya-gris-dark);
    font-family: 'CircularStd-Bold';
    color: var(--akaya-gris-dark);
    border-radius: var(--rem-2);
    font-size: 12pt;
}

.btn-google:focus,
.btn-google.focus {
    box-shadow: none;
    color: var(--akaya-gris-oscuro);
    text-decoration: none;
}

.btn-google.disabled,
.btn-google:disabled {
    color: var(--akaya-gris-medio);
    background-color: var(--akaya-gris-medio);
    border-color: var(--akaya-gris-medio);
}

.btn-google:not(:disabled):not(.disabled):active,
.btn-google:not(:disabled):not(.disabled).active,
.show>.btn-google.dropdown-toggle {
    color: var(--akaya-gris-oscuro);
    background-color: transparent;
    box-shadow: none;
}

.btn-google:not(:disabled):not(.disabled):active:focus,
.btn-google:not(:disabled):not(.disabled).active:focus,
.show>.btn-google.dropdown-toggle:focus {
    box-shadow: none;
}

/* Primary */


/* Creator Theme  */

.btn-creator-primary.btn-sm:hover,
.btn-creator-primary.btn-sm {
    padding: var(--rem-2);
}

.btn-creator-primary:hover {
    color: var(--akaya-blanco);
    border-radius: 60px;
    line-height: 1;
    padding: 4px;
}

.btn-creator-primary {
    line-height: 1;
    background-color: #38A8A4;
    border-color: #38A8A4;
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-blanco);
    border-radius: 60px;
    padding: 4px;
}

.btn-creator-primary i {
    font-size: 14pt !important;
}

.btn-creator-primary:focus,
.btn-creator-primary.focus {
    box-shadow: none;
    color: var(--akaya-blanco);
}

.btn-creator-primary:not(:disabled):not(.disabled):active,
.btn-creator-primary:not(:disabled):not(.disabled).active,
.show>.btn-creator-primary.dropdown-toggle {
    color: var(--akaya-blanco);
    background-color: #38A8A4;
    border-color: #38A8A4;
}

.btn-creator-primary:not(:disabled):not(.disabled):active:focus,
.btn-creator-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-creator-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-creator-primary.disabled,
.btn-creator-primary:disabled {
    color: var(--akaya-gris-dark);
    background-color: var(--akaya-blanco);
    border-color: var(--akaya-blanco);
}

.tooltip.show {
    opacity: 1 !important;
}

.tooltip-inner {
    background-color: var(--akaya-blanco) !important;
    /* Color sólido */
    color: var(--akaya-negro) !important;
    font-size: 12px;
    /* padding: 12px; */
    border-radius: 2pt;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    opacity: 1 !important;
    /* Hace que el fondo sea sólido */
}

.tooltip .arrow{
    display: none;
}
.bs-tooltip-left {
    margin-left: 0 !important;
}

/* Creator Theme  */


/* Button Read  */

.btn-read.btn-sm:hover,
.btn-read.btn-sm {
    padding: var(--rem-2);
}

.btn-read:hover {
    color: var(--akaya-negro);
    border-radius: 4pt;
    line-height: 1;
    padding: 8px 12px;
}

.btn-read {
    line-height: 1;
    background-color: var(--akaya-gris-claro);
    border-color: var(--akaya-gris-claro);
    box-shadow: none;
    font-family: 'CircularStd-Bold';
    color: var(--akaya-negro);
    border-radius: 4pt;
    padding: 8px 12px;
}

.btn-read i {
    font-size: 14pt !important;
}

.btn-read:focus,
.btn-read.focus {
    box-shadow: none;
    color: var(--akaya-negro);
}

.btn-read:not(:disabled):not(.disabled):active,
.btn-read:not(:disabled):not(.disabled).active,
.show>.btn-read.dropdown-toggle {
    color: var(--akaya-negro);
    background-color: var(--akaya-gris-claro);
    border-color: var(--akaya-gris-claro);
}

.btn-read:not(:disabled):not(.disabled):active:focus,
.btn-read:not(:disabled):not(.disabled).active:focus,
.show>.btn-read.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-read.disabled,
.btn-read:disabled {
    color: var(--akaya-negro);
    background-color: var(--akaya-gris-claro);
    border-color: var(--akaya-gris-claro);
}

.btn-read i {
    float: right;
}

.horizontal-read {
    padding: 32px 0px 32px 0px;
}

/* Button read  */


/* BADGES */

.badge-lg {
    padding: 4px 14px;
}

.badge-sm {
    padding: 2px 12px;
}

.badge {
    border-radius: 4px;
    font-family: "CBook";
    font-size: 14px;
}

.badge-pill {

    border-radius: 50pt;
}

.badge-primary {
    color: #fff;
    background-color: var(--akaya-primary);
}

.badge-secondary {
    color: #fff !important;
    background-color: var(--akaya-turquesa);
}

a.badge-secondary:hover {
    color: #fff !important;
    background-color: var(--akaya-turquesa);
}

a.badge-secondary.focus, 
a.badge-secondary:focus {
    outline: 0;
    box-shadow: none;
}

.badge-success {
    color: #fff;
    background-color: var(--akaya-success);
}

.badge-danger {
    color: #fff;
    background-color: var(--akaya-danger);
}

.badge-warning {
    color: #fff;
    background-color: var(--akaya-warning);
}

.badge-info {
    color: #fff;
    background-color: var(--akaya-info);
}

.badge-light {
    color: var(--akaya-negro);
    background-color: var(--akaya-gris-medio);
}

.badge-dark {
    color: #fff;
    background-color: var(--akaya-dark);
}