/* SIDEBAR STYLE */

#sidebar {width: 250px;position: fixed;top: 0;left: -250px;height: 100vh;z-index: 999;background: #FFFFFF;color: #062042;transition: all 0.3s;overflow-y: scroll;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);padding-bottom: 80px; }

.sidebar-logo {padding: 20px;margin-bottom: 20px;}
.sidebar-nav li a {padding: 5px;font-size: 1.10em;display: block;color: #062042;text-transform: uppercase;text-align: center;border-bottom: 2px dotted #dcdde2;}
.sidebar-nav li a:hover {color: #062042;text-decoration: none;}
.sidebar-nav li li a {padding: 6px 0px;color: #062042;font-size: 1.00em;border-bottom: 1px dotted #dcdde2;}

.sidebar-social {text-align: center;}
.sidebar-social li {display:inline;margin: 0px 5px;}
.sidebar-social li a {color: #062042;}
.sidebar-social li a:hover {color: #062042;}

.overlay {position: fixed;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.4);z-index: 998;display: none;}

#sidebar.active {left: 0;}
#sidebar .sidebar-header {padding: 20px;}
#sidebar ul.components {padding: 20px 0;}
#sidebar ul li.active > a, a[aria-expanded="true"] {font-weight: 600;}
a[data-toggle="collapse"] {position: relative;}
.line {width: 100%;height: 1px;border-bottom: 1px dashed #7b7f80;margin: 0px 0;}