.send-icon:before {
    font-family: "bootstrap-icons";
    content: "\F6B3"; /*bi-send-check*/
    margin-right: 5px;
    vertical-align: bottom;
}

.back-icon:before {
    font-family: "bootstrap-icons";
    content: "\F12A"; /*bi-arrow-left-circle*/
    margin-right: 5px;
    vertical-align: bottom;
}
.left-arrow-icon:before {
    font-family: "bootstrap-icons";
    content: "\F12F"; /*bi-arrow-left*/
}
.enroll-icon:before {
    font-family: "bootstrap-icons";
    content: "\F26B";
    margin-right: 5px;
    vertical-align: bottom;
}
.deenroll-icon:before {
    font-family: "bootstrap-icons";
    content: "\F623"; /*bi-x-circle*/
    margin-right: 5px;
    vertical-align: bottom;
}
.cancel-icon:before {
    font-family: "bootstrap-icons";
    content: "\F623"; /*bi-x-circle*/
    margin-right: 5px;
    vertical-align: bottom;
}
.confirm-icon:before {
    font-family: "bootstrap-icons";
    content: "\F26B";  /*bi-check-circle*/
    margin-right: 5px;
    vertical-align: bottom;
}

.remove-icon:before {
    font-family: "bootstrap-icons";
    content: "\F5DE"; /*bi-trash*/
    margin-right: 5px;
    vertical-align: bottom;
}

.save-icon:before {
    font-family: "bootstrap-icons";
    content: "\F7D8"; /* bi-floppy*/
    margin-right: 5px;
    vertical-align: bottom;
}
.save-icon2:before {
    font-family: "bootstrap-icons";
    content: "\f0c7"; /* bi-save*/
    margin-right: 5px;
    vertical-align: bottom;
}
.bell-icon:before {
    font-family: "bootstrap-icons";
    content: "\f0f3"; /* bi-save*/
    margin-right: 5px;
    vertical-align: bottom;
}
.previous-icon:before {
    font-family: "bootstrap-icons";
    content: "\F12C"; /* bi-arrow-left-short*/
    margin-right: 5px;
    vertical-align: bottom;
}
.next-icon:after {
    font-family: "bootstrap-icons";
    content: "\F135"; /* bi-arrow-right-short*/
    margin-left: 5px;
    vertical-align: bottom;
}

.discussion-icon:before {
    font-family: "bootstrap-icons";
    content: "\F268"; /* bi-chat*/
    margin-right: 5px;
}

.assignment-icon:before {
    font-family: "bootstrap-icons";
    content: "\F228"; /* bi-card-text*/
    margin-right: 5px;
}
.exclamation-icon:before {
    font-family: "bootstrap-icons";
    content: "\F33C"; /* bi-exclamation*/
    margin-right: 5px;
}
.exclamation-lg-icon:before {
    font-family: "bootstrap-icons";
    content: "\F63C"; /* bi-exclamation-lg*/
    margin-right: 5px;
}
.exclamation-triangle-fill-icon:before {
    font-family: "bootstrap-icons";
    content: "\F33A"; /* bi-exclamation-triangle-fill*/
    margin-right: 5px;

    vertical-align: bottom;
}
.megaphone-icon:before {
    font-family: "bootstrap-icons";
    content: "\F484"; /* bi-megaphone*/
    margin-right: 5px;
    vertical-align: middle;
}
.gear-icon:before {
    font-family: "bootstrap-icons";
    content: "\F3E5"; /* bi-gear*/
    vertical-align: middle;
}
.images-icon:before {
    font-family: "bootstrap-icons";
    content: "\F42B"; /* bi-images*/
}
.image-icon:before {
    font-family: "bootstrap-icons";
    content: "\F42A"; /* bi-image*/
}
.pencil-square-icon:before {
    font-family: "bootstrap-icons";
    content: "\F4CA"; /* bi-pencil-square-icon*/
}
.plus-square-icon:before {
    font-family: "bootstrap-icons";
    content: "\F4FD"; /* bi-plus-square*/
}
.plus-circle-icon:before {
    font-family: "bootstrap-icons";
    content: "\F4FA"; /* bi-plus-circle*/
    margin-right: 5px;
    vertical-align: bottom;
}
.upload-icon:before {
    font-family: "bootstrap-icons";
    content: "\F603"; /* bi-upload*/
    margin-right: 5px;
}
.cancel-circle-icon:before {
    font-family: "bootstrap-icons";
    content: "\F623"; /* bi-cancel*/
    margin-right: 5px;
    vertical-align: bottom;
}
.add-icon:before {
    font-family: "bootstrap-icons";
    content: "\F4FE"; /* bi-plus*/
    margin-left: 5px;
    vertical-align: bottom;
}

