.custom-remove-animation {
    animation-name: pulse-remove;
    animation-duration: 0.25s;
    animation-iteration-count: 3;
    animation-timing-function: ease-in-out;
}

@keyframes pulse-remove {
    0% {
        color: #313f40;
    }
    50% {
        color: #c39744;
    }
    100% {
        color: #d68c00;
    }
}

.custom-add-animation {
    animation-name: pulse-add;
    animation-duration: 0.25s;
    animation-iteration-count: 3;
    animation-timing-function: ease-in-out;
}

@keyframes pulse-add {
    0% {
        color: #313f40;
    }
    50% {
        color: #44c34f;
    }
    100% {
        color: #00c711;
    }
}

.custom-fade-in-animation {
    animation-name: fade-in-message;
    animation-duration: 10s;
    animation-timing-function: ease-in-out;
}

@keyframes fade-in-message {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
    }
}

#scrollbar-style {
    /*height: 0vh;*/
}

#scrollbar-style::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#scrollbar-style::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#scrollbar-style::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: rgba(71, 88, 89, 0.7);
}