.wrapper {display: flex; align-items: stretch; width:100%}
#sidebar {min-width: 220px; max-width: 220px; background: #fff; border-right:#dae4ef 1px solid; color: #fff; transition: all 0.3s; margin-left:-220px}
#sidebar .line{margin:15px 0; height:1px; background-color:#e9e9e9}
#sidebar.active {margin-left: 0px;}
#sidebar ul{padding:0px; margin:0px; list-style:none}
#sidebar ul li a {font-size:13px; font-weight:400; display: block; text-decoration:none; line-height:40px; padding:0 15px; color:#1e1e1e; border-bottom:#dae4ef 1px solid; text-transform:uppercase; position:relative}
#sidebar ul li a:hover, #sidebar ul li a.active{ background: #f4f7fb;}
#sidebar ul li .arrow.collapsed:before{content:"\f105"; position:absolute; font-family: "Font Awesome 5 Free"; font-weight: 700; right: 12px; top:0px; font-size:14px}
#sidebar ul li .arrow:before{content:"\f107"; position:absolute; font-family: "Font Awesome 5 Free"; font-weight: 700; right: 12px; top:0px; font-size:14px; }
#sidebar ul li ul.dropdown-menu-area{margin:0px; padding:0px; list-style:none; border-bottom:#dae4ef 1px solid;}
#sidebar ul li ul.dropdown-menu-area li:first-child{margin-top:6px}
#sidebar ul li ul.dropdown-menu-area li:last-child{margin-bottom:6px}
#sidebar ul li ul.dropdown-menu-area li a{font-size:13px; font-weight:400; display: block; text-decoration:none; line-height:28px; padding:0 15px 0 30px; color:#7e7e7e; border-bottom:none; position:relative; text-transform: uppercase;}
#sidebar ul li ul.dropdown-menu-area li a:hover{background:#fff; color:#3a3a3a}
#sidebar ul li ul.dropdown-menu-area li a:before{content:''; background:#fff; width:8px; height:8px; position:absolute; left:15px; border-radius:50%; border:#d1dce9 2px solid; top:10px}
#sidebar ul li ul.dropdown-menu-area li a:hover:before{ border:#3a3a3a 2px solid;}

#sidebar ul li ul.dropdown-menu-area li a.active{background:#7bae37; color:#fff}
#sidebar ul li ul.dropdown-menu-area li a.active:before{ border:#fff 2px solid;}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {padding:0px; min-height: 94vh; 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}
}*/