/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/* CButton */
.c-button {
    border-radius: .3rem !important;
    border-color: #cbc8c8;
    background-color: white;
    color: var(--cares-text-dark-light);
}

.c-button:visited, .c-button:focus {
    background-color: white;
    border-color: #cbc8c8;
    color: var(--cares-text-dark-light);
    outline: none;
    box-shadow: none;
}

.c-button:active {
    background-color: var(--cares-green-lighter) !important;
    color: var(--cares-text-dark-light) !important;
}

.c-button:hover {
    background-color: var(--cares-green-light);
    color: whitesmoke;
    outline: none;
    border-color: var(--cares-green-light);
    box-shadow: inset 0px 0px 0px 2px var(--cares-green) !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
 */
/* CButtonEmoji */
.button-category-emoji {
    font-size: 1rem !important;
    border-radius: .3rem !important;
    border-color: #cbc8c8;
    background-color: white;
    color: var(--cares-text-dark-light);
    transition: none !important;
    /*transition: all .8s ease-in-out;*/
    /*transition-duration: .8s;*/
}


.button-category-emoji:focus, .button-category-emoji:visited  {
    background-color: white;
    border-color: #cbc8c8;
    outline: none;
    color: var(--cares-text-dark-light) !important;
    box-shadow: none;
}

.button-category-emoji:active {
    background-color: white !important;
    border-color: #cbc8c8;
    outline: none;
    color: var(--cares-text-dark-light) !important;
    box-shadow: none;
}

.button-category-emoji:hover {
    background-color: white;
    color: var(--cares-text-dark-light);
    box-shadow: inset 0px 0px 0px 2px var(--cares-text-dark-light) !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
 */
/* CButtonDouble */
.c-btn, .c-btn:focus {
    border-radius: .3rem !important;
    background-color: whitesmoke !important;
    font-weight: 600;
    color: black;
    outline: none;
    box-shadow: none;
}
.c-btn-succ, .c-btn-succ:focus {
    border-radius: .3rem !important;
    background-color: var(--cares-green-lighter) !important;
    font-weight: 600;
    color: black;
    outline: none;
    box-shadow: none;
}

.c-btn:active, .c-btn:visited {
    outline: none;
    box-shadow: none;
}
.c-btn-succ:active, .c-btn-succ:visited {
    outline: none;
    box-shadow: none;
}

.c-btn:disabled {
    pointer-events: none !important;
}
.c-btn-succ:disabled {
    pointer-events: none !important;
}

.c-btn:hover {
    color: black;
    outline: none;
    border-color: var(--cares-green-light);
    box-shadow: inset 0px 0px 0px 2px var(--cares-green) !important;
}
.c-btn-succ:hover {
    color: black;
    outline: none;
    border-color: var(--cares-green-light);
    box-shadow: inset 0px 0px 0px 2px var(--cares-green) !important;
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: var(--cares-light-gray) !important;
    color: rgb(128, 128, 128)!important;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
 */
/* ToTop */
#toptopdiv {
    position: fixed;
    right: 1em;
    bottom: 0;
    text-align: center;
    background-color: var(--cares-green-super-ligth);
    cursor: pointer;
    z-index: 99999 !important;
}

@media screen and (max-width: 600px) {
    #toptopdiv {
        right: 1em;
        bottom: 1em;
    }
    #toptopdiv p {
        margin-bottom: 0 !important;
    }
}