﻿:root {
    --sort-icon-tamanho: 0.75rem;
}

.btn-datatable-visualizar {
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

    .btn-datatable-visualizar span {
        font-weight: bold;
        font-size: 1.05rem;
    }

    .btn-datatable-visualizar img {
        content: var(--btn-datatable-visualizar-icone);
        margin-right: 4px;
    }

/*SORT*/

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
    position: absolute;
    display: block;
    bottom: 50%;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
    width: var(--sort-icon-tamanho);
    height: var(--sort-icon-tamanho);
    border-right: 2px solid #3ca46e;
    border-bottom: 2px solid #3ca46e;
    transform-origin: center;
    transform: rotate(-135deg);
}

table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
    position: absolute;
    display: block;
    top: 50%;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
    width: var(--sort-icon-tamanho);
    height: var(--sort-icon-tamanho);
    border-right: 2px solid #3ca46e;
    border-bottom: 2px solid #3ca46e;
    transform-origin: center;
    transform: rotate(45deg);
}

table.dataTable.row-border > tbody > tr.selected + tr.selected > td, table.dataTable.display > tbody > tr.selected + tr.selected > td {
	border-top-color: #e8e8e8;
	border-top-color: #e8e8e8;
}

table.dataTable .head .dt-select {
    padding-left: 10px !important;
}