:root{--sidebar-width-expended:260px;--sidebar-width-collapsed:0;--header-height:55px;--header-breadcrumb:52px;--sidebar-width:var(--sidebar-width-expended)}.sidebar-expanded{width:var(--sidebar-width-expended)}.sidebar-collapsed{width:var(--sidebar-width-collapsed)}.bread-crumb{top:var(--header-height)}.main-expanded,.navbar-expanded{margin-left:var(--sidebar-width-expended);--sidebar-width:var(--sidebar-width-expended)}.main-collapsed,.navbar-collapsed{margin-left:var(--sidebar-width-collapsed);--sidebar-width:var(--sidebar-width-collapsed)}.main-layout{margin-top:calc(var(--header-height) + var(--header-breadcrumb))}.side-bar{margin-top:var(--header-height)}