.theme-icon{
     -webkit-mask-size: 16px;
     mask-size: 16px;
     width: 16px;
     height: 16px;
     background-size: 100%;
     background-color: var(--primary-text-color);
     background-blend-mode: luminosity;
     background-repeat: no-repeat;
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     -webkit-mask-position: center;
     mask-position: center;
     -webkit-mask-size: contain;
     mask-size: contain;
     display: inline-block;
}
 .theme-icon.theme{
     background-color: var(--primary-color);
}
 .theme-icon.white{
     background-color: var(--white-color) !important;
     background-blend-mode: color !important;
}
 .theme-icon.secondary{
     background-color: var(--secondary-color) !important;
     background-blend-mode: luminosity;
}





.add-icon {
    background-image: url(../images/icons/add-icon.svg);
    -webkit-mask-image: url(../images/icons/add-icon.svg);
    mask-image: url(../images/icons/add-icon.svg);
}

.apple-icon {
    background-image: url(../images/icons/apple-icon.svg);
    -webkit-mask-image: url(../images/icons/apple-icon.svg);
    mask-image: url(../images/icons/apple-icon.svg);
}

.approve-icon {
    background-image: url(../images/icons/approve-icon.svg);
    -webkit-mask-image: url(../images/icons/approve-icon.svg);
    mask-image: url(../images/icons/approve-icon.svg);
}

.blue-icon-additional {
    background-image: url(../images/icons/blue-icon-additional.svg);
    -webkit-mask-image: url(../images/icons/blue-icon-additional.svg);
    mask-image: url(../images/icons/blue-icon-additional.svg);
}

.blue-icon-basic {
    background-image: url(../images/icons/blue-icon-basic.svg);
    -webkit-mask-image: url(../images/icons/blue-icon-basic.svg);
    mask-image: url(../images/icons/blue-icon-basic.svg);
}

.blue-icon-certification {
    background-image: url(../images/icons/blue-icon-certification.svg);
    -webkit-mask-image: url(../images/icons/blue-icon-certification.svg);
    mask-image: url(../images/icons/blue-icon-certification.svg);
}

.blue-icon-education {
    background-image: url(../images/icons/blue-icon-education.svg);
    -webkit-mask-image: url(../images/icons/blue-icon-education.svg);
    mask-image: url(../images/icons/blue-icon-education.svg);
}

.blue-icon-experience {
    background-image: url(../images/icons/blue-icon-experience.svg);
    -webkit-mask-image: url(../images/icons/blue-icon-experience.svg);
    mask-image: url(../images/icons/blue-icon-experience.svg);
}

.blue-icon-licensure {
    background-image: url(../images/icons/blue-icon-licensure.svg);
    -webkit-mask-image: url(../images/icons/blue-icon-licensure.svg);
    mask-image: url(../images/icons/blue-icon-licensure.svg);
}

.blue-icon-training {
    background-image: url(../images/icons/blue-icon-training.svg);
    -webkit-mask-image: url(../images/icons/blue-icon-training.svg);
    mask-image: url(../images/icons/blue-icon-training.svg);
}

.calendar-current-week-icon {
    background-image: url(../images/icons/calendar-current-week-icon.svg);
    -webkit-mask-image: url(../images/icons/calendar-current-week-icon.svg);
    mask-image: url(../images/icons/calendar-current-week-icon.svg);
}

.calendar-today-icon {
    background-image: url(../images/icons/calendar-today-icon.svg);
    -webkit-mask-image: url(../images/icons/calendar-today-icon.svg);
    mask-image: url(../images/icons/calendar-today-icon.svg);
}

.duplicate-icon {
    background-image: url(../images/icons/duplicate-file.svg);
    -webkit-mask-image: url(../images/icons/duplicate-file.svg);
    mask-image: url(../images/icons/duplicate-file.svg);
}

.calendar-yesterday-icon {
    background-image: url(../images/icons/calendar-yesterday-icon.svg);
    -webkit-mask-image: url(../images/icons/calendar-yesterday-icon.svg);
    mask-image: url(../images/icons/calendar-yesterday-icon.svg);
}






