.no-icon-spacer {
    padding-right: 28px;
}
.no-icon-spacer-26 {
    padding-right: 26px;
}
.no-icon-spacer-27 {
    padding-right: 27px;
}
.no-icon-spacer-100 {
    padding-right: 100%;
}

.no-icon-spacer-1 {
    display: inline-block;
    width: 1px;
}
.no-icon-in-hidebutton {
    display: inline-block;
    width: 21.5px;
}
.icon-default-size::before {
    font-size: 20px !important;
}
.no-icon-default {
    display: inline-block;
    /*width: 16px;*/
    width: 22px;
}
/* MaintStudent, MaintStaff */
.no-icon-profile {
    display: inline-block;
    width: 19px;
}
.no-icon-edit, .no-department-contacts {
    display: inline-block;
    width: 23px;
}
.no-icon-advanced-access {
    display: inline-block;
    width: 28px;
}
.no-icon-key, .no-icon-phone {
    display: inline-block;
    width: 26px;
}
.no-icon-switch-user, .no-icon-email {
    display: inline-block;
    width: 29px;
}
.no-icon-email2 {
    display: inline-block;
    width: 27px;
}
.no-icon {
    display: inline-block;
    padding: 3px;
}

.regular::before {
    font-size: 20px !important;
}
.center-icon::before{
    padding-left: 5px;
}

/*stacked icons*/

.to-calendar {
    position: relative;
}
.to-calendar::before {
    content: "\f133";
    color: #333;
    font-family: "Font Awesome 5 Free";
    font-weight: 400; 
    font-size: 21px;
}
.to-calendar::after {
    content: "\f04b";
    color: #4CAF50;
    font-family: "Font Awesome 5 Free";
    font-weight: 900; 
    position: absolute;
    font-size: 9px;
    left: 8.5px;
    top: 5.5px;
}
.icon {
    font-family: "Font Awesome 5 Free";
    text-decoration: none;
    /*vertical-align: -webkit-baseline-middle;*/
    padding: 3px;
    display: inline-block;
}

th .glossary::before, .fieldHeading .glossary::before {
    font-size: 16px;
}

.glossary::before {
    content: "\f02d";
    font-weight: 900;
    color: #be4bdb;
    font-size: 20px;
}
/* glossary icons in WizardStages table in database */
.glossary-wizard::before {
    content: "\f02d";
    font-weight: 900;
    color: #fff;
    font-size: 16px;
}

/*Group Worksheet*/
.calendargrid-exists::before {
    content: "\f274"; /*calendar with check*/
    color: #f15a39;
    font-weight: 400;
    font-size: 21px;
}

.calendargrid::before {
    content: "\f073";
    color: #f15a39;
    font-weight: 400;
    font-size: 21px;
}

.calendargrid-iss-exists::before {
    content: "\f274"; /*calendar with check*/
    color: #e6b800;
    font-weight: 400;
    font-size: 21px;
}

.calendargrid-iss::before {
    content: "\f073";
    color: #e6b800;
    font-weight: 400;
    font-size: 21px;
}
.calendargrid-none::before {
    content: "\f073";
    color: #888;
    font-weight: 400;
    font-size: 21px;
}

.fieldHeading .icon:before {
    color: #FFF;
}

.separate-icon::before {
    content: "\f126";
    color: #666;
    font-weight: 900;
    font-size: 18px;
}
.edit-icon::before {
    content: "\f303";
    /*color: #ffc800;*/
    color: #666;
    font-weight: 900;
    font-size: 19px;
}
.copy-icon::before {
    content: "\f0c5";
    color: #666;
    font-weight: 900;
    font-size: 18px;
}
.delete-icon::before, .deletereport::before {
    content: "\f2ed";
    color: #666;
    font-weight: 900;
    font-size: 19px;
    padding-left: 1px;
    padding-right: 1px;
}
.student-selector-na::before {
    content: "\f0cb";
    color: #9E9E9E;
    font-weight: 900;
    font-size: 18px;
}
.student-selector-inactive::before {
    content: "\f0cb";
    /*color: #20a2ff;*/
    color: #646464;
    font-weight: 900;
    font-size: 18px;
}
.student-selector-open::before {
    content: "\f0cb";
    color: #e6b800;
    font-weight: 900;
    font-size: 18px;
}
.student-selector-done::before {
    content: "\f0cb";
    color: #07d822;
    font-weight: 900;
    font-size: 18px;
}
.student-selector-excluded {
    position: relative;
}
.student-selector-excluded::before {
    content: "\f0cb";
    color: #3F51B5;
    font-weight: 900;
    font-size: 20px;
}
.student-selector-excluded::after {
    content: "\f715";
    color: #f15a39;
    font-weight: 900;
    font-size: 18px;
    position: absolute;
    left: 1px;
}

.student-selector-matched {
    position: relative;
}

.student-selector-matched::before {
    content: "\f0cb";
    color: #3F51B5;
    font-weight: 900;
    font-size: 20px;
}

.student-selector-matched::after {
    content: "\f00c";
    color: #f15a39;
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    left: 5px;
}

.student-selector-matched-undone {
    position: relative;
}

.student-selector-matched-undone::before {
    content: "\f0cb";
    color: #3F51B5;
    font-weight: 900;
    font-size: 20px;
}

.student-selector-matched-undone::after {
    content: "\f00c";
    color: #f15a39;
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    left: 5px;
}
.check-embed-font::before {
    font-family: "Font Awesome 5 Free";
    text-decoration: none;
    padding: 3px;
    display: inline-block;
    content: "\f00c";
    color: #333;
    font-weight: 900;
    font-size: 14px;
}
.check::before {
    content: "\f00c";
    color: #333;
    font-weight: 900;
    font-size: 14px;
    padding-left: 3px;
}
.check-grey::before {
    content: "\f00c";
    color: #888;
    font-weight: 900;
    font-size: 14px;
    padding-left: 3px;
}
.check-white::before {
    content: "\f00c";
    color: #fff;
    font-weight: 900;
    font-size: 16px;
    /*padding-left: 3px;*/
}
.conflictexempt::before {
    content: "\f00c";
    color: #81d81d; /*green*/
    font-weight: 900;
    font-size: 18px;
}
.add-white::before {
    content: "\f067";
    color: #fff;
    font-weight: 900;
    font-size: 16px;
    padding: 3px;
}
.add-green::before {
    content: "\f067";
    color: #1eb91e;
    font-weight: 900;
    font-size: 16px;
    padding: 3px;
}
.add-row::before {
    content: "\f067";
    color: #4c6ef5; /*blue*/
    font-weight: 900;
    font-size: 20px;
    /*padding: 3px;*/
}
.find-destination::before {
    content: "\f689";
    color: #f15a39;
    font-weight: 900;
    font-size: 16px;
    padding: 3px;
}
.exclamation-icon-white::before {
    content: "\f12a";
    color: #fff;
    font-weight: 900;
    font-size: 14px;
}

