#wrapper {
    overflow-x: hidden;
 }

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}
.bg-dark {
    background-color: #343a40 !important;
}
.bg-light-dark {
    background-color: #212529 !important;color: rgba(255, 255, 255, 0.5);
}
.bg-light-dark a:hover{ color:#fff;}
.sidebar-heading{ color:#fff; font-weight:700;}
.navbar-nav{ display:none;}

.navbar-expand-lg{ height:59px;}
.h8{ width:100%; color:#fff; font-weight:700; font-size:18px;}
.navbar-light .navbar-toggler{margin-top: -25px; color:#fff;}
.navbar-light .navbar-toggler-icon{background-image: url("../img/nav.png");}
.navbar-light .navbar-toggler{ border-color:#fff!important;}
.box{ max-width:380px; width:100%; padding:20px; border:1px solid #ddd; margin:0 auto; height:260px; }
.orange{border-top:10px solid #ffc90e; float:right;}
.yellow{border-top:10px solid #fff200; float:left;}
.blue{border-top:10px solid #99d9ea; float:right;}
.pink{border-top:10px solid #a349a4; float:left;}
.box h3{ font-size:16px; font-weight:700; margin-top:10px;}
.navbar-collapse{ z-index:9999;}

@media (max-width:991px) {
	.navbar-nav{ display:block;}
	.orange, .yellow, .blue, .pink{ float:none;}
	
}
@media (max-width:767px) {
.box{ max-width:inherit;}
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

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

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}