@font-face {
    font-family: 'icomoon';
    src:    url('../assets/icomoon.eot?4cdmtq');
    src:    url('../assets/icomoon.eot?4cdmtq#iefix') format('embedded-opentype'),
        url('../assets/icomoon.ttf?4cdmtq') format('truetype'),
        url('../assets/icomoon.woff?4cdmtq') format('woff'),
        url('../assets/icomoon.svg?4cdmtq#icomoon') 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: 'icomoon' !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-info:before {
    content: "\e90f";
}
.icon-selected_right .path1:before {
    content: "\e902";
    color: rgb(255, 255, 255);
}
.icon-selected_right .path2:before {
    content: "\e903";
    margin-left: -1em;
    color: rgb(27, 146, 70);
}
.icon-selected_right .path3:before {
    content: "\e904";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}
.icon-selected_wrong .path1:before {
    content: "\e905";
    color: rgb(255, 255, 255);
}
.icon-selected_wrong .path2:before {
    content: "\e906";
    margin-left: -1em;
    color: rgb(227, 30, 38);
}
.icon-selected_wrong .path3:before {
    content: "\e907";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}
.icon-selected .path1:before {
    content: "\e908";
    color: rgb(255, 255, 255);
}
.icon-selected .path2:before {
    content: "\e909";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}
.icon-unselected_right .path1:before {
    content: "\e90a";
    color: rgb(255, 255, 255);
}
.icon-unselected_right .path2:before {
    content: "\e90b";
    margin-left: -1em;
    color: rgb(27, 146, 70);
}
.icon-unselected_wrong .path1:before {
    content: "\e90c";
    color: rgb(255, 255, 255);
}
.icon-unselected_wrong .path2:before {
    content: "\e90d";
    margin-left: -1em;
    color: rgb(227, 30, 38);
}
.icon-unselected:before {
    content: "\e90e";
}
.icon-arrow-down:before {
    content: "\f03f";
}
.icon-arrow-left:before {
    content: "\f040";
}
.icon-arrow-right:before {
    content: "\f03e";
}
.icon-arrow-up:before {
    content: "\f03d";
}
.icon-chevron-down:before {
    content: "\f0a3";
}
.icon-chevron-left:before {
    content: "\f0a4";
}
.icon-chevron-right:before {
    content: "\f078";
}
.icon-chevron-up:before {
    content: "\f0a2";
}
.icon-search:before {
    content: "\f02e";
}
.icon-star:before {
    content: "\f02a";
}
.icon-home3:before {
    content: "\e901";
}
.icon-volume-medium:before {
    content: "\e900";
}
.icon-forward:before {
    content: "\e969";
}
.icon-reply:before {
    content: "\e96a";
}
.icon-enlarge:before {
    content: "\e989";
}
.icon-shrink:before {
    content: "\e98a";
}
.icon-enlarge2:before {
    content: "\e98b";
}
.icon-shrink2:before {
    content: "\e98c";
}
.icon-menu:before {
    content: "\e9bd";
}
.icon-plus:before {
    content: "\ea0a";
}
.icon-minus:before {
    content: "\ea0b";
}
.icon-cross:before {
    content: "\ea0f";
}
.icon-checkmark:before {
    content: "\ea10";
}
.icon-play3:before {
    content: "\ea1c";
}
.icon-pause2:before {
    content: "\ea1d";
}
.icon-stop2:before {
    content: "\ea1e";
}