.chat-hidden {
    display: none;
}

.border-small {
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    margin-top: 15px;
}

.border-small:hover {
    box-shadow: 1px 1px 3px grey;
}

.chat-togle {
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    color: white;
    background-color: #ED1651;
    height: 50px;
}

.btn-default {
    color: #6f6f6f;
    background-color: #efefef;
    border-color: #efefef;
}

.border-big {
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 10px;
}

.border-title {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: -1px;
}

#chat-body::before {
    display: none;
}

#chat-icone::before {
    display: none;
}

#icon-simple {
    float: right;
    margin-bottom: 5%;
    margin-right: -5px;
}

#chat-icone {
    width: 80px;
    height: 80px;
    max-width: 50px;
    max-height: 50px;
    z-index: 10;
}

.form-chat-big {
    position: fixed;
    bottom: 0;
    right: 40px;
    z-index: 9;
}

#chat-body {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 5px;
    box-shadow: 1px 1px 3px grey;
}

.icon-message {
    margin: 30% 25% 25% 30%;
    right: 0;
}

@media screen and (max-width: 700px) {
    .form-chat-big {
        position: fixed;
        bottom: 5rem;
        width: 350px;
        right: 0;
        z-index: 9;
    }
}

#chat-messagens {
    margin-left: 5px;
    margin-right: 5px;
    height: 350px;
}

#convForm {
    padding-right: -5px;
}

.dragscroll .option {
    font-size: 11px !important;
}

#chat-covid19 {
    font-size: 20px;
    color: white;
}

.overflow-y-scroll {
    overflow: hidden!important;
}

.fale-conosco-chat {
    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    -webkit-border-top-right-radius: 100px;
    -webkit-border-bottom-right-radius: 100px;
    -moz-border-radius-topright: 100px;
    -moz-border-radius-bottomright: 100px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    background-color: #ED1651;
    color: white;
    padding: 5%;
    font-size: 13px;
    cursor: pointer;
    visibility: visible;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}

.fale-conosco-chat:hover {
    box-shadow: 1px 1px 3px grey;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}