/* Style global pour toutes les scrollbars */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

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

::-webkit-scrollbar-thumb {
    background-color: #F90;	
    background-image: -webkit-linear-gradient(45deg,
                                              rgba(255, 255, 255, .2) 25%,
                                              transparent 25%,
                                              transparent 50%,
                                              rgba(255, 255, 255, .2) 50%,
                                              rgba(255, 255, 255, .2) 75%,
                                              transparent 75%,
                                              transparent);
    border-radius: 10px;
}

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

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

.darkScrollbar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.darkScrollbar {
    scrollbar-width: thin;
}

.darkSettings {
    background: #161515;
    color: #aaa;
    overflow-y: auto;
    text-align: left;
    font-size: smaller;
}

/* Custom scrollbars for WebKit browsers */
.box.news .scrollable-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
    background-color: #F5F5F5 !important;
    border-radius: 10px; /* Added border-radius */
}

.box.news .scrollable-content::-webkit-scrollbar {
    width: 10px !important;
    background-color: #F5F5F5 !important;
}

.box.news .scrollable-content::-webkit-scrollbar-thumb {
    background-color: #F90 !important;    
    background-image: -webkit-linear-gradient(45deg,
                                              rgba(255, 255, 255, .2) 25%,
                                              transparent 25%,
                                              transparent 50%,
                                              rgba(255, 255, 255, .2) 50%,
                                              rgba(255, 255, 255, .2) 75%,
                                              transparent 75%,
                                              transparent) !important;
    border-radius: 10px; /* Added border-radius */
}

/* For other browsers using the CSS Scrollbars specification */
.box.news .scrollable-content::-moz-scrollbar-track {
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
    background-color: #F8F8FB !important;
    border-radius: 10px; /* Added border-radius */
}

.box.news .scrollable-content::-moz-scrollbar {
    width: 10px !important;
    background-color: #F5F5F5 !important;
}

.box.news .scrollable-content::-moz-scrollbar-thumb {
    background-color: #F90 !important;    
    background-image: -moz-linear-gradient(45deg,
                                           rgba(255, 255, 255, .2) 25%,
                                           transparent 25%,
                                           transparent 50%,
                                           rgba(255, 255, 255, .2) 50%,
                                           rgba(255, 255, 255, .2) 75%,
                                           transparent 75%,
                                           transparent) !important;
    border-radius: 10px; /* Added border-radius */
}