.back-enrollment::before {
    content: "\f04b";
    color: #4c6ef5;
    font-weight: 900;
    font-size: 18px;
    /*padding-left: 10px;*/
    vertical-align: bottom;
    transform: scaleX(-1);
    display: inline-block;
}
.back-enrollment-nostudents::before {
    content: "\f04b";
    color: #4c6ef5e6;
    font-weight: 900;
    font-size: 18px;
    /*padding-left: 6px;*/
    vertical-align: bottom;
    transform: scale(-1,1);
    transform: scaleX(-1);
    display: inline-block;
}

.to-outbox::before {
    content: "\f04b";
    color: #219956;
    font-weight: 900;
    font-size: 18px;
    /*padding-left: 3px;
    padding-right: 2px;*/
    /*vertical-align: bottom;*/
}



.to-grpworksheetassign, .to-worksheetassign {
    position: relative;
    /*font-size: 15px;*/
}
.to-grpworksheetassign::before {
    content: "\f04b";
    color: #f15a39;
    font-weight: 900;
    font-size: 18px;
    /*padding: 0 8px 0 2px;*/
    vertical-align: bottom;
}
.to-grpworksheetassign::after {
    content: "A";
    color: #222;
    font-weight: 900;
    font-size: 12px;
    position: absolute;
    left: 4px;
    top: 3px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif, Verdana;
}

.to-worksheetassign::before {
    content: "\f04b";
    /*color: #ffeb2f;*/
    color: #e6b800;
    font-weight: 900;
    font-size: 18px;
    /*padding: 0 8px 0 2px;*/
    vertical-align: bottom;
}
.to-worksheetassign::after {
    content: "A";
    color: #222;
    font-weight: 900;
    font-size: 12px;
    position: absolute;
    left: 4px;
    top: 3px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif, Verdana;
}
.CurrentViewPanel .to-outbox::before {
    vertical-align: bottom;
}

.CurrentViewPanel td:not(.float-right) .to-grpworksheetassign::after, .CurrentViewPanel td:not(.float-right) .to-worksheetassign::after {
    /*top: -1px;*/
    top: -3px; /* - 3.5?*/
}

.CurrentViewFilterColumn:not(.float-right) .to-worksheetassign::after, .CurrentViewFilterColumn:not(.float-right) .to-grpworksheetassign::after {
    top: 2px !important; /* - 3.5?*/
}

.comments-exist::before {
    content: "\f12a";
    color: #219956; /*green*/
    font-weight: 900;
    font-size: 20px;
}
.conditions-exist::before, .overallocsite::before, .Upload-warning::before {
    content: "\f12a";
    color: #f15a39; /* #fd7e14, orange*/
    font-weight: 900;
    font-size: 20px;
}
.overalloc::before, .overallocservice::before, .Upload-error::before {
    content: "\f12a";
    color: #f15a39; /*red, tomato*/
    font-weight: 900;
    font-size: 20px;
}

.locked-icon::before {
    content: "\f023";
    color: #888;
    font-weight: 900;
    font-size: 20px;
}

.use-as-template::before {
    content: "\f017";
    color: #ccc;
    font-weight: 900;
    font-size: 14px;
}

.calendar::before {
    content: "\f783";
    color: #f783ac;
    font-weight: 900;
    font-size: 20px;
}


/*.site-instructor-requested {
    position: relative;
}*/
.site-instructor-requested::before {
    content: "\f183";
    color: #0066ff;
    font-weight: 900;
    font-size: 22px;
    /*position: absolute;
    left: -7px;*/
}
.site-instructor-requested::after {
    content: "\f128";
    color: #f15a39;
    font-weight: 900;
    font-size: 20px;
    /*position: absolute;
    left: -25px;*/
}
.site-instructor::before {
    content: "\f183";
    color: #0066ff;
    font-weight: 900;
    font-size: 22px;
}

.clear-field::before {
    content: "\f12d";
    color: #be4bdb;
    font-weight: 900;
    font-size: 20px;
}

.save::before {
    content: "\f00c";
    color: #219956;
    font-weight: 900;
    font-size: 20px;
}

.cancel::before, .refuse::before, .Upload-BlankFields::before, .cancellation::before {
    content: "\f00d"; /* times */
    color: #f15a39;
    font-weight: 900;
    font-size: 20px;
}

.conflictwarning::before {
    content: "\f056";
    color: #f1d239;
    font-weight: 900;
    font-size: 20px;
}
.conflictalert::before {
    content: "\f056";
    color: #f15a39;
    font-weight: 900;
    font-size: 20px;
}
.conflictalertresolved {
    position: relative;
}
.conflictalertresolved::before {
    content: "\f056";
    color: #f15a39;
    font-weight: 900;
    font-size: 20px;
}
.conflictalertresolved::after {
    content: "\f00c";
    color: #8BC34A;
    font-weight: 900;
    font-size: 15px;
    position: absolute;
    top: -2px;
    left: 5px;
    /*color: #abff4a;font-size: 20px;
    position: absolute;
    top: 0px;
    left: 5px;*/
}

.urgent-alert::before {
    content: "\f0f3";
    color: #f15a39;
    font-weight: 900;
    /*font-size: 22px;*/
    font-size: 20px;
}

