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

[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-clock:before {
    content: "\e947";
}

.icon-Grade-1 .path1:before {
    content: "\e921";
    color: rgb(216, 216, 216);
}

.icon-Grade-1 .path2:before {
    content: "\e93c";
    margin-left: -1em;
    color: rgb(103, 103, 103);
}

.icon-Grade-1 .path3:before {
    content: "\e93e";
    margin-left: -1em;
    color: rgb(103, 103, 103);
}

.icon-down-1:before {
    content: "\e93f";
    color: #cacaca;
}

.icon-up-1:before {
    content: "\e940";
    color: #cacaca;
}

.icon-up-down:before {
    content: "\e941";
    color: #cacaca;
}

.icon-passward-1:before {
    content: "\e942";
    color: #676767;
}

.icon-preview:before {
    content: "\e93d";
    color: #676767;
}

.icon-branch:before {
    content: "\e92b";
    color: #ababab;
}

.icon-company:before {
    content: "\e943";
    color: #ababab;
}

.icon-location:before {
    content: "\e944";
}

.icon-quiz:before {
    content: "\e938";
}

.icon-course:before {
    content: "\e939";
}

.icon-survey-1:before {
    content: "\e93a";
}

.icon-Tick:before {
    content: "\e937";
    color: #49ab4d;
}

.icon-help_tooltip:before {
    content: "\e945";
    color: #979797;
}

.icon-info:before {
    content: "\e946";
    color: #979797;
}

.icon-play-button-icon:before {
    content: "\e93b";
    color: #3b5998;
}

.icon-Active:before {
    content: "\e900";
}

.icon-ActiveUsers .path1:before {
    content: "\e901";
    color: rgb(159, 159, 159);
}

.icon-ActiveUsers .path2:before {
    content: "\25cf";
    margin-left: -15px !important;
    color: rgb(92, 162, 53);
    font-size: 25px;
    line-height: 8px;
}

.icon-ActiveUsers .path21:before {
    margin-left: 0px !important   
}


.icon-Announcement:before {
    content: "\e903";
    color: #b2b2b2;
}

.icon-BackArrow:before {
    content: "\e904";
    color: #515151;
}

.icon-Branch .path1:before {
    content: "\e905";
    color: rgb(151, 151, 151);
    opacity: 0.7;
}

.icon-Branch .path2:before {
    content: "\e906";
    margin-left: -1em;
    color: rgb(255, 255, 255);
    opacity: 0.7;
}

.icon-Branch .path3:before {
    content: "\e907";
    margin-left: -1em;
    color: rgb(151, 151, 151);
    opacity: 0.7;
}

.icon-Calendar:before {
    content: "\e908";
    color: #888;
}

.icon-Checkbox:before {
    content: "\e909";
    color: #b7b7b7;
}

.icon-Checked:before {
    content: "\e90a";
    color: #79ae71;
}

.icon-CheckedCheckBox .path1:before {
    content: "\e90b";
    color: rgb(60, 138, 201);
}

.icon-CheckedCheckBox .path2:before {
    content: "\e90c";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-Classrooms:before {
    content: "\e90d";
    color: #3c8ac9;
}

.icon-Classrooms2:before {
    content: "\e90e";
    color: #3c8ac9;
}

.icon-Columns:before {
    content: "\e90f";
    color: #979797;
}

.icon-Company:before {
    content: "\e910";
}

.icon-CoursePending:before {
    content: "\e911";
    color: #f7b500;
}

.icon-Courses .path1:before {
    content: "\e912";
    color: rgb(39, 39, 39);
}

.icon-Courses .path2:before {
    content: "\e913";
    margin-left: -1em;
    color: rgb(50, 50, 50);
}

.icon-Courses .path3:before {
    content: "\e914";
    margin-left: -1em;
    color: rgb(151, 151, 151);
}

.icon-Courses .path4:before {
    content: "\e915";
    margin-left: -1em;
    color: rgb(151, 151, 151);
}

.icon-CourseTaken .path1:before {
    content: "\e916";
    color: rgb(109, 212, 0);
}

.icon-CourseTaken .path2:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-Delete:before {
    content: "\e918";
    color: #b1b1b1;
}

.icon-Department:before {
    content: "\e919";
    color: #979797;
}

.icon-DotMenu:before {
    content: "\e91a";
    color: #bbb;
}

.icon-DownArrow:before {
    content: "\e91b";
    color: #979797;
}

.icon-Download:before {
    content: "\e91c";
    color: #888;
}

.icon-DropDown:before {
    content: "\e91d";
    color: #8f8f8f;
}

.icon-Edit:before {
    content: "\e91e";
    color: #5d5d5d;
}

.icon-Email:before {
    content: "\e91f";
    color: #888;
}

.icon-Filter:before {
    content: "\e920";
    color: #b2b2b2;
}

.icon-Groups:before {
    content: "\e922";
    color: #8d8d8d;
}

.icon-Groups2:before {
    content: "\e923";
    color: #8d8d8d;
}

.icon-InactiveUsers .path1:before {
    content: "\e924";
    color: rgb(149, 149, 149);
}

.icon-InactiveUsers .path2:before {
    content: "\25cf";
    margin-left: -15px;
    color: rgb(231, 65, 65);
    font-size: 25px;
    line-height: 10px;
}

.icon-Instructors:before {
    content: "\e926";
    color: #717171;
}

.icon-LeftArrow:before {
    content: "\e927";
    color: #979797;
}

.icon-Notes:before {
    content: "\e928";
    color: #5d5d5d;
}

.icon-Password:before {
    content: "\e929";
    color: #888;
}

.icon-Phone:before {
    content: "\e92a";
}

.icon-Reports:before {
    content: "\e92c";
    color: #777;
}

.icon-RightArrow:before {
    content: "\e92d";
    color: #979797;
}

.icon-Search:before {
    content: "\e92e";
    color: inherit;
}

.icon-Settings:before {
    content: "\e92f";
    color: #4b4b4b;
}

.icon-Share:before {
    content: "\e930";
    color: #777;
}

.icon-SupervisorName:before {
    content: "\e931";
    color: #717171;
}

.icon-Theme:before {
    content: "\e932";
    color: #807f7f;
}

.icon-Title:before {
    content: "\e933";
    color: #888;
}

.icon-UpArrow:before {
    content: "\e934";
    color: #979797;
}

.icon-Users:before {
    content: "\e935";
    color: #8d8d8d;
}

.icon-Users2:before {
    content: "\e936";
    color: #3c8ac9;
}

.UserInfoIcon:before {
    color: #4d4d4d !important;
}