/***** Wrapper *****/
.wrapper { display: block; }

/***** Sidebar *****/
.sidebar {
	width: 250px; height: 100vh; position: fixed; top: 0; left: -255px;
	background: #333; color: #fff; transition: all .3s; box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.5);
	text-align: left;
    z-index: 1040;
}

.sidebar-wrapper{
    /*margin-top: 45px;*/
}

.dismiss-holder{
    height: 35px;
}

.sidebar.active {
    left: 0!important;
}

.dismiss {
    width: 35px;
    height: 35px;
    transition: all .3s;
    background: #444;
    border-radius: 4px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
}

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

.sidebar ul li a {
	display: block; padding: 8px 0px;
	border: 0; color: #fff;
}

.user-side-menu .nav-item .new-post-label{
    font-size: 14px;
}

.user-side-menu .nav-item{
    padding:0px;
}

.user-side-menu .btn{
    font-size: 15px;
}

.user-side-menu .btn i{
    font-size: 19px;
}

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

.sidebar ul li.active > a, .sidebar ul li.active > 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 .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; }

/* sidebar light */

.sidebar.light { background: #fff; color: #888; }

.sidebar.light .dismiss { background: #ddd; color: #888; }

.sidebar.light .dismiss:hover,
.sidebar.light .dismiss:focus { background: #ccc; color: #888; }

/***** Dark overlay *****/

.overlay {
    display: none; position: fixed; width: 100vw; height: 100vh;
    opacity: 0; transition: all .5s ease-in-out;
}

.overlay.active { display: block; opacity: 1; }


/***** Content *****/

.content { width: 100%; transition: all 0.3s; }

/***** Divider *****/

.divider-1 span { display: inline-block; width: 200px; border-bottom: 1px dotted #aaa; }

.menu-divider{
    border-bottom: 1px solid #444;
}

.sidebar.light .menu-divider{
    border-bottom: 1px solid  #eee;
}

/* Iconography */

.side-menu .nav-link{
    justify-content: space-between!important;
}

.side-menu .icon-wrapper{
    width: 2.6rem;
}
.side-menu .nav{
    flex-wrap:nowrap;
}

.side-menu .nav-item i{
    font-size: 2.0rem!important;
}

.side-menu .user-avatar, .sidebar .user-avatar{
    width: 50px;
    height: 50px;
}

/* Side menu menu particular things*/

.side-menu .nav-link{
    justify-content: space-between!important;
}