.to-grpworksheet::before {
    content: "\f04b";
    color: #f15a39;
    font-weight: 900;
    font-size: 18px;
    /*padding-left: 3px;
    padding-right: 2px;*/
    vertical-align: bottom;
}
.back-grpworksheet::before {
    content: "\f04b";
    color: #f15a39;
    font-weight: 900;
    font-size: 18px;
    /*padding-left: 10px;*/
    vertical-align: bottom;
    transform: scaleX(-1);
    display: inline-block;
}
.to-worksheet::before {
    content: "\f04b";
    /*color: #ffeb2f;*/
    color: #e6b800;
    font-weight: 900;
    font-size: 18px;
    /*padding-left: 3px;
    padding-right: 2px;*/
    vertical-align: bottom;
}
.back-worksheet::before {
    content: "\f04b";
    color: #e6b800;
    font-weight: 900;
    font-size: 18px;
    /*padding-left: 10px;*/
    vertical-align: bottom;
    transform: scaleX(-1);
    display: inline-block;
}
.to-worksheet-create::before {
    content: "\f04b";
    /*color: #FCE08D; looks faint in the filter box */
    color: #f9d466;
    font-weight: 900;
    font-size: 18px;
    /*padding-left: 3px;
    padding-right: 2px;*/
    vertical-align: bottom;
}

.to-grpworksheet-create::before {
    content: "\f04b";
    color: #E6978B;
    font-weight: 900;
    font-size: 18px;
    /*padding-left: 3px;
    padding-right: 2px;*/
    vertical-align: bottom;
}


.delete-worksheet {
    position: relative;
}
.delete-worksheet::before {
    content: "\f04b";
    color: #e6b800;
    font-weight: 900;
    font-size: 18px;
    padding-left: 3px;
    vertical-align: bottom;
}
.delete-worksheet::after {
    content: "\f00d";
    color: #f15a39;
    font-weight: 900;
    font-size: 20px;
    position: absolute;
    left: 4px;
    top: 3px;
}
.delete-grpworksheet {
    position: relative;
}
.delete-grpworksheet::before {
    content: "\f04b";
    color: #f15a39;
    font-weight: 900;
    font-size: 18px;
    padding-left: 3px;
    vertical-align: bottom;
}
.delete-grpworksheet::after {
    content: "\f00d";
    color: #333;
    font-weight: 900;
    font-size: 20px;
    position: absolute;
    left: 4px;
    top: 3px;
}

/*.profile-expired {
    position: relative;
    padding-left: 5px;
}
.profile-expired::before {
    content: "\f15b";
    font-weight: 400;
    color: silver;
    font-size: 18px;
}
.profile-expired::after {
    content: "\f00d";
    font-weight: 900;
    color: tomato;
    font-size: 10px;
    position: absolute;
    left: 8px;
    top: 0px;
}*/

/* .iconx - to specify this is also used as an icon to replace old .gifs - uses different font from .icon */
.iconx {
    padding: 2px;
}
.first, .second, .third {
    font-weight: bold;
    color: #333;
}
.first::before {
    content: "1";
    font-size: medium;
}
.first::after {
    content: "st";
    vertical-align: super;
    font-size: smaller;
}
.second::before {
    content: "2";
    font-size: medium;
}

.second::after {
    content: "nd";
    vertical-align: super;
    font-size: smaller;
}
.third::before {
    content: "3";
    font-size: medium;
}

.third::after {
    content: "rd";
    vertical-align: super;
    font-size: smaller;
}

.attach::before {
    content: "\f0c6";
    /*color: #666;*/
    color: #444;
    font-weight: 900;
    font-size: 16px;
    /*padding-left: 5px;*/
    padding-left: 4px;
}
.attach-orange::before {
    content: "\f0c6";
    color: #e6b800;
    font-weight: 900;
    font-size: 16px;
    /*padding-left: 5px;*/
    padding-left: 4px;
}

.to-enrollment-nostudents::before {
    content: "\f04b";
    color: #2f4ec899;
    font-weight: 900;
    font-size: 18px;
    /*padding-left: 10px;*/
    vertical-align: bottom;
}
.to-enrollment::before {
    content: "\f04b";
    color: #2f4ec8;
    font-weight: 900;
    font-size: 18px;
    /*padding-left: 10px;*/
    vertical-align: bottom;
}
.enrollment-table .details::before{
    font-size: 20px;
}

.details::before {
    content: "\f05a";
    color: #456afd;
    font-weight: 900;
    font-size: 20px;
    padding: 1px;
}
.detailsalert::before {
    content: "\f05a";
    color: mediumseagreen;
    font-weight: 900;
    font-size: 20px;
    padding: 1px;
}
.detailsopen::before {
    content: "\f05a";
    color: #e6b800;
    font-weight: 900;
    font-size: 20px;
    padding: 1px;
}

.hidecourses::before {
    content: "\f07c";
    font-weight: 900;
}
.showcourses::before {
    content: "\f07b";
    font-weight: 900;
}
.cohort-rotations::before {
    content: "\f2f1";
    font-weight: 900;
    color: #3F51B5;
    font-size: 20px;
}
.eOPE::before {
    content: "\f19d";
    font-weight: 900;
    font-size: 20px;
    color: #333;
}
.eOPE-completed::before {
    content: "\f19d";
    font-weight: 900;
    font-size: 20px;
    color: #8bc34a;
}
.eOPE-overdue::before {
    content: "\f19d";
    font-weight: 900;
    font-size: 20px;
    color: #ff6498;
}

.corrschedule-inactive::before {
    content: "\f274";
    color: #646464;
    font-weight: 900;
    font-size: 20px;
    vertical-align: middle;
}
.corrschedule::before {
    content: "\f274";
    color: #45c6f1;
    font-weight: 900;
    font-size: 20px;
    vertical-align: middle;
}

/*Assessments*/

.answer-assessor::before {
    content: "\f111";
    color: #66d9e8;
    font-weight: 900;
    font-size: 20px;
}
.answer-none::before {
    content: "\f111";
    color: #ced4da;
    font-weight: 900;
    font-size: 20px;
}
.answer-same::before {
    content: "\f111";
    color: #37b24d;
    font-weight: 900;
    font-size: 20px;
}
.answer-student::before {
    content: "\f111";
    color: #ffe066;
    font-weight: 900;
    font-size: 20px;
}

.check-assessor::before {
    content: "\f14a";
    color: #66d9e89e;
    font-weight: 900;
    font-size: 20px;
}

.check-none::before {
    content: "\f14a";
    color: #ced4da9e;
    font-weight: 900;
    font-size: 20px;
}

