.icon-51 {
    width: 51px;
    height: 51px;
    font-size: 51px;
    flex: 0 0 51px;
}

.icon-32 {
    width: 32px;
    height: 32px;
    font-size: 32px;
    flex: 0 0 32px;
}

.icon-28 {
    width: 28px;
    height: 28px;
    font-size: 28px;
    flex: 0 0 28px;
}

.icon-24 {
    width: 24px;
    height: 24px;
    font-size: 24px;
    flex: 0 0 24px;
}

.icon-22 {
    width: 22px;
    height: 22px;
    font-size: 22px;
    flex: 0 0 22px;
}

.icon-20 {
    width: 20px;
    height: 20px;
    font-size: 20px;
    flex: 0 0 20px;
}

.icon-19 {
    width: 19px;
    height: 19px;
    font-size: 19px;
    flex: 0 0 19px;
}

.icon-18 {
    width: 18px;
    height: 18px;
    font-size: 18px;
    flex: 0 0 18px;
}

.icon-17 {
    width: 17px;
    height: 17px;
    font-size: 17px;
    flex: 0 0 17px;
}

.icon-16 {
    width: 16px;
    height: 16px;
    font-size: 16px;
    flex: 0 0 16px;
}

.icon-15 {
    width: 15px;
    height: 15px;
    font-size: 15px;
    flex: 0 0 15px;
}

.icon-14 {
    width: 14px;
    height: 14px;
    font-size: 14px;
    flex: 0 0 14px;
}

.icon-13 {
    width: 13px;
    height: 13px;
    font-size: 13px;
    flex: 0 0 13px;
}

.icon-12 {
    width: 12px;
    height: 12px;
    font-size: 12px;
    flex: 0 0 12px;
}

.icon-11 {
    width: 11px;
    height: 11px;
    font-size: 11px;
    flex: 0 0 11px;
}

.icon-10 {
    width: 10px;
    height: 10px;
    font-size: 10px;
    flex: 0 0 10px;
}

@font-face {
    font-family: "FluentSystemIcons-Regular";
    src: url("../font-icons/FluentSystemIcons-Regular.ttf");
}

.site-icon::before,
.font-icon::before {
    font-family: FluentSystemIcons-Regular;
    font-style: normal;
}

.site-icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    line-height: normal;
}

.font-icon {
    height: auto;
    width: auto;
    line-height: normal;
}

button .site-icon.icon-13,
button .site-icon.icon-14 {
    font-size: 16px;
    height: 16px;
    width: 16px;
}

/*#region IMAGE ICONS*/

.activity-trace-icon {
    background-image: url("/Images/AppImages/activity-trace.svg");
}

.barchart-yellow-icon {
    background-image: url("/Images/AppImages/barchart-yellow.png");
}

.board2-icon {
    background-image: url("/Images/AppImages/board2.svg");
}

.binocular-icon {
    background-image: url("/Images/AppImages/binocular.svg");
}

.code-icon {
    background-image: url("/Images/HomeMenu/Tools.svg");
}

.code2-icon {
    background-image: url("/Images/AppImages/code2.svg");
}

.clock-icon {
    background-image: url("/Images/AppImages/clock.svg");
}

.clock-arrow-icon {
    background-image: url("/Images/AppImages/clock-arrow.svg");
}

.calendar-orange-icon,
.appointment-icon {
    background-image: url("/Images/AppImages/link-type-1.svg");
}

.calendar-blue-icon {
    background-image: url("/Images/AppImages/calender-blue.svg");
}

.calendar-green-icon {
    background-image: url("/Images/AppImages/calender-green.svg");
}

.contributor-icon {
    background-image: url("/Images/AppImages/contributor.svg");
}

.compare-icon {
    background-image: url("/Images/AppImages/compare.svg");
}

.connection-icon {
    background-image: url("/Images/AppImages/connection.svg");
}

.dashboard-icon {
    background-image: url("/Images/AppImages/dashboard.svg");
}

.deliverable-icon {
    background-image: url("/Images/AppImages/deliverable.svg");
}

.deploymnet-icon {
    background-image: url("/Images/HomeMenu/DeploymentCenter.svg");
}

.exclamation-icon {
    background-image: url("/Images/AppImages/exclamation.svg");
}

.export-orange-icon {
    background-image: url("/Images/AppImages/export-big.png");
}

