/* Wrapper da tabela */
.seq-table-wrapper {
    width: 100%;
}

/* Container com scrollbar */
.seq-table-scroll-container {
    overflow-y: auto;
    overflow-x: auto;
}

/* Scrollbar customizada */
.seq-table-scroll-container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.seq-table-scroll-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.seq-table-scroll-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.seq-table-scroll-container::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* ---------------------------------------------- */
/*           ESTILO PADRÃO SEQUENCE TABLE         */
/* ---------------------------------------------- */

table.sequence-table,
.table.sequence-table,
table.seq-table-zebra,
.table.seq-table-zebra,
table.tabela-templates,
.table.tabela-templates {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background-color: #ffffff;
    border-radius: 0.4rem;
    overflow: hidden;
    border: 0.5px solid #d9d9dc;
}

table.sequence-table thead,
.table.sequence-table thead,
table.seq-table-zebra thead,
.table.seq-table-zebra thead,
table.tabela-templates thead,
.table.tabela-templates thead {
    background-color: #c77dff0a;
}

table.sequence-table thead th,
.table.sequence-table thead th,
table.seq-table-zebra thead th,
.table.seq-table-zebra thead th,
table.tabela-templates thead th,
.table.tabela-templates thead th {
    padding: 20px 16px !important;
    font-weight: 600;
    font-size: 13px;
    color: #000000;
    border-bottom: 1px solid #dee2e6;
    white-space: nowrap;
    text-align: left;
    position: relative;
    background-color: #c77dff0a;
}

table.sequence-table thead th:not(:first-child)::before,
.table.sequence-table thead th:not(:first-child)::before,
table.seq-table-zebra thead th:not(:first-child)::before,
.table.seq-table-zebra thead th:not(:first-child)::before,
table.tabela-templates thead th:not(:first-child)::before,
.table.tabela-templates thead th:not(:first-child)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20%;
    bottom: 20%;
    width: 1px;
    background-color: #d9d9dc;
}

table.sequence-table tbody td,
.table.sequence-table tbody td,
table.seq-table-zebra tbody td,
.table.seq-table-zebra tbody td,
table.tabela-templates tbody td,
.table.tabela-templates tbody td {
    padding: 12px;
    border-bottom: 0.5px solid #d9d9dc;
    vertical-align: middle;
    font-size: 12px;
    color: #000000;
    font-weight: 400;
    background-color: #ffffff;
}

table.sequence-table tbody tr:last-child td,
.table.sequence-table tbody tr:last-child td,
table.seq-table-zebra tbody tr:last-child td,
.table.seq-table-zebra tbody tr:last-child td,
table.tabela-templates tbody tr:last-child td,
.table.tabela-templates tbody tr:last-child td {
    border-bottom: none;
}

table.sequence-table tbody tr:nth-child(even),
.table.sequence-table tbody tr:nth-child(even),
table.seq-table-zebra tbody tr:nth-child(even),
.table.seq-table-zebra tbody tr:nth-child(even),
table.tabela-templates tbody tr:nth-child(even),
.table.tabela-templates tbody tr:nth-child(even) {
    background-color: transparent;
}

table.sequence-table tbody tr:nth-child(odd),
.table.sequence-table tbody tr:nth-child(odd),
table.seq-table-zebra tbody tr:nth-child(odd),
.table.seq-table-zebra tbody tr:nth-child(odd),
table.tabela-templates tbody tr:nth-child(odd),
.table.tabela-templates tbody tr:nth-child(odd) {
    background-color: transparent;
}

table.sequence-table tbody tr:hover > *,
.table.sequence-table tbody tr:hover > *,
table.seq-table-zebra tbody tr:hover > *,
.table.seq-table-zebra tbody tr:hover > *,
table.tabela-templates tbody tr:hover > *,
.table.tabela-templates tbody tr:hover > * {
    background-color: #c77dff29 !important;
    color: #000000 !important;
}

.seq-table-sortable,
.seq-table-sortable:hover {
    background-color: transparent !important;
}

.seq-table-zebra tbody tr td.text-center.text-muted,
.table.sequence-table tbody tr td.text-center.text-muted {
    font-style: italic;
    color: #6c757d;
}