/***** TABLE *****/
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table {
  width: 100%;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843);
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  white-space: nowrap;
  overflow: hidden;
}
table tbody tr td {
  background: #FFF;
}
table thead tr,
table tbody tr {
  border: 1px solid var(--gray-3);
  border-top: 0;
}
table thead tr th {
  position: relative;
}
table thead tr th,
table tbody tr td {
  vertical-align: middle;
  text-align: left;
  padding: 1rem;
}
table .sort-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
table .sort-btn span {
  color: var(--gray-2);
  font-size: 1rem;
}

/* NAME */
.name img {
  width: 2rem;
  height: 2rem;
}

/* STATUS */
.status {
  display: block;
  border-radius: 6px;
  padding: 2px 10px;
  width: -moz-max-content;
  width: max-content;
}

.status--active,
.status-icon--checked {
  color: #03543F;
  background: #DEF7EC;
}

.status--deactived,
.status--rejected {
  color: #9B1C1C;
  background: #FDE8E8;
}

.status--inactive,
.status--dormant,
.status--deleted {
  color: #111928;
  background: #F3F4F6;
}

.status--pending {
  color: #723B13;
  background: #FDF6B2;
}

.status--blocked {
  color: #5521B5;
  background: #EDEBFE;
}

.status-icon--checked {
  padding: 7px;
}

.status--category {
  color: #111928;
  background: #F3F4F6;
}

/* ACTIONS */
.action {
  cursor: pointer;
  padding: 0.5rem;
}
.action span {
  font-size: 1.125rem;
}

.action--delete span {
  font-size: 1.25rem;
}

.action--verify,
.action--unblock {
  padding-inline: 0.75rem;
}

/* VERIFY INFO */
.verify-info::after,
.reject-info::after {
  font-family: "icomoon";
  border: 2px solid;
  border-radius: 50%;
  padding: 0.125rem;
  margin-left: 0.5rem;
}

.verify-info::after {
  content: "\e919";
  color: #3F83F8;
}

.reject-info::after {
  content: "\e911";
  color: #F05252;
}