.folder-icon {
    background-image: url("/Images/AppImages/folder.svg");
}

.file-blue-icon {
    background-image: url("/Images/AppImages/file-blue.svg");
}

.globe-blue-icon {
    background-image: url("/Images/AppImages/globe-blue.svg");
}

.import-icon {
    background-image: url("/Images/AppImages/import.png");
}

.key-icon {
    background-image: url("/Images/AppImages/key.svg");
}

.keypoint-icon {
    background-image: url("/Images/AppImages/link-type-0.svg");
}

.keypoint-item-icon {
    background-image: url("/Images/AppImages/link-type-9.svg");
}

.kpi-icon {
    background-image: url("/Images/AppImages/KPI.svg");
}

.link2-icon {
    background-image: url("/Images/AppImages/link2.svg");
}

.link-object-icon {
    background-image: url("/Images/AppImages/link.svg");
}

.location-icon {
    background-image: url("/Images/AppImages/location.png");
}

.lesson-icon {
    background-image: url("/Images/AppImages/link-type-3.svg");
}

.map-icon {
    background-image: url("/Images/AppImages/map.svg");
}

.newsfeed-icon {
    background-image: url("/Images/AppImages/newsfeed.svg");
}

.notification-menu-icon {
    background-image: url("/Images/HomeMenu/Notifications.svg")
}

.one-pager-icon {
    background-image: url("/Images/AppImages/one-pager.svg");
}

.open-icon {
    background-image: url("/Images/AppImages/open.svg");
}

.outlook-icon {
    background-image: url("/Images/AppImages/outlook.svg");
}

.phase-icon {
    background-image: url("/Images/AppImages/phase.svg");
}

.progress-icon {
    background-image: url("/Images/AppImages/progress.svg");
}

.progress2-icon {
    background-image: url("/Images/AppImages/progress2.svg");
}

.progress-slider-icon {
    background-image: url("/Images/AppImages/progress-slider.svg");
}

.pulse-icon {
    background-image: url("/Images/AppImages/pulse.svg");
}

.quality-gate-icon {
    background-image: url("/Images/AppImages/quality-gate.svg");
}

.query-blue-icon {
    background-image: url("/Images/Widget/widget_queries.svg");
}

.query-green-icon {
    background-image: url("/Images/AppImages/query-green.svg");
}

.resource-icon {
    background-image: url("/Images/AppImages/resource.svg");
}

.risk-icon {
    background-image: url("/Images/AppImages/link-type-4.svg");
}

.rocket-icon {
    background-image: url("/Images/AppImages/rocket.svg");
}

.search-icon {
    background-image: url("/Images/HomeMenu/Search.svg");
}

.star-blank-icon {
    background-image: url("/Images/AppImages/start-blank.png");
}

.star-yellow-icon {
    background-image: url("/Images/AppImages/star-yellow.png");
}

.stack2-icon {
    background-image: url("/Images/AppImages/stack.svg");
}

.tags-icon {
    background-image: url("/Images/AppImages/tags.svg");
}

.task-icon {
    background-image: url("/Images/AppImages/task.svg");
}

.tick-circle-icon {
    background-image: url("/Images/AppImages/tick-circle.png");
}

.trash-red-icon {
    background-image: url("/Images/AppImages/trash-red.svg");
}

.user-blue-icon {
    background-image: url("/Images/AppImages/user-blue.svg");
}

.user-resource-icon {
    background-image: url("/Images/AppImages/user-resource.svg");
}

.user-grid-icon {
    background-image: url("/Images/AppImages/user-grid.svg");
}

.warning-icon {
    background-image: url("/Images/AppImages/warning.svg");
}

.warning-red-icon {
    background-image: url("/Images/AppImages/warning-red.svg");
}

.warning-yellow-icon {
    background-image: url("/Images/AppImages/warning-yellow.svg");
}

.wiki-icon {
    background-image: url("/Images/AppImages/link-type-5.svg");
}

.workstream-icon {
    background-image: url("/Images/AppImages/workstream.svg");
}

.workitem-icon {
    background-image: url("/Images/AppImages/link-type-2.svg");
}

.workload-icon {
    background-image: url("/Images/AppImages/workload.svg");
}

/*#endregion*/

/*#region FONT ICONS*/

.active-icon::before {
    color: #34d534;
    content: "\f299";
}

