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

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

main {
  height: 100vh;
  height: -webkit-fill-available;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
}

.dropdown-toggle { outline: 0; }

.btn-toggle {
  padding: .25rem .5rem;
  font-weight: 600;
  color: rgba(0, 0, 0, .65);
  background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(0, 0, 0, .85);
  background-color: #d2f4ea;
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(0, 0, 0, .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: #d2f4ea;
}

.scrollarea {
  overflow-y: auto;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.sidebar .nav-link .bi::before {
  font-size: 1.25em;
  line-height: 1.25em;
}

.sidebar .nav-link:not(.active) {
  color: inherit;
}

.sidebar .nav-link:focus,
.sidebar .nav-link:hover {
  background-color: rgba(0,0,0,.15);
}

.sidebar .nav-link.active {
  background-color: rgba(0,0,0,.3);
}

.app .content-bloc {
  transition: .2s all;
}

.app.expanded .content-bloc {
  width: calc(100% - 250px);
}

.app:not(.expanded) .content-bloc {
  width: 100%;
}

.app .sidebar {
  width: 250px;
  top: 0;
  z-index: 99999999;
  transition: .2s all;
  /*  background-color: #a314db;*/
  background-color: #212529;
  color: #fff;
}

.app.expanded .sidebar {
  left: 0;
}
.app:not(.expanded) .sidebar {
  left: -250px;
}

.app.expanded.menu-icon-only .sidebar {
  width: 95px;
}
.app.expanded.menu-icon-only .content-bloc {
  width: calc(100% - 95px);
}
.app.expanded.menu-icon-only .sidebar a:first-child,
.app.expanded.menu-icon-only .sidebar hr:first-child {
  display: none;
}
.app.expanded.menu-icon-only .sidebar .nav .nav-link span:not(.collapse-icon) {
  display: none;
}
.app.expanded.menu-icon-only .sidebar .nav .nav-link {
  padding-left: 15px;
}

.app.expanded .sidebar .nav .collapse-content a {
  padding-left: 30px;
}
.app.expanded.menu-icon-only .sidebar .content-footer a,
.app.expanded.menu-icon-only .sidebar .content-footer span.tiret {
  display: none;
}

.app .menu-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background-color: rgba(0,0,0,.4);
  transition: .2s all;
}

.app.expanded .menu-backdrop {
  display: block;
}
.app:not(.expanded) .menu-backdrop {
  display: none;
}
.navbar-nav .dropdown-menu,
.navbar-nav .dropdown-menu li,
.navbar-nav .dropdown-menu li a {
  /*width: 100%;*/
}
.navbar-nav a.dropdown-item:hover,
.navbar-nav a.dropdown-item:focus {
  background-color: rgba(0,0,0,.1);
}
.navbar-nav a.dropdown-item .bi::before {
  font-size: 14pt;
}

@media (max-width: 990px) {
  .app .content-bloc {
    width: 100% !important;
  }
}

@media (min-width: 991px) {
  .app .menu-backdrop {
    display: none !important;
  }
  .app .sidebar {
    z-index: 999 !important;
  }
}
@media (max-width: 591px) {
  .navbar-nav .dropdown-menu {
    min-width: 192px;
  }
}