#main-content { margin-left: 210px; height: auto; } .sidebar-closed > #sidebar > ul { display: none; } .sidebar-closed #main-content { margin-left: 0px; } .sidebar-closed #sidebar { margin-left: -210px; } #sidebar { width: 210px; height: auto; background: #2a3542; overflow-y: scroll; position: absolute; } #sidebar .sub-menu > .sub li { padding-left: 32px; } #sidebar ul li { position: relative; } ul.sidebar-menu { margin-top: 20px !important; } ul.sidebar-menu, ul.sidebar-menu li ul.sub { margin: -2px 0 0; padding: 0; } ul.sidebar-menu ul li { list-style: none; } ul.sidebar-menu .dcjq-icon { height: 17px; width: 17px; display: inline-block; background: url(../images/nav-expand.png) no-repeat top; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position: absolute; right: 10px; top: 15px; } ul.sidebar-menu .active .dcjq-icon { background: url(../images/nav-expand.png) no-repeat bottom; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } ul.sidebar-menu li { line-height: 20px !important; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; } ul.sidebar-menu li a.active i { color: #FF6C60; } ul.sidebar-menu li a i { font-size: 15px; padding-right: 6px; } ul.sidebar-menu li.sub-menu { line-height: 15px; } ul.sidebar-menu li a { color: #aeb2b7; text-decoration: none; display: block; padding: 15px 0 15px 10px; font-size: 12px; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus { background: #35404d; color: #fff; display: block; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a { color: #FF6C60; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; display: block; } ul.sidebar-menu li ul.sub li { background: #35404D; margin-bottom: 0; margin-left: 0; margin-right: 0; } ul.sidebar-menu li ul.sub li:last-child { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } ul.sidebar-menu li ul.sub li a { font-size: 12px; padding: 6px 0; line-height: 35px; height: 35px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; color: #aeb2b7; }