.icon-action {
  background-repeat: no-repeat;
  background-size: 12px 12px;
  height: 12px;
  width: 12px;
  margin-left: 7px;
}
.userRoleConfig-icon {
  background-image: url("/images/icon/userRoleConfig.svg");
}
.pms-icon {
  background-image: url("/images/icon/pmsConfig.svg");
}
.edit-icon {
  background-image: url("/images/icon/new/edit.svg");
}

.match-icon {
  background-image: url("/images/icon/match.svg");
}

.unmatch-icon {
  background-image: url("/images/icon/unmatch.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 20.598px;
  height: 8.746px;
}

.change-status-icon {
  background-image: url("/images/icon/new/change-status.svg");
}

.disable-icon {
  background-image: url("/images/icon/new/disable.svg");
}

.enable-icon {
  background-image: url("/images/icon/new/enable.svg");
}

.export-icon {
  background-image: url("/images/icon/new/export.svg");
}

.memo-icon {
  background-image: url("/images/icon/new/memo.svg");
}

.reset-icon {
  background-image: url("/images/icon/new/reset.svg");
}

.view-edit-history-icon {
  background-image: url("/images/icon/new/view-edit-history.svg");
}

.confirm-icon {
  background-image: url("/images/icon/new/confirm.svg");
}

.register-icon {
  background-image: url("/images/icon/new/register.svg");
}

.read-icon {
  background-image: url("/images/icon/new/read-icon.svg");
}

.complete-icon {
  background-image: url("/images/icon/new/complete-icon.svg");
}

.complete-icon-filled {
  background-image: url("/images/icon/new/complete-icon-filled.svg");
}

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

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

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

.trash-icon {
  background-image: url("/images/icon/new/icon-trash.svg");
}

.action-item .change-status {
  display: flex;
  align-items: center;
}

.icon-close-black {
  width: 12px;
  height: 12px;
  /*line-height: 12px;*/
  background-image: url("/images/icon/category/close.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
}

.icon-close-black--small {
  width: 9px;
  height: 8px;
  /*line-height: 12px;*/
  background-image: url("/images/icon/common/icon-close-black-small.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
}

.share-icon {
  width: 13.97px;
  height: 12.66px;
  background-image: url("/images/icon/assign.svg");
  background-size: 100%;
}

.product-demand-icon {
  width: 15px;
  height: 11px;
  background-image: url("/images/icon/product-demand.svg");
  background-size: 100%;
}

.icon-category-black {
  height: 16px;
  width: 16px;
  background-image: url("/images/icon/category/category-black.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
}

.icon-project-black {
  height: 16px;
  width: 16px;
  background-image: url("/images/icon/category/project-black.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
}

.icon-view {
  transform: scale(1.3);
  background-image: url("/images/icon/view-2.svg");
}

.icon-edit {
  background-image: url("/images/icon/edit-2.svg");
}

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

.metro-cross-icon {
  background-image: url("/images/icon/dashboard/metro-cross-icon.svg");
}

.btn-icon-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-clip: padding-box;
  background-color: transparent;
  cursor: pointer;
  background-position: center;
}

.btn-icon-action:hover {
  background-color: #daeeff;
  box-shadow: 0px 1px 1px #00000029;
}

.btn-icon-action:hover .metro-cross-icon {
  background-image: url("/images/icon/dashboard/metro-cross-blue-icon.svg");
}

.custom-hyper-link {
  cursor: pointer;
}

.custom-hyper-link .hyper-link-icon {
  background-image: url("/images/icon/hyperlink-icon.svg");
  position: absolute;
  width: 7px;
  height: 7px;
  background-repeat: no-repeat;
  top: 0;
  right: -10px;
}

.custom-hyper-link:hover .hyper-link-icon {
  background-image: url("/images/icon/hyperlink-icon-hover.svg");
  width: 11px;
  height: 13px;
  right: -14px;
  top: -2px;
}
.duplicate-icon {
  background-image: url("/images/icon/duplicate-icon.svg");
}
.subscription-term {
  background-image: url("/images/icon/sensor/subscription-term.svg");
}
.canlendar-icon {
  background-image: url("/images/icon/date-pick-icon/canlendar-icon.svg");
}
.white-check-icon {
  width: 12px;
  height: 9px;
  background-image: url("/images/icon/data-requests/white-check-icon.svg");
  background-repeat: no-repeat;
}
.loading-spinner {
  width: 13px;
  height: 13px;
  background-image: url("/images/icon/data-requests/spinner.svg");
  background-repeat: no-repeat;
  animation: spin-animation 2s linear infinite;
}

@keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.default-image--large {
  background-image: url("/images/icon/common/default-image.svg");
  width: 145.22px;
  height: 132.28px;
}
.default-image--small {
  background-image: url("/images/icon/common/default-image-small.svg");
  width: 28.96px;
  height: 28.18px;
}
.expand-icon {
  background-image: url("/images/icon/common/expand-icon.svg");
  width: 12px;
  height: 12px;
}
.edit-icon-blue {
  background-image: url("/images/icon/common/edit-icon-blue.svg");
  width: 23px;
  height: 23px;
}
.rotate-icon {
  background-image: url("/images/icon/common/rotate-icon.svg");
  width: 24px;
  height: 24px;
}
.icon-check__circle {
  background-image: url("/images/icon/common/circle-check.svg");
  width: 15px;
  height: 15px;
}
.__icon-sort {
  content: "";
  background: url("/images/icon/new/sort-down-icon-active.svg");
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.icon-pencil--grey {
  background-image: url("/images/new-feature/pencil.svg");
  width: 14px;
  height: 14px;
}
.icon-trashbin--grey {
  background-image: url("/images/new-feature/delete.svg");
  width: 11px;
  height: 11px;
}
.icon-search--small {
  background-image: url("/images/icon/common/search-icon-small.svg");
  width: 17px;
  height: 17px;
}
.icon-download--small {
  background-image: url("/images/icon/download--small.svg");
  width: 13.5px;
  height: 16.5px;
}
.icon-cross--red {
  display: inline-block;
  background-image: url("/images/icon/common/icon-cross-red.svg");
  width: 12px;
  height: 12px;
}
.icon-check--green {
  display: inline-block;
  background-image: url("/images/icon/common/icon-check-green.svg");
  width: 12px;
  height: 12px;
}
.icon-reject-rate-oee {
  display: inline-block;
  background-image: url("/images/icon/oee/reject-rate-icon.svg");
  width: 13px;
  height: 13px;
}