/* ===== 57N - CSS REAL DA TABELA METAS / VENDAS DA EQUIPE ===== */

/* pega a tabela independente se ela estiver em sec-vendas-equipe-final ou sec-admin-seller-sales */
#mtMetasPanel .mt-table-wrap,
#mtMetasPanel .mt-metas-wrap-57n {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding-bottom: 8px !important;
}

#mtMetasPanel table.mt-table,
#mtMetasPanel table.mt-metas-table-57n {
  table-layout: fixed !important;
  width: 1450px !important;
  min-width: 1450px !important;
  max-width: none !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* cabeçalho sem invadir */
#mtMetasPanel table.mt-table th,
#mtMetasPanel table.mt-metas-table-57n th {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  text-align: center !important;
  vertical-align: middle !important;
  line-height: 1.15 !important;
  font-size: 10.5px !important;
  padding: 10px 8px !important;
}

/* células sem invadir */
#mtMetasPanel table.mt-table td,
#mtMetasPanel table.mt-metas-table-57n td {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  text-align: center !important;
  vertical-align: middle !important;
  line-height: 1.2 !important;
  padding: 12px 8px !important;
  box-sizing: border-box !important;
}

/* primeira coluna vendedor */
#mtMetasPanel table.mt-table th:nth-child(1),
#mtMetasPanel table.mt-table td:nth-child(1),
#mtMetasPanel table.mt-metas-table-57n th:nth-child(1),
#mtMetasPanel table.mt-metas-table-57n td:nth-child(1),
#mtMetasPanel .mt-vendedor-cell-57n {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

/* nome dentro da célula */
#mtMetasPanel .mt-vendedor-cell-57n strong,
#mtMetasPanel table.mt-table td:nth-child(1) strong,
#mtMetasPanel table.mt-table td:nth-child(1) small,
#mtMetasPanel table.mt-table td:nth-child(1) div,
#mtMetasPanel table.mt-table td:nth-child(1) span {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  text-align: center !important;
  line-height: 1.15 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  margin: 0 auto !important;
}

/* larguras por coluna */
#mtMetasPanel table.mt-table th:nth-child(2),
#mtMetasPanel table.mt-table td:nth-child(2) { width: 150px !important; }

#mtMetasPanel table.mt-table th:nth-child(3),
#mtMetasPanel table.mt-table td:nth-child(3) { width: 140px !important; }

#mtMetasPanel table.mt-table th:nth-child(4),
#mtMetasPanel table.mt-table td:nth-child(4) { width: 190px !important; }

#mtMetasPanel table.mt-table th:nth-child(5),
#mtMetasPanel table.mt-table td:nth-child(5) { width: 190px !important; }

#mtMetasPanel table.mt-table th:nth-child(6),
#mtMetasPanel table.mt-table td:nth-child(6) { width: 150px !important; }

#mtMetasPanel table.mt-table th:nth-child(7),
#mtMetasPanel table.mt-table td:nth-child(7) { width: 170px !important; }

#mtMetasPanel table.mt-table th:nth-child(8),
#mtMetasPanel table.mt-table td:nth-child(8) { width: 150px !important; }

#mtMetasPanel table.mt-table th:nth-child(9),
#mtMetasPanel table.mt-table td:nth-child(9) { width: 190px !important; }

/* inputs e badges */
#mtMetasPanel table.mt-table input {
  width: 130px !important;
  max-width: 130px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

#mtMetasPanel table.mt-table [class*="pill"],
#mtMetasPanel table.mt-table [class*="status"] {
  white-space: normal !important;
  max-width: 100% !important;
  text-align: center !important;
}
