#sidebar { min-width: 200px; max-width: 200px; min-height: 100vh; background: #2D4360; color: #fff; transition: all 0.3s; } .wrapper { display: flex; align-items: stretch; } a[data-toggle="collapse"] { position: relative; } .dropdown-toggle::after { display: block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); } a, a:hover, a:focus { color: inherit; text-decoration: none; transition: all 0.3s; } #sidebar .sidebar-header { padding: 20px; background: #355072; } #sidebar ul.components { padding: 0 0; } #sidebar ul p { color: #fff; padding: 10px; } #sidebar ul li a { padding: 10px; font-size: 1.1em; display: block; border-bottom: 1px solid rgba(71,95,126,.30); } #sidebar ul li a:hover { color: #7386D5; background: #fff; } #sidebar ul li.active > a, a[aria-expanded="true"] { color: #fff; background: #475F7E; text-decoration: underline; } #sidebar li{ list-style: none; } ul ul a { font-size: 0.9em !important; padding-left: 30px !important; background: #475F7E; } .components h4{ padding-left: 10px; font-size: 20px; } /* Welcome module */ .welcome_logo{ width: 200px; float: right; } .login{ margin: 40px; } .login form{ margin: 50px; } .login_submit{ float: right; } .sidebar_entry_active{ text-decoration: underline; } .group_selection_group{ display: inline; }