.o_fusion_sidebar_panel {
    @include o-fusion-disable-scrollbar();
    background-color: $o-fusion-color-sidebar-background;
    width: var(--o-fusion-sidebar-width, 0);
    overflow-y: auto;
    .o_fusion_sidebar {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
	    white-space: nowrap;
	    .o_fusion_sidebar_menu {
	    	padding: 0;
		    > li > a {
		        cursor: pointer;
	            font-size: 13px;
	            font-weight: 300;
	            overflow: hidden;
	            padding: 8px 11px;
	            text-decoration: none;
	            color: $o-fusion-color-sidebar-text;
	            text-overflow: ellipsis;
	            .o_fusion_sidebar_icon {
				    width: 22px;
				    height: 22px;
	    			margin-right: 5px;
				}
		    }
	        > li.active > a {
			    background: $o-fusion-color-sidebar-active;
	        }
	        > li:hover > a {
			    background: $o-fusion-color-sidebar-active;
	        }
	    }
	}
}

.o_fusion_sidebar_type_large {
	--o-fusion-sidebar-width: #{$o-fusion-sidebar-large-width};
}

.o_fusion_sidebar_type_small {
	--o-fusion-sidebar-width: #{$o-fusion-sidebar-small-width};
	.o_fusion_sidebar_name {
		display: none;
	}
	.o_fusion_sidebar_icon {
		margin-right: 0 !important;
	}
   	.o_fusion_sidebar_logo {
		display: none;
	}
}

.o_fusion_sidebar_type_invisible {
	--o-fusion-sidebar-width: 0;
}

.editor_has_snippets_hide_backend_navbar,
.o_home_menu_background,
.o_fullscreen {
	--o-fusion-sidebar-width: 0;
}

.editor_has_snippets_hide_backend_navbar .o_fusion_sidebar_panel {
    transition: width 300ms;
}

@include media-breakpoint-only(md) {
	.o_fusion_sidebar_type_large {
		--o-fusion-sidebar-width: #{$o-fusion-sidebar-small-width};
		.o_fusion_sidebar_name {
			display: none;
		}
		.o_fusion_sidebar_icon {
			margin-right: 0 !important;
		}
	   	.o_fusion_sidebar_logo {
			display: none;
		}
	}
}

@include media-breakpoint-down(md) {
	.o_fusion_sidebar_type_large, .o_fusion_sidebar_type_small {
		--o-fusion-sidebar-width: 0;
	}
}

@media print {
	.o_fusion_sidebar_type_large, .o_fusion_sidebar_type_small {
		--o-fusion-sidebar-width: 0;
	}
}
