/* @font-face {
    font-family: icomoon;
    src: url(../fonts/dd127ee199814d05b846029fcffc669b.eot) format('embedded-opentype'), url(../fonts/iconfont.ttf) format('truetype'), url(../fonts/iconfont.woff) format('woff'), url(../fonts/iconfont.svg) format('svg');
    font-weight: 400;
    font-style: normal;
}

[class^=icon-],
[class*=" icon-"] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} */

.icon-check-alt {
    background-image: url(../success.png);
    background-size: 20px;
}

.icon-bubble {
    background-image: url(../tips.png);
    background-size: 20px;
}

.icon-notification {
    background-size: 20px;
    background-image: url(../error.png);
}

.icon-cancel-circle {
    background-image: url(../warning.png);
    background-size: 20px;
}

/* .icon-check-alt:before {
    content: "\e900";
}

.icon-bubble:before {
    content: "\e96b";
}

.icon-notification:before {
    content: "\ea08";
}

.icon-cancel-circle:before {
    content: "\e681";
} */

.m-message {
    pointer-events: none;
    position: fixed;
    overflow: hidden;
    z-index: 1001;
}

.c-message-notice {
    text-align: center;
    margin-top: 100px;
}

.m_content {

    display: inline-block;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    color: #555;
    text-align: center;
    max-width: 90%;
    padding: 13px 10px 13px 15px;
    background-color: #fff;

}

.m_content span {
    vertical-align: middle;
    margin-left: 5px;
    display: inline-block;
    margin-top: -12px;
}
.m_content i{
    display: inline-block;
    width: 20px;
    height: 20px;
}