.input-field-user {
  width: 100%;
  min-width: fit-content;
  background-color: #f0f0f0;
  height: 3rem;
  border-radius: 2rem;
  display: grid;
  grid-template-columns: 10% 90%;
  margin-bottom: 0.8rem;
  position: relative;
  color: #333;
}

.input-field-user.phone {
  width:100%;
  min-width: fit-content;
  background-color: #f0f0f0;
  height: 3rem;
  border-radius: 2rem;
  display: grid;
  grid-template-columns: 10% 40% 10% 40%;
  margin-bottom: 0.8rem;
  position: relative;
  color: #333;
}

.input-field-user.date {
  width:100%;
  min-width: fit-content;
  background-color: #f0f0f0;
  height: 3rem;
  border-radius: 2rem;
  display: grid;
  grid-template-columns: 30% 35% 35%;
  margin-bottom: 0.8rem;
  position: relative;
  color: #c563bd91;
}

.input-field-user i {
  text-align: center;
  line-height: 3rem;
  color: var(--purple);
  transition: 0.5s;
  font-size: 1.2rem;
  border-radius: 2rem 0rem 0rem 2rem;
  background: #9b9b9b4a;
}

.input-field-user i.alt {
  text-align: center;
  line-height: 3rem;
  color: var(--purple);
  transition: 0.5s;
  font-size: 1.2rem;
  background: #9b9b9b4a;
  border-radius: 0rem;
}


.input-field-user input {
  margin-left: 0.8rem;
  background: none;
  outline: none;
  border: none;
  line-height: 1;
  font-size: 1.6rem;
  color: #333;
}


textarea {
  padding: 1.2rem;
  margin-bottom: 0.8rem;
  background-color: #f0f0f0;
  outline: none;
  border-radius: 1rem;
  line-height: 1;
  font-size: 1.6rem;
  color: #333;
  width: 100%;
  resize: vertical;
  min-width: 10em;
  height: 5rem;
  text-transform: capitalize;
}

.input-field-user input.disabled {
  color: #bcaecf;
  cursor: not-allowed;
}

.input-field-user input.disabled::placeholder {
  color: #bcaecf;
  cursor: not-allowed;
}

textarea.disabled {
  color: #bcaecf;
  cursor: not-allowed;
}

table{
  min-width: 100%;
}


.table th {
  font-size: 1.2rem;
  font-weight:200;
  text-transform: capitalize;
}

.table td {
  font-size: 1.4rem;
  font-weight:500;
}

.table td.td-icon {
  min-width: 8rem;
}