.align-left-icon::before {
    content: "\f7a0";
}

.align-left-270-icon::before {
    content: "\ecc6";
}

.archived-icon::before {
    content: "\f13c";
}

.areachart-icon::before {
    content: "\f33d";
}

.arrow-down-icon::before {
    content: "\f2a4";
}

.arrow-left-icon::before {
    content: "\f2ab";
}

.arrow-left3-icon::before {
    content: "\f15c";
}

.arrow-right-icon::before {
    content: "\f2b1";
}

.arrow-right3-icon::before {
    content: "\f182";
}

.arrow-up-icon::before {
    content: "\f2b7";
}

.arrow-down-up-icon::before {
    content: "\f016d";
}

.arrow-up-down-icon::before {
    content: "\e330";
}

.arrow-turn-down-icon::before {
    content: "\f00e";
}

.arrow-rotate-icon::before {
    content: "\f188";
}

.attachment-icon::before {
    content: "\f1aa";
}

.barchart-icon::before {
    content: "\f340";
}

.barchart2-icon::before {
    content: "\f342";
}

.bar-chart-stacked-icon::before {
    content: "\f7c8";
}

.button-icon::before {
    content: "\f0168";
}

.bubblechart-icon::before {
    content: "\f346";
}

.bullets-icon::before {
    content: "\f138";
}

.board-icon::before {
    content: "\f2fd";
}

.books-icon::before {
    content: "\f4d3";
}

.book-open-icon::before {
    content: "\e179";
}

.bring-front-icon::before {
    content: "\e9af";
}

.box-icon::before {
    content: "\e1c8";
}

.bell-icon::before {
    content: "\f115";
}

.calendar-icon::before {
    content: "\f0285";
}

.calendar2-icon::before {
    content: "\f227";
}

.calendar-check-icon::before {
    content: "\f8c9";
}

.calendar-today-icon::before {
    content: "\f23d";
}

.cube-icon:before {
    content: "\f336";
}

.clipboard-icon::before {
    content: "\e34c";
}

.clipboard2-icon::before {
    content: "\e36a";
}

.clock2-icon::before {
    content: "\f2de";
}

.compose-icon::before {
    content: "\f301";
}

.connector-icon::before {
    content: "\e1df";
}

.copy-icon::before {
    content: "\f381";
}

.cross-icon::before,
.cross-white-icon::before,
.cross-red-icon::before {
    content: "\f36a";
}

.cross-red-icon {
    color: var(--red);
}

.cross-white-icon {
    color: var(--color-font-white);
}

.circle-dashed-icon::before {
    content: "\f05c4";
}

.circle-spark-icon::before {
    content: "\f07d1"
}

.column-icon::before {
    content: "\f05d5";
}

.chat-icon::before {
    content: "\f287";
}

.chat2-icon::before {
    content: "\f8d3";
}

.comment-icon::before {
    content: "\f300";
}

.double-down-icon::before {
    content: "\e329";
}

.double-left-icon::before {
    content: "\e32a";
}

.dashboard2-icon::before {
    content: "\f0075";
}

.document-icon::before {
    content: "\f810";
}

.dots-icon::before {
    content: "\e825";
}

.download-icon::before {
    content: "\f151";
}

.database-icon::before {
    content: "\f085e";
}

.donut-icon::before {
    content: "\f07a5";
}

.duration-icon::before {
    content: "\f653";
}

.diamond-icon::before {
    content: "\e4bc";
}

.edit-bulk-icon::before {
    content: "\f315";
}

.edit-icon::before {
    content: "\f3de";
}

.eye-icon::before {
    content: "\e5f3";
}

.expansion-icon::before {
    content: "\f583";
}

.enlarge-icon::before {
    content: "\f160";
}

.export-icon::before,
.outdent-icon::before {
    content: "\f08e6";
}

.export2-icon::before {
    content: "\e648";
}

.export3-icon::before {
    content: "\e0ca";
}

.flag-icon::before,
.flag-wave-icon::before {
    content: "\f40c";
}

.flow-icon::before {
    content: "\f01d0";
}

.filter-icon::before {
    content: "\f407";
}

.folder-black-icon::before {
    content: "\f419";
}

.file-icon::before {
    content: "\f379";
}

.file-check-icon::before {
    content: "\e4f2";
}

.file-search-icon::before {
    content: "\f3af";
}

