@import url('https://fonts.cdnfonts.com/css/poppins');

.header {

    font-family: 'Poppins', sans-serif !important;
    font-size: 2rem;

}

.chat_header {
    font-family: 'Poppins', sans-serif !important;
    font-size: 24px;
    color: #f2cf46 !important;
    height: 69px;
    background: #222222 !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 8px;
}


.chat {

    font-family: 'Poppins', sans-serif !important;

}

textarea#chatSend {
    border-color: #f2cf46 !important;

}

.chat_option img {

    border: 2px solid #f2f4f8;
    border-color: #222222 !important;

}

.online_text {

    color: #ffffffff !important;

}

.header {

    color: #f2cf46 !important;

}

.chat .chat_converse .chat_msg_item.chat_msg_item_admin p {

    color: #222222 !important;

}

.chat .chat_converse .chat_msg_item.chat_msg_item_admin p a:link {
    color: #222222;
}

.chat .chat_converse .chat_msg_item.chat_msg_item_admin p a:visited {
    color: #222222;
}

.chat .chat_converse .chat_msg_item.chat_msg_item_admin {

    background-color: #f2f4f8 !important;

}

.chat .chat_converse .chat_msg_item.chat_msg_item_user {

    color: #222222 !important;
    background: #f2f4f8 !important;

}

.chat .chat_converse .chat_msg_item.chat_msg_item_user p {

    color: #545859 !important;

}


#chat_fullscreen {

    background: #ffffffff !important;

}

.tags li {

    border: 2px solid #222222 !important;
    font-weight: bold;
    background: #f2f4f8 !important;
    color: #222222 !important;

}

.burbuja {
    background-image: url(https://sdm.botpropanel.com/Files/DownloadFile/b96199a0-8afa-4242-ae29-a0e80dac1ada) !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-size: 40px !important;
}

.text_speech {
    text-align: center !important;
    justify-content: center !important;
    font-size: 13px !important;
}

i.prime.bi-chat-left-text-fill.bi {

    display: none;
}

@media(width < 768px) {
    svg#Clouse {
        background-color: #fff !important;
        fill: #f9cd1f !important;
        border-radius: 10px !important;
    }

    .cerrar {
        position: relative !important;
        top: -71px !important;
        left: -12px !important;
        text-align: right !important;
        color: #fff !important;
    }
}

textarea#chatSend {
    margin-left: 30px !important;
}

svg :hover {
    fill: #f9cd1f !important;
}