/* Tabela */


table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0;
    background-color: #ffffff;

    /*overflow-x: scroll;*/
    /*max-width: 100%;*/
    /*display: block;*/
}
th  {
    border-bottom: 1px solid #ddd;
    text-align: left;
    position: relative;
    color: #161616;
    background-color: #F4f4f4;
}

td {

    border-bottom: 1px solid #ddd;
    text-align: left;
    position: relative;
    color: #161616;
}

.small thead th {
    padding: 0px 2px 0px 2px;
    font-size: 14px;

}
.medium thead th {
    padding: 0px 4px 0px 4px;
    font-size: 14px;
}
.normal thead th {
    padding: 8px 8px 8px 16px;
    font-size: 14px;
}


.small tbody td {
    padding: 0px 2px 0px 2px;
    font-size: 14px;
}
.medium tbody  td {
    padding: 0px 4px 0px 4px;
    font-size: 14px;
}
.normal tbody  td {
    /*padding: 0px 8px 0px 8px;*/
    padding: 8px 8px 8px 16px;
    font-size: 14px;
}

tr:hover {
    background-color: #f2f2f2;
    cursor: pointer;

}


.ev-table-toolbar {
    background-color: #ffffff;
}


.ev-table-info {
    align-self: center;
    width: 290px;
}

.ev-table .loading {
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    padding: 59px;
    display: none;
    z-index: 1000;
    height: 250px;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.loading {
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    padding: 59px;
    display: none;
    z-index: 1000;
    height: 250px;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.ev-table-footer {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    /*background-color: #fff;*/
    font-size: 14px;
    color: #333;
    margin-top: 0;
    border-bottom: solid 1px rgb(221 221 221);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background-color: #f4f4f4;
}


.ev-table-footer .ev-btn-icon-ghost label {
    color: #393939;
}

.ev-pagination {
    display: flex;
    align-items: center;
    width: 100%;
}

.ev-pagination button {
    margin-right: 5px;
    padding: 5px 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
}

.ev-pagination button:hover {
    background-color: #eaeaea;
}

.ev-pagination .active {
    background-color: #007bff;
    color: white;
}

.pagination-dropdown {
    font-size: 14px;
    font-family: 'IBMPlexSans-SemiBold', 'IBM Plex Sans SemiBold', 'IBM Plex Sans', sans-serif;
}
.ev-table-footer .ev-input {
    background-color: #ffffff;
}
.ev-high-contrast .ev-table-footer .ev-input {
    background-color: #262626;
    color: rgb(255, 255, 255);
}
/* FIM - Tabela */


/* Efeito de redimensionamento das colunas */
.resizable {
    overflow: hidden;
    position: relative; /* Adiciona position relative */
}

.resize-handle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    cursor: col-resize;
}
/* FIM - Efeito de redimensionamento das colunas */


/* Estilo para o botão dropdown */
.dropdown-button {
    background-color: #f2f2f2; /* Cor de fundo */
    color: #333; /* Cor do texto */
    padding: 10px 15px; /* Espaçamento interno */
    border: 1px solid #ddd; /* Borda */
    cursor: pointer; /* Cursor como ponteiro */
    border-radius: 5px; /* Bordas arredondadas */
}

/* Estilo base para o menu dropdown */
.dropdown-menu {
    display: none; /* Inicialmente oculto */
    position: absolute; /* Posicionamento absoluto */
    background-color: #f9f9f9; /* Cor de fundo */
    min-width: 160px; /* Largura mínima */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); /* Sombra */
    z-index: 2; /* Z-index para sobrepor outros elementos */
}

/* Estilo para os itens do menu dropdown */
.dropdown-menu a {
    color: black; /* Cor do texto */
    padding: 12px 16px; /* Espaçamento interno */
    text-decoration: none; /* Sem sublinhado */
    display: block; /* Exibe como bloco */
}

/* Estilo para os itens do menu dropdown ao passar o mouse */
.dropdown-menu a:hover {
    background-color: #f1f1f1; /* Cor de fundo ao passar o mouse */
}

/* Classe para mostrar o menu dropdown */
.show {
    display: block; /* Exibe o menu */
}


/* botoes inline */

