/* 
   Learn about this solution to creating custom select styles:
   @link https://moderncss.dev/custom-css-styles-for-form-inputs-and-textareas/
*/

.escolha-style-table {
    table-layout: fixed;
    width: 100%;
}

.escolha-style-table thead tr {
    background-color: var(--table-escolha-header-background-color);
    color: var(--table-escolha-header-color);
    text-align: left;
}

.escolha-style-table thead:first-child th:first-child {
  border-radius: 1.2rem 0 0 0;
}

.escolha-style-table thead:first-child th:last-child {
  border-radius: 0 1.2rem 0 0;
}

.escolha-style-table th {
    padding: 0.8rem 0rem 0.8rem 1rem;
}

.escolha-style-table tbody tr {
    border-bottom: 0.1rem solid var(--table-escolha-header-background-color) ;
}

.escolha-style-table tbody tr:hover {
    background-color: var(--table-escolha-header-background-hover);
    cursor: pointer;
}

.escolha-style-table tbody tr:nth-child(even) {
    background-color: var(--table-escolha-header-background-even);
}

.escolha-style-table tbody tr:nth-child(odd) {
    background-color: var(--table-escolha-header-background-odd);
}

.escolha-style-table tbody tr:last-child {
    border-bottom: 0.1rem solid var(--table-escolha-header-background-color);
}

.escolha-style-table td  {
    padding: 0.8rem 0rem 0.8rem 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.escolha-style-table button  {
    padding: 0.1rem;
    margin: 0.1rem;
    border: 0rem;
}

.escolha-style-table i  {
	font-size: 1.5rem;
    padding: 0rem;
}

.escolha-style-table tfoot tr {
    background-color: var(--table-escolha-header-background-color);
    color: var(--table-escolha-header-color);
    text-align: left;
}

.escolha-style-table tfoot th:first-child {
  border-radius: 0 0 0 1.2rem;
}

.escolha-style-table tfoot th:last-child {
  border-radius: 0 0 1.2rem 0;
}