.wrapper {display: flex; align-items: stretch;}
#sidebar {min-width: 200px; max-width: 220px; background: #003344; color: #fff; transition: all 0.3s; margin-left:0px;}
#sidebar .line{margin:8px 0; height:1px; background-color:#0f4d62}
#sidebar.active {margin-left: -200px;}
#sidebar ul{padding:0px; margin:0px; list-style:none}
#sidebar ul li a {font-size:12px; font-weight:300; display: block; text-decoration:none; line-height:34px; padding:0 10px; color:#fff}
#sidebar ul li a i{font-size:13px; width:20px; text-align:center; margin-right:10px;}
#sidebar ul li a:hover, #sidebar ul li.active a{color: #fff; background: #be051b;}
#sidebar ul li .dropdown-menu{position:relative; background:#002b39; min-width:100%; border-radius:0px; border:none; box-shadow:none}
#sidebar ul li .dropdown-menu li a{line-height:30px; font-size:12px; padding-left:25px}
#sidebar ul li .dropdown-menu li a i{font-size:12px}
#sidebar ul li .dropdown-menu li a:before{content:none !important}
#sidebar ul li.dropdown a:before{content:"\f107"; position:absolute; font-family:fontawesome;right: 12px; top:0px; font-size:22px}
#sidebar ul li.dropdown.open a:before{-ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari 3-8 */ transform: rotate(180deg);}
/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {padding:0px; min-height: 100vh; transition: all 0.3s;}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- 
@media (max-width: 768px) {
.wrapper {display: flex; align-items: stretch; overflow:hidden}
#sidebar {margin-left: -220px; }
#sidebar.active {margin-left: 0;}
#sidebarCollapse span {display: none;}
#content {padding:30px 0}
}*/