.cancel-red {
    background-image: url(../images/icons/cancel-red.svg);
    -webkit-mask-image: url(../images/icons/cancel-red.svg);
    mask-image: url(../images/icons/cancel-red.svg);
}

.check-icon {
    background-image: url(../images/icons/check-icon.svg);
    -webkit-mask-image: url(../images/icons/check-icon.svg);
    mask-image: url(../images/icons/check-icon.svg);
}

.clock-gray {
    background-image: url(../images/icons/clock-gray.svg);
    -webkit-mask-image: url(../images/icons/clock-gray.svg);
    mask-image: url(../images/icons/clock-gray.svg);
}

.clock-green {
    background-image: url(../images/icons/clock-green.svg);
    -webkit-mask-image: url(../images/icons/clock-green.svg);
    mask-image: url(../images/icons/clock-green.svg);
}

.delete-icon {
    background-image: url(../images/icons/delete-icon.svg);
    -webkit-mask-image: url(../images/icons/delete-icon.svg);
    mask-image: url(../images/icons/delete-icon.svg);
}

.download-icon {
    background-image: url(../images/icons/download-icon.svg);
    -webkit-mask-image: url(../images/icons/download-icon.svg);
    mask-image: url(../images/icons/download-icon.svg);
}

.dropdown-arrow {
    background-image: url(../images/icons/dropdown-arrow.svg);
    -webkit-mask-image: url(../images/icons/dropdown-arrow.svg);
    mask-image: url(../images/icons/dropdown-arrow.svg);
}

.dropdown-dots-icon {
    background-image: url(../images/icons/dropdown-dots-icon.svg);
    -webkit-mask-image: url(../images/icons/dropdown-dots-icon.svg);
    mask-image: url(../images/icons/dropdown-dots-icon.svg);
}

.edit-icon {
    background-image: url(../images/icons/edit-icon.svg);
    -webkit-mask-image: url(../images/icons/edit-icon.svg);
    mask-image: url(../images/icons/edit-icon.svg);
}

.expired-icon {
    background-image: url(../images/icons/expired-icon.svg);
    -webkit-mask-image: url(../images/icons/expired-icon.svg);
    mask-image: url(../images/icons/expired-icon.svg);
}

.eye-gray-icon {
    background-image: url(../images/icons/eye-gray-icon.svg);
    -webkit-mask-image: url(../images/icons/eye-gray-icon.svg);
    mask-image: url(../images/icons/eye-gray-icon.svg);
}

.form-info-circle {
    background-image: url(../images/icons/form-info-circle.svg);
    -webkit-mask-image: url(../images/icons/form-info-circle.svg);
    mask-image: url(../images/icons/form-info-circle.svg);
}

.google-icon {
    background-image: url(../images/icons/google-icon.svg);
    -webkit-mask-image: url(../images/icons/google-icon.svg);
    mask-image: url(../images/icons/google-icon.svg);
}

.gray-bell {
    background-image: url(../images/icons/gray-bell.svg);
    -webkit-mask-image: url(../images/icons/gray-bell.svg);
    mask-image: url(../images/icons/gray-bell.svg);
}

.header-profile-icon {
    background-image: url(../images/icons/header-profile-icon.svg);
    -webkit-mask-image: url(../images/icons/header-profile-icon.svg);
    mask-image: url(../images/icons/header-profile-icon.svg);
}

.heart-active {
    background-image: url(../images/icons/heart-active.svg);
    -webkit-mask-image: url(../images/icons/heart-active.svg);
    mask-image: url(../images/icons/heart-active.svg);
}

.heart-normal {
    background-image: url(../images/icons/heart-normal.svg);
    -webkit-mask-image: url(../images/icons/heart-normal.svg);
    mask-image: url(../images/icons/heart-normal.svg);
}


.icon-calendar {
    background-image: url(../images/icons/icon-calendar.svg);
    -webkit-mask-image: url(../images/icons/icon-calendar.svg);
    mask-image: url(../images/icons/icon-calendar.svg);
}

.icon-check {
    background-image: url(../images/icons/icon-check.svg);
    -webkit-mask-image: url(../images/icons/icon-check.svg);
    mask-image: url(../images/icons/icon-check.svg);
}

