/*!* metismenu https://github.com/onokumus/metismenu#readme
* A jQuery menu plugin
* @version 3.0.6
* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)
* @license: MIT*/
.metismenu .arrow {
    float: right;
    line-height: 1.42857
}

*[dir=rtl] .metismenu .arrow {
    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-times {
    float: right
}

*[dir=rtl] .metismenu .plus-times {
    float: left
}

.metismenu .fa.plus-times:before {
    content: "\f067"
}

.metismenu .mm-active>a>.fa.plus-times {
    transform: rotate(45deg)
}

.metismenu .plus-minus {
    float: right
}

*[dir=rtl] .metismenu .plus-minus {
    float: left
}

.metismenu .fa.plus-minus:before {
    content: "\f067";
}

.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;
    transition-timing-function: ease;
    transition-duration: .35s;
    transition-property: height, visibility
}

.metismenu .has-arrow::before {
    position: absolute;
    content: '';
    top: 30%;
    /* right: 0; */
    left: 200px;
    content: "\e649";
    font-family: themify;
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.metismenu .has-arrow::after {
    position: absolute;
    content: '';
    transform: rotate(-90deg) translate(0, -50%);
    transform-origin: top;
    top: 50%;
    transition: all .3s ease-out;
    right: 0;
    content: "\e64b";
    font-family: themify;
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

*[dir=rtl] .metismenu .has-arrow::after {
    right: auto;
    left: 1em;
    transform: rotate(180deg) translate(0, -50%)
}

.metismenu .mm-active>.has-arrow::after,
.metismenu .has-arrow[aria-expanded=true]::after {
    transform: rotate(180deg) translate(0, -50%);
}

*[dir=rtl] .metismenu .mm-active>.has-arrow::after,
*[dir=rtl] .metismenu .has-arrow[aria-expanded=true]::after {
    transform: rotate(180deg) translate(0, -50%)
}