.contact-icon:before {
    font-family: "bootstrap-icons";
    content: "\F693"; /*bi-envelope-plus-fill*/
    margin-right: 5px;
    vertical-align: bottom;
}
.envelope-icon:before {
    font-family: "bootstrap-icons";
    content: "\F32F"; /*bi-envelope*/
    margin-right: 5px;
    vertical-align: bottom;
}

.view-details-icon::before {
    font-family: "bootstrap-icons";
    content: "\F308"; /*bi-door-open*/
    margin-right: 5px;
    vertical-align: bottom;
}

.edit-icon::before {
    font-family: "bootstrap-icons";
    content: "\F4CB"; /*bi-pencil*/
    margin-right: 5px;
    vertical-align: bottom;
}

.submit-review-icon:before {
    font-family: "bootstrap-icons";
    content: "\F603"; /*bi-upload*/
    margin-right: 5px;
    vertical-align: bottom;
}
.save-publish-icon:before {
    font-family: "bootstrap-icons";
    content: "\F26B"; /*bi-check-circle*/
    margin-right: 5px;
    vertical-align: bottom;
}

.send-back-icon:before {
    font-family: "bootstrap-icons";
    content: "\F131"; /*bi-arrow-return-left*/
    margin-right: 5px;
    vertical-align: bottom;
}


.triangle-exlamation-icon:before {
    font-family: "bootstrap-icons";
    content: "\F33B"; /*bi-exclamation-triangle*/
    margin-right: 5px;
    vertical-align: bottom;
}

.circle-check-icon:before {
    font-family: "bootstrap-icons";
    content: "\F26B"; /*bi-check-circle*/
    margin-right: 5px;
    vertical-align: bottom;
}

.eval-icon:before {
    font-family: "bootstrap-icons";
    content: "\F586"; /*bi-star-fill*/
    margin-right: 5px;
    vertical-align: bottom;
}

.copy-icon:before {
    font-family: "bootstrap-icons";
    content: "\F759"; /*bi-copy*/
/*    margin-right: 5px;
*/    vertical-align: bottom;
}
.person-dash-icon:before {
    font-family: "bootstrap-icons";
    content: "\F4D9"; /*bi-person-dash*/
    margin-right: 5px;
    vertical-align: bottom;
}

.clock-icon:before {
    font-family: "bootstrap-icons";
    content: "\F292"; /*bi-clock-history*/
    margin-right: 5px;
    vertical-align: bottom;
}

.eye-icon:before {
    font-family: "bootstrap-icons";
    content: "\F341"; /*bi-eye*/
    vertical-align: bottom;
    margin-right: 5px;
}

.eye-icon-small:before {
    font-family: "bootstrap-icons";
    content: "\F341"; /*bi-eye*/
    vertical-align: bottom;
    margin-right: 5px;
}

.arrows-fullscreen-icon:before {
    font-family: "bootstrap-icons";
    content: "\F14D"; /*bi-arrows-fullscreen*/
    vertical-align: bottom;
    margin-right: 5px;
}
.person-raised-hand-icon:before {
    font-family: "bootstrap-icons";
    content: "\F8F7"; /*bi-person-raised-hand*/
    vertical-align: bottom;
    margin-right: 5px;
}

.reactivate-icon:before {
    font-family: "bootstrap-icons";
    content: "\F130"; /*bi-arrows-fullscreen*/
    vertical-align: bottom;
    margin-right: 5px;
}