.check-same::before {
    content: "\f14a";
    color: #37b24d9e;
    font-weight: 900;
    font-size: 20px;
}

.check-student::before {
    content: "\f14a";
    color: #ffe0669e;
    font-weight: 900;
    font-size: 20px;
}

.assessment-closed::before, .reqmet::before {
    content: "\f46c";
    color: #4CAF50;
    font-weight: 900;
    font-size: 20px;
}
.assessment-distributionclosed::before {
    content: "\f46c";
    color: #f15a39;
    font-weight: 900;
    font-size: 20px;
}
.assessment-notdistributed::before {
    content: "\f46c";
    color: #607d8b;
    font-weight: 900;
    font-size: 20px;
}
.assessment-notrequired::before, .reqmet-half::before {
    content: "\f46c";
    color: #9E9E9E;
    font-weight: 900;
    font-size: 20px;
}
.assessment-openinfuture::before {
    content: "\f46c"; /* clipboard-check */
    color: #03A9F4; /* blue - different from original colour */
    font-weight: 900;
    font-size: 20px;
}
.assessment-underway::before {
    content: "\f46c";
    color: #e6b800;
    font-weight: 900;
    font-size: 20px;
}
.assessmentwarning::before {
    content: "\f071";
    color: #f15a39;
    font-weight: 900;
    font-size: 20px;
}
.layout-printer::before, .print::before, .to-be-delivered::before {
    content: "\f02f";
    font-weight: 900;
    color: #535353;
    font-size: 18px;
}
.layout-screen::before {
    content: "\f5fc";
    font-weight: 900;
    color: #535353;
    font-size: 18px;
}
.print::before {
    font-size: 20px;
}
.to-be-delivered::before{
    color: #f15a39;
}
.movie::before {
    content: "\f03d";
    font-weight: 900;
    color: #535353;
    font-size: 18px;
}
.training-notrequired::before {
    content: "\f51c";
    color: #9E9E9E;
    font-weight: 900;
    font-size: 20px;
}
.training-required::before {
    content: "\f51c";
    color: #f15a39;
    font-weight: 900;
    font-size: 20px;
}
.training-notexclude::before {
    content: "\f05e";
    color: #9E9E9E;
    font-weight: 900;
    font-size: 20px;
}
.training-exclude::before {
    content: "\f05e";
    color: #f15a39;
    font-weight: 900;
    font-size: 20px;
}

.it-role-required::before {
    content: "\f506";
    color: #9E9E9E;
    font-weight: 900;
    font-size: 18px;
}
.it-role-notrequired::before {
    content: "\f506";
    color: #f15a39;
    font-weight: 900;
    font-size: 18px;
}

/*NameFormatter.cs*/
.supervisor::before, .multiplesupervisor::before, .multiplesupervisor::after {
    content: "\f183";
    font-weight: 900;
    color: #4c6ef5;
    font-size: 18px;
}
.multiplesupervisor-unbalanced::before, .multiplesupervisor-unbalanced::after {
    content: "\f183";
    font-weight: 900;
    color: #f15a39;
    font-size: 18px;
}
.anonymous::before {
    content: "\f183\f182";
    font-weight: 900;
    color: #444;
    font-size: 18px;
    padding-left: 1px;
    padding-right: 2px;
}

.notassigned::before {
    content: "\f183\f182";
    font-weight: 900;
    color: #999;
    font-size: 18px;
    padding-left: 1px;
}

.switch-prs::before {
    content: "\f362";
    font-weight: 900;
    font-size: 16px;
    color: #797979;
    /*-webkit-filter: none;
    filter: none;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    /*-webkit-font-smoothing: antialiased;*/
    display: inline-block;
}

.advsched-splitsexist::before {
    content: "\f200";
    font-weight: 900;
    font-size: 20px;
    color: #f15a39;
}
.advsched::before {
    content: "\f200";
    font-weight: 900;
    font-size: 20px;
    color: #888;
}
.unlink::before {
    content: "\f127";
    font-weight: 900;
    color: #444;
    font-size: 12px;
}
.link::before {
    content: "\f0c1";
    font-weight: 900;
    color: #444;
    font-size: 12px;
}
/*.attach::before {
    content: "\f0c6";
    font-weight: 900;
    color: #444;
    font-size: 12px;
}*/
.split::before {
    content: "\f0e7";
    font-weight: 900;
    color: #888;
    font-size: 12px;
}
.alert::before {
    content: "\f071";
    font-weight: 900;
    color: #e6b800;
    font-size: 15px;
    padding-left: 2px;
}

/*LeftNav.master*/
.lookupBox .person::before {
    font-size: 16px;
    margin-right: 2px;
    width: 16px;
}

.lookupBox .find-destination::before {
    padding: 0;
}

.lookupBox .to-outbox::before {
    font-size: 16px;
    padding-left: 1px;
    vertical-align: inherit;
}

.find::before {
    content: "\f002";
    font-weight: 900;
    color: #4c6ef5;
    font-size: 20px;
    vertical-align: sub;
}