.funnel-icon::before {
    content: "\f341";
}

.full-view-icon::before {
    content: "\ea1a";
}

.full-width-icon::before {
    content: "\f3b9";
}

.full-sreen-icon::before {
    content: "\f46d";
}

.filmstrip-icon::before {
    content: "\f003a";
}

.gauge-icon::before {
    content: "\f831";
}

.gear-icon::before {
    content: "\f013d";
}

.globe-icon::before {
    content: "\f45b";
}

.grid-icon::before {
    content: "\f463";
}

.grid-dots-icon::before {
    content: "\e6c5";
}

.group-icon::before {
    content: "\f5a9";
}

.hammer-icon::before {
    content: "\e697";
}

.history-icon::before {
    content: "\f47f";
}

.home-icon::before {
    content: "\f481";
}

.indent-icon::before {
    content: "\e0bf";
}

.information-icon::before {
    content: "\f4a4";
}

.idea-icon::before {
    content: "\f4d7";
}

.input-icon {
    transform: rotate(180deg);
}

    .input-icon::before,
    .output-icon::before {
        content: "\f15a";
    }

.inactive-icon::before {
    content: "\f2bf";
}

.justice-icon::before {
    content: "\ea51";
}

.key2-icon::before {
    content: "\f4b7";
}

.keyboard-icon::before {
    content: "\f4b9";
}

.lock-icon::before {
    content: "\e790";
}

.linechart-icon::before {
    content: "\e45e";
}

.link-icon::before {
    content: "\f4e5";
}

.link3-icon::before {
    content: "\f0278";
}

.links-icon::before {
    content: "\f6b2";
}

.line-icon::before {
    content: "\f343";
}

.mail-icon::before {
    content: "\f507";
}

.mention-icon::before {
    content: "\f53d";
}

.minus-icon::before {
    content: "\ebd1";
}

.map2-icon::before {
    content: "\f52e";
}

.menu-icon::before {
    content: "\ecf9";
}

.menu2-icon::before {
    content: "\f0765";
}

.move-icon::before {
    content: "\f557";
}

.move2-icon::before {
    content: "\f169";
}

.move3-icon::before {
    content: "\f15a";
}

.mail-send-icon::before {
    content: "\f54b";
}

.money-icon::before {
    content: "\f550";
}

.note-icon::before {
    content: "\e880";
}

.page-icon::before {
    content: "\f8fe";
}

.paint-icon::before {
    content: "\f593";
}

.pause-icon::before {
    content: "\f5a2";
}

.pencil-icon::before {
    content: "\f062d";
}

.plus-blue-icon {
    color: var(--accent);
}

.plus-green-icon {
    color: #4C9D4C;
}

    .plus-blue-icon::before,
    .plus-green-icon::before,
    .plus-icon::before,
    .crosshair-icon::before {
        content: "\f10a";
    }

.point-down-icon::before {
    content: "\f149";
}

.point-up-icon::before {
    content: "\f19c";
}

.printer-icon::before {
    content: "\f62b";
}

.profile-icon::before {
    content: "\f321";
}

.play-icon::before {
    content: "\f606";
}

.play2-icon::before {
    content: "\f608";
}

.presentation-icon::before {
    content: "\f8fe";
}

.pie-chart-icon::before {
    content: "\f345";
}

.pivot-table-icon::before {
    content: "\f778";
}

.palette-icon::before {
    content: "\f2f6";
}

.reload-icon::before {
    content: "\f13e";
}

.reorder-icon::before {
    content: "\e9f9";
}

.risk2-icon::before {
    content: "\f6c3";
}

.rocket2-icon::before {
    content: "\f678";
}

.save-icon::before {
    content: "\f680";
}

.settings-icon::before {
    content: "\f6aa";
}

.stack-icon::before {
    content: "\f77b";
}

.select-icon::before {
    content: "\e449";
}

.share-icon::before {
    content: "\f69a";
}

.shield-icon::before {
    content: "\f6bf";
}

.shield-check-icon::before {
    content: "\ead8";
}

.star-icon::before {
    content: "\f710";
}

.select-list-icon::before {
    content: "\ec9a";
}

.spanner-icon::before {
    content: "\f8c1";
}

.sort-asc-icon::before {
    content: "\f0558";
}

.sort-desc-icon::before {
    content: "\e0f2";
}