.down-arrow-cirle:before {
    font-family: "bootstrap-icons";
    content: "\F119"; /*bi-arrow-down-circle*/
    vertical-align: bottom;
    margin-right: 5px;
}
.paperclip-icon:before {
    font-family: "bootstrap-icons";
    content: "\F4B3"; /*bi-paperclip-icon*/
    vertical-align: bottom;
    margin-right: 5px;
}

.align-bottom-icon:before {
    font-family: "bootstrap-icons";
    content: "\F103"; /*bi-align-bottom*/
    vertical-align: bottom;
    margin-right: 5px;
}

.align-top-icon:before {
    font-family: "bootstrap-icons";
    content: "\F108"; /*bi-align-top*/
    vertical-align: bottom;
    margin-right: 5px;
}

.change-group-icon:before {
    font-family: "bootstrap-icons";
    content: "\F1C0"; /*bi-box-arrow-in-up-right*/
    vertical-align: bottom;
    margin-right: 5px;
}
.caret-right-fill-icon:before {
    font-family: "bootstrap-icons";
    content: "\F231"; /*bi-box-arrow-in-up-right*/
    vertical-align: bottom;
    margin-right: 5px;
}
.three-vertical-dot-icon:before {
    font-family: "bootstrap-icons";
    content: "\F5D3"; /*bi-three-vertical-dots*/
    vertical-align: bottom;
    margin-right: 5px;
}
.person-check-fill-icon:before {
    font-family: "bootstrap-icons";
    content: "\F4D5"; /*bi-person-check-fill*/
    vertical-align: bottom;
    margin-right: 5px;
}
.chat-dots-icon:before {
    font-family: "bootstrap-icons";
    content: "\F24A"; /*bi-chat-dots*/
    vertical-align: bottom;
    margin-right: 5px;
}
.journal-text-icon:before {
    font-family: "bootstrap-icons";
    content: "\F444"; /*bi-journal-text*/
    vertical-align: bottom;
    margin-right: 5px;
}
.person-badge-icon:before {
    font-family: "bootstrap-icons";
    content: "\F4D3"; /*bi-person-badge*/
    vertical-align: bottom;
    margin-right: 5px;
}
.person-icon:before {
    font-family: "bootstrap-icons";
    content: "\F4E1"; /*bi-person*/
    vertical-align: bottom;
    margin-right: 5px;
}
.person-add-fill-icon:before {
    font-family: "bootstrap-icons";
    content: "\F89D"; /*bi-person-add-fill*/
    vertical-align: bottom;
    margin-right: 5px;
}
.report-viewer-icon:before {
    font-family: "bootstrap-icons";
    content: "\F341"; /*bi bi-eye*/
    vertical-align: bottom;
    margin-right: 5px;
}
.person-gear-icon:before {
    font-family: "bootstrap-icons";
    content: "\F8A7"; /*bi-person-gear*/
    vertical-align: bottom;
    margin-right: 5px;
}
.person-add-icon:before {
    font-family: "bootstrap-icons";
    content: "\F4DD"; /*bi-person-plus*/
    vertical-align: bottom;
    margin-right: 5px;
}
.search-icon:before {
    font-family: "bootstrap-icons";
    content: "\F52A"; /*bi bi-search*/
    vertical-align: bottom;
    margin-right: 5px;
}
.person-check-icon:before {
    font-family: "bootstrap-icons";
    content: "\F4D6"; /*bi bi-person-check*/
    margin-right: 5px;
    vertical-align: middle;
}


.shield-lock-icon:before {
    font-family: "bootstrap-icons";
    content: "\F538"; /*bi bi-shield-lock*/
    margin-right: 5px;
    vertical-align: middle;
}

.pen-fill-icon:before {
    font-family: "bootstrap-icons";
    content: "\F4C7"; /*bi bi-pen-fill*/
    margin-right: 5px;
    vertical-align: middle;
}

.chat-text-icon:before {
    font-family: "bootstrap-icons";
    content: "\F267"; /*bi bi-chat-text*/
    margin-right: 5px;
    vertical-align: middle;
}
.slash-circle-icon:before {
    font-family: "bootstrap-icons";
    content: "\F567"; /*bi bi-slash-circle*/
    margin-right: 5px;
    vertical-align: middle;
}
.info-circle-icon:before {
    font-family: "bootstrap-icons";
    content: "\F431"; /*bi bi-info-circle*/
    margin-right: 5px;
    vertical-align: middle;
}

