.table {
    color: var(--secondary-color);
    border: none !important;

}

.table td.min-width {
  width: 50px;
}

[role="table"] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;

    overflow: hidden;
    flex: 1;
}

.table tbody tr.highligth {
    background-color: #fbee99;
}

.table thead tr th {
    border: none;
    text-align: center;
    vertical-align: middle;
}

.table tbody tr th {
    background-color: transparent !important;
    border: none;
}

.table .w-check {
    width: 50px;
}

.table tr td {
  border: none;
  text-align: center;
  vertical-align: middle;
}

.table tr.tr {

}

.table tr.tr td {
  padding: 0px 5px;
}

.table tr.border-shadow:not(:last-child) {
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(100,121,143,0.122);
  box-shadow: inset 0 -1px 0 0 rgba(100,121,143,0.122);
}

.table tr.border-shadow:hover {
  cursor: pointer;
  box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
}

.table tbody .tr .square-arrow[data-bs-toggle="dropdown"][aria-expanded="false"] {
  background-color: #D9D9D9;
}

.table tbody .tr .square-arrow[data-bs-toggle="dropdown"][aria-expanded="false"] .arrow {
  border-color: var(--secondary-color) transparent transparent transparent;
}

.table-streaked tbody tr:not(.highligth):nth-of-type(odd) td {
    background-color: rgba(0,0,0,.05);
}

.table-streaked tbody tr:nth-of-type(odd) .square-arrow[data-bs-toggle="dropdown"][aria-expanded="false"] {
    background-color: #D9D9D9;
}

.table-streaked tbody tr .square-arrow[data-bs-toggle="dropdown"][aria-expanded="false"] {
    background-color: #D9D9D9;
}

.table-streaked tbody tr .square-arrow[data-bs-toggle="dropdown"][aria-expanded="false"] .arrow {
    border-color: var(--secondary-color) transparent transparent transparent;
}

.wrapper-options-table {
    /* border: 1px solid var(--secondary-color); */
    border-radius: var(--sm-border-radius);

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
}

.wrapper-options-table .pages {
    color: var(--secondary-color);
    display: flex;
}

.wrapper-options-table .pages .page {
    text-align: center;
    padding: 5px;
    min-width: 30px;
    height: 30px;
    margin: 0 5px;
    border-radius: 30px;
    flex-shrink: 1;

    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.wrapper-options-table .pages .page.active {
    background-color: var(--primary-color);
    color: white;
}

.wrapper-options-table .prev .arrow {
    transform: rotate(90deg);
}

.wrapper-options-table .next .arrow {
    transform: rotate(-90deg);
}

.wrapper-options-table .prev,
.wrapper-options-table .next {
    padding: 0 10px;
    cursor: pointer;
}

.wrapper-options-table .arrow {
    width: 0;
    height: 0;

    border-style: solid;
    border-width: 8px 5px;
    border-bottom: 0;
    border-color: var(--primary-color) transparent transparent transparent;

    transform: rotateX(45deg);
}

.wrapper-options-table {
}

.wrapper-pagination-controls {
  border: 1px solid #ccc;
  flex-wrap: nowrap;
  display: flex;
  border-radius: var(--sm-border-radius);
}

.wrapper-pagination-controls-right {
  border-left: 1px solid #ccc;
  padding: 0 20px;
}

.wrapper-pagination-controls-right form {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.wrapper-pagination-controls-right .input-page-number {
  width: 50px;
  border: 1px solid #ccc;
}

.wrapper-pagination-controls-right .input-page-number:focus {
  border: 1px solid #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
  outline: none;
}

.wrapper-pagination-controls-right .btn-go {
  background-color: transparent;
  border: none;
  font-weight: 700;
}

.wrapper-overflow-table {
  height: calc(100vh - 3rem - 75px - 50px - 44px - 42px - 25px - var(--height-navbar));
  max-height: calc(100vh - 3rem - 75px - 50px - 44px - 42px - 25px - var(--height-navbar));
  /* height: 100%;
  max-height: 100%; */
  overflow-y: auto;
}

.wrapper-overflow {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
}

.tabela {
  display: flex;
  width: 100%;
  flex-direction: column;
  background-color: #fff;
  color: var(--secondary-color);
}

.tabela .w-action {
  width: 100px;
}

.w-check {
  width: 38px;
}

.tabela.streaked .tbody .linha:not(.highligth):nth-of-type(even) .celula:not(.w-check) {
  background-color: rgba(0,0,0,.05);
}

.tabela.streaked .tbody .linha:not(.highligth):nth-of-type(even) td {
  background-color: rgba(0,0,0,.05);
}

.tabela.streaked .tbody .linha:nth-of-type(odd) .square-arrow[data-bs-toggle="dropdown"][aria-expanded="false"] {
  background-color: #D9D9D9;
}

.tabela.streaked .tbody .linha .square-arrow[data-bs-toggle="dropdown"][aria-expanded="false"] {
  background-color: white;
}

.tabela.streaked .tbody .linha .square-arrow[data-bs-toggle="dropdown"][aria-expanded="false"] .arrow {
  border-color: var(--secondary-color) transparent transparent transparent;
}

.linha {
  display: flex;
  flex-direction: row;
}

.tbody {
  /* height: calc(100vh - 3rem - 75px - 55px - 44px - 42px - 25px - var(--height-navbar)); */
}

.tabela .tbody .linha.highligth {
  background-color: #fbee99;
}

.celula {
  padding: 10px;
  flex-grow: 1;
  width: 100%;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;
}

.thead .linha .celula {
  font-weight: bold;
}

.tfooter .linha .celula:first-child {
  text-align: start;
}

.container-table {
  position: relative;
  width: 100%;
  max-height: 90vh;
}

.container-table .table {
  position: relative;
}

.streaked .rw:not(.highligth):nth-of-type(odd) {
  background-color: rgba(0,0,0,.05);
}

.streaked .rw {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;

  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.sorting {
  position: relative;
  cursor: pointer;
}

.sorting::before,
.sorting::after {
  position: absolute;
  display: block;
  opacity: .350;
  right: 10px;
  line-height: 10px;
  font-size: .8em;
}

.sorting::before {
  bottom: 50%;
  content: "▲";
  content: "▲"/"";
}

.sorting::after {
  top: 50%;
  content: "▼";
  content: "▼"/"";
}

.sorting.sorting_asc::before,
.sorting.sorting_desc::after {
  opacity: 1;
}


/* css tables em estrutura customizada */

.__table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

.__table-header {
  font-weight: bold;
  background-color: #f5f5f5;
  display: table-row;
}

.__table-group {
  display: table-row-group;
}

.__table-row {
  display: table-row;
}

.__table-cell {
  display: table-cell;
  padding: 8px;
  vertical-align: middle;
}