.wrapper{display:flex;width:100%;overflow-x:hidden;position:relative}#sidebar,.wrapper{transition:all .3s ease;min-height:100vh}#sidebar{width:250px;background:#1c7a42;color:#fff;position:fixed;overflow-y:auto;left:0;top:0;z-index:999;padding:auto}#sidebar.active{margin-left:-250px}#dismiss{position:absolute;top:10px;right:10px;cursor:pointer;color:#000}#sidebar .sidebar-header{padding:auto;background:#fff;color:#3a8558}#sidebar ul.components{padding:20px 0;border-bottom:1px solid #47748b}#sidebar ul li a{padding:10px;font-size:1em;display:block;color:#fff;text-decoration:none}#sidebar ul li a:hover,a:focus{font-size:1.2em}#content{flex-grow:1;padding:20px;min-height:100vh;transition:all .3s;margin-left:250px;overflow:auto}#content.sidebar-open{margin-left:0}body{height:100vh}body,html{overflow:auto}html{height:100%}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:1000;width:100%;background-color:#f8f9fa}.navbar .dropdown-menu{display:none}.navbar .dropdown-menu.show{display:block}#sidebarCollapse{margin-right:15px}.dropdown-menu{display:none}.dropdown-menu.show{display:block}.sample-component{margin-top:20px}#sidebarCollapse{color:#0c0c0c}