.menu-list::before {
    background-image: url('/icons/menu-list.png') !important;
}


.back-or-close h3::after {
    content: "";
    height: 26px;
    width: 26px;
    float: right;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url('/icons/back.png') !important;
    margin-left: -1em;
}

#services-menu .back-or-close h3::after {
    background-image: url('/icons/back-button.png') !important;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

@media (min-width: 768px) {
    .back-or-close h3::after {
        background-position: right;
        float: right;
        margin-left: 0;
    }
}

.flip-close-nav::before {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.notif-alert::before {
    background-image: url('/icons/bell.png') !important;
    content: "";
    height: 30px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.notif-alert.has-notif::before {
    background-image: url('/icons/bell-alert.png') !important;
    content: "";
    height: 30px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.srv-dsk {
    background-image: url('/icons/services/service-desk.png');
}
.stf-dir {
    background-image: url('/icons/services/directory.png');
}

.home-icn {
    background-image: url('/icons/services/home.png');
}

.training-icn {
    background-image: url('/icons/services/training.png');
}

.committees-icn {
    background-image: url('/icons/services/groups.png');
}

.data-icn {
    background-image: url('/icons/services/data.png');
}

.jobshop-icn {
    background-image: url('/icons/services/jobshop.png');
}

.advice-icn {
    background-image: url('/icons/services/advice.png');
}

.transport-icn {
    background-image: url('/icons/services/transport.png');
}

.volunteer-icn {
    background-image: url('/icons/services/volunteer.png');
}

.documents-icn {
    background-image: url('/icons/services/documents.png');
}

.popout-icn {
    background-image: url('/icons/services/popout.png');
}

.logout-icn {
    background-image: url('/icons/services/logout.png');
}

.data-icn {
    background-image: url('/icons/services/data.png');
}

/* Set images as before */
.srv-dsk-bfr:before {
    background-image: url('/icons/services/servicedesklogo.png');
}

.stf-dir-bfr:before {
    background-image: url('/icons/services/teamwork.png');
    height: 18px;
}

.home-icn-bfr:before {
    background-image: url('/icons/services/home.png');
}

.training-icn-bfr:before {
    background-image: url('/icons/services/training.png');
}

.committees-icn-bfr:before {
    background-image: url('/icons/services/groups.png');
}

.data-icn-bfr:before {
    background-image: url('/icons/services/data.png');
}

.jobshop-icn-bfr:before {
    background-image: url('/icons/services/jobshop.png');
}

.advice-icn-bfr:before {
    background-image: url('/icons/services/advice.png');
}

.transport-icn-bfr:before {
    background-image: url('/icons/services/transport.png');
}

.volunteer-icn-bfr:before {
    background-image: url('/icons/services/volunteer.png');
}

.documents-icn-bfr:before {
    background-image: url('/icons/services/documents.png');
}

.popout-icn-bfr:before {
    background-image: url('/icons/services/popout.png');
}

.logout-icn-bfr:before {
    background-image: url('/icons/services/logout.png');
}

/* menu icon comms Jobs */
.yourjobs-icn:before {
    background-image: url('/icons/services/your-jobs2.png');
}

/* menu icon trans Jobs */
.yourjobs-icn:before {
    background-image: url('/icons/services/your-jobs2.png');
}

/* menu icon design Jobs */
.yourjobs-icn:before {
    background-image: url('/icons/services/your-jobs2.png');
}

/* menu icon print Jobs */
.print-jobs-icn:before {
    background-image: url('/icons/services/print.png');
}


/* menu icon Your Jobs */
.yourjobs-icn:before {
    background-image: url('/icons/services/your-jobs2.png');
}

/* menu icon Your requests */
.yourrequests-icn:before {
    background-image: url('/icons/services/your-requests2.png');
}

/* menu icon Closed Jobs */
.closedjobs-icn:before {
    background-image: url('/icons/services/complete3.png');
}

/* menu icon add jobs */
.addjobs-icn:before {
    background-image: url('/icons/services/add2.png');
    background-repeat: no-repeat;
}

/* menu icon team profile */
.team-members-icn:before {
    background-image: url('/icons/services/directory.png');
    background-repeat: no-repeat;
}

.team-member-single-icn:before {
    background-image: url('/icons/services/person.png');
    background-repeat: no-repeat;
    -webkit-filter: none !important;
    filter: none !important;
}

.team-member-single-icn.active::before {
    background-image: url('/icons/services/person2.png');
    background-repeat: no-repeat;
    -webkit-filter: none !important;
    filter: none !important;
}


/* menu icon add jobs */
.asearch-icn:before {
    background-image: url('/icons/services/projects2.png');
}


/* clock for due date */
.timer-icn:after {
    content: "";
    background-image: url('/icons/services/overdue-jobs2.png');
    height: 15px;
    background-size: 15px;
    width: 15px;
    display: inline-block;
    -webkit-filter: invert(45%);
    filter: invert(45%);
}


/* STAFF DIRECTORY ICONS */
/* department icon */
.dept-icn-bfr::before {
    background-image: url('/icons/group.png');
}

/* email icon */
.email-icn-bfr::before {
    background-image: url('/icons/e-mail-envelope.png');
}

/* telephone icon */
.call-icn-bfr::before {
    background-image: url('/icons/phone-call.png');
}

/* styling for all icons */
.dept-icn-bfr::before, .call-icn-bfr::before, .email-icn-bfr::before {
    content: '';
    background-repeat: no-repeat;
    height: 20px;
    width: 25px;
    display: inline-block;
    background-size: contain;
    margin-right: .5rem;
    filter: opacity(0.3);
}