.navbar {
    border: none;
    border-radius: 0;
    z-index: 999;
    position: relative;
    float: right;
    top: 0;
    margin: 0;
    padding: 0;
}
.navbar-btn {box-shadow: none;outline: none !important;border: none;}
.line {width: 100%;height: 1px;border-bottom: 1px dashed #ddd;margin: 40px 0;}

/* ---------------------------------------------------
SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {width: 250px;position: fixed;top: 120px;right: -270px;height: 100vh;z-index: 999;background: #886ae4;color: #fff;
transition: all 0.3s;overflow-y: scroll;}
#sidebar.active {right: 0;}
#dismiss {width: 35px;height: 35px;line-height: 35px;text-align: center;background: #ffffff;position: absolute;top: -30px;left: -10px;cursor: pointer;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;color: #886ae4;border-radius: 100%;border: 1px solid #886ae4;
z-index: 999999;box-shadow: 0px 5px 10px rgb(136 106 228);}
#dismiss:hover {background: #ffd22e;color: #ffffff;}

.overlay {display: none;position: fixed;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.7);z-index: 998;opacity: 0;
transition: all 0.5s ease-in-out;}
.overlay.active {display: block;opacity: 1;}

#sidebar .sidebar-header {padding: 20px;background: #6d7fcc;}
#sidebar ul.components {padding: 20px 0;margin-top: 20px;}
button#sidebarCollapse {background: #886ae4;color: #fff;font-size: 16px;padding: 5px 15px;border: 1px solid #fff;border-radius: 10px;
cursor: pointer;}
button#sidebarCollapse:focus-visible, button#sidebarCollapse:focus {outline-color: #fff;outline-style: solid;outline-width: thin;}

#sidebar ul li a {padding: 5px 20px;display: block;color: #fff;text-decoration: none;font-size: 14px;border-bottom: 1px solid #ccc;}
#sidebar ul li a:hover {color: #886ae4;background: #fff;}
#sidebar ul li.active>a,
a[aria-expanded="true"] {color: #fff;background: #6d7fcc;}
a[data-toggle="collapse"] {position: relative;}

.dropdown-toggle::after {display: block;position: absolute;top: 45%;right: -10px;transform: translateY(-50%);}