input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

/*#region Loading*/
#dvCarregando {
    padding-top: 64px;
    margin: auto;
}



.chat-loading {
    font-size: 10px;
    margin: 15px auto;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: #fff;
    background: -moz-linear-gradient(left, var(--vermelho) 10%, rgba(94,196,183, 0) 42%);
    background: -webkit-linear-gradient(left, var(--vermelho) 10%, rgba(94,196,183, 0) 42%);
    background: -o-linear-gradient(left, var(--vermelho) 10%, rgba(94,196,183, 0) 42%);
    background: -ms-linear-gradient(left, var(--vermelho) 10%, rgba(94,196,183, 0) 42%);
    background: linear-gradient(to right, var(--vermelho) 10%, rgba(94,196,183, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

    .chat-loading:before {
        width: 50%;
        height: 50%;
        background: var(--vermelho);
        border-radius: 100% 0 0 0;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
    }

    .chat-loading:after {
        background: var(--fundo);
        width: 75%;
        height: 75%;
        border-radius: 50%;
        content: '';
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*#endregion*/

.chat * {
    box-sizing: border-box;
    --tamanho: 400px;
    --vermelho: rgb(239, 35, 27);
    --verde: rgb(0, 101, 46);
    --fundo: rgb(238, 238, 238);
    font-family: 'avenir_next_condensedregular';
}

.chat-button {
    background: #333 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyNCAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT7vgoY8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iY2hhdC0wMyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyODguMDAwMDAwLCAtNzA5LjAwMDAwMCkiPiAgICAgICAgPHBhdGggZD0iTTEzMDUuNTk4MjEsNzEzLjI3MjMyMSBDMTMwNi40Mzc1LDcxNC4zMjU4OTggMTMwNi44NTcxNCw3MTUuNDczMjA4IDEzMDYuODU3MTQsNzE2LjcxNDI4NiBDMTMwNi44NTcxNCw3MTcuOTU1MzYzIDEzMDYuNDM3NSw3MTkuMTAyNjczIDEzMDUuNTk4MjEsNzIwLjE1NjI1IEMxMzA0Ljc1ODkyLDcyMS4yMDk4MjcgMTMwMy42MTM4NSw3MjIuMDQyNDA4IDEzMDIuMTYyOTUsNzIyLjY1NDAxOCBDMTMwMC43MTIwNSw3MjMuMjY1NjI4IDEyOTkuMTMzOTQsNzIzLjU3MTQyOSAxMjk3LjQyODU3LDcyMy41NzE0MjkgQzEyOTYuNjYwNzEsNzIzLjU3MTQyOSAxMjk1Ljg3NSw3MjMuNTAwMDAxIDEyOTUuMDcxNDMsNzIzLjM1NzE0MyBDMTI5My45NjQyOCw3MjQuMTQyODYxIDEyOTIuNzIzMjIsNzI0LjcxNDI4NCAxMjkxLjM0ODIxLDcyNS4wNzE0MjkgQzEyOTEuMDI2NzgsNzI1LjE1MTc4NiAxMjkwLjY0Mjg2LDcyNS4yMjMyMTQgMTI5MC4xOTY0Myw3MjUuMjg1NzE0IEwxMjkwLjE1NjI1LDcyNS4yODU3MTQgQzEyOTAuMDU4MDQsNzI1LjI4NTcxNCAxMjg5Ljk2NjUyLDcyNS4yNSAxMjg5Ljg4MTcsNzI1LjE3ODU3MSBDMTI4OS43OTY4Nyw3MjUuMTA3MTQzIDEyODkuNzQ1NTQsNzI1LjAxMzM5MyAxMjg5LjcyNzY4LDcyNC44OTczMjEgQzEyODkuNzE4NzUsNzI0Ljg3MDUzNiAxMjg5LjcxNDI5LDcyNC44NDE1MTggMTI4OS43MTQyOSw3MjQuODEwMjY4IEMxMjg5LjcxNDI5LDcyNC43NzkwMTggMTI4OS43MTY1Miw3MjQuNzUgMTI4OS43MjA5OCw3MjQuNzIzMjE0IEMxMjg5LjcyNTQ1LDcyNC42OTY0MjggMTI4OS43MzQzNyw3MjQuNjY5NjQzIDEyODkuNzQ3NzcsNzI0LjY0Mjg1NyBMMTI4OS43ODEyNSw3MjQuNTc1ODkzIEMxMjg5Ljc5MDE4LDcyNC41NTgwMzYgMTI4OS44MDU4LDcyNC41MzM0ODIgMTI4OS44MjgxMiw3MjQuNTAyMjMyIEMxMjg5Ljg1MDQ1LDcyNC40NzA5ODIgMTI4OS44NjgzLDcyNC40NDg2NjEgMTI4OS44ODE3LDcyNC40MzUyNjggQzEyODkuODk1MDksNzI0LjQyMTg3NSAxMjg5LjkxNTE4LDcyNC4zOTk1NTQgMTI4OS45NDE5Niw3MjQuMzY4MzA0IEMxMjg5Ljk2ODc1LDcyNC4zMzcwNTMgMTI4OS45ODY2MSw3MjQuMzE2OTY0IDEyODkuOTk1NTQsNzI0LjMwODAzNiBDMTI5MC4wNDAxOCw3MjQuMjU0NDY0IDEyOTAuMTQyODYsNzI0LjE0Mjg1OCAxMjkwLjMwMzU3LDcyMy45NzMyMTQgQzEyOTAuNDY0MjksNzIzLjgwMzU3MSAxMjkwLjU4MDM2LDcyMy42NzE4NzUgMTI5MC42NTE3OSw3MjMuNTc4MTI1IEMxMjkwLjcyMzIxLDcyMy40ODQzNzUgMTI5MC44MjM2Niw3MjMuMzU0OTEyIDEyOTAuOTUzMTIsNzIzLjE4OTczMiBDMTI5MS4wODI1OSw3MjMuMDI0NTUzIDEyOTEuMTk0Miw3MjIuODUyNjc5IDEyOTEuMjg3OTUsNzIyLjY3NDEwNyBDMTI5MS4zODE3LDcyMi40OTU1MzUgMTI5MS40NzMyMSw3MjIuMjk5MTA4IDEyOTEuNTYyNSw3MjIuMDg0ODIxIEMxMjkwLjQ1NTM1LDcyMS40NDE5NjEgMTI4OS41ODQ4Miw3MjAuNjUxNzkgMTI4OC45NTA4OSw3MTkuNzE0Mjg2IEMxMjg4LjMxNjk2LDcxOC43NzY3ODEgMTI4OCw3MTcuNzc2NzkxIDEyODgsNzE2LjcxNDI4NiBDMTI4OCw3MTUuNDczMjA4IDEyODguNDE5NjQsNzE0LjMyNTg5OCAxMjg5LjI1ODkzLDcxMy4yNzIzMjEgQzEyOTAuMDk4MjIsNzEyLjIxODc0NSAxMjkxLjI0MzMsNzExLjM4NjE2NCAxMjkyLjY5NDIsNzEwLjc3NDU1NCBDMTI5NC4xNDUxLDcxMC4xNjI5NDMgMTI5NS43MjMyMSw3MDkuODU3MTQzIDEyOTcuNDI4NTcsNzA5Ljg1NzE0MyBDMTI5OS4xMzM5NCw3MDkuODU3MTQzIDEzMDAuNzEyMDUsNzEwLjE2Mjk0MyAxMzAyLjE2Mjk1LDcxMC43NzQ1NTQgQzEzMDMuNjEzODUsNzExLjM4NjE2NCAxMzA0Ljc1ODkyLDcxMi4yMTg3NDUgMTMwNS41OTgyMSw3MTMuMjcyMzIxIFogTTEzMTIsNzIwLjE0Mjg1NyBDMTMxMiw3MjEuMjE0MjkxIDEzMTEuNjgzMDQsNzIyLjIxNjUxMyAxMzExLjA0OTExLDcyMy4xNDk1NTQgQzEzMTAuNDE1MTgsNzI0LjA4MjU5NCAxMzA5LjU0NDY1LDcyNC44NzA1MzIgMTMwOC40Mzc1LDcyNS41MTMzOTMgQzEzMDguNTI2NzksNzI1LjcyNzY4IDEzMDguNjE4Myw3MjUuOTI0MTA2IDEzMDguNzEyMDUsNzI2LjEwMjY3OSBDMTMwOC44MDU4LDcyNi4yODEyNTEgMTMwOC45MTc0MSw3MjYuNDUzMTI0IDEzMDkuMDQ2ODgsNzI2LjYxODMwNCBDMTMwOS4xNzYzNCw3MjYuNzgzNDgzIDEzMDkuMjc2NzksNzI2LjkxMjk0NiAxMzA5LjM0ODIxLDcyNy4wMDY2OTYgQzEzMDkuNDE5NjQsNzI3LjEwMDQ0NyAxMzA5LjUzNTcxLDcyNy4yMzIxNDIgMTMwOS42OTY0Myw3MjcuNDAxNzg2IEMxMzA5Ljg1NzE0LDcyNy41NzE0MjkgMTMwOS45NTk4Miw3MjcuNjgzMDM1IDEzMTAuMDA0NDYsNzI3LjczNjYwNyBDMTMxMC4wMTMzOSw3MjcuNzQ1NTM2IDEzMTAuMDMxMjUsNzI3Ljc2NTYyNSAxMzEwLjA1ODA0LDcyNy43OTY4NzUgQzEzMTAuMDg0ODIsNzI3LjgyODEyNSAxMzEwLjEwNDkxLDcyNy44NTA0NDYgMTMxMC4xMTgzLDcyNy44NjM4MzkgQzEzMTAuMTMxNyw3MjcuODc3MjMyIDEzMTAuMTQ5NTUsNzI3Ljg5OTU1MyAxMzEwLjE3MTg4LDcyNy45MzA4MDQgQzEzMTAuMTk0Miw3MjcuOTYyMDU0IDEzMTAuMjA5ODIsNzI3Ljk4NjYwNyAxMzEwLjIxODc1LDcyOC4wMDQ0NjQgTDEzMTAuMjUyMjMsNzI4LjA3MTQyOSBDMTMxMC4yNjU2Myw3MjguMDk4MjE0IDEzMTAuMjc0NTUsNzI4LjEyNSAxMzEwLjI3OTAyLDcyOC4xNTE3ODYgQzEzMTAuMjgzNDgsNzI4LjE3ODU3MiAxMzEwLjI4NTcxLDcyOC4yMDc1ODkgMTMxMC4yODU3MSw3MjguMjM4ODM5IEMxMzEwLjI4NTcxLDcyOC4yNzAwODkgMTMxMC4yODEyNSw3MjguMjk5MTA3IDEzMTAuMjcyMzIsNzI4LjMyNTg5MyBDMTMxMC4yNDU1NCw3MjguNDUwODkzIDEzMTAuMTg3NSw3MjguNTQ5MTA3IDEzMTAuMDk4MjEsNzI4LjYyMDUzNiBDMTMxMC4wMDg5Myw3MjguNjkxOTY1IDEzMDkuOTEwNzEsNzI4LjcyMzIxNCAxMzA5LjgwMzU3LDcyOC43MTQyODYgQzEzMDkuMzU3MTQsNzI4LjY1MTc4NSAxMzA4Ljk3MzIyLDcyOC41ODAzNTggMTMwOC42NTE3OSw3MjguNSBDMTMwNy4yNzY3OCw3MjguMTQyODU1IDEzMDYuMDM1NzIsNzI3LjU3MTQzMyAxMzA0LjkyODU3LDcyNi43ODU3MTQgQzEzMDQuMTI1LDcyNi45Mjg1NzIgMTMwMy4zMzkyOSw3MjcgMTMwMi41NzE0Myw3MjcgQzEzMDAuMTUxNzcsNzI3IDEyOTguMDQ0NjUsNzI2LjQxMDcyIDEyOTYuMjUsNzI1LjIzMjE0MyBDMTI5Ni43Njc4Niw3MjUuMjY3ODU3IDEyOTcuMTYwNzEsNzI1LjI4NTcxNCAxMjk3LjQyODU3LDcyNS4yODU3MTQgQzEyOTguODY2MDgsNzI1LjI4NTcxNCAxMzAwLjI0NTUzLDcyNS4wODQ4MjMgMTMwMS41NjY5Niw3MjQuNjgzMDM2IEMxMzAyLjg4ODQsNzI0LjI4MTI0OCAxMzA0LjA2Njk2LDcyMy43MDUzNjEgMTMwNS4xMDI2OCw3MjIuOTU1MzU3IEMxMzA2LjIxODc2LDcyMi4xMzM5MjQgMTMwNy4wNzU4OSw3MjEuMTg3NTA1IDEzMDcuNjc0MTEsNzIwLjExNjA3MSBDMTMwOC4yNzIzMiw3MTkuMDQ0NjM4IDEzMDguNTcxNDMsNzE3LjkxMDcyIDEzMDguNTcxNDMsNzE2LjcxNDI4NiBDMTMwOC41NzE0Myw3MTYuMDI2NzgyIDEzMDguNDY4NzUsNzE1LjM0ODIxOCAxMzA4LjI2MzM5LDcxNC42Nzg1NzEgQzEzMDkuNDE1MTgsNzE1LjMxMjUwMyAxMzEwLjMyNTg5LDcxNi4xMDcxMzggMTMxMC45OTU1NCw3MTcuMDYyNSBDMTMxMS42NjUxOCw3MTguMDE3ODYyIDEzMTIsNzE5LjA0NDYzNyAxMzEyLDcyMC4xNDI4NTcgWiIgaWQ9Iu+ChiIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPiAgICA8L2c+PC9zdmc+) 16px no-repeat;
    border: 4px solid #fff;
    border-radius: 50%;
    bottom: 16px;
    cursor: pointer;
    height: 64px;
    position: fixed;
    right: 40px;
    -webkit-transition: all 120ms ease-in-out;
    transition: all 0.4s;
    width: 64px;
    z-index: 2998;
}

    .chat-button.color-primary {
        background-color: var(--vermelho);
        animation: mudaCor 1.5s infinite;
    }

        .chat-button.color-primary:hover {
            background-color: var(--verde);
            animation:none;
        }

@media (width <= 576px) {
    .chat-button {
        right: 16px;
    }
}

    .chat-container {
        width: var(--tamanho);
        height: 567px;
        max-height: calc(100% - 96px);
        opacity: 1;
        -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.5);
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        box-shadow: 0 0 6px 0 rgba(0,0,0,.5);
        z-index: 2998;
        position: fixed;
        bottom: 91px;
        right: 40px;
        -webkit-transition: all 250ms ease;
        transition: all 250ms ease;
        background-color: var(--fundo);
    }

    .chat-head {
        background-color: var(--verde);
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        height: 30px;
        display: flex;
        justify-content: flex-end;
    }

    .chat-head-close {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNnB4IiBoZWlnaHQ9IjI2cHgiIHZpZXdCb3g9IjAgMCAyNiAyNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT7vgI08L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8ZmlsdGVyIHg9Ii00LjAlIiB5PSItMi4zJSIgd2lkdGg9IjEwOC4wJSIgaGVpZ2h0PSIxMDQuNiUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci0xIj4gICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSIwIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlT2Zmc2V0PiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjQiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUdhdXNzaWFuQmx1cj4gICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC41IDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0JsdXJPdXRlcjEiIHJlc3VsdD0ic2hhZG93TWF0cml4T3V0ZXIxIj48L2ZlQ29sb3JNYXRyaXg+ICAgICAgICAgICAgPGZlTWVyZ2U+ICAgICAgICAgICAgICAgIDxmZU1lcmdlTm9kZSBpbj0ic2hhZG93TWF0cml4T3V0ZXIxIj48L2ZlTWVyZ2VOb2RlPiAgICAgICAgICAgICAgICA8ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiPjwvZmVNZXJnZU5vZGU+ICAgICAgICAgICAgPC9mZU1lcmdlPiAgICAgICAgPC9maWx0ZXI+ICAgIDwvZGVmcz4gICAgPGcgaWQ9ImNoYXQtMDUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzAwLjAwMDAwMCwgLTE2MC4wMDAwMDApIj4gICAgICAgIDxnIGlkPSJHcm91cCIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0xKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAzMC4wMDAwMDAsIDE1My4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4gICAgICAgICAgICA8cGF0aCBkPSJNMjg4LjMzOTI4NiwyMi40ODIxNDI5IEMyODguNTA1OTUzLDIyLjY0ODgxMDQgMjg4LjU4OTI4NiwyMi44NTExODkzIDI4OC41ODkyODYsMjMuMDg5Mjg1NyBDMjg4LjU4OTI4NiwyMy4zMjczODIxIDI4OC41MDU5NTMsMjMuNTI5NzYxMSAyODguMzM5Mjg2LDIzLjY5NjQyODYgTDI4Ny4xMjUsMjQuOTEwNzE0MyBDMjg2Ljk1ODMzMiwyNS4wNzczODE4IDI4Ni43NTU5NTQsMjUuMTYwNzE0MyAyODYuNTE3ODU3LDI1LjE2MDcxNDMgQzI4Ni4yNzk3NjEsMjUuMTYwNzE0MyAyODYuMDc3MzgyLDI1LjA3NzM4MTggMjg1LjkxMDcxNCwyNC45MTA3MTQzIEwyODMuMjg1NzE0LDIyLjI4NTcxNDMgTDI4MC42NjA3MTQsMjQuOTEwNzE0MyBDMjgwLjQ5NDA0NywyNS4wNzczODE4IDI4MC4yOTE2NjgsMjUuMTYwNzE0MyAyODAuMDUzNTcxLDI1LjE2MDcxNDMgQzI3OS44MTU0NzUsMjUuMTYwNzE0MyAyNzkuNjEzMDk2LDI1LjA3NzM4MTggMjc5LjQ0NjQyOSwyNC45MTA3MTQzIEwyNzguMjMyMTQzLDIzLjY5NjQyODYgQzI3OC4wNjU0NzUsMjMuNTI5NzYxMSAyNzcuOTgyMTQzLDIzLjMyNzM4MjEgMjc3Ljk4MjE0MywyMy4wODkyODU3IEMyNzcuOTgyMTQzLDIyLjg1MTE4OTMgMjc4LjA2NTQ3NSwyMi42NDg4MTA0IDI3OC4yMzIxNDMsMjIuNDgyMTQyOSBMMjgwLjg1NzE0MywxOS44NTcxNDI5IEwyNzguMjMyMTQzLDE3LjIzMjE0MjkgQzI3OC4wNjU0NzUsMTcuMDY1NDc1NCAyNzcuOTgyMTQzLDE2Ljg2MzA5NjQgMjc3Ljk4MjE0MywxNi42MjUgQzI3Ny45ODIxNDMsMTYuMzg2OTAzNiAyNzguMDY1NDc1LDE2LjE4NDUyNDYgMjc4LjIzMjE0MywxNi4wMTc4NTcxIEwyNzkuNDQ2NDI5LDE0LjgwMzU3MTQgQzI3OS42MTMwOTYsMTQuNjM2OTAzOSAyNzkuODE1NDc1LDE0LjU1MzU3MTQgMjgwLjA1MzU3MSwxNC41NTM1NzE0IEMyODAuMjkxNjY4LDE0LjU1MzU3MTQgMjgwLjQ5NDA0NywxNC42MzY5MDM5IDI4MC42NjA3MTQsMTQuODAzNTcxNCBMMjgzLjI4NTcxNCwxNy40Mjg1NzE0IEwyODUuOTEwNzE0LDE0LjgwMzU3MTQgQzI4Ni4wNzczODIsMTQuNjM2OTAzOSAyODYuMjc5NzYxLDE0LjU1MzU3MTQgMjg2LjUxNzg1NywxNC41NTM1NzE0IEMyODYuNzU1OTU0LDE0LjU1MzU3MTQgMjg2Ljk1ODMzMiwxNC42MzY5MDM5IDI4Ny4xMjUsMTQuODAzNTcxNCBMMjg4LjMzOTI4NiwxNi4wMTc4NTcxIEMyODguNTA1OTUzLDE2LjE4NDUyNDYgMjg4LjU4OTI4NiwxNi4zODY5MDM2IDI4OC41ODkyODYsMTYuNjI1IEMyODguNTg5Mjg2LDE2Ljg2MzA5NjQgMjg4LjUwNTk1MywxNy4wNjU0NzU0IDI4OC4zMzkyODYsMTcuMjMyMTQyOSBMMjg1LjcxNDI4NiwxOS44NTcxNDI5IEwyODguMzM5Mjg2LDIyLjQ4MjE0MjkgWiIgaWQ9Iu+AjSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+) no-repeat;
        background-size: 30px;
        margin-right: 5px;
        height: 30px;
        width: 30px;
        cursor: pointer;
    }

    .chat-frame {
        max-height: calc(100% - 30px);
        height: 100%;
        width: 100%;
    }

    .chat-header {
        background: var(--vermelho);
        border-top: 1px solid #fff;
        height: 56px;
        position: fixed;
        text-align: center;
        width: 100%;
        z-index: 10;
    }

    .chat-header-image {
        height: 50px;
        width: auto;
    }

    .chat-main {
        font-size: 14px;
        color: #333;
        position: relative;
        margin-bottom: 56px;
        display: flex;
    }

    .chat-messages {
        display: flex;
        justify-content: flex-end;
        overflow-y: auto;
        flex-direction: column;
        min-height: calc(100vh - 72px);
        padding-top: 64px;
        width: 100%;
    }


    .chat-message {
        position: relative;
        clear: both;
        overflow: hidden;
        margin: 1px 0;
        margin-bottom: 8px;
    }

    .chat-message-avatar {
        width: 32px;
        height: 32px;
        background: #fff;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 3px;
        border-radius: 50%;
    }

    .chat-message-avatar-image {
        width: 32px;
        height: 32px;
        display: block;
    }

    .chat-message-text-container {
        margin-left: 36px;
        float: left;
        clear: both;
    }

    .message-client .chat-message-text-container {
        float: right;
        margin-left: 0px;
    }

    .chat-message-text {
        clear: both;
        overflow: hidden;
        margin-bottom: 1px;
        color: #333;
        font-size: 14px;
    }

    .chat-message-text-content {
        float: left;
        text-align: left;
        margin-right: 36px;
        max-width: 100%;
        word-wrap: break-word;
        border: 0 solid #eee;
        padding: 6px 10px;
        background-color: #fff;
        border-radius: 10px;
    }

        .chat-message-text-content * {
            font-size: 16px !important;
        }

        .chat-message-text-content p {
            margin: 0;
            white-space: pre-wrap;
        }

    .message-client .chat-message-text-content {
        margin-right: 8px;
        margin-left: 36px;
    }

    .chat-footer {
        position: fixed;
        z-index: 99;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 8px;
        -webkit-transform: translate3d(0px,0px,0px);
        transform: translate3d(0px,0px,0px);
    }

    .chat-footer-container {
        width: 100%;
        position: relative;
        font-size: 0;
    }

    .chat-footer-box {
        font-size: 14px;
        padding: 4px 4px 4px 16px;
        position: relative;
        bottom: 0;
        resize: none;
        border-radius: 20px;
        border: 1px solid #bbb;
        display: flex;
    }

    .chat-footer-input {
        border: 0;
        display: block;
        resize: none;
        width: 100%;
        padding: 0;
        margin: 0;
        height: 23px;
        min-height: 22px;
        font-size: 14px;
        align-self: center;
        padding-right: 8px;
    }

        .chat-footer-input:focus-visible {
            outline: 0;
            border: 0;
        }

    .chat-footer-button {
        background: #bbb;
        border: 0;
        padding: 0;
        border-radius: 16px;
        height: 32px;
        width: 32px;
        align-self: center;
        display: flex;
        cursor: pointer;
        transition: all 0.4s;
    }

    .chat-footer-button-icon {
        margin: auto;
        fill: white;
    }

    .block {
        cursor: not-allowed !important;
    }

    .chat-footer-button.hover:hover {
        background: var(--verde);
    }

    .button:hover, .button:focus {
        color: #313133;
        transform: translateY(-6px);
    }

    .chat-button:hover::before, .chat-button:focus::before {
        opacity: 1;
    }

    .chat-button::after {
        content: '';
        width: 30px;
        height: 30px;
        border-radius: 100%;
        /*border: 2px solid var(--vermelho);*/ /*6px*/
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        animation: ring 1.5s infinite;
    }

    .chat-button:hover::after, .chat-button:focus::after {
        animation: none;
        display: none;
    }

    @keyframes ring {
        0% {
            width: 50px;
            height: 50px;
            opacity: 1;
            /*border: 2px solid var(--vermelho);*/
            box-shadow: 0 0 30px rgba(6, 82, 0,.64);
        }

        100% {
            width: 100px;
            height: 100px;
            /*background-color: var(--vermelho);*/
            box-shadow: 0 0 100px rgba(6, 82, 0,.64);
            opacity: 0;
        }
    }

    @keyframes mudaCor {
        0% {
            background-color: var(--vermelho);
        }

        50% {
            background-color: var(--verde);
        }

        100% {
            background-color: var(--vermelho);
        }
    }