/****************************************************
* CONTAINER GERAL DA TABELA
****************************************************/
.TDexonGUI_DataTable 
{
   display: flex;
   flex-direction: column;
   height: 600px;
   background-color: #F4F8FF;
   color: #1A2B44;
   padding: 0;
   height: 100%;
   box-sizing: border-box;
}

/****************************************************
* HEADER DA TABELA (FILTROS / AÇÕES)
****************************************************/
.TDexonGUI_DataTableHeader
{
   display: flex;
   align-items: center;
   gap: 3px;
   margin-top: 6px;
   position: sticky;
   top: 58px;
   z-index: 1000;
   padding: 1px;
   background-color: #EAF1FF;
   font-size: 13px;
   flex-shrink: 0;
   border: 1px solid #B6CCE8;
}

/****************************************************
* TABELA
****************************************************/
.TDexonGUI_DataTable table
{
   width: 100%;
   border-collapse: collapse;
   table-layout: fixed;
   background-color: #FFFFFF;
   border-radius: 6px;
   overflow-wrap: break-word;
   border: 1px solid #B6CCE8;
}

.TDexonGUI_DataTable thead
{
   display: table;
   width: 100%;
   table-layout: fixed;
   background-color: #E6F0FF;
}

.TDexonGUI_DataTable tbody
{
   display: block;
   flex: 1 1 auto;
   overflow-y: auto;
}

.TDexonGUI_DataTable tbody tr
{
   display: table;
   width: 100%;
   table-layout: fixed;
}

.TDexonGUI_DataTable th,
.TDexonGUI_DataTable td
{
   padding: 8px 10px;
   border-bottom: 1px solid #D7E3F4;
   text-align: left;
   font-size: 14px;
}

.TDexonGUI_DataTable th
{
   font-weight: 600;
   text-transform: uppercase;
   font-size: 10px;
   letter-spacing: 0.4px;
   color: #1A2B44;
}

.TDexonGUI_DataTable td
{
   color: #354A6A;
}

.TDexonGUI_DataTable .FieldCheck
{
   width: 40px;
}

.TDexonGUI_DataTable tr:nth-child(even) td
{
   background-color: #F2F6FC;
}

.TDexonGUI_DataTable tr:hover td
{
   background-color: #DCEAFF;
}

/****************************************************
* RODAPÉ
****************************************************/
.TDexonGUI_DataTableFooter
{
   position: sticky;
   bottom: 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
   border: 1px solid #B6CCE8;
   gap: 12px;
   padding: 10px 14px;
   background-color: #EAF1FF;
   border-top: 1px solid #B6CCE8;
   color: #1A2B44;
   font-size: 12px;
   flex-shrink: 0;
   box-sizing: border-box;
   z-index: 499;
}

/****************************************************
* NAVEGAÇÃO / PÁGINAS
****************************************************/
.TDexonGUI_DataTableFooter .SelPage_Start,
.TDexonGUI_DataTableFooter > span:last-child
{
   padding: 3px 10px;
   min-width: 120px;
   max-width: 200px;
   cursor: pointer;
   font-size: 12px;
   flex-shrink: 0;
   user-select: none;
   transition: all 0.3s ease;
}

.TDexonGUI_DataTableFooter .SelPage_Start[style*="display: none"]
{
   display: none !important;
}

/****************************************************
* SELECT DE LINHAS POR PÁGINA
****************************************************/
.TDexonGUI_DataTableFooter .SelPage_Limit
{
   min-width: 120px;
   max-width: 200px;
   padding: 2px 10px;
   font-size: 12px;
   cursor: pointer;
   flex-shrink: 0;
   transition: all 0.3s ease;
}

/****************************************************
* TEXTO DE QTD DE REGISTROS
****************************************************/
.TDexonGUI_DataTableFooter .TextQtdReg
{
   font-size: 12px;
   font-weight: 500;
   color: #1A2B44;
   text-align: center;
   flex-grow: 1;
   user-select: none;
   pointer-events: none;
}

/****************************************************
* MENSAGEM DE SEM DADOS
****************************************************/
.TDexonGUI_DataTable .TextNoData
{
   width: 100%;
   padding: 40px 20px;
   background-color: #FFFFFF;
   border-radius: 6px;
   text-align: center;
   font-size: 14px;
   font-weight: 500;
   color: #5F6B7A;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 10px;
   margin-top: 16px;
}

.TDexonGUI_DataTable .TextNoData i
{
   font-size: 36px;
   color: #AAB8C5;
   margin-bottom: 4px;
}