#side-menu>li>a {
	/*background: #fff;*/
	color: #fff;
    cursor: pointer;
    
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.nav-second-level>li>a {
	color: #fff;
	text-align: left !important;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#side-menu>li.active>a, .nav-second-level>li.active>a {
	/*font-size: 18px;*/
	font-weight: 800;
	/*border-bottom: 2px solid #fff;*/
    background: #00add8;
}
    
#side-menu li > a:hover, #side-menu li:not(.active) > a:focus{
	background: transparent;
}

#side-menu li.active > a:hover{
	background: #00add8;
}

.sidebar {
    /*background: #001F5B;*/
    background: #04365A;
    height: 100%;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    /*padding-bottom: 10px;*/
    border: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
}

.sidebar ul li {
    /*border-bottom: 1px solid #e7e7e7;*/
}

.sidebar ul li a.active {
    /*background-color: #eee;*/
}

.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f105";
}

.sidebar li[aria-expanded='true'] .fa.arrow:before {
    content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
    padding: 23px;
}

.sidebar .nav-third-level li a {
    padding-left: 52px;
}

#side-menu li>a {
	padding: 8px 17px;
	text-align: left;
}

#side-menu li > a > .fa {
	margin-right: 10px;
	font-size: 18px;
    margin-bottom: 0px;
}

#side-menu li > a > p {
	margin: 0;
	display: inline-block;
}
	
@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 150px;
        padding-top: 139px;
	    top: 0;
	    left: 0;
	    bottom: 0;
    }
    
    #side-menu li:not(.active) > a:hover {
		margin-right: 10px;
		
	    transform: scale(1.1);
	    font-weight: 800;
		
	}
	
	#side-menu li>a {
		padding: 20px 22px;
    	text-align: center;
	}
	
	#side-menu li > a > p {
		display: block;
	}
	
	#side-menu li > a > .fa {
	    margin-right: 0px;
		font-size: 28px;
	    margin-bottom: 6px;
	}
	
	.sidebar .nav-second-level {
		position: absolute;
	    left: 150px;
	    top: 0;
        /*background: #163b82;*/
        background: #04365A;
    	min-width: 170px;
	}
	
	.sidebar .nav-second-level.fix {
        position: fixed;
        top: auto;
        bottom: 0;
    }
}

@media(min-width:992px) {
    .sidebar {
        padding-top: 70px;
    }
}