.sprint-icon::before {
    content: "\f0161";
}

.send-back-icon::before {
    content: "\e9ad";
}

.status-up-icon::before {
    color: #00B050;
    content: "\f198";
}

.status-down-icon::before {
    color: #F13434;
    content: "\e11b";
}

.status-neutral-icon::before {
    color: #5B9BD5;
    content: "\f182";
}

.swap-icon::before {
    content: "\f18e";
}

.team-icon::before {
    content: "\f5b9";
}

.text-icon::before {
    content: "\f7e0";
}

.text2-icon::before {
    content: "\ecaf";
}

.trash-icon::before {
    content: "\f34d";
}

.tag-icon::before {
    content: "\f77d";
}

.tick-green-icon {
    color: #00b050;
    font-weight: bold;
}

    .tick-icon::before,
    .tick-green-icon::before {
        content: "\f295";
    }

.table-icon::before {
    content: "\f75e";
}

.table2-icon::before {
    content: "\f06ac";
}

.thumbsUp-icon::before {
    content: "\f820";
}

.thumbsDown-icon::before {
    content: "\f81e";
}

.user-icon::before {
    content: "\f5be";
}

.upload-icon {
    transform: rotate(-90deg);
}

    .upload-icon::before {
        content: "\f08e6";
    }

.unlock-icon::before {
    content: "\e796";
}

.window-new-icon::before {
    content: "\ee7b";
}

.window-icon::before {
    content: "\ea13";
}

.w-stream-icon::before {
    content: "\e826";
}

.workflow-icon::before {
    content: "\f1fb";
}

.zoom-icon::before {
    content: "\ee8d";
}

.feed-type-0::before {
    content: "\ef5d";
}

.feed-type-1::before {
    content: "\f538";
}

.feed-type-2::before {
    content: "\f0285";
}

/*#endregion*/

/*#region FILE TYPE ICONS*/
.fileIcon {
    background-image: url("/Images/FileIcons/file.png");
}

.fileIcon-white {
    background-image: url("/Images/FileIcons/file-white.png");
}

.docx,
.doc {
    background-image: url("/Images/FileIcons/docx.png");
}

.docx-white,
.doc-white {
    background-image: url("/Images/FileIcons/docx-white.png");
}

.pptx,
.ppt {
    background-image: url("/Images/FileIcons/pptx.png");
}

.pptx-white,
.ppt-white {
    background-image: url("/Images/FileIcons/pptx-white.png");
}

.xlsx,
.xls {
    background-image: url("/Images/FileIcons/xlsx.png");
}

.xlsx-white,
.xls-white {
    background-image: url("/Images/FileIcons/xlsx-white.png");
}

.word-icon {
    background-image: url("/Images/FileIcons/word.png");
}

.excel-icon {
    background-image: url("/Images/FileIcons/excel.png");
}

.pdf {
    background-image: url("/Images/FileIcons/pdf.png");
}

.pdf-white {
    background-image: url("/Images/FileIcons/pdf-white.png");
}

.json-icon {
    background-image: url("/Images/FileIcons/json.svg");
}

/*#endregion*/

/*#region WIDGET ICONS*/

.widget-360-view {
    background-image: url("/Images/Widget/widget_360_wiew.svg");
}

.widget-activities {
    background-image: url("/Images/Widget/widget_activities.svg");
}

.widget-kpi {
    background-image: url("/Images/Widget/widget_kpi.png");
}

.widget-velocity {
    background-image: url("/Images/Widget/widget_velocity.png");
}

.widget-table {
    background-image: url("/Images/Widget/widget_table.png");
}

.widget-donut {
    background-image: url("/Images/Widget/widget_donut.png");
}

.widget-bubble {
    background-image: url("/Images/Widget/widget_bubble.png");
}

.widget-query {
    background-image: url("/Images/Widget/widget_query.png");
}

.widget-portfolio-cockpit {
    background-image: url("/Images/Widget/widget_portfolio_cockpit.svg");
}

.widget-projects {
    background-image: url("/Images/Widget/widget_projects.svg");
}

.widget-queries {
    background-image: url("/Images/Widget/widget_queries.svg");
}

.widget-insights {
    background-image: url("/Images/Widget/widget_insights.svg");
}

.widget-query-link {
    background-image: url("/Images/Widget/widget_query_link.png");
}

/*#endregion*/