.icon-14 { display: inline-block; width: 14px; height: 14px; background-size: 14px !important;}
.icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: 14px !important;
}
.icon-18 { display: inline-block; width: 18px; height: 18px; background-size: 18px !important;}
.icon-20 { display: inline-block; width: 20px; height: 20px; background-size: 20px !important;}


.icon-calendar-white { background: url(../img/icons/calendar-white.svg) no-repeat;}
.icon-bar-chart { background: url(../img/icons/bar-chart.svg) no-repeat;}
.icon-bar-chart-2 { background: url(../img/icons/bar-chart-2.svg) no-repeat;}
.icon-download { background: url(../img/icons/download.svg) no-repeat;}
.icon-expand { background: url(../img/icons/expand.svg) no-repeat;}
.icon-filter-yellow { background: url(../img/icons/filter-yellow.svg) no-repeat;}
.icon-info-yellow { background: url(../img/icons/info-yellow.svg) no-repeat;}
.icon-arrow-left { background: url(../img/icons/arrow-left.svg) no-repeat;}
.icon-search-white { background: url(../img/icons/search-white.svg) no-repeat;}
.icon-help { background: url(../img/icons/help.svg) no-repeat;}
.icon-notification { background: url(../img/icons/notification.svg) no-repeat;}
.icon-building { background: url(../img/icons/building.svg) no-repeat;}
.icon-users { background: url(../img/icons/users.svg) no-repeat;}
.icon-dot-square { background: url(../img/icons/dot-square.svg) no-repeat;}
.icon-arrow-down { background: url(../img/icons/arrow-down.svg) no-repeat;}
.icon-menu { background: url(../img/icons/menu.svg) no-repeat;}
.icon-bell { background: url(../img/icons/bell.svg) no-repeat;}
.icon-clipboard { background: url(../img/icons/clipboard.svg) no-repeat;}
.icon-edit { background: url(../img/icons/edit.svg) no-repeat;}
.icon-delete { background: url(../img/icons/trash.svg) no-repeat;}
.icon-copy { background: url(../img/icons/copy.svg) no-repeat;}
.icon-transfer { background: url(../img/icons/transfer.svg) no-repeat;}
.icon-pencil { background: url(../img/icons/pencil.svg) no-repeat;}
.icon-submit-ticket { background: url(../img/icons/submit-ticket.svg) no-repeat;}
.icon-support { background: url(../img/icons/Support.svg) no-repeat;}
.icon-tms { background: url(../img/icons/clock.svg) no-repeat;}
.icon-leave { background: url(../img/icons/calendar.svg) no-repeat;}
.icon-claim { background: url(../img/icons/claim.svg) no-repeat;}
.icon-pay { background: url(../img/icons/pay.svg) no-repeat;}
.icon-apprisal { background: url(../img/icons/appraisal.svg) no-repeat;}
.icon-time-mobile { background: url(../img/icons/face-recognition.svg) no-repeat;}
.icon-logout { background: url(../img/icons/logout.svg) no-repeat;}
.icon-copy-white { background: url(../img/icons/copy-white.svg) no-repeat;}
.icon-settings{background: url(../img/icons/settings.svg) no-repeat;}
.icon-hr {background: url(../img/icons/human-resources.svg) no-repeat;}
.icon-ats {background: url(../img/icons/ats.svg) no-repeat;}
.icon-lms { background: url(../img/icons/learning.svg) no-repeat;}
.icon-book {
    background: url(../img/icons/book.svg) no-repeat;
}

.icon-chart-download {
    background: url(../img/icons/chart-download.svg) no-repeat;
}

.icon-chart-expand {
    background: url(../img/icons/chart-expand.svg) no-repeat;
}

.app-tms {
    background: url('../img/icons/app-tms.png') no-repeat;
}

.app-leave {
    background: url('../img/icons/app-leave.png') no-repeat;
}

.app-claim {
    background: url('../img/icons/app-claim.png') no-repeat;
}

.app-pay {
    background: url('../img/icons/app-payroll.png') no-repeat;
}

.app-appraisal {
    background: url('../img/icons/app-appraisal.png') no-repeat;
}

.app-time-mobile {
    background: url('../img/icons/app-time-mobile.png') no-repeat;
}

.app-hr {
    background: url('../img/icons/app-hr.svg') no-repeat;
}

.app-ats {
    background: url('../img/icons/app-ats.png') no-repeat;
}

.app-lms {
    background: url('../img/icons/learning.svg') no-repeat;
}