/*
 *  STYLE 3
 */

#chat-message::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#chat-message::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#chat-message::-webkit-scrollbar-thumb
{
	background-color: #737373;
}

.pointercusrsor {
	cursor: pointer;
}
.direct-chat-timestamp{
	position: absolute;
    bottom: 0;
    /* float: right !important; */
    right: 8px;
    color: white;
    font-size: 12px;
}
.direct-chat-text p {
	margin-top: 0;
	margin-bottom: 5px;
}

.right .direct-chat-text {
    margin-left: 30%;
    margin-right: 0px;
}
#chat-message {
	overflow-x: hidden;
}

.direct-chat-text {
    margin: 6px 30% 0 0px;
    min-width: 25%;
}
.recievedMsg{
	color: black;
}

.senderMsg{
	color: white;
}

.sender {
    border-radius: 0.3rem;
    background-color: #d2d6de;
    border: 1px solid #d2d6de;
    color: #444;
    padding: 15px 10px;
    position: relative;
    font-size: 13px;
    float: right;
}

.recieved {
    border-radius: 0.3rem;
    background-color: #d2d6de;
    border: 1px solid #d2d6de;
    color: #444;
    padding: 15px 10px;
    position: relative;
    font-size: 13px;
    width: fit-content;
    float: left;
}

.logs {
    text-align: center;
    color: #8f8d8d;
}

.chat-card {
    height: calc(100vh - 115px);
}
.show{
    display: block !important;
}
.username, .description {
    margin-left: 0px !important; 
}
.active {
     border-bottom: none !important; 
}
.required{
    color: red;
}