/*
 *    IMPORTANT:
 *
 *      -> width and height should equal the font size, no further config is needed.
 *      -> when copy-pasting new icon-font.css file remove url-endings with hash !!!
 *      -> when copy-pasting from icon-font generator - replace the "i" selector with i[class^="msg-icon-"] !!!
 *
 *
 *   <i class="msg-icon-reply-all style="font-size: 1rem; width: 1rem; height: 1rem"">
 *       <span class="path1"></span>
 *       <span class="path2"></span>
 *       <span class="path3"></span>
 *   </i>
 */

@font-face {
    font-family: "msg";
    src: url("fonts/msg.eot") format("embedded-opentype"), url("fonts/msg.ttf") format("truetype"),
        url("fonts/msg.woff") format("woff"), url("fonts/msg.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

i[class^="msg-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "msg" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.msg-icon-caret:before {
    content: "\e908";
}
.msg-icon-rollback:before {
    content: "\e909";
}
.msg-icon-hamburger:before {
    content: "\e90a";
}
.msg-icon-reply:before {
    content: "\e900";
}
.msg-icon-reply-all:before {
    content: "\e901";
}
.msg-icon-print:before {
    content: "\e902";
}
.msg-icon-print-view:before {
    content: "\e903";
}
.msg-icon-forward:before {
    content: "\e904";
}
.msg-icon-export:before {
    content: "\e905";
}
.msg-icon-delete:before {
    content: "\e906";
}
.msg-icon-back:before {
    content: "\e907";
}