#writeTextZone {
	background: url(/frontend/img/chatBackground.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
.bcherrySmaller {
	top: 10px!important;
    left: 77px!important;
    width: 42px!important;
}
#chat-send {
	margin-top: 4px;
    padding: 4px 10px;
    background-color: #fdcf3e;
    color: black;
    display: inline-block;
    width: 100%;
    font-size: 12px;
}
#chat-messages, #chat-inbox {
	background: url(/frontend/img/chatBackground.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
	
	/* width */
	&::-webkit-scrollbar {
	  width: 10px;
	}

	/* Track */
	&::-webkit-scrollbar-track {
	  /*box-shadow: inset 0 0 5px grey;*/
	  border-radius: 0px;
	}
	 
	/* Handle */
	&::-webkit-scrollbar-thumb {
	  background: #FDCF3E; 
	  border-radius: 2px;
	}

	/* Handle on hover */
	&::-webkit-scrollbar-thumb:hover {
	  background: #fed550; 
	}
}
#chat-close-conv {
	background: none;
    border: none;
    color: white;
    border-radius: 2px;
    font-size: 11px;
    padding: 6px;
    cursor: pointer;
    background-color: #ed4949;
}
.buttMic {
	background:#FDCF3E;border:none;color:#000;font-size:10px;
	padding:2px 8px;margin-right:4px;cursor:pointer;border-radius:3px;
}
.unbanBut {
	color: white!important;
    border: 1px solid white!important;
}
@media (max-width: 768px) {
    #chat-main {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    #chat-inbox,
    #chat-right-pane,
    #chat-video-pane {
        scroll-snap-align: start;
    }

    #chat-main > #chat-inbox,
    #chat-main > #chat-right-pane,
    #chat-main > #chat-video-pane {
        flex: 0 0 100%;
        max-width: 100%;
    }
}