:root {
    --comp_bg_novo_crm_header: linear-gradient(135deg, #2157e0 0%, #3e50e0 45%, #7a43df 100%) !important;
    --comp_bg_azul_marinho: #003879;
    --comp_txt_azul_marinho: #003879;
    --azul_marinho: #001D3F;
    --txt_azul_marinho: #364C66;
    --branco: #FFFFFF;
    --cinza: #98A3B0;
    --comp_bg_cinza: #ECECEC;
    --comp_azul_claro: #308AF3;
    --preto: #112B4A;
    --comp_bg_verde: #3FA014;
    --comp_bg_laranja: #E28A05;
    --cinza_1: #E8EBEE;
    --comp_bg_cinza_2: #F8F9FA;
    --txt_cinza: #717a84;
    --txt_cinza_1: #55687F;
    --comp_bg_vermelho: #DC3545;
    --vermelho: #C00B2E;
    --comp_bg_vermelho_1: #F5EBEC;
    --comp_bg_branco: #FFFFFF;
    --txt_azul_marinho_1: #112B4A;
    --comp_bg_cinza_grad_1: #CAD8E7;
    --comp_bg_cinza_grad_2: #DCE4EE;
    --layout_bg_cinza: #F7F8F9;
    --comp_bg_grad_3: #F4F5F6;
    --comp_bg_grad_4: #DDDFDF;
    --comp_bg_laranja_2: #DF8A13;
    --txt_preto: #333333;

}

.dark-mode {
    --comp_bg_azul_marinho: #353A44;
    --comp_txt_azul_marinho: #FFFFFF;
    --azul_marinho: #001D3F;
    --txt_azul_marinho: #FFFFFF;
    --branco: #FFFFFF;
    --cinza: #919396;
    --comp_bg_cinza: #2E3138;
    --comp_azul_claro: #79BFFF;
    --preto: #112B4A;
    --comp_bg_verde: #17E27F;
    --comp_bg_laranja: #FFE500;
    --cinza_1: #E8EBEE;
    --comp_bg_cinza_2: #202024;
    --txt_cinza: #919396;
    --txt_cinza_1: #FFFFFF;
    --comp_bg_vermelho: #FF5172;
    --vermelho: #C00B2E;
    --comp_bg_vermelho_1: #291E22;
    --comp_bg_branco: #24272D;
    --txt_azul_marinho_1: #FFFFFF;
    --comp_bg_cinza_grad_1: #353A44;
    --comp_bg_cinza_grad_2: #353A44;
    --layout_bg_cinza: #202024;
    --comp_bg_grad_3: #353A44;
    --comp_bg_grad_4: #353A44;
    --comp_bg_laranja_2: #FFB54E;
    --txt_preto: #FFFFFF;
}

.dark-mode .dataTable, .dark-mode .dataTable tr, .dark-mode .dataTable td {
    background-color: var(--comp_bg_grad_4) !important;
}

.dataTable, .dark-mode .dataTable tr, .dark-mode .dataTable td {
    color: var(--txt_preto) !important;
}