.icon-cloud-upload {
    background-image: url(../images/icons/icon-cloud-upload.svg);
    -webkit-mask-image: url(../images/icons/icon-cloud-upload.svg);
    mask-image: url(../images/icons/icon-cloud-upload.svg);
}

.icon-dropdown-white {
    background-image: url(../images/icons/icon-dropdown-white.svg);
    -webkit-mask-image: url(../images/icons/icon-dropdown-white.svg);
    mask-image: url(../images/icons/icon-dropdown-white.svg);
}

.icon-external-link {
    background-image: url(../images/icons/icon-external-link.svg);
    -webkit-mask-image: url(../images/icons/icon-external-link.svg);
    mask-image: url(../images/icons/icon-external-link.svg);
}

.icon-info-thin {
    background-image: url(../images/icons/icon-info-thin.svg);
    -webkit-mask-image: url(../images/icons/icon-info-thin.svg);
    mask-image: url(../images/icons/icon-info-thin.svg);
}

.icon-key {
    background-image: url(../images/icons/icon-key.svg);
    -webkit-mask-image: url(../images/icons/icon-key.svg);
    mask-image: url(../images/icons/icon-key.svg);
}

.icon-login-user {
    background-image: url(../images/icons/icon-login-user.svg);
    -webkit-mask-image: url(../images/icons/icon-login-user.svg);
    mask-image: url(../images/icons/icon-login-user.svg);
}

.icon-processing {
    background-image: url(../images/icons/icon-processing.svg);
    -webkit-mask-image: url(../images/icons/icon-processing.svg);
    mask-image: url(../images/icons/icon-processing.svg);
}

.icon-schedule {
    background-image: url(../images/icons/icon-schedule.svg);
    -webkit-mask-image: url(../images/icons/icon-schedule.svg);
    mask-image: url(../images/icons/icon-schedule.svg);
}

.icon-search {
    background-image: url(../images/icons/icon-search.svg);
    -webkit-mask-image: url(../images/icons/icon-search.svg);
    mask-image: url(../images/icons/icon-search.svg);
}

.icon-usd {
    background-image: url(../images/icons/icon-usd.svg);
    -webkit-mask-image: url(../images/icons/icon-usd.svg);
    mask-image: url(../images/icons/icon-usd.svg);
}

.icon-wait {
    background-image: url(../images/icons/icon-wait.svg);
    -webkit-mask-image: url(../images/icons/icon-wait.svg);
    mask-image: url(../images/icons/icon-wait.svg);
}

.linked-icon {
    background-image: url(../images/icons/linked-icon.svg);
    -webkit-mask-image: url(../images/icons/linked-icon.svg);
    mask-image: url(../images/icons/linked-icon.svg);
}

.maximize-icon {
    background-image: url(../images/icons/maximize-icon.svg);
    -webkit-mask-image: url(../images/icons/maximize-icon.svg);
    mask-image: url(../images/icons/maximize-icon.svg);
}

.menu-bar-icon {
    background-image: url(../images/icons/menu-bar.svg);
    -webkit-mask-image: url(../images/icons/menu-bar.svg);
    mask-image: url(../images/icons/menu-bar.svg);
}

.menu-communication-icon {
    background-image: url(../images/icons/menu-communication-icon.svg);
    -webkit-mask-image: url(../images/icons/menu-communication-icon.svg);
    mask-image: url(../images/icons/menu-communication-icon.svg);
}

.menu-configuration-icon {
    background-image: url(../images/icons/menu-configuration-icon.svg);
    -webkit-mask-image: url(../images/icons/menu-configuration-icon.svg);
    mask-image: url(../images/icons/menu-configuration-icon.svg);
}

.menu-contracts-icon {
    background-image: url(../images/icons/menu-contracts-icon.svg);
    -webkit-mask-image: url(../images/icons/menu-contracts-icon.svg);
    mask-image: url(../images/icons/menu-contracts-icon.svg);
}

