:root {
	--catit1-background: #f0f5fa;
	}
	[data-theme="dark"] {
	--catit1-background: #202427;
	}


	:root {
	  --catit1how-background: #c0dbf6;
	  }
	  [data-theme="dark"] {
	  --catit1how-background: #213c51;
	  }


.btn-menus {
	color: var(--pcolor-background);
	background-color: var(--catit1-background);
	border-color: var(--catit1-background); }
	.btn-menus:hover {
	  color: var(--pcolor-background);
	  background-color: var(--catit1how-background);
	  border-color: #abd1f7; }
	.btn-check:focus + .btn-menus, .btn-menus:focus {
	  color: #141e37;
	  background-color: #c0dbf6;
	  border-color: #abd1f7;}
	.btn-check:checked + .btn-menus,
	.btn-check:active + .btn-menus, .btn-menus:active, .btn-menus.active,
	.show > .btn-menus.dropdown-toggle {
	  color: #000;
	  background-color: #c0dbf6;
	  border-color: #abd1f7; }
	  .btn-check:checked + .btn-menus:focus,
	  .btn-check:active + .btn-menus:focus, .btn-menus:active:focus, .btn-menus.active:focus,
	  .show > .btn-menus.dropdown-toggle:focus {
		-webkit-box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
		box-shadow: 0 0 0 0.25rem rgba(212, 248, 255, 0.5); }
	.btn-menus:disabled, .btn-menus.disabled {
	  color: #000;
	  background-color: #f0f5fa;
	  border-color: #f0f5fa; }
   .btn_menu {
	padding: 10px 10px;
	border-color: none;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .1rem;
	text-transform: uppercase; }
   
   
   .btn_menu img {
	  max-width: 100%;
   }
   
   .sidebar-boxicon {
   
	  margin-right: 1%;
	margin-left: 1%;
	  font-size: 15px;
	  width: 14.6%;
	  float: left;
	  background: #fff;
	background-color: var(--catit1-background);
	border-radius: 10px;
   }




   /* Стилі для WebKit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 12px; /* Ширина скролбара */
}

::-webkit-scrollbar-track {
    background: #f1f1f1; /* Колір треку скролбара */
}

::-webkit-scrollbar-thumb {
    background-color: #888; /* Колір самого скролбара */
    border-radius: 6px; /* Закруглені кути */
    border: 3px solid #f1f1f1; /* Відступ всередині скролбара */
}

::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Колір скролбара при наведенні */
}

/* Стилі для Firefox */
scrollbar-width: thin; /* Вузький скролбар */
scrollbar-color: #888 #f1f1f1; /* Колір скролбара і треку */

/* Кастомізація для всіх елементів */
body {
    scrollbar-width: thin; /* Для Firefox */
    scrollbar-color: #888 #f1f1f1; /* Для Firefox */
}