/*Time24Hour.cs*/
.time-various::before, .altshifts-weeks::before {
    content: "\f017";
    font-weight: 400;
    font-size: 18px;
}
.time-morning::before, .altshifts-days::before {
    content: "\f017";
    font-weight: 900;
    font-size: 18px;
    color: #e6b800;
}
.time-evening::before {
    content: "\f017";
    font-weight: 900;
    font-size: 18px;
    color: #0073cf;
}
.time-night::before {
    content: "\f017";
    font-weight: 900;
    font-size: 18px;
    color: #777;
}
.time-morneve::before, .altshifts-dayseves::before {
    content: "\f017";
    font-weight: 900;
    font-size: 18px;
    /*background: linear-gradient(to right,gold 20%, blue);*/
    background-image: linear-gradient(to right bottom, #e6b800 35%, #0073cf 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Enrollment.cs*/
.enr-reactivate::before, .activate::before {
    content: "\f506"; /* user-slash */
    font-weight: 900;
    font-size: 18px;
    color: #f15a39;
    margin-left: -2px; /* to align with deactivate icons in other rows */
}

/*#fvwStudentProfileHeader_pnlEmail .email-released::after {
    top: 0px;
}*/
.email-released {
    position: relative;
}
.email::before, .email-released::before, .secure-email::before, .email-open::before, .unsubscribed::before, .email-nonuser::before {
    content: "\f0e0";
    font-weight: 900;
    font-size: 20px;
    /*color: #03A9F4;*/
    color: #81d4fa;
}
.email-released::after{
    content: "\f30b";
    font-weight: 900;
    color: #ef5350;
    position: absolute;
    left: 5px;
    top: 2px;
    font-size: 18px;
    transform: scaleY(1.5);
}
.email-nonuser::before {
    color: #ffa94d;
}
.secure-email::before {
    color: silver;
}
.email-open::before{
    color: #e6b800;
}
.unsubscribed::before{
    font-weight: 400;
    color: #999;
}
.email-group::before {
    content: "\f674";
    font-weight: 900;
    font-size: 20px;
    /*color: #03A9F4;*/
    color: #81d4fa;
}

.advanced-access::before {
    content: "\f502";
    font-weight: 900;
    font-size: 18px;
    color: #e6b800;
    /*padding-right: 2px;*/
}

.phone-released {
    position: relative;
}
.phone::before, .phone-released::before {
    content: "\f095";
    font-weight: 900;
    font-size: 20px;
    color: #e6b800;
}
.phone-released::after {
    content: "\f30b";
    font-weight: 900;
    color: #ef5350;
    position: absolute;
    left: 5px;
    top: 2px;
    font-size: 18px;
    transform: scaleY(1.5);
}

.phone-dim::before {
    content: "\f095";
    font-weight: 900;
    font-size: 20px;
    color: #9E9E9E;
}
.phone-withheld::before {
    content: "\f3dd";
    font-weight: 900;
    font-size: 20px;
    color: #9E9E9E;
}
.key::before {
    content: "\f084";
    font-weight: 900;
    font-size: 20px;
    color: #e6b800;
}
.key-half::before {
    content: "\f084";
    font-weight: 900;
    font-size: 20px;
    color: #FCE08D;
    padding-right: 1px;
}
.key-localadmin::before {
    content: "\f084";
    font-weight: 900;
    font-size: 20px;
    color: #3F51B5;
}
.key-sysadmin::before {
    content: "\f084";
    font-weight: 900;
    font-size: 20px;
    color: #f15a39;
}
.key-untrained::before {
    content: "\f084";
    font-weight: 900;
    font-size: 20px;
    color: #9E9E9E;
}
.key-untrained-half::before {
    content: "\f084";
    font-weight: 900;
    font-size: 20px;
    color: #C2C5CE;
}
.key-tobeinactivated::before {
    content: "\f084";
    font-weight: 900;
    font-size: 17px;
    color: #e6b800;
    padding-right: 3px;
    padding-left: 2px;
}
.key-off-localadmin::before {
    content: "\f084";
    font-weight: 900;
    font-size: 20px;
    color: #3F51B5;
    padding: 1px;
}
.key-off::before {
    content: "\f084";
    font-weight: 900;
    font-size: 20px;
    color: #e6b800;
    padding: 1px;
}
.key-off-sysadmin::before {
    content: "\f084";
    font-weight: 900;
    font-size: 20px;
    color: #f15a39;
    padding: 1px;
}
.key-off, .key-off-localadmin, .key-off-sysadmin, .key-tobeinactivated {
    position: relative;
}
.key-off::after, .key-off-localadmin::after, .key-off-sysadmin::after {
    content: "\f00d"; /* times */
    font-weight: 900;
    color: #f15a39; /* tomato */
    font-size: 20px;
    position: absolute;
    left: 7px;
    top: 3px;
}
.key-tobeinactivated::after{
    content: "\f0c8";
    font-weight: 400;
    color: #f15a39;
    font-size: 27px;
    position: absolute;
    left: 1px;
    top: 3px;
}

.release::before {
    content: "\f04e";
    font-weight: 900;
    color: #2196f3;
    font-size: 18px;
}

/*WorksheetAssignedStudent*/
.history::before, .userhistory::before {
    content: "\f1da";
    font-weight: 900;
    color: #3f51b5;
    font-size: 20px;
}
.userhistory::before {
    color: #e6b800;
}

.adjust-hours::before {
    content: "\f2f1";
    font-weight: 900;
    color: #E91E63;
    font-size: 20px;
}

.vehicle::before, .vehicle-faded::before, .vehicle-no::before {
    content: "\f1b9";
    color: #4c6ef5;
    font-weight: 900;
    font-size: 20px;
}
.vehicle-faded::before {
    color: #c0bebe;
}
.vehicle-no {
    position: relative;
}
.vehicle-no::after {
    content: "\f00d";
    font-weight: 900;
    color: #f15a39;
    font-size: 18px;
    position: absolute;
    left: 6px;
    top: -4px;

    /*font-size: 14px;
    position: absolute;
    left: 0px;*/
}

/*ExpenseBatches*/
.person::before {
    content: "\f007";
    font-weight: 400;
    color: #666;
    font-size: 20px;
    vertical-align: sub;
}
.sortup::before, .sortup-selected::before, .sortedup::before {
    content: "\f0de";
    font-weight: 900;
    color: #fff;
    font-size: 20px;
}
.sortdown::before, .sorteddown::before {
    content: "\f0de";
    font-weight: 900;
    /*color: #4c6ef5; blue */
    color: #fff;
    font-size: 20px;
}
.sortup-selected::before, .sortedup::before, .sorteddown::before {
    color: #333 !important;
}

.sortedup { /*WelcomeDC - MySupervisors.ascx*/
    position: relative;
}
.sortedup::before{
    position: absolute;
    top: -6px;
}

.utilization-low::before, .utilization-medium::before, .utilization-high::before {
    content: "\f111";
    font-weight: 900;
    color: #82c91e; /*lime-green*/
    font-size: 20px;
}
.utilization-medium::before {
    color: #e6b800;
}
.utilization-high::before {
    color: #f15a39;
}

/*PlacementCalendar*/
.linkmarked::before {
    font-family: "Font Awesome 5 Brands";
    content: "\f3f5";
    font-weight: 400;
    color: #444;
    font-size: 12px;
    transform: rotate(-45deg);
}

.return-to-user::before {
    content: "\f128";
    color: #adb5bd;
    font-weight: 900;
    font-size: 20px;
}

.awaiting-info::before {
    content: "\f128";
    color: #228be6;
    font-weight: 900;
    font-size: 20px;
}

.upload::before {
    content: "\f574";
    color: #40c057;
    font-weight: 900;
    font-size: 20px;
}

.mark-job-processed::before {
    content: "\f30c";
    color: #9E9E9E;
    font-weight: 900;
    font-size: 20px;
}

.mark-job-unprocessed::before{
    position: relative;
}
.mark-job-unprocessed::before {
    content: "\f30c";
    color: #9E9E9E;
    font-weight: 900;
    font-size: 20px;
}
.mark-job-unprocessed::after {
    content: "\f00d";
    font-weight: 900;
    color: #f15a39;
    font-size: 13px;
    position: absolute;
    left: 12px;
    top: -6px;
}

.wizardlogosmall::before {
    content: "\f0d0";
    color: #be4bdb;
    font-weight: 900;
    font-size: 18px;
    /*vertical-align: middle;*/
}
.wizardlogo::before {
    content: "\f0d0";
    color: #be4bdb;
    font-weight: 900;
    font-size: 26px;
}

.preview::before {
    content: "\f06e";
    /*color: #15aabf;*/
    color: #03a9f4;
    font-weight: 400;
    font-size: 20px;
}
.preview-open::before {
    content: "\f06e";
    color: #e6b800;
    font-weight: 900;
    font-size: 20px;
}

.datastandards::before {
    content: "\f233";
    color: #666;
    font-weight: 900;
    font-size: 20px;
}

.umbrella::before {
    content: "\f0e9";
    color: #333;
    font-weight: 900;
    font-size: 20px;
}

.profile::before, .profileopen::before, .Upload-EnrollOnly::before {
    content: "\f15b";
    font-weight: 400;
    color: silver;
    font-size: 20px;
}
.profileexists, .profileexistsopen, .profileexpired, .profiledisabled, .Upload-ChangeProgram {
    position: relative;
    padding-left: 3px;
}
.profileexists::before, .profileexistsopen::before {
    content: "\f15b";
    font-weight: 400;
    color: silver;
    font-size: 20px;
}
.profileexists::after, .profileexistsopen::after {
    content: "\f00c";
    font-weight: 900;
    color: #f15a39;
    font-size: 10px;
    position: absolute;
    left: 5.5px;
    top: 4px;
}
.profileexistsopen::before, .profileopen::before {
    color: #e6b800;
}
.profileexpired::before, .profiledisabled::before, .Upload-ChangeProgram::before {
    content: "\f15b";
    font-weight: 400;
    color: silver;
    font-size: 20px;
}
.profileexpired::after, .profiledisabled::after, .Upload-ChangeProgram::after {
    content: "\f00d";
    font-weight: 900;
    color: #f15a39;
    font-size: 10px;
    position: absolute;
    left: 6.5px;
    top: 4px;
}
.profiledisabled::after {
    color: #333;
}

.to-department::before {
    content: "\f04b";
    color: #B2B116;
    font-weight: 900;
    font-size: 18px;
}
.to-site::before, .to-deptprograms::before, .to-siteservices::before {
    content: "\f04b";
    color: #646464;
    font-weight: 900;
    font-size: 18px;
}
.to-destmaster::before {
    content: "\f04b";
    color: #B4D2FE;
    font-weight: 900;
    font-size: 18px;
}

/*Agency.cs, Destination.cs, Service.cs / Checkboxes.CheckedString */
.checked-string::before {
    content: "\f00c";
    color: #666;
    font-weight: 900;
    font-size: 12px;
}
.red-icon::before {
    color: #f15a39;
}

.viewaddress::before {
    content: "\f124";
    color: #03a9f4;
    font-weight: 900;
    font-size: 20px;
}
.department-contacts::before, .deactivate::before {
    content: "\f007";
    font-weight: 900;
    font-size: 20px;
    color: #6373b0;
}

.reactivate::before {
    content: "\f82a";
    color: #f15a39;
    font-weight: 900;
    font-size: 20px;
}

/* UploadTemplates.cs - StatusURL */
.Upload-DupInFile::before {
    content: "\f0c5"; /* copy */
    color: #d93327; /* dark red */
    font-weight: 900;
    font-size: 18px;
}
.Upload-DupName::before {
    content: "\f128"; /* question */
    color: #f15a39;
    font-weight: 900;
    font-size: 20px;
}
.Upload-DupNumber{
    position: relative;
}
.Upload-DupNumber::before, .Upload-AlreadyEnrolled::before {
    content: "\f500"; /* user-friends */
    font-weight: 900;
    color: #666;
    font-size: 20px;
}
.Upload-DupNumber::after {
    content: "\f715"; /* slash */
    font-weight: 900;
    color: #f15a39;
    font-size: 19px;
    position: absolute;
    left: 3px;
}

/*.activelyseekingstudents::before {
    content: "\f0c0";  users 
    font-weight: 900;
    color: #fd7e14;  orange 
    font-size: 20px;
}*/

.minus::before {
    content: "\f146"; /* minus-square */
    font-weight: 400;
    color: #495057; /* grey */
    font-size: 14px;
}
.plus::before {
    content: "\f0fe"; /* minus-square */
    font-weight: 400;
    color: #495057; /* grey */
    font-size: 14px;
}

.template-exists, .template-inactive {
    position: relative;
}
.template::before, .template-exists::before, .template-inactive::before {
    content: "\f15c"; /* file-alt */
    font-weight: 900;
    color: #15aabf; /* cyan */
    font-size: 20px;
}
.template-exists::after {
    content: "\f00c"; /* check */
    font-weight: 900;
    color: #D32F2F;
    font-size: 14px;
    position: absolute;
    left: 3px;
}
.template-inactive::before{
    color: #9E9E9E;
}
.template-inactive::after {
    content: "\f715"; /* slash */
    font-weight: 900;
    color: #D32F2F;
    font-size: 17px;
    position: absolute;
    left: -1px;
}

.switch-user::before, .switch-user-inactive::before, .switch-user-viewonly::before {
    content: "\f500"; /* user-friends */
    font-weight: 900;
    color: #f15a39;
    font-size: 20px;
}
.switch-user-inactive::before {
    color: #adb5bd;
}
.switch-user-viewonly::before {
    color: #5f6aa9;
}
.switch-user, .switch-user-viewonly, .switch-user-inactive {
    position: relative;
}
.switch-user::after, .switch-user-viewonly::after, .switch-user-inactive::after {
    content: "\f362";
    color: #CDDC39;
    font-size: 15px;
    position: absolute;
    left: 8px;
    top: 4px;
    font-weight: 900;
    transform: scaleX(0.8);
}
.switch-user-viewonly::after{
    color: #D4E157; /*light green*/
}
.switch-user-inactive::after {
    color: #909090;
}

.activelyseekingstudents {
    position: relative;
}
.activelyseekingstudents::before {
    content: "\f0c0"; /* users */
    font-weight: 900;
    color: #f15a39;
    font-size: 20px;
}
.activelyseekingstudents::after {
    content: "\f002"; /* search */
    color: #287e2c;
    font-size: 11px;
    position: absolute;
    left: 15px;
    top: 2px;
    font-weight: 900;
}

.altusers, .altusers-secondary {
    padding-right: 0; /* in case + is visible on the right */
}
.altusers::before, .altusers-secondary::before { /* manage alternate user accounts */
    content: "\f509"; /* users-cog */
    font-weight: 900;
    /*color: #fd7e14; orange*/
    color: #607D8B;
    font-size: 20px;
}
.altusers-secondary::before {
    color: #adb5bd;
}
.occasionaluser::before { /* receives email alerts */
    content: "\f0f3"; /* bell */
    font-weight: 400;
    color: #e6b800;
    font-size: 20px;
}
/* MaintStaff.aspx */
.no-discipline-user::before /* auto-redirect RC: no discipline access */
, .switchback::before, .switch-default::before { 
    content: "\f362"; /* exchange-alt */
    font-weight: 900;
    color: #be4bdb;
    font-size: 20px;
}

.switch-default::before {
    font-size: 16px;
    color: #666;
}

.web-service-user::before {
    content: "\f013"; /* cog */
    font-weight: 900;
    color: #be4bdb;
    font-size: 20px;
}

.help-big::before {
    content: "\f059"; /* question-circle */
    font-weight: 900;
    color: #6DB8D2;
    font-size: 26px;
}

.ignore::before, .dismissmult::before {
    content: "\f256";
    font-weight: 400;
    color: #888;
    font-size: 20px;
}
.dismissmult {
    position: relative;
}
.dismissmult::after {
    position: absolute;
    content: "\f067";
    font-weight: 900;
    color: #4c6ef5;
    font-size: 12px;
    left: 7px;
    top: 2px;
}

.whocanview::before {
    content: "\f128";
    font-weight: 900;
    color: #15aabf;
    font-size: 20px;
}
/* PlacementProcessing.aspx page -> PlacementRequestDestinations.cs*/
.pr-number {
    padding-right: 14px;
}
.unlocked::before {
    content: "\f13e";
    font-weight: 900;
    color: #535353;
    font-size: 20px;
}
.locked::before {
    content: "\f023";
    font-weight: 900;
    color: #535353;
    font-size: 20px;
}
.noedit {
    position: relative;
}
.noedit::before {
    content: "\f303";
    color: #666;
    font-weight: 900;
    font-size: 18px;
}
.noedit::after {
    content: "\f00d"; /* times */
    font-weight: 900;
    color: #f15a39; /* tomato */
    font-size: 17px;
    position: absolute;
    left: 7px;
    top: 3px;
}

.nostudents {
    position: relative;
}

.nostudents::before {
    content: "\f183\f182";
    font-weight: 900;
    color: #444;
    font-size: 18px;
    padding-left: 7px;
}

.nostudents::after {
    content: "\f00d"; /* times */
    font-weight: 900;
    color: #f15a39; /* tomato */
    font-size: 17px;
    position: absolute;
    left: 11px;
    top: 3px;
}

.invoicestatus-sent::before, .invoicestatus-validated::before, .invoicestatus-paid::before, .invoicestatus-payreceived::before {
    content: "\f155";
    font-weight: 900;
    color: #f15a39; /*red*/
    font-size: 20px;
}
.invoicestatus-validated::before {
    color: #e6b800; /*yellow-orange*/
}
.invoicestatus-paid::before {
    color: #81d81d; /*green*/
}
.invoicestatus-payreceived::before {
    color: #9e9e9e; /*grey*/
}
.linkTray .to-calendar::after {
    top: 3px;
}

.switch-shift::before {
    content: "\f362"; /* exchange-alt */
    font-weight: 900;
    font-size: 20px;
    /*background: linear-gradient(to right,gold 20%, blue);*/
    background-image: linear-gradient(to bottom, #e6b800 52%, blue 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.closeicons::before {
    content: "\f00d"; /* times */
    color: #333;
    font-weight: 900;
    font-size: 12px;
}

.shift12::before {
    content: "\f309"; /* long-arrow-alt-down */
    color: #333;
    font-weight: 900;
    font-size: 18px;
}

.detailsarchive::before {
    content: "\f07b"; /* folder */
    font-weight: 900;
    font-size: 18px;
    color: #999;
}
.detailsarchiveopen::before {
    content: "\f07c"; /* folder-open */
    font-weight: 900;
    font-size: 18px;
    color: #d4d345;
}

.site-maint-table .viewaddress::before {
    margin-right: -4px;
}
.site-maint-table .edit-icon::before{
    padding: 1px;
}

/*.document-inheritance {
    display: inline-block;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}*/
.document-inheritance::before {
    content: "\f542"; /* f542 - project-diagram; f1e0 - share-alt */
    font-weight: 900;
    font-size: 18px;
    color: #8bc34a;
}

/* used in profile pop-up tabs*/
.data-exists::before {
    content: "\f00c"; /* check */
    font-weight: 900;
    font-size: 10px;
    color: #f15a39;
}
.data-exists {
    padding-top: 0;
}

.ajax__tab_header .data-exists::before {
    vertical-align: super;
}

.request-contact-change::before {
    content: "\f2b9";
    font-weight: 400;
    font-size: 20px;
    color: #15aabf;
}

.supportcomment::before {
    content: "\f086"; /*comments*/
    font-weight: 900;
    font-size: 20px;
    color: #82c91e;
}
.supportcommentempty::before {
    content: "\f086"; /*comments*/
    font-weight: 400;
    font-size: 20px;
    color: #82c91e;
}

.updated::before {
    content: "\f06a"; /*exclamation-circle*/
    font-weight: 900;
    font-size: 18px;
    color: #CDDC39;
}
.updated::after {
    content: ' UPDATED';
    font-size: 14px;
    color: #CDDC39;
    font-weight: bold;
    font-family: monospace;
}

.signature::before {
    content: "\f5b7";
    font-weight: 900;
    font-size: 20px;
    color: #666;
}

.studentprofile-confidentiality::before {
    content: "\f573";
    font-weight: 900;
    font-size: 20px;
    color: #666;
}

.waitlist::before {
    content: "\f46d";
    font-weight: 900;
    font-size: 20px;
    color: #15aabf;
}

.cost::before {
    content: "\f155";
    font-weight: 900;
    font-size: 20px;
    color: #f15a39;
}

.movetop::before {
    content: "\f151";
    font-weight: 900;
    font-size: 20px;
    color: #b0b0b0;
}
.moveup::before {
    content: "\f151";
    font-weight: 400;
    font-size: 20px;
    color: #b0b0b0;
}
.movedown::before {
    content: "\f150";
    font-weight: 400;
    font-size: 20px;
    color: #b0b0b0;
}
.movebottom::before {
    content: "\f150";
    font-weight: 900;
    font-size: 20px;
    color: #b0b0b0;
}
.moveleft::before {
    content: "\f191";
    font-weight: 400;
    font-size: 20px;
    color: #b0b0b0;
}
.moveright::before {
    content: "\f152";
    font-weight: 400;
    font-size: 20px;
    color: #b0b0b0;
}

.mysupervisors-moveto::before {
    content: "\f30c";
    font-weight: 900;
    font-size: 20px;
    color: #b0b0b0;
}

.mysupervisors-removefrom::before {
    content: "\f309";
    font-weight: 900;
    font-size: 20px;
    color: #b0b0b0;
}

.duplicate-wizard::before, .duplicatereport::before {
    content: "\f24d";
    color: #adb5bd;
    font-weight: 900;
    font-size: 20px;
}

.editreport::before {
    content: "\f044"; /*edit or pencil-alt*/
    color: #e6b800;
    font-weight: 900;
    font-size: 20px;
}

.runreport::before {
    content: "\f35a";
    color: #4c6ef5;
    font-weight: 900;
    font-size: 20px;
}

.savereport::before {
    content: "\f0c7";
    color: #4c6ef5;
    font-weight: 900;
    font-size: 20px;
}

.student-stafflink::before {
    content: "\f2b5";
    color: #e6b800;
    font-weight: 900;
    font-size: 20px;
}

.student-stafflink-half::before {
    content: "\f2b5";
    color: #e6b800;
    font-weight: 400;
    font-size: 20px;
}

/* MaintCorrespondence.aspx - Content.ascx */
.align-left::before {
    content: "\f036";
    color: #777;
    font-weight: 900;
    font-size: 20px;
    margin-left: -10px;
}
.align-center::before {
    content: "\f037";
    color: #777;
    font-weight: 900;
    font-size: 20px;
    margin-left: -10px;
}
.align-right::before {
    content: "\f038";
    color: #777;
    font-weight: 900;
    font-size: 20px;
    margin-left: -10px;
}
.align-justify::before {
    content: "\f039";
    color: #777;
    font-weight: 900;
    font-size: 20px;
    margin-left: -10px;
}

.reminder::before, .reportready::before {
    content: "\f024";
    color: #f15a39;
    font-weight: 900;
    font-size: 20px;
}
.reminder-past::before {
    content: "\f024";
    color: #f15a39;
    font-weight: 400;
    font-size: 20px;
}
.destination-add::before {
    content: "\f0f8";
    color: #40c057;
    font-weight: 400;
    font-size: 20px;
}

.cal-icon {
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    vertical-align: middle;
}
.cal-right::before {
    content: '\f0da';
    color: #3b5bdb;
    font-weight: 900;
    font-size: 23px;
    
}
.cal-left::before {
    content: '\f0d9';
    color: #3b5bdb;
    font-weight: 900;
    font-size: 23px;
}

.cal-icon-inline {
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    position: relative;
}
.cal-right-noday::before {
    content: '\f105';
    color: #444;
    font-weight: 900;
    font-size: 23px;
    position: absolute;
    left: -2px;
    top: -15.5px;
}
.cal-left-noday::before {
    content: '\f104';
    color: #444;
    font-weight: 900;
    font-size: 23px;
    position: absolute;
    left: 1px;
    top: -15.5px;
}
.cal-right-newdpend::before, .cal-right-redir::before, .cal-right-acc::before, .cal-right-dec::before, .cal-right-conf::before, .cal-right-canc::before, .cal-right-reac::before {
    content: '\f0da';
    font-weight: 900;
    font-size: 23px;
    position: absolute;
    left: 0;
    top: -15.5px;
}
.cal-left-newdpend::before, .cal-left-redir::before, .cal-left-acc::before, .cal-left-dec::before, .cal-left-conf::before, .cal-left-canc::before, .cal-left-reac::before {
    content: '\f0d9';
    font-weight: 900;
    font-size: 23px;
    position: absolute;
    left: 0;
    top: -15.5px;
}

.cal-right-newdpend::before, .cal-left-newdpend::before, .cal-right-redir::before, .cal-left-redir::before, .cal-right-reac::before, .cal-left-reac::before {
    color: #e1c17e;
}
.cal-right-acc::before, .cal-left-acc::before {
    color: #c8e0c5;
}
.cal-right-dec::before, .cal-left-dec::before, .cal-right-canc::before, .cal-left-canc::before {
    color: #9E9E9E;
}
.cal-right-conf::before, .cal-left-conf::before {
    color: #307D09;
}

.unassign-student::before {
    content: '\f503'; /*user-minus*/
    color: #be4bdb;
    font-weight: 900;
    font-size: 20px;
}

.document-requirement-handle::before {
    content: '\f0b2'; /*f0b2 for all direction arrow, f338 for up down only*/
    color: #666;
    font-weight: 900;
    font-size: 20px;
}