@charset "UTF-8";
#am-navigation {
  padding-left: calc(100px - 65px + 1rem); }
  #am-navigation .menu-corbeille.show .backdrop {
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1047; }

.menu-corbeille {
  display: flex;
  width: 100%; }
  .menu-corbeille .menu {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex: 1; }
    .menu-corbeille .menu > li {
      flex: 0 1 150px;
      margin: 0 2px;
      position: relative; }
      .menu-corbeille .menu > li:first-child {
        margin-left: 0; }
      .menu-corbeille .menu > li.navigation-plus {
        flex-basis: 50px; }

.menu .show > .dropdown-menu {
  display: block;
  z-index: 1048; }

.menu .sub-menu .sub-menu {
  left: 100%;
  top: auto; }

.menu-item + .sub-menu {
  margin-top: calc(-2.0625rem - 4px); }

.menu .sub-menu .sub-menu-vertical {
  position: relative;
  left: 0;
  right: 0;
  top: 100%;
  float: none;
  margin-top: 0; }

.sub-menu {
  width: 250px; }
  .sub-menu .menu-item {
    display: flex;
    align-items: stretch;
    min-width: 0;
    position: relative; }
  .sub-menu .node > .menu-item {
    padding-right: 34px; }
  .sub-menu .libelle {
    order: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0; }
  .sub-menu .menu-icon,
  .sub-menu .menu-icon-group {
    flex: none;
    order: 2;
    width: 34px; }
  .sub-menu .node-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100%; }
  .sub-menu .dropdown-menu.dropdown-menu-settings {
    z-index: 1049;
    right: 0;
    left: 0;
    width: auto; }

.menu-icon-group {
  position: static; }
  .menu-icon-group .menu-icon {
    display: block;
    height: 100%; }

.btn-menu {
  width: 100%;
  display: block;
  padding: 0;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-width: 0; }
  .btn-menu .am-icon {
    line-height: 1.5rem; }
  .show > .btn-menu, .show > .btn-menu:hover, .show > .btn-menu:focus {
    background-color: #0062ac;
    color: white; }

.nom-processus-instancier {
  text-decoration: none !important; }

.sub-menu {
  margin-top: 0;
  padding: 0;
  border-radius: 0;
  background: #b7cbd6;
  border: 2px solid #adacac; }
  .sub-menu li {
    border-top: 2px solid #adacac; }
    .sub-menu li:first-child {
      border-top: none; }
  .sub-menu .btn {
    border-radius: 0; }
  .sub-menu .menu-icon {
    text-align: center;
    color: #000;
    font-size: 1.3125rem; }
    .sub-menu .menu-icon:hover, .sub-menu .menu-icon:focus {
      background-color: #e6bebf;
      color: #212529; }
    .sub-menu .menu-icon:active {
      background-color: #0062ac;
      color: white; }
  .sub-menu .libelle {
    text-align: left;
    text-decoration: underline;
    position: static; }
    .sub-menu .libelle:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: -1;
      background-color: transparent; }
    .sub-menu .libelle:hover:before, .sub-menu .libelle:focus:before {
      background-color: #e6bebf; }

.sub-menu-vertical {
  background-color: white;
  margin-left: -2px;
  margin-right: -2px;
  border-top: none;
  border-bottom: none; }
  .sub-menu-vertical .libelle {
    padding-left: 1.5rem; }

.show > .menu-item > .libelle,
.show > .menu-item > .libelle .node-icon,
.show > .menu-item > .libelle ~ .menu-icon .am-icon,
.show > .menu-item > .libelle ~ .menu-icon-group .am-icon,
.sub-menu .libelle:active,
.sub-menu .libelle:active .node-icon,
.sub-menu .libelle:active ~ .menu-icon .am-icon,
.sub-menu .libelle:active ~ .menu-icon-group .am-icon {
  color: white; }

.show > .menu-item > .libelle:before, .show > .menu-item > .libelle:hover:before, .show > .menu-item > .libelle:focus:before,
.sub-menu .libelle:active:before,
.sub-menu .libelle:active:hover:before,
.sub-menu .libelle:active:focus:before {
  background-color: #0062ac; }

.show > .menu-item > .libelle ~ .menu-icon:hover .am-icon, .show > .menu-item > .libelle ~ .menu-icon:focus .am-icon,
.show > .menu-item > .libelle ~ .menu-icon .menu-icon:hover .am-icon,
.show > .menu-item > .libelle ~ .menu-icon .menu-icon:focus .am-icon,
.show > .menu-item > .libelle ~ .menu-icon-group .menu-icon:hover .am-icon,
.show > .menu-item > .libelle ~ .menu-icon-group .menu-icon:focus .am-icon,
.sub-menu .libelle:active ~ .menu-icon:hover .am-icon,
.sub-menu .libelle:active ~ .menu-icon:focus .am-icon,
.sub-menu .libelle:active ~ .menu-icon .menu-icon:hover .am-icon,
.sub-menu .libelle:active ~ .menu-icon .menu-icon:focus .am-icon,
.sub-menu .libelle:active ~ .menu-icon-group .menu-icon:hover .am-icon,
.sub-menu .libelle:active ~ .menu-icon-group .menu-icon:focus .am-icon {
  color: #000; }

.node-icon {
  text-align: center; }
  .node-icon .am-icon {
    line-height: inherit !important;
    top: 0; }
  .node-icon .am-icon:before {
    content: "";
    font-size: 1.3rem; }

.show > .menu-item .node-icon .am-icon:before {
  content: ""; }

.navigation-plus .sub-menu {
  background: #4a3f59;
  right: 0;
  left: inherit;
  border: none;
  border-radius: 0.25rem;
  margin-top: .5rem;
  padding: 4px 0;
  width: auto;
  min-width: 180px; }
  .navigation-plus .sub-menu li {
    border-top-width: 1px; }
  .navigation-plus .sub-menu .btn {
    display: block;
    width: 100%;
    text-align: center; }
