/* Web client positioning: */
.usercare .chatbox {
	position: fixed;
	bottom: 20px;
	right: 20px;
        width: 150px;
        height: 50px;
}

.usercare .chatbox .btn-chat {
	background: #b7bac3;
        width: 150px;
        height: 50px;
        border-radius: 50rem;
    padding: 0px;
}
@-webkit-keyframes usercare-hvr-neon {
    0% {
        background-color: #b7bac3;
        -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, .3);
    }
    50% {
        background-color: #b7bac3;
        -webkit-box-shadow: 0 0 18px #000000;
    }
    100% {
        background-color: #b7bac3;
        -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, .3);
    }
}

@keyframes usercare-hvr-neon {
    0% {
        background-color: #b7bac3;
        box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, .3);
    }
    50% {
        background-color: #000000;
        box-shadow: 0 0 18px #000000;
    }
    100% {
        background-color: #b7bac3;
        box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, .3);
    }
}

.usercare .chatbox .btn-chat div {
    background: transparent url('https://demo.agent.ai/img/support.png') no-repeat;
    background-size: 140px 40px;
background-position-x: 10px;
background-position-y: 5px;
        height: 50px;
        width: 150px;
}
/* Web client header: */
.usercare .uc-header {
	background: #000000;
}
/* Message area: */
.usercare .uc-footer .uc-textarea {
	background: #b7bac3;
}
/* Web client footer: */
.usercare .uc-footer {
	border-top: 1px solid #146a9b;
	background: #b7bac3;
}
.usercare .close-holder {
	background: #6d7383;
}
.usercare .chat-message .bubble.welcome p {
    background: #6d7383;
}
.usercare .chat-message .bubble.mine p {
	background: #b7bac3;
}
.usercare .chat-message .bubble.other p {
	background: #e2e3e7;
}
.usercare .chat-message .bubble.other.date p {
    background: #6d7383;
}
.usercare .uc-footer .uc-textarea::-webkit-input-placeholder {
	color: #000000;
	opacity: 1;
}
.usercare .chat-message .bubble p span.reply {
    border: 2px solid #bf3a65;
    color: #bf3a65;
}
.usercare .chat-message .bubble p span.reply:hover {
    background: #facae0;
}
.usercare .chat-message .bubble p span.reply.selected,
.usercare .chat-message .bubble p span.reply.selected span {
    background: #bf3a65;
    color: white;
}