.dark-nav {
  position: relative; 
}
.dark-nav.to-right .dropdown-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; 
}
.dark-nav > ul {
  margin: 0;
  padding: 0;
  background: #11161A;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 2px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 2px inset;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 2px inset; 
}
.dark-nav > ul:before {
  border-bottom: 7px solid #0a0d0e !important; 
}
.dark-nav > ul:after {
  border-bottom: 6px solid #0a0d0e !important; 
}
.dark-nav > ul li.active a {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  background: rgba(50, 50, 50, 0.1);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSg5MCwgOTAsIDkwLCAwLjIpIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDUwLCA1MCwgNTAsIDAuMSkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(90, 90, 90, 0.2)), color-stop(100%, rgba(50, 50, 50, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(90, 90, 90, 0.2) 0%, rgba(50, 50, 50, 0.1));
  background-image: -moz-linear-gradient(top, rgba(90, 90, 90, 0.2) 0%, rgba(50, 50, 50, 0.1));
  background-image: -o-linear-gradient(top, rgba(90, 90, 90, 0.2) 0%, rgba(50, 50, 50, 0.1));
  background-image: linear-gradient(top, rgba(90, 90, 90, 0.2) 0%, rgba(50, 50, 50, 0.1)); 
}
.dark-nav > ul li.active a:hover {
  background: rgba(50, 50, 50, 0.1);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSg5MCwgOTAsIDkwLCAwLjIpIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDUwLCA1MCwgNTAsIDAuMSkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(90, 90, 90, 0.2)), color-stop(100%, rgba(50, 50, 50, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(90, 90, 90, 0.2) 0%, rgba(50, 50, 50, 0.1));
  background-image: -moz-linear-gradient(top, rgba(90, 90, 90, 0.2) 0%, rgba(50, 50, 50, 0.1));
  background-image: -o-linear-gradient(top, rgba(90, 90, 90, 0.2) 0%, rgba(50, 50, 50, 0.1));
  background-image: linear-gradient(top, rgba(90, 90, 90, 0.2) 0%, rgba(50, 50, 50, 0.1)); 
}
.dark-nav > ul li a {
  text-shadow: none;
  text-align: left;
  font-size: 11px;
  padding: 6px 5px 6px 20px;
  border-top: 1px solid #20292f;
  border-bottom: 1px solid #0a0d0e;
  color: #bbb;
  display: block; 
}
.dark-nav > ul li a:hover {
  background: rgba(50, 50, 50, 0.1);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSg5MCwgOTAsIDkwLCAwLjIpIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDUwLCA1MCwgNTAsIDAuMSkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(90, 90, 90, 0.2)), color-stop(100%, rgba(50, 50, 50, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(90, 90, 90, 0.2) 0%, rgba(50, 50, 50, 0.1));
  background-image: -moz-linear-gradient(top, rgba(90, 90, 90, 0.2) 0%, rgba(50, 50, 50, 0.1));
  background-image: -o-linear-gradient(top, rgba(90, 90, 90, 0.2) 0%, rgba(50, 50, 50, 0.1));
  background-image: linear-gradient(top, rgba(90, 90, 90, 0.2) 0%, rgba(50, 50, 50, 0.1));
  color: #fff; 
}
.dark-nav > ul li:last-child a {
  border-bottom: none; 
}
.dark-nav > ul li:first-child a {
  border-top: none; 
}


.sidebar-background {
  position: fixed;
  z-index: -1;
  width: 200px;
  background: #eaeaea;
  top: 0;
  left: 0;
  height: 100%;
  border-right: 1px solid #ccc; 
}
.sidebar-background .primary-sidebar-background {
  width: 200px;
  background: #11161A;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute; 
}

