html.semi-dark .sidebar-wrapper {
	background: #94f3ff;
	border-right: 1px solid #e4e4e400;
	box-shadow: 0 0.1rem 0.7rem rgb(0 0 0 / 32%) !important;
}
html.semi-dark .sidebar-wrapper .sidebar-header {
	background: #8fd8ff;
	border-right: 1px solid #e4e4e400;
	border-bottom: 1px solid rgb(255 255 255 / 15%)
}
html.semi-dark .sidebar-wrapper .sidebar-header .logo-text {
	color: #e7e9ec
}
html.semi-dark .sidebar-wrapper .sidebar-header .toggle-icon {
	color: #e7e9ec
}
html.semi-dark .sidebar-wrapper .metismenu a {
	color: #9ea4aa
}
html.semi-dark .sidebar-wrapper .metismenu .mm-active>a, html.semi-dark .sidebar-wrapper .metismenu a:active, html.semi-dark .sidebar-wrapper .metismenu a:focus, html.semi-dark .sidebar-wrapper .metismenu a:hover {
	color: #fff;
	text-decoration: none;
	background: rgb(255 255 255 / 18%)
}

html.semi-dark .sidebar-wrapper .metismenu ul {
	border: 1px solid #ffffff00;
	background: rgb(255 255 255 / 8%)
}
html.semi-dark .simplebar-scrollbar:before {
	background: rgba(255, 255, 255, .4)
}
html.semi-dark .logo-icon {
	filter: invert(1) grayscale(100%) brightness(200%)
}
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-1, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-10, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-11, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-12, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-2, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-3, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-4, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-5, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-6, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-7, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-8, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-9 {
	color: inherit
}




html.minimal-theme .topbar {
	background:#bad0ff;
	border-bottom: 1px solid #dee2e6;
	box-shadow: none!important
}
html.minimal-theme .sidebar-wrapper .metismenu ul {
	background: #bad0ff;
	border-bottom: 1px solid #dee2e6;
	box-shadow: none!important
}
html.minimal-theme .topbar .search-control {
	background-color: #bad0ff;
	border: 1px solid #dee2e6
}
html.minimal-theme .topbar .user-box {
	border-left: 1px solid #dee2e6
}
html.minimal-theme .sidebar-wrapper {
	background:#bad0ff;
	border-right: 1px solid #dee2e6;
	box-shadow: none!important
}
html.minimal-theme .sidebar-header {
	background: #bad0ff;
	border-bottom: 1px solid #dee2e6;
	background-clip: padding-box
}

html.minimal-theme .card{
	background-color: #d8e4ff;
    box-shadow: none;
	border: 1px solid rgb(0 0 0 / 12%) !important;
}

html.minimal-theme .page-footer{
	background: #bad0ff;
}

@media screen and (min-width:1025px) {
	html.minimal-theme .wrapper.toggled.sidebar-hovered .sidebar-wrapper {
		box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .12)!important
	}
}
.bgcc{
  background-color: #e4e8ff;
}
::-webkit-scrollbar {
  width: 12px; /* Width of the scrollbar */
}

::-webkit-scrollbar-track {
  background:#bee7ff; /* Background of the scrollbar track */
}

::-webkit-scrollbar-thumb {
  background: #102586; /* Color of the scrollbar thumb */
  border-radius: 6px; /* Roundness of the scrollbar thumb */
}

::-webkit-scrollbar-thumb:hover {
  background: #5845ff; /* Color of the scrollbar thumb when hovered */
}

/* For Firefox */
body {
  scrollbar-width: thin; /* Scrollbar width can be 'auto', 'thin', or 'none' */
  scrollbar-color: #888 #f1f1f1; /* Scrollbar thumb and track colors */
}

table{
  scrollbar-width: thin; /* Scrollbar width can be 'auto', 'thin', or 'none' */
  scrollbar-color: #888 #f1f1f1; /* Scrollbar thumb and track colors */

}