/****************************************************
* COMPONENTE GERAL
****************************************************/
.TDexonGUI_DataFilter
{
   border: 1px solid #B6CCE8;
}

.TDexonGUI_DataFilter .SelOpLogico,
.TDexonGUI_DataFilter .SelFieldOpera,
.TDexonGUI_DataFilter .InpFieldValue
{
   min-width: 50px;
}

.TDexonGUI_DataFilter .SelField
{
   min-width: 50px;
}

.TDexonGUI_DataFilterRow 
{
   display: flex;
   gap: 4px;
   padding: 7px 4px;
   background-color: #FFFFFF;
   border-left: 4px solid transparent;
   transition: all 0.3s ease;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
   position: relative;
   font-size: 12px;
   flex-direction: row;
   align-items: flex-start;
   flex-wrap: wrap;

}

/****************************************************
* HOVER DE LINHA INDIVIDUAL
****************************************************/
.TDexonGUI_DataFilterRow:hover
{
   border-left-color: #1E73FF;
   background-color: #EFF6FF;
}


/****************************************************
* RODAPÉ DOS BOTÕES 
****************************************************/
.TDexonGUI_DataFilterFooter
{
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   padding-top: 12px;
   border-top: 1px solid #DDE3EB;
   margin-bottom: 0;
   justify-content: flex-start;
   padding: 8px;
   position: relative;
   z-index: 500;
   font-size: 12px;
}

.TDexonGUI_DataFilterFooter > .BtnClear
{
   background-color: #e53935;
   color: #fff;
   border: none;
   padding: 0px 12px;
   font-size: 12px;
   border-radius: 4px;
   cursor: pointer;
   transition: background-color 0.2s ease-in-out;
}

.TDexonGUI_DataFilterFooter > .BtnClear:hover
{
   background-color: #b71c1c;
}


.TDexonGUI_DataFilter .TDexonGUI_Button.TDexonGUI_ButtonDataFilter.BtnDelete
{
   background-color: transparent !important;
   color: #1E73FF !important;
}