.primary-sidebar {
  width: 200px;
  float: left;
  position: absolute; 
}
.primary-sidebar .nav {
  margin-bottom: 20px; 
}
.primary-sidebar .nav:after {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 1px;
  width: 100%;
  left: 0;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iInRyYW5zcGFyZW50IiIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSJyZ2JhKDMyLCA0MSwgNDcsIDAuOCkiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIwMjkyZiIvPjxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSJyZ2JhKDMyLCA0MSwgNDcsIDAuOCkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiJ0cmFuc3BhcmVudCIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, transparent), color-stop(35%, rgba(32, 41, 47, 0.8)), color-stop(50%, #20292f), color-stop(65%, rgba(32, 41, 47, 0.8)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(left, transparent 0%, rgba(32, 41, 47, 0.8) 35%, #20292f 50%, rgba(32, 41, 47, 0.8) 65%, transparent 100%);
  background: -moz-linear-gradient(left, transparent 0%, rgba(32, 41, 47, 0.8) 35%, #20292f 50%, rgba(32, 41, 47, 0.8) 65%, transparent 100%);
  background: -o-linear-gradient(left, transparent 0%, rgba(32, 41, 47, 0.8) 35%, #20292f 50%, rgba(32, 41, 47, 0.8) 65%, transparent 100%);
  background: linear-gradient(left, transparent 0%, rgba(32, 41, 47, 0.8) 35%, #20292f 50%, rgba(32, 41, 47, 0.8) 65%, transparent 100%); 
}
.primary-sidebar .nav > li {
  position: relative;
  border-bottom: 1px solid transparent; 
}
.primary-sidebar .nav > li a:after {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 1px;
  width: 100%;
  left: 0;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iInRyYW5zcGFyZW50IiIvPjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSJyZ2JhKDEwLCAxMywgMTQsIDAuOCkiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBhMGQwZSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSJyZ2JhKDEwLCAxMywgMTQsIDAuOCkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiJ0cmFuc3BhcmVudCIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, transparent), color-stop(30%, rgba(10, 13, 14, 0.8)), color-stop(50%, #0a0d0e), color-stop(70%, rgba(10, 13, 14, 0.8)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(left, transparent 0%, rgba(10, 13, 14, 0.8) 30%, #0a0d0e 50%, rgba(10, 13, 14, 0.8) 70%, transparent 100%);
  background: -moz-linear-gradient(left, transparent 0%, rgba(10, 13, 14, 0.8) 30%, #0a0d0e 50%, rgba(10, 13, 14, 0.8) 70%, transparent 100%);
  background: -o-linear-gradient(left, transparent 0%, rgba(10, 13, 14, 0.8) 30%, #0a0d0e 50%, rgba(10, 13, 14, 0.8) 70%, transparent 100%);
  background: linear-gradient(left, transparent 0%, rgba(10, 13, 14, 0.8) 30%, #0a0d0e 50%, rgba(10, 13, 14, 0.8) 70%, transparent 100%); 
}
.primary-sidebar .nav > li a:before {
  content: "";
  position: absolute;
  top: 0px;
  height: 1px;
  width: 100%;
  left: 0;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iInRyYW5zcGFyZW50IiIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSJyZ2JhKDMyLCA0MSwgNDcsIDAuOCkiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIwMjkyZiIvPjxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSJyZ2JhKDMyLCA0MSwgNDcsIDAuOCkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiJ0cmFuc3BhcmVudCIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, transparent), color-stop(35%, rgba(32, 41, 47, 0.8)), color-stop(50%, #20292f), color-stop(65%, rgba(32, 41, 47, 0.8)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(left, transparent 0%, rgba(32, 41, 47, 0.8) 35%, #20292f 50%, rgba(32, 41, 47, 0.8) 65%, transparent 100%);
  background: -moz-linear-gradient(left, transparent 0%, rgba(32, 41, 47, 0.8) 35%, #20292f 50%, rgba(32, 41, 47, 0.8) 65%, transparent 100%);
  background: -o-linear-gradient(left, transparent 0%, rgba(32, 41, 47, 0.8) 35%, #20292f 50%, rgba(32, 41, 47, 0.8) 65%, transparent 100%);
  background: linear-gradient(left, transparent 0%, rgba(32, 41, 47, 0.8) 35%, #20292f 50%, rgba(32, 41, 47, 0.8) 65%, transparent 100%); 
}
.primary-sidebar .nav > li .glow {
  position: absolute;
  height: 40px;
  width: 5px;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  background: #1F2B42;
  -webkit-box-shadow: 0 0 2px 1px #434d59 inset;
  -moz-box-shadow: 0 0 2px 1px #434d59 inset;
  box-shadow: 0 0 2px 1px #434d59 inset; 
}
.primary-sidebar .nav > li:hover .glow {
  background: #4291A6;
  -webkit-box-shadow: 0 0 2px 1px #7bc8d7 inset;
  -moz-box-shadow: 0 0 2px 1px #7bc8d7 inset;
  box-shadow: 0 0 2px 1px #7bc8d7 inset; 
}
.primary-sidebar .nav > li:hover > a {
  color: #939ea4; 
}
.primary-sidebar .nav > li.active .glow {
  background: #4291A6;
  -webkit-box-shadow: 0 0 2px 1px #7bc8d7 inset;
  -moz-box-shadow: 0 0 2px 1px #7bc8d7 inset;
  box-shadow: 0 0 2px 1px #7bc8d7 inset; 
}
.primary-sidebar .nav > li.active > a {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  color: #939ea4; 
}
.primary-sidebar .nav > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 25px;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  color: #6B787F; 
}
.primary-sidebar .nav > li > a:hover, .primary-sidebar .nav > li > a:focus {
  background: #11161A;
  position: static; 
}
.primary-sidebar .nav > li > a span {
  font-size: 12px;
  vertical-align: middle; 
}
.primary-sidebar .nav > li > a i {
  vertical-align: middle; 
}
.primary-sidebar .nav > li > a i + span {
  padding-left: 10px; 
}

.active .glow:after {
  content: "";
  border-radius: 50%;
  position: absolute;
  top: 20px;
  width: 0;
  height: 0;
  left: 8px;
  -webkit-box-shadow: -10px 0 15px 23px rgba(122, 171, 216, 0.15);
  -moz-box-shadow: -10px 0 15px 23px rgba(122, 171, 216, 0.15);
  box-shadow: -10px 0 15px 23px rgba(122, 171, 216, 0.15);
  background: rgba(124, 190, 215, 0.2); 
}

.user-avatar {
  width: 100%;
  position: relative; 
}
.user-avatar .dropdown-toggle span {
  font-weight: 600; 
}
.user-avatar a {
  display: inline-block; 
}
.user-avatar a > span {
  position: relative; 
}
.user-avatar a img {
  -webkit-box-shadow: 0 1px 3px #1e1e1e;
  -moz-box-shadow: 0 1px 3px #1e1e1e;
  box-shadow: 0 1px 3px #1e1e1e;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; 
}
.user-avatar a .badge {
  z-index: 2;
  position: absolute;
  left: -6px;
  top: -10px; 
}
.user-avatar .dropdown-menu {
  margin-top: 4px; 
}

.status-error {
  color: #d13b3b; 
}

.status-success {
  color: #629b3e; 
}

.status-pending {
  color: #888; 
}

.status-warning {
  color: #E36D2D; 
}

.status-info {
  color: #4C9ECD; 
}

hr.divider, li.divider {
  border: 0;
  height: 1px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyMDUsIDIwNSwgMjA1LCAwKSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjY2RjZGNkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDIwNSwgMjA1LCAyMDUsIDApIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(205, 205, 205, 0)), color-stop(50%, #cdcdcd), color-stop(100%, rgba(205, 205, 205, 0)));
  background: -webkit-linear-gradient(left, rgba(205, 205, 205, 0), #cdcdcd, rgba(205, 205, 205, 0));
  background: -moz-linear-gradient(left, rgba(205, 205, 205, 0), #cdcdcd, rgba(205, 205, 205, 0));
  background: -o-linear-gradient(left, rgba(205, 205, 205, 0), #cdcdcd, rgba(205, 205, 205, 0));
  background: linear-gradient(left, rgba(205, 205, 205, 0), #cdcdcd, rgba(205, 205, 205, 0));
  position: relative; 
}
hr.divider:after, li.divider:after {
  content: '';
  height: 1px;
  top: 1px;
  left: 0;
  width: 100%;
  position: absolute;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTAsIDI1MCwgMjUwLCAwKSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1MCwgMjUwLCAyNTAsIDApIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(250, 250, 250, 0)), color-stop(50%, #fafafa), color-stop(100%, rgba(250, 250, 250, 0)));
  background: -webkit-linear-gradient(left, rgba(250, 250, 250, 0), #fafafa, rgba(250, 250, 250, 0));
  background: -moz-linear-gradient(left, rgba(250, 250, 250, 0), #fafafa, rgba(250, 250, 250, 0));
  background: -o-linear-gradient(left, rgba(250, 250, 250, 0), #fafafa, rgba(250, 250, 250, 0));
  background: linear-gradient(left, rgba(250, 250, 250, 0), #fafafa, rgba(250, 250, 250, 0)); 
}
hr.divider + .padded, hr.divider + .vpadded, li.divider + .padded, li.divider + .vpadded {
  padding-top: 0; 
}

.primary-sidebar .divider {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #0a0d0e;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iInRyYW5zcGFyZW50IiIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSJyZ2JhKDMyLCA0MSwgNDcsIDAuOCkiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIwMjkyZiIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSJyZ2JhKDMyLCA0MSwgNDcsIDAuOCkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiJ0cmFuc3BhcmVudCIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, transparent), color-stop(25%, rgba(32, 41, 47, 0.8)), color-stop(50%, #20292f), color-stop(75%, rgba(32, 41, 47, 0.8)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(left, transparent 0%, rgba(32, 41, 47, 0.8) 25%, #20292f 50%, rgba(32, 41, 47, 0.8) 75%, transparent 100%);
  background: -moz-linear-gradient(left, transparent 0%, rgba(32, 41, 47, 0.8) 25%, #20292f 50%, rgba(32, 41, 47, 0.8) 75%, transparent 100%);
  background: -o-linear-gradient(left, transparent 0%, rgba(32, 41, 47, 0.8) 25%, #20292f 50%, rgba(32, 41, 47, 0.8) 75%, transparent 100%);
  background: linear-gradient(left, transparent 0%, rgba(32, 41, 47, 0.8) 25%, #20292f 50%, rgba(32, 41, 47, 0.8) 75%, transparent 100%); 
}
.primary-sidebar .divider:after {
  content: none; 
}

.area-top {
  background: #ececec;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #ececec));
  background-image: -webkit-linear-gradient(top, #fafafa, #ececec);
  background-image: -moz-linear-gradient(top, #fafafa, #ececec);
  background-image: -o-linear-gradient(top, #fafafa, #ececec);
  background-image: linear-gradient(top, #fafafa, #ececec);
  -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.07);
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.07);
  border-bottom: 1px solid #ccc;
  position: relative;
  width: 100%;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 15px; 
}
.area-top .header {
  font-size: 14px; 
}
.area-top .header i {
  float: left;
  font-size: 24px;
  margin-top: 4px;
  margin-right: 10px; 
}
.area-top .header h3, .area-top .header h5 {
  margin: 0;
  font-weight: 300; 
}
.area-top .header h3, .area-top .header i {
  color: #888; 
}
.area-top .header h3 {
  line-height: 35px; 
}
.area-top .header h5 {
  color: #aaa; 
}
.area-top .header > * {
  vertical-align: middle;
  text-shadow: 0 1px #fff; 
}
.powered {
  -ms-transition: opacity 1s linear;
  -webkit-transition: opacity 1s linear;
  transition: opacity 1s linear;
  text-align: center;
  bottom: 0;
  padding-top: 20px;
  width: 100%;
  display: none;

}
.powered li {
  list-style-type: none;

}
@media (max-width: 991px) {
  .sidebar-background {
    display: none; 
  }

  .primary-sidebar {
    *zoom: 1;
    position: static;
    width: auto;
    float: none;
    background: #11161A; 
  }
  .primary-sidebar:before, .primary-sidebar:after {
    display: table;
    content: "";
    line-height: 0; 
  }
  .primary-sidebar:after {
    clear: both; 
  }

  .main-content {
    margin: 0; 
  }

  .user-avatar > .dropdown-toggle {
    display: none; 
  }

  .dropdown-menu li.with-image span, .dropdown-menu li a {
    text-shadow: none; 
  }

  .label, .badge, .navbar-inverse .nav > li > a, .navbar-inverse .nav > li.active > a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 
  }

  .navbar-collapse .nav > li > a, .navbar-collapse .dropdown-menu a {
    font-weight: 600; 
  }

  .primary-sidebar .nav {
    margin: 0; 
  }

  .breadcrumb-line {
    height: auto; 
  }
  .breadcrumb-line .breadcrumbs {
    *zoom: 1;
    float: none; 
  }
  .breadcrumb-line .breadcrumbs:before, .breadcrumb-line .breadcrumbs:after {
    display: table;
    content: "";
    line-height: 0; 
  }
  .breadcrumb-line .breadcrumbs:after {
    clear: both; 
  }
  .breadcrumb-line .nav.pull-right {
    float: none;
    margin-right: 0px;
    border-right: none;
    border-top: 1px solid #ccc; 
  }
  .breadcrumb-line .nav.pull-right > li:first-child > a {
    border-left: none; 
  }

  .user-avatar .dropdown-menu {
    display: block; 
  }

  .navbar-collapse .dropdown-menu {
    background: transparent; 
  }
  .navbar-collapse .dropdown-menu li a {
    background: rgba(0, 0, 0, 0.2);
    margin-bottom: 3px; 
  }
  .navbar-collapse .dropdown-menu li + li a {
    margin-bottom: 3px; 
  }

  .action-nav-normal .action-nav-button {
    display: block; 
  }
  .action-nav-normal.action-nav-line .action-nav-row {
    margin-right: 0; 
  }
  .action-nav-normal .action-nav-row {
    margin-right: 0px; 
  }
  .action-nav-normal.rounded .action-nav-button {
    display: inline-block; 
  }

  .navbar-form .form-group, .navbar-form .search-query.animated, .navbar-form .search-query.animated:focus, .navbar-form .search-query.animated .focused {
    width: 100%; 
  }

  .dropdown-menu .divider {
    display: none; 
  }

  .navbar-inverse .nav > li.cdrop > a, .navbar-inverse .nav > li.cdrop.active > a {
    margin-right: 0;
    background: transparent;
    border: none;
    box-shadow: none; 
  }

  .nav-tabs-right li > a > span, .nav-tabs-right .title, .nav-tabs-left li > a > span, .nav-tabs-left .title {
    display: none; 
  }

  .dark-nav.to-right .dropdown-menu {
    margin: 0;
    position: relative;
    left: 0;
    background: #11161A;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    height: 100%; 
  }
  .dark-nav.to-right .dropdown-menu:before {
    content: none; 
  }
  .dark-nav.to-right .dropdown-menu li a {
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; 
  }
  .dark-nav.to-right .dropdown-menu li + li a {
    margin-bottom: 0; 
  }
  .dark-nav.to-right .dropdown-menu a:hover {
    background: rgba(50, 50, 50, 0.1);
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSg5MCwgOTAsIDkwLCAwLjIpIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDUwLCA1MCwgNTAsIDAuMSkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(90, 90, 90, 0.2)), color-stop(100%, rgba(50, 50, 50, 0.1)));
    background-image: -webkit-linear-gradient(top, rgba(90, 90, 90, 0.2), rgba(50, 50, 50, 0.1));
    background-image: -moz-linear-gradient(top, rgba(90, 90, 90, 0.2), rgba(50, 50, 50, 0.1));
    background-image: -o-linear-gradient(top, rgba(90, 90, 90, 0.2), rgba(50, 50, 50, 0.1));
    background-image: linear-gradient(top, rgba(90, 90, 90, 0.2), rgba(50, 50, 50, 0.1));
    color: white; 
  } 
}
