.wrapper{display:flex;align-items:stretch}
#sidebar{min-width:255px;max-width:255px;background:url(../images/bg_left.jpg) no-repeat right;background-size:cover;color:#333;border-right:1px solid #eee;transition:all .3s}
#sidebar.active{min-width:80px;max-width:80px;text-align:center}
#sidebar.active .sidebar-header h3,#sidebar.active .CTAs{display:none}
#sidebar.active .sidebar-header strong{display:block}
#sidebar ul li a{text-align:left}
#sidebar.active ul li a{padding:20px 10px;text-align:center;font-size:.85em}
#sidebar.active ul li a i{margin-right:0;display:block;font-size:1.8em;margin-bottom:5px}
#sidebar.active ul ul a{padding:10px!important}
#sidebar.active .dropdown-toggle::after{top:auto;bottom:10px;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}
#sidebar .sidebar-header{padding:20px}
#sidebar .sidebar-header strong{display:none;font-size:1.8em}
#sidebar ul.components{padding:0}
#sidebar ul li a{padding:10px 20px;display:block;font-size:13px;border-bottom:1px solid #eee;color:#484848}
#sidebar ul li a:hover{color:#035498;background:#fff}
#sidebar ul li a i{margin-right:10px;font-size:18px}
#sidebar ul li.active>a,a[aria-expanded="true"]{color:#333;background:#eaeaea}
a[data-toggle="collapse"]{position:relative}
.dropdown-toggle::after{display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%)}
ul ul a{font-size:.9em!important;padding-left:30px!important;background:#f4f4f475}
ul.CTAs{padding:20px}
ul.CTAs a{text-align:center;font-size:.9em!important;display:block;border-radius:5px;margin-bottom:5px}
a.download{background:#fff;color:#7386D5}
a.article,a.article:hover{background:#6d7fcc!important;color:#fff!important}
#content{width:100%;padding:0;background:#f4f4f4;min-height:100vh;transition:all .3s}
@media (max-width: 768px) {
#sidebar{min-width:80px;max-width:80px;text-align:center;margin-left:-80px!important}
.dropdown-toggle::after{top:auto;bottom:10px;right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}
#sidebar.active{margin-left:0!important}
#sidebar .sidebar-header h3,#sidebar .CTAs{display:none}
#sidebar .sidebar-header strong{display:block}
#sidebar ul li a{padding:20px 10px}
#sidebar ul li a span{font-size:.85em}
#sidebar ul li a i{margin-right:0;display:block}
#sidebar ul ul a{padding:10px!important}
#sidebar ul li a i{font-size:1.3em}
#sidebar{margin-left:0}
}