/***** Wrapper *****/

.wrapper { display: block; }


/***** Sidebar *****/

.sidebar {
	width: 265px; height: 100vh; position: fixed; top: 0; left: -270px; z-index: 999; 
	background: #fff; color: #000; transition: all .3s; 
	text-align: left;
}

.sidebar.active { left: 0; }

.sidebarmenu{ font-size:15px; color:#000;margin-left:.3rem; }
.ddmenu{width:265px;margin-left:0 !important;margin-right:0 !important;}

.dismiss {
	position: absolute; top: 0px; right: 10px; transition: all .3s; 
	text-align: center; cursor: pointer;
}

.dismiss:hover, .dismiss:focus { background: #555; color: #fff; }

.sidebar .logo { padding: 40px 20px; border-bottom: 1px solid #444; transition: all .3s; }

.sidebar .logo a {
	display: inline-block;
	width: 172px;
	height: 34px;
	/*background: url(/assets/images/logo.png) left top no-repeat;*/
	border: 0;
	text-indent: -999999px;
}

.sidebar ul.menu-elements { padding: 10px 0; border-bottom: 1px solid #444; transition: all .3s; }

.sidebar ul li a {
	display: block; padding: 10px 20px;
	border: 0; color: #fff;
}
.sidebar ul li a:hover,
.sidebar ul li a:focus,
/*.sidebar ul li.active > a:hover,
.sidebar ul li.active > a:focus { outline: 0; background: #555; color: #fff; }*/

.sidebar ul li a i { margin-right: 5px; }

/*.sidebar ul li.active > a, a[aria-expanded="true"] {
	background: #444;
	color: #fff;
}*/

.sidebar ul ul a { background: #444; padding-left: 30px; font-size: 14px; }

/*.sidebar ul ul li.active > a { background: #555; }*/

.sidebar a[data-toggle="collapse"] {
    position: relative;
}

.sidebar a{color:#000}

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

.sidebar .to-top { padding: 20px; text-align: center; }

.sidebar .dark-light-buttons { padding: 10px 20px 30px 20px; text-align: center; }

.ddmenu{background-color:#282828;color:#9c9c9c}
.ddmenu a{background-color:#282828;color:#9c9c9c !important}