.clock-history-icon:before {
    font-family: "bootstrap-icons";
    content: "\F292"; /*bi bi-clock-history*/
    margin-right: 5px;
    vertical-align: middle;
}
.card-text-icon:before {
    font-family: "bootstrap-icons";
    content: "\F228"; /*bi bi-card-text*/
    margin-right: 5px;
    vertical-align: middle;
}

.trash3-icon:before {
    font-family: "bootstrap-icons";
    content: "\F78B"; /*bi bi-trash3*/
    margin-right: 5px;
    vertical-align: middle;
}

.exclamation-triangle-icon:before {
    font-family: "bootstrap-icons";
    content: "\F33B"; /*bi bi-exclamation-triangle*/
    margin-right: 5px;
    vertical-align: middle;
}

.dot-icon:before {
    font-family: "bootstrap-icons";
    content: "\F309"; /*bi bi-dot*/
    margin-right: -5px;
    margin-left: -5px;
    vertical-align: middle;
}

.play-fill-icon:before {
    font-family: "bootstrap-icons";
    content: "\F4F4"; /*bi bi-play-fill*/
    margin-right: 5px;
    vertical-align: middle;
}

.switch-icon:after {
    font-family: "bootstrap-icons";
    content: "\F130"; /*bi bi-arrow-repeat*/
    margin-left: 5px;
    vertical-align: middle;
}
.easel-icon:after {
    font-family: "bootstrap-icons";
    content: "\F310"; /*bi bi-easel*/
    margin-left: 5px;
    vertical-align: middle;
}
.building-icon:after {
    font-family: "bootstrap-icons";
    content: "\F1DD"; /*bi bi-building*/
    margin-left: 5px;
    vertical-align: middle;
}

.exclamation-circle-fill-icon:after {
    font-family: "bootstrap-icons";
    content: "\F332"; /*bi bi-exclamation-circle-fill*/
    margin-left: 5px;
    vertical-align: middle;
}

.question-lg-icon:after {
    font-family: "bootstrap-icons";
    content: "\F64E"; /*bi bi-question-lg*/
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.question-circle-fill-icon:after {
    font-family: "bootstrap-icons";
    content: "\F504"; /*bi bi-question-circle-fill*/
    vertical-align: middle;
    margin-left: 5px;
}
.question-circle-icon:after {
    font-family: "bootstrap-icons";
    content: "\F505"; /*bi bi-question-circle*/
    vertical-align: middle;
    margin-left: 5px;
}
.stopwatch-icon:after {
    font-family: "bootstrap-icons";
    content: "\F597"; /*bi bi-stopwatch*/
    vertical-align: middle;
    margin-right: 5px;
}

.download-icon:after {
    font-family: "bootstrap-icons";
    content: "\F30A"; /*bi bi-download*/
    vertical-align: middle;
    margin-right: 5px;
}
.arrow-clockwise-icon:after {
    font-family: "bootstrap-icons";
    content: "\F116"; /*bi bi-arrow-clockwise*/
    vertical-align: middle;
    margin-right: 5px;
}
.check2-square-icon:after {
    font-family: "bootstrap-icons";
    content: "\F271"; /*bi bi-check2-square*/
    vertical-align: middle;
    margin-right: 5px;
}
.arrow-counterclockwise-icon:after {
    font-family: "bootstrap-icons";
    content: "\F117"; /*bi bi-arrow-counterclockwise*/
    vertical-align: middle;
    margin-right: 5px;
}
.translate-icon:after {
    font-family: "bootstrap-icons";
    content: "\F658"; /*bi bi-translate*/
    vertical-align: middle;
    margin-right: 5px;
}
.calendar-event-icon:after {
    font-family: "bootstrap-icons";
    content: "\F1E8"; /*bi bi-calendar-event*/
    vertical-align: middle;
    margin-left: 5px;
}