#wrapper {
  padding-left: 150px;
  transition: all 0.4s ease 0s;
}

#sidebar-wrapper {
  margin-left: -150px;
  left: 150px;
  width: 150px;
  background: #3c3c3c;
  position: fixed;
  height: 100%;
  overflow-y: auto;
  z-index: 1000;
  transition: all 0.4s ease 0s;
}

#wrapper.active {
  padding-left: 0;
}

#wrapper.active #sidebar-wrapper {
  left: 0;
}

#page-content-wrapper {
  width: 100%;
}

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 150px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-nav li {
  line-height: 50px;
  text-indent: 0;
  border-bottom: 1px solid #2c2c2c;
}

.sidebar-nav li a {
  color: #dddddd;
  display: block;
  text-decoration: none;
  padding: 12px 15px;
  font-size: 14px;
  font-weight: 400;  /* Changed from 600 to 400 for normal weight */
  letter-spacing: 0.5px;
}

.sidebar-nav li a span:before {
  display: none;
}

.sidebar-nav li a span.fa {
  display: none;
}

.sidebar-nav li a:hover,
.sidebar-nav li.active,
.sidebar-nav li.active a {
  color: #ffffff;
  background: rgba(180, 40, 40, 0.8);
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
  background: rgba(180, 40, 40, 0.6);
}

.sidebar-nav > .sidebar-brand {
  height: 65px;
  line-height: 60px;
  font-size: 14px;
  background: rgba(180, 40, 40, 0.9);
  border-bottom: 2px solid rgba(180, 40, 40, 1);
}

.sidebar-nav > .sidebar-brand a {
  color: #ffffff;
  padding: 15px;
  font-weight: 600;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: rgba(200, 50, 50, 0.9);
}

.content-header {
  height: 65px;
  line-height: 65px;
}

.content-header h1 {
  margin: 0;
  margin-left: 20px;
  line-height: 65px;
  display: inline-block;
}

#menu-toggle {
    text-decoration: none;
}

.btn-menu {
  color: #000;
} 

.inset {
  padding: 20px;
}

@media (max-width:767px) {

#wrapper {
  padding-left: 0;
}

#sidebar-wrapper {
  left: 0;
}

#wrapper.active {
  position: relative;
  left: 150px;
}

#wrapper.active #sidebar-wrapper {
  left: 150px;
  width: 150px;
  transition: all 0.4s ease 0s;
}

#menu-toggle {
  display: inline-block;
}

.inset {
  padding: 15px;
}

}