.ev-grid-dropdown {
    position: relative;
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ev-grid-dropdown-menu {
    display: none;
    position: absolute;
    min-width: 160px;
    z-index: 1;
    margin-left: -140px;
    top: 15px;
    padding: 2px 2px 2px 2px;
    background-color: #ffffff;
    box-sizing: border-box;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
    list-style-type: none;
}
.ev-grid-dropdown-button,
.ev-grid-dropdown-menu button {
    background: none; /* Remove o fundo padrão */
    color: inherit; /* Usa a cor de texto herdada */
    border: none; /* Remove a borda */
    padding: 0; /* Remove o padding */
    margin: 0; /* Remove a margem */
    text-align: left; /* Alinhamento do texto */
    font-size: 1em; /* Tamanho da fonte */
    cursor: pointer; /* Cursor como ponteiro */
}

/* Estilos adicionais para o botão de três pontos */
.ev-grid-dropdown-button {
    padding: 0 5px;
    font-size: 16px; /* Tamanho maior para o ícone de três pontos */
}
.ev-mobile .ev-grid-dropdown-button {
    padding: 0 7px 0px 2px;
    font-size: 16px; /* Tamanho maior para o ícone de três pontos */
}



.ev-grid-dropdown-menu .ev-grid-dropdown-item {
    padding: 8px 16px 8px 16px;
    background-color: #ffffff;
    box-sizing: border-box;
    font-family: 'IBMPlexSans', 'IBM Plex Sans', sans-serif;
    color: #161616;
    text-align: left;
    line-height: 18px;
    letter-spacing: 0.16px;
    font-size: 14px;
}

.ev-grid-dropdown-menu .ev-grid-dropdown-item:hover {
    background-color:  #e8e8e8;
    color: #161616
}

/*.ev-grid-dropdown:hover .ev-grid-dropdown-menu {
    display: block;
}*/

/* Campo filter-row */
.ev-row-filter {
    width: 100%;
    background-color: #ffffff;
    /*background-color: #f4f4f4;*/
}
th .ev-input:not(textarea) {
    height: 32px;
}

/* Sugestões do um campo filter-row */

.ev-grid-filter-row-suggestions {
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    /* para sobrepor os botões de paginação no rodapé */
    z-index: 2;
    padding: 0;
    margin: 0;
}

.ev-grid-filter-row-suggestions .ev-grid-filter-row-suggestions-item {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    cursor: pointer;
}

.ev-grid-filter-row-suggestions .ev-grid-filter-row-suggestions-item:hover {
    background-color: #f1f1f1;
}

.ev-grid-filter-row-spinner {
    position: absolute;
    width: 10px;
    height: 10px;
    top: calc(50% - 10px);
    right: 10px;
}



/* Mobile */


.ev-card-title, .ev-card-header, .ev-card-expanded {
    display: flex;
    align-items: flex-start;
}
.ev-card-expanded {
    padding-top: 16px;
    padding-bottom: 8px;
}
.ev-card-expanded h4 {
    font-size: 12px;
}
.ev-card-expanded p {
    font-size: 12px;
}
.ev-card-expanded .ev-card-item {
    padding-bottom: 8px;
    padding-right: 24px;
}
.ev-card-title {
    justify-content: space-between;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 4px;
}
.ev-card-title  p {
    font-size: 14px;
    font-weight: 650;
    padding: 0px 8px 0px 0px;

}
.ev-card-title  h4 {
    font-size: 14px;
    font-weight: 650;
}
.ev-card-header {
    justify-content: flex-start;
    padding-bottom: 4px;
}
.ev-card-header .ev-card-item {
    padding-bottom: 12px;
    padding-top: 12px;
    padding-right: 0px;
}
.ev-card-header p {
    font-size: 12px;
}

.ev-table-layout-grid .ev-card-header h4 {
    font-size: 12px;
}

.ev-table-layout-card .ev-card-header h4 {
    font-size: 14px;
}

.ev-table-layout-card .ev-card-header p {
    font-size: 14px;
}

.ev-card-row {
    display: flex;
    flex-direction: column;
}

.ev-card-item {
    /* Adicione estilos para alinhar itens dentro de uma row */
    /* margin-right: 20px;  Ajuste conforme necessário */

}
.ev-div-img-expand {
    margin-left: auto;
    margin-top: auto;
    height: 100%;
}
.ev-header-add {
    width: 20px;
    height: 20px;
    padding: 2px;
    box-sizing: border-box;
    /*    position: absolute; !* Mude para 'absolute' *!
        right: 2px;
        bottom: 2px; !* Posiciona na parte inferior do card *!
        transform: translateY(0%);*/
}

.ev-lancamento-cards-container{
    /* background-color: #f4f4f4;*/
}

.ev-lancamento-card-container{
    background-color: white;
    box-shadow: #dfdfdf4d 2px 2px 5px 0;
    /*min-width: 361px;*/
}

.ev-lancamento-card {
    padding: 10px 2px 2px 16px;
    position: relative;
    margin-top: 16px;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px 0px #a3a3a32e;
}

.ev-table-layout-card .ev-lancamento-card {
    padding-right: 16px;
}

.ev-lancamento-card {
    padding-right: 2px;
}

.ev-lancamento-card::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 0; /* Invertendo o triângulo */
    border-color: #007bff transparent transparent transparent; /* Ajuste a cor aqui */
}

