.metismenu .arrow {
  float: right;
  line-height: 1.42857
}
[dir=rtl] .metismenu .arrow, [dir=rtl] .metismenu .plus-minus, [dir=rtl] .metismenu .plus-times {
  float: left
}
.metismenu .glyphicon.arrow:before {
  content: "\e079"
}
.metismenu .mm-active > a > .glyphicon.arrow:before {
  content: "\e114"
}
.metismenu .fa.arrow:before {
  content: "\f104"
}
.metismenu .mm-active > a > .fa.arrow:before {
  content: "\f107"
}
.metismenu .ion.arrow:before {
  content: "\f3d2"
}
.metismenu .mm-active > a > .ion.arrow:before {
  content: "\f3d0"
}
.metismenu .plus-minus, .metismenu .plus-times {
  float: right
}
.metismenu .fa.plus-minus:before, .metismenu .fa.plus-times:before {
  content: "\f067"
}
.metismenu .mm-active > a > .fa.plus-times {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.metismenu .mm-active > a > .fa.plus-minus:before {
  content: "\f068"
}
.metismenu .mm-collapse:not(.mm-show) {
  display: none
}
.metismenu .mm-collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility
}
.metismenu .has-arrow {
  position: relative
}
.metismenu .has-arrow::after {
  position: absolute;
  content: '';
  width: .5em;
  height: .5em;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: initial;
  right: 1em;
  -webkit-transform: rotate(-45deg) translate(0, -50%);
  -ms-transform: rotate(-45deg) translate(0, -50%);
  transform: rotate(-45deg) translate(0, -50%);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  top: 50%;
  -webkit-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out
}
[dir=rtl] .metismenu .has-arrow::after {
  right: auto;
  left: 1em;
  -webkit-transform: rotate(135deg) translate(0, -50%);
  -ms-transform: rotate(135deg) translate(0, -50%);
  transform: rotate(135deg) translate(0, -50%)
}
.metismenu .has-arrow[aria-expanded=true]::after, .metismenu .mm-active > .has-arrow::after {
  -webkit-transform: rotate(-135deg) translate(0, -50%);
  -ms-transform: rotate(-135deg) translate(0, -50%);
  transform: rotate(-135deg) translate(0, -50%)
}
[dir=rtl] .metismenu .has-arrow[aria-expanded=true]::after, [dir=rtl] .metismenu .mm-active > .has-arrow::after {
  -webkit-transform: rotate(225deg) translate(0, -50%);
  -ms-transform: rotate(225deg) translate(0, -50%);
  transform: rotate(225deg) translate(0, -50%)
}