.metismenu.menu-horizontal {
  display:flex;
  flex:1 1 0%;
  flex-direction:row
 }

.metismenu.menu-horizontal>li {
 position:relative
}
.metismenu.menu-horizontal .level-1>ul {
 min-width:12rem
}
.metismenu.mod-menu {
 margin:0
}
.metismenu.mod-menu .metismenu-item {
 align-items:center;
 display:flex;
 flex-wrap:wrap;
 font-size:1.1rem;
 line-height:1.5;
 padding:.5em 1em
}
.metismenu.mod-menu .metismenu-item.parent {
 position:relative
}
.metismenu.mod-menu .metismenu-item>ul {
 box-shadow:0 0 .5em rgba(0,0,0,.1);
 display:block;
 list-style:none;
 padding:0;
 position:absolute;
 top:100%;
 z-index:1001;
 width: max-content;
}
.metismenu.mod-menu .metismenu-item>a,
.metismenu.mod-menu .metismenu-item>button,
.metismenu.mod-menu .metismenu-item>span {
 overflow:hidden;
 text-decoration:none;
 text-overflow:ellipsis;
 white-space:nowrap
}
.metismenu.mod-menu .metismenu-item>a:focus,
.metismenu.mod-menu .metismenu-item>button:focus {
 outline:1px dotted #ced4da;
 outline-offset:2px
}
.metismenu.mod-menu .metismenu-item.active>a,
.metismenu.mod-menu .metismenu-item.active>button,
.metismenu.mod-menu .metismenu-item>a:hover,
.metismenu.mod-menu .metismenu-item>button:hover {
 text-decoration:underline
}
.metismenu.mod-menu .metismenu-item:after {
 content:none
}
.metismenu.mod-menu .metismenu-item:not(.level-1)>ul,
.metismenu.mod-menu .metismenu-item:not(.level-2)>ul {
 margin-right:-1em
}
[dir=rtl] .metismenu.mod-menu .metismenu-item:not(.level-1)>ul,
[dir=rtl] .metismenu.mod-menu .metismenu-item:not(.level-2)>ul {
 margin-left:-1em;
 margin-right:0
}
.metismenu.mod-menu .metismenu-item.divider:not(.parent) {
 border-right:1px solid #ced4da;
 margin:.25em;
 overflow:hidden;
 padding:0;
 width:1px
}
 .metismenu.mod-menu .metismenu-item.divider:not(.parent) {
  border-bottom:1px solid #ced4da;
  height:1px;
  width:auto
}
.metismenu.mod-menu .mm-collapsing {
 height:0;
 overflow:hidden;
 transition-duration:.35s;
 transition-property:color,background-color,height,visibility;
 transition-timing-function:ease
}
.metismenu.mod-menu .mm-collapse {
 background-color:#fff;
 box-shadow:1px 1px 4px rgba(0,0,0,.1);
 position:absolute
}
.metismenu.mod-menu .mm-collapse:not(.mm-show) {
 display:none
}
.metismenu.mod-menu .mm-collapse>li>a {
 display:inline-flex
}
.metismenu.mod-menu .mm-collapse>li.divider:not(.parent) {
 border-bottom:1px solid #ced4da;
 height:1px;
 width:auto
}
.metismenu.mod-menu .mm-collapse>li.parent .mm-toggler {
 display:inline-flex
}
.metismenu.mod-menu .mm-collapse>li.parent>ul {
 background-color:rgba(0,0,0,.03);
 box-shadow:none;
 flex-basis:calc(100% + 1em);
 margin-bottom:-.5em;
 margin-top:.5em;
 position:relative;
 top:0
}
.metismenu.mod-menu .mm-toggler {
 align-items:center;
 background:none;
 border:none;
 box-shadow:none;
 color:currentColor;
 display:flex;
 height:100%;
 padding:0;
 position:relative;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.metismenu.mod-menu .mm-toggler:after {
 -webkit-margin-start:.5em;
 border-left:.5em solid transparent;
 border-right:.5em solid transparent;
 border-top:.5em solid;
 content:"";
 height:0;
 margin-inline-start:.5em;
 transition:all .3s ease-out;
 width:0
}
.metismenu.mod-menu .mm-toggler[aria-expanded=true]:after,
.mm-active>.metismenu.mod-menu .mm-toggler:after {
 -webkit-transform:rotateX(-180deg);
 transform:rotateX(-180deg)
}
.metismenu.mod-menu .parent>ul {
 color:#22262a
}
.sidebar-left .metismenu .mm-collapse,
.sidebar-right .metismenu .mm-collapse {
 background-color:rgba(0,0,0,.03);
 position:relative
}
.sidebar-left .metismenu li.parent>ul,
.sidebar-right .metismenu li.parent>ul {
 box-shadow:none;
 position:relative;
 top:0
}