body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

html {
  height: -webkit-fill-available;
}

main {
  display: flex;
  flex-wrap: nowrap;
  height: 100vh;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
  background-color: #eee;
}

.nav-shadow {
	box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.3);
}

.b-example-divider {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.dropdown-toggle { outline: 0; }

.btn-toggle-nav a {
  display: inline-flex;
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
  text-decoration: none;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: #0d6efd;
}

.main-container {
	padding: 20px;
	margin-left: 0px;
	margin-right: 0px;
	 overflow-y: auto;
	 width: 100%;
	 max-width: 100%;
}