.menu-dashboard-icon {
    background-image: url(../images/icons/menu-dashboard-icon.svg);
    -webkit-mask-image: url(../images/icons/menu-dashboard-icon.svg);
    mask-image: url(../images/icons/menu-dashboard-icon.svg);
}

.menu-services-icon-02 {
    background-image: url(../images/icons/menu-services-icon-02.svg);
    -webkit-mask-image: url(../images/icons/menu-services-icon-02.svg);
    mask-image: url(../images/icons/menu-services-icon-02.svg);
}

.menu-services-icon {
    background-image: url(../images/icons/menu-services-icon.svg);
    -webkit-mask-image: url(../images/icons/menu-services-icon.svg);
    mask-image: url(../images/icons/menu-services-icon.svg);
}

.menu-system-icon {
    background-image: url(../images/icons/menu-system-icon.svg);
    -webkit-mask-image: url(../images/icons/menu-system-icon.svg);
    mask-image: url(../images/icons/menu-system-icon.svg);
}

.menu-users-icon {
    background-image: url(../images/icons/menu-users-icon.svg);
    -webkit-mask-image: url(../images/icons/menu-users-icon.svg);
    mask-image: url(../images/icons/menu-users-icon.svg);
}

.message-icon {
    background-image: url(../images/icons/message-icon.svg);
    -webkit-mask-image: url(../images/icons/message-icon.svg);
    mask-image: url(../images/icons/message-icon.svg);
}


.modal-check-icon {
    background-image: url(../images/icons/modal-check-icon.svg);
    -webkit-mask-image: url(../images/icons/modal-check-icon.svg);
    mask-image: url(../images/icons/modal-check-icon.svg);
}

.modal-close {
    background-image: url(../images/icons/modal-close.svg);
    -webkit-mask-image: url(../images/icons/modal-close.svg);
    mask-image: url(../images/icons/modal-close.svg);
}

.modal-email-round-icon {
    background-image: url(../images/icons/modal-email-round-icon.svg);
    -webkit-mask-image: url(../images/icons/modal-email-round-icon.svg);
    mask-image: url(../images/icons/modal-email-round-icon.svg);
}

.modal-file-icon {
    background-image: url(../images/icons/modal-file-icon.svg);
    -webkit-mask-image: url(../images/icons/modal-file-icon.svg);
    mask-image: url(../images/icons/modal-file-icon.svg);
}

.modal-link-icon {
    background-image: url(../images/icons/modal-link-icon.svg);
    -webkit-mask-image: url(../images/icons/modal-link-icon.svg);
    mask-image: url(../images/icons/modal-link-icon.svg);
}

.modal-linkedin-round-icon {
    background-image: url(../images/icons/modal-linkedin-round-icon.svg);
    -webkit-mask-image: url(../images/icons/modal-linkedin-round-icon.svg);
    mask-image: url(../images/icons/modal-linkedin-round-icon.svg);
}

.modal-share-icon {
    background-image: url(../images/icons/modal-share-icon.svg);
    -webkit-mask-image: url(../images/icons/modal-share-icon.svg);
    mask-image: url(../images/icons/modal-share-icon.svg);
}

.modal-trash-icon {
    background-image: url(../images/icons/modal-trash-icon.svg);
    -webkit-mask-image: url(../images/icons/modal-trash-icon.svg);
    mask-image: url(../images/icons/modal-trash-icon.svg);
}

.pagination-leftright-icon {
    background-image: url(../images/icons/pagination-leftright-icon.svg);
    -webkit-mask-image: url(../images/icons/pagination-leftright-icon.svg);
    mask-image: url(../images/icons/pagination-leftright-icon.svg);
}

.pause-icon {
    background-image: url(../images/icons/pause-icon.svg);
    -webkit-mask-image: url(../images/icons/pause-icon.svg);
    mask-image: url(../images/icons/pause-icon.svg);
}

.refresh-icon {
    background-image: url(../images/icons/refresh-icon.svg);
    -webkit-mask-image: url(../images/icons/refresh-icon.svg);
    mask-image: url(../images/icons/refresh-icon.svg);
}

.reject-icon {
    background-image: url(../images/icons/reject-icon.svg);
    -webkit-mask-image: url(../images/icons/reject-icon.svg);
    mask-image: url(../images/icons/reject-icon.svg);
}

