/*
 * Component: Sidebar
 * The left sidebar.
 * It can be minimized to the left.
 * On small screens it is shown when minimised and hides when expanded.
 * 
 */
.main-sidebar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	height: 100vh;
	height: 100dvh; /* Safari, Chrome, etc. */
	width: 16rem;
	z-index: 810;
	-webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
	-moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
	-o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
	background-color: rgb(250, 250, 250);
	border-right: 1px solid rgb(226, 232, 240);
}

@media (max-width: 767px) {
	.main-sidebar {
		-webkit-transform: translate(-16rem, 0);
		-ms-transform: translate(-16rem, 0);
		-o-transform: translate(-16rem, 0);
		transform: translate(-16rem, 0);
	}
}

@media (max-width: 768px) {
	.sidebar-collapse .main-sidebar {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		width: 16rem !important;
	}
}

@media (min-width: 768px) {
	.sidebar-collapse .main-sidebar {
		-webkit-transform: translate(-16rem, 0);
		-ms-transform: translate(-16rem, 0);
		-o-transform: translate(-16rem, 0);
		transform: translate(-16rem, 0);
	}
}

.sidebar-bottom-buttons {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 0;
	align-items: stretch;
	justify-content: space-around;
	background-color: #fafafa;
	margin-bottom: 0.6rem;
}
.sidebar-bottom-buttons koi-idbutton{
	flex: 1;
}
.sidebar-bottom-buttons koi-idbutton .btn-primary {
	width: 100%;
	text-align: left;
	border-radius: 0;
	font-size: 0.875rem;
	--bs-btn-color: rgb(93, 93, 100);
	--bs-btn-bg: rgb(250, 250, 250);
	--bs-btn-border-color: transparent;

	--bs-btn-hover-color: rgb(33, 33, 40);
	--bs-btn-hover-bg: rgb(230, 230, 230);
	--bs-btn-hover-border-color: transparent;

	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-focus-box-shadow: none;

	--bs-btn-active-color: rgb(33, 33, 40);
	--bs-btn-active-bg: rgb(240, 240, 240);
	--bs-btn-active-border-color: transparent;
	--bs-btn-active-shadow: none;

	--bs-btn-disabled-color: rgb(150, 150, 150);
	--bs-btn-disabled-bg: rgb(245, 245, 245);
	--bs-btn-disabled-border-color: transparent;

	--bs-btn-border-width: 0;
}
.sidebar-bottom-buttons koi-idbutton .btn-primary svg{
	margin-right: 0.6rem;
	display: inline-block;
}