@font-face {
    font-family: 'music-icon';
    src: url('../fonts/music-icon.eot?2qevqt');
    src: url('../fonts/music-icon.eot?2qevqt#iefix') format('embedded-opentype'),
        url('../fonts/music-icon.ttf?2qevqt') format('truetype'), url('../fonts/music-icon.woff?2qevqt') format('woff'),
        url('../fonts/music-icon.svg?2qevqt#music-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^='icon-'],
[class*=' icon-'] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'music-icon' !important;
    speak: none;
    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;
}

.icon-ok::before {
    content: '\e900';
}

.icon-close::before {
    content: '\e901';
}

.icon-add::before {
    content: '\e902';
}

.icon-play-mini::before {
    content: '\e903';
}

.icon-playlist::before {
    content: '\e904';
}

.icon-music::before {
    content: '\e905';
}

.icon-search::before {
    content: '\e906';
}

.icon-clear::before {
    content: '\e907';
}

.icon-delete::before {
    content: '\e908';
}

.icon-favorite::before {
    content: '\e909';
}

.icon-not-favorite::before {
    content: '\e90a';
}

.icon-pause::before {
    content: '\e90b';
}

.icon-play::before {
    content: '\e90c';
}

.icon-prev::before {
    content: '\e90d';
}

.icon-loop::before {
    content: '\e90e';
}

.icon-sequence::before {
    content: '\e90f';
}

.icon-random::before {
    content: '\e910';
}

.icon-back::before {
    content: '\e911';
}

.icon-mine::before {
    content: '\e912';
}

.icon-next::before {
    content: '\e913';
}

.icon-dismiss::before {
    content: '\e914';
}

.icon-pause-mini::before {
    content: '\e915';
}
