/* PE-7 Stroke Icons Implementation */

@font-face {
    font-family: 'Pe-icon-7-stroke';
    src: url('../../fonts/architectui-html-pro-2.0.0/Pe-icon-7-stroke.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/architectui-html-pro-2.0.0/Pe-icon-7-stroke.woff') format('woff'),
         url('../../fonts/architectui-html-pro-2.0.0/Pe-icon-7-stroke.ttf') format('truetype'),
         url('../../fonts/architectui-html-pro-2.0.0/Pe-icon-7-stroke.svg#Pe-icon-7-stroke') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="pe-7s-"], [class*=" pe-7s-"] {
    font-family: 'Pe-icon-7-stroke';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Navigation Icons */
.pe-7s-home:before { content: "\e64e"; }
.pe-7s-graph:before { content: "\e643"; }
.pe-7s-note2:before { content: "\e69e"; }
.pe-7s-rocket:before { content: "\e6a5"; }
.pe-7s-file:before { content: "\e689"; }
.pe-7s-note:before { content: "\e69d"; }
.pe-7s-users:before { content: "\e6b8"; }
.pe-7s-date:before { content: "\e681"; }
.pe-7s-search:before { content: "\e6a7"; }
.pe-7s-config:before { content: "\e680"; }
.pe-7s-menu:before { content: "\e695"; }

/* Summary Stats Icons */
.pe-7s-server:before { content: "\e6a8"; }
.pe-7s-paperclip:before { content: "\e6a1"; }
.pe-7s-mail:before { content: "\e693"; }
.pe-7s-check:before { content: "\e679"; }
.pe-7s-news-paper:before { content: "\e69f"; }
.pe-7s-medal:before { content: "\e694"; }

/* MetisMenu icon styling */
.metismenu-icon {
    width: 20px;
    text-align: center;
    margin-right: 10px;
    font-size: 16px;
    display: inline-block;
}

/* Icon hover and focus states */
.vertical-nav-menu li a:hover .metismenu-icon,
.vertical-nav-menu li a:focus .metismenu-icon {
    color: inherit;
}

.vertical-nav-menu .mm-active > a .metismenu-icon {
    color: #0d6efd !important;
}