.save-applicatgion {
    background-image: url(../images/icons/save-applicatgion.svg);
    -webkit-mask-image: url(../images/icons/save-applicatgion.svg);
    mask-image: url(../images/icons/save-applicatgion.svg);
}

.save-white-icon {
    background-image: url(../images/icons/save-white-icon.svg);
    -webkit-mask-image: url(../images/icons/save-white-icon.svg);
    mask-image: url(../images/icons/save-white-icon.svg);
}

.select-dropdown {
    background-image: url(../images/icons/select-dropdown.svg);
    -webkit-mask-image: url(../images/icons/select-dropdown.svg);
    mask-image: url(../images/icons/select-dropdown.svg);
}

.star-icon {
    background-image: url(../images/icons/star-icon.svg);
    -webkit-mask-image: url(../images/icons/star-icon.svg);
    mask-image: url(../images/icons/star-icon.svg);
}

.table-actions {
    background-image: url(../images/icons/table-actions.svg);
    -webkit-mask-image: url(../images/icons/table-actions.svg);
    mask-image: url(../images/icons/table-actions.svg);
}

.tips-user-icon {
    background-image: url(../images/icons/tips-user-icon.svg);
    -webkit-mask-image: url(../images/icons/tips-user-icon.svg);
    mask-image: url(../images/icons/tips-user-icon.svg);
}

.trash-red-icon {
    background-image: url(../images/icons/trash-red-icon.svg);
    -webkit-mask-image: url(../images/icons/trash-red-icon.svg);
    mask-image: url(../images/icons/trash-red-icon.svg);
}

.trash-red {
    background-image: url(../images/icons/trash-red.svg);
    -webkit-mask-image: url(../images/icons/trash-red.svg);
    mask-image: url(../images/icons/trash-red.svg);
}

.trash-theme-icon {
    background-image: url(../images/icons/trash-theme-icon.svg);
    -webkit-mask-image: url(../images/icons/trash-theme-icon.svg);
    mask-image: url(../images/icons/trash-theme-icon.svg);
}

.upload-file-close {
    background-image: url(../images/icons/upload-file-close.svg);
    -webkit-mask-image: url(../images/icons/upload-file-close.svg);
    mask-image: url(../images/icons/upload-file-close.svg);
}

.upload-file-icon {
    background-image: url(../images/icons/upload-file-icon.svg);
    -webkit-mask-image: url(../images/icons/upload-file-icon.svg);
    mask-image: url(../images/icons/upload-file-icon.svg);
}

.upload-file {
    background-image: url(../images/icons/upload-file.svg);
    -webkit-mask-image: url(../images/icons/upload-file.svg);
    mask-image: url(../images/icons/upload-file.svg);
}

.upload-photo-camera {
    background-image: url(../images/icons/upload-photo-camera.svg);
    -webkit-mask-image: url(../images/icons/upload-photo-camera.svg);
    mask-image: url(../images/icons/upload-photo-camera.svg);
}

.user-group {
    background-image: url(../images/icons/user-group.svg);
    -webkit-mask-image: url(../images/icons/user-group.svg);
    mask-image: url(../images/icons/user-group.svg);
}

.user-single {
    background-image: url(../images/icons/user-single.svg);
    -webkit-mask-image: url(../images/icons/user-single.svg);
    mask-image: url(../images/icons/user-single.svg);
}

.view-icon {
    background-image: url(../images/icons/view-icon.svg);
    -webkit-mask-image: url(../images/icons/view-icon.svg);
    mask-image: url(../images/icons/view-icon.svg);
}

.white-plus-icon {
    background-image: url(../images/icons/white-plus-icon.svg);
    -webkit-mask-image: url(../images/icons/white-plus-icon.svg);
    mask-image: url(../images/icons/white-plus-icon.svg);
}

.white-user-icon {
    background-image: url(../images/icons/white-user-icon.svg);
    -webkit-mask-image: url(../images/icons/white-user-icon.svg);
    mask-image: url(../images/icons/white-user-icon.svg);
}