/*--------------------------------------------------------------
# Webkit-Scrollbar Styles
--------------------------------------------------------------*/

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(#cbd5e0, #a0aec0);
    border-radius: 5px;
    cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(#a0aec0, #718096);
}

::-webkit-scrollbar-track {
    background: #f7fafc;
}

.red {
    background: #e53e3e !important;
    color: white !important;
}

.red:hover {
    background: #c53030 !important;
}