:root {
    --c-primary-green: #90BE4F;
    --c-secondary-green: #ACCD6D;
    --c-primary-blue: #4B7DBE;
    --c-secondary-blue: #73B3E2;
    --c-white: #FFFFFF;
    --c-black: #000000;
}

/* scrollbar */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 50px;
}

::-webkit-scrollbar-thumb {
    background: #9a9a9a;
    border-radius: 50px;
}

::-webkit-scrollbar-track {
    background: #252525;
}
/* scrollbar */

/* hover situação */
.btn-hover {
    position: relative;
}
.div-hover {
    background-color: white;
    border-radius: 10px;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 5;
    display: none;
}
.btn-hover:hover .div-hover {
    display: inline-block;
}

.div-iframe {
    width: 100%;
    height: 18rem;
    border: none;
}
/* fim hover situação */

/* perfis */
.font-label {
    font-size: .8rem;
    display: block;
    margin-bottom: -4px;
}

.font-small {
    font-size: .7rem;
}
/* fim perfis */

/* Botão whatsapp */
#botao-whatsapp {
    z-index: 1000;
    position: fixed;
    bottom: 1rem;
    right: .8rem;
    padding: .4rem;
    border-radius: .8rem;
    background-color: rgb(30, 167, 30);
}

#botao-whatsapp:hover #whatsapp-mensagem {
    display: initial;
}

#whatsapp-mensagem {
    z-index: 1000;
    max-width: 280px;
    display: none;
    position: fixed;
    bottom: 4.2rem;
    right: .8rem;
}
/* fim Botão whatsapp */

/* div toast */
#div-toast-notification {
    z-index: 99;
    position: fixed;
    /*top: 3.8rem;*/
    bottom: .3rem;
    right: .3rem;
}

#div-toast-alert {
    z-index: 99;
    position: fixed;
    top: 3.8rem;
    left: .3rem;
}

#div-toast-alert-x {
    z-index: 99;
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* div toast */

/* btn prioridade */
.btn-green {
    background: var(--c-primary-green);
    border: none;
    color: var(--c-white);
}

.btn-green:hover {
    background: var(--c-secondary-green);
    color: var(--c-white);
}

.btn-green:focus {
    background: var(--c-secondary-green);
    color: var(--c-white);
    border: 1px solid var(--c-primary-green);
}

.btn-green:active {
    background: var(--c-secondary-green);
    color: var(--c-white);
    border: 1px solid var(--c-primary-green);
}

.btn-outline-green {
    border: 1px solid var(--c-primary-green);
    color: var(--c-primary-green);
}

/* --- */

.btn-outline-green:hover {
    background: var(--c-primary-green);
    color: var(--c-white);
}

.btn-outline-green:focus {
    background: var(--c-secondary-green);
    color: var(--c-white);
    border: 1px solid var(--c-primary-green);
}

.btn-outline-green:active {
    background: var(--c-secondary-green);
    color: var(--c-white);
    border: 1px solid var(--c-primary-green);
}
/* btn prioridade */

/* BOTAO NOTIFICAÇÃO EMPRESA */
.notification {
    background: linear-gradient(-90deg, #a2c7ff, #0d6efd);/*linear-gradient(-90deg, #FFFFFF, #0d6efd);*/
    background-size: 800% 400%;
    display: inline-block;
    border: none;
    color: black;
    transition: all .5s ease-in-out;
    animation: gradient 1.4s infinite cubic-bezier(.62, .28, .23, .99) both;
}

.notification:hover {
    animation: gradient .8s infinite;
    transform: scale(1.1);
}

.notification:active {
    animation: gradient 1s infinite;
    transform: scale(0.8);
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
/* FIM BOTAO NOTIFICACAO */

/* espaçamento */
.hw-12 {
    height: 12rem;
    width: 12rem;
}
/* fim espaçamento */