.ev-lancamento-card-date {
    display: flex;
    margin:0px !important;
    padding: 0px !important;
}


.ev-lancamento-title-top-left{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
}

.ev-lancamento-title-top-right{
    display: flex;
    align-items: center;
    justify-content: space-between;
    vertical-align: top;
    margin-left: auto;
}


.ev-lancamento-card-title .ev-lancamento-card-child {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Isso garante que o espaço é distribuído entre os itens */
    height: 50px;
}

.ev-lancamento-card-child {
    width: 100%;
    display: flex;
}

.ev-lancamento-checkbox {
    padding-left: 10px !important;
    margin: 0px;

}


/* Estabeleça flex-grow para cada item filho desejado */



.switcher-container {
    /* position: absolute; */
    top: 97px;
    right: 32px;
}

bx-tabs {
    margin-top: 32px;
}

bx--label {

    font-size: 14px;
    margin-right: 8px;
}

bx-dropdown {
    margin-top: 13px;
}

.ev-filter-content-column {
    display: flex;
    flex-direction: column;
}

.ev-filter-content-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 32px;
    margin-right: 32px;
    gap: 16px;
}

.ev-filter-content-row > h3 {
    width: 15%;
}

.ev-filter-content-row > ev-btn-icon {
    margin-top: 13px;
}

.right-buttons {
    display: flex;
    gap: 8px;
}

.linha-horizontal {
    height: 1px;
    background-color: #797979;
}

.k-card {
    display: flex;
}

.fieldlist {
    margin: 0 0 -1em;
    padding: 0;
}

.fieldlist li {
    list-style: none;
    padding-bottom: 1em;
}


.ev-card-subtitle {
    margin:0px !important;
    padding: 0px !important;
}

.ev-valor-lancamento {
    font-size: 16px;
    margin:0px !important;
    padding: 0px !important;

}

.ev-status-pagamento  {
    font-size: 16px;
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom:0px !important;
    margin-left: 20px;
    margin-right: 10px;
    padding: 0px !important;
    width: 100px;

}

.ev-status-pagamento h3  {
    margin:0px !important;
    padding: 0px !important;
}

.ev-card-btn-icon {

}

.overflow-menu {
    /*  position: absolute; */
    right: 8px;
    bottom: 0px;
}

.iconCssButton {
    width: 48px;
    height: 48px;
    background-color: transparent;
    border: 0;
    display: flex;
    justify-content: center;
}

.iconCssButton:hover {
    background-color: rgba(141, 141, 141, 0.12);
}

.iconCssButton:focus {
    background-color: transparent;
    border: 2px solid #0f62fe;
}

.linha-horizontal-card {
    height: 1px !important;
    background-color: #E0E0E0 !important;
}

.linha-vertical-card {
    width: 1px;
    height: 20px;
    background-color: #E0E0E0;
    /*   position:absolute; */
    margin-right: 10px;
}

.ev-card-content {
    margin-top: 16px;
    margin-left: 16px;
    margin-right: 20px;
    display: flex;
    flex-direction: row;
    /* display: none; */
}
.ev-card-checkbox {
    padding-right: 5px;
    display: flex;
    align-items: center;
    margin-right: 8px;
}
.ev-card-checkbox input{
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #161616;
    box-sizing: border-box;
}
.ev-mobile .ev-card-checkbox input {
    width: 14px;
    height: 14px;
}

.ev-card-content-column {
    display: flex;
    flex-direction: column;
}

.ev-card-item {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

/*.ev-card-title .ev-card-item p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 135px;
}*/

.ev-tag {
    margin-left: 16px;
    margin-bottom: 16px;
}



/*//// .ev-high-contrast  /////*/

.ev-high-contrast  .ev-container-table{
    border-bottom-color: rgb(57, 57, 57);
    background-color: #262626;
    color: rgb(255, 255, 255);
}

.ev-high-contrast .ev-table-toolbar {
    background-color: #262626;
}
.ev-high-contrast .ev-table {
    border: 1px solid #f4f4f4;
}

.ev-high-contrast .ev-table table  {
    background-color: #262626;
}
.ev-high-contrast .ev-table input  {
    background-color: #262626;
}
.ev-high-contrast .ev-table table tr th {
    background-color: #262626;
    color: rgb(255, 255, 255);
}

.ev-high-contrast .ev-table table thead tr:first-child:hover th {
    background-color: #f4f4f4;
}

.ev-high-contrast .ev-table table tr:hover th{
    color: black;
}

.ev-high-contrast .ev-table table tr:hover td {
    background-color: rgb(93 93 93);
    color: #c6c6c6;
}

.ev-high-contrast .ev-table table tbody td {
    background-color: #262626;
    color: #c6c6c6;
}

.ev-high-contrast .ev-table-footer {
    background-color: #262626;
    color: #c6c6c6;
}

table tbody tr {
    background-color: #f4f4f4;
}

/*!* Estilo para linhas pares (índices pares) *!
table tbody tr:nth-child(even) {
    background-color: #f4f4f4; !* Cor de fundo para linhas pares *!
}

!* Estilo para linhas ímpares (índices ímpares) *!
table tbody tr:nth-child(odd) {
    background-color: #ffffff; !* Cor de fundo para linhas ímpares *!
}*/

table tbody tr:hover {
    background-color: #e0e0e0;
}

table tbody .selected-row {
    background-color: #e0e0e0 !important;
}

/* mobile */
/*.ev-high-contrast .ev-lancamento-cards-container {
    background-color: #161616;
}*/
.ev-high-contrast .ev-lancamento-card-container{
    border-bottom-color: rgb(57, 57, 57);
    background-color: #262626;
    color: rgb(255, 255, 255);
}


.ev-row-filter-icon {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    height: 16px;
    width: 16px;
    /*background-color: #f4f4f4;*/
}

table thead tr:first-child th {
    background-color: #e0e0e0;
}

/* Estilos para o sidebar de filtros */
.ev-sidebar-filters {
    position: fixed;
    top: 0;
    right: -100%;
    height: 100%;
    width: 100%;
    background-color: white;
    /*overflow-y: auto;*/
    transition: right 0.3s ease;
    z-index: 99999;
    display: grid;
    grid-template-rows: auto 1fr auto;
    /*  grid-template-columns: auto 1fr auto;: Define três colunas:
        A primeira coluna (auto) ajusta-se ao tamanho do conteúdo do primeiro item.
        A segunda coluna (1fr) ocupa o espaço restante entre as colunas.
        A terceira coluna (auto) ajusta-se ao tamanho do conteúdo do terceiro item. */
}

.ev-table-layout-card .ev-sidebar-filters {
    width: 30%;
    max-width: 450px;
    box-shadow: #d0d0d06b -2px 0 5px 0;
}


.ev-sidebar-filters .ev-filter-container-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*box-shadow: #b3b3b34d 0 1px 2px 2px;*/
    margin-bottom: 8px;
}

.ev-sidebar-filters .ev-filter-container-header span {
    font-size: 20px;
    margin-left: 20px;
}

.ev-sidebar-filters .ev-filter-container-body {
    overflow-y: auto;
    padding: 20px;
}

.ev-sidebar-filters .ev-filter-container-footer {
    background-color: #ffffff;
    display: flex;
    gap: 1px;
    margin-top: 8px;
}

.ev-sidebar-filters .ev-filter-container-footer ev-btn-icon {
    width: 100%;
    margin: 0;
}

.ev-sidebar-filters.active {
    right: 0;
}

.ev-sidebar-close-btn {
    display: block;
    margin-bottom: 20px;
    background-color: #007BFF;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
}

.ev-sidebar-close-btn:hover {
    background-color: #0056b3;
}

/** EV-CONTENT-TABLE **/
.ev-content-table::-webkit-scrollbar {
    width: 12px;               /* width of the entire scrollbar */
}

.ev-content-table::-webkit-scrollbar-track {
    background: orange;        /* color of the tracking area */
}

.ev-content-table::-webkit-scrollbar-thumb {
    background-color: blue;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 3px solid orange;  /* creates padding around scroll thumb */
}