:root {
	--primary-pulse: 43, 77, 129;
}

#chat_messages::-webkit-scrollbar {
	width: 8px;
}

#chat_messages::-webkit-scrollbar-track {

	background: transparent;
}

#chat_messages::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, .20);
	border-radius: 15px;
}

#chat .input-group .smile_input {
    width: calc(100% - 60px) !important;
    position: relative;
}

#voice:active {
	-webkit-transform: scale(1.20);
	-moz-transform: scale(1.20);
	transform: scale(1.20);
	animation: pulse 1.2s infinite;
}
	
@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(var(--primary-pulse), 0.4);
	}
	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(var(--primary-pulse), 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(var(--primary-pulse), 0);
	}
}

@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(var(--primary-pulse), 0.4);
		box-shadow: 0 0 0 0 rgba(var(--primary-pulse), 0.4);
	}
	70% {
		-moz-box-shadow: 0 0 0 10px rgba(var(--primary-pulse), 0);
		box-shadow: 0 0 0 10px rgba(var(--primary-pulse), 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(var(--primary-pulse), 0);
		box-shadow: 0 0 0 0 rgba(var(--primary-pulse), 0);
	}
}