/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Элегантные полосы прокрутки'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'Игорь Лохман'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: "../wp-content/plugins/super-style/assets/image/igor-main-author-ava.png"; */

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: 'Современные и изящные полосы прокрутки на страницах школы, в панели навигации и уведомлениях.'; */

/* ----------------- */
/* НАСТРОЙКИ ДИЗАЙНА */
/* ----------------- */

:root {

/* Ширина ВСЕХ полос прокруток */
--width-scroll-elegant: 8px;

/* Закругление ВСЕХ Перетаскиваемых элементов */
--radius-scroll-elegant: 12px;

/* Цвет Перетаскиваемого элемента - на Страницах */
--color-thumb-scroll-elegant: #C3CCD5;

/* Цвет пустой области Прокрутки - на Страницах */
--color-empty-scroll-elegant: #FFFFFF00;

/* Цвет Перетаскиваемого элемента - в панели Навигации по урокам */
--color-thumb-menu-lessons-scroll-elegant: #C3CCD5;

/* Цвет пустой области Прокрутки - в панели Навигации по урокам */
--color-empty-menu-lessons-scroll-elegant: #0F2538;

/* Цвет Перетаскиваемого элемента - в Уведомлениях */
--color-thumb-notify-scroll-elegant: #C3CCD5;

/* Цвет пустой области Прокрутки - в Уведомлениях */
--color-empty-notify-scroll-elegant: #F7F7F7;

}

/* ------------------------- */
/* НЕ ТРОГАЙТЕ ВСЁ, ЧТО НИЖЕ */
/* ------------------------- */

/* ПОЛОСА ПРОКРУТКИ НА ВСЕХ СТРАНИЦАХ */
/* ---------------------------------- */

/* Вся область полосы прокрутки */

::-webkit-scrollbar {
	width: var(--width-scroll-elegant);
}

/* Индикатор Прокрутки - перетаскиваемый элемент */

body::-webkit-scrollbar-thumb {
    background-color: var(--color-thumb-scroll-elegant);
    border-radius: var(--radius-scroll-elegant);
	border: none;
}

/* Пустое пространство под индикатором Прокрутки */

body::-webkit-scrollbar-track {
    background: var(--color-empty-scroll-elegant);
}

/* Полоса прокрутки в панели Навигации по урокам */

body .menu-opened.mbli3-left-menu::-webkit-scrollbar-thumb {
	background-color: var(--color-thumb-menu-lessons-scroll-elegant);
    border-radius: var(--radius-scroll-elegant);
	border: none;
}

/* Пустое пространство под индикатором Прокрутки в панели Навигации */

body .menu-opened.mbli3-left-menu::-webkit-scrollbar-track {
	background: var(--color-empty-menu-lessons-scroll-elegant);
}
 
/* Полоса прокрутки в панели Уведомлений */

.mbln-notifications-tab-content > .mbln-notifications-tab-pane::-webkit-scrollbar-thumb {
	background-color: var(--color-thumb-notify-scroll-elegant);
    border-radius: var(--radius-scroll-elegant);
	border: none;
}

/* Пустое пространство под индикатором Прокрутки панели Уведомлений */

.mbln-notifications-tab-content > .mbln-notifications-tab-pane::-webkit-scrollbar-track {
	background: var(--color-empty-notify-scroll-elegant);
}

/* -------------------------- */
/* ПОЛОСА ПРОКРУТКИ В FIREFOX */
/* -------------------------- */

@-moz-document url-prefix() {

/* Общие настройки полосы прокрутки для FIREFOX */

* {
	scrollbar-color: var(--color-thumb-scroll-elegant) var(--color-empty-scroll-elegant) !important;
	scrollbar-width: thin !important;
}

/* Полоса прокрутки в панели Навигации по урокам для FIREFOX */

body .menu-opened.mbli3-left-menu {
	scrollbar-color: var(--color-thumb-menu-lessons-scroll-elegant) var(--color-empty-menu-lessons-scroll-elegant) !important;
}

}
/* Конец стилей для FIREFOX */
/* ------------------------ */