:root {
    /* Body */
    --CD-Body: #333333;
    /* Cor azul */
    --CD-Primary: #224483;
    /* Cor Branca */
    --CD-White: white;
    /* Cor Branca Que fica Azul */
    --CD-White-Blue: white;
    /* Cor Preta / Cinza claro */
    --CD-Black: black;
    /* Cor dos Textos / Cinza claro */
    --CD-Text-Black: #323332;
    /* Cor dos Textos Cinza Claro */
    --CD-Text-Gray: #979797;
    /* Cor Cinza / Cinza claro */
    --CD-Cinza: #9e9d9d;
    /* Cor Cinza Barra de Cima */
    --CD-Cinza-Navegacao: #ddeaff;
    /* Cor Cinza Barra de Cima */
    --CD-Cinza-Navegacao-Hover: #b0bbcc;
    /* Cor de fundo dos cards */
    --CD-BG-Card: white;
    /* Cor de fundo da tela inteira */
    --CD-BG-Html: white;
    /* Cor vermelha de aviso */
    --CD-Aviso: #dc3545;
    /* Cor Verde Dashboards */
    --CD-Dashboard-Green: #9cd440;
    /* GreenYellow */
    --CD-GreenYellow: greenyellow;
    /* Azul claro para branco */
    --CD-LightBlue-White: #597f8e;
    /* Azul claro para branco Hover*/
    --CD-LightBlue-White-Hover: #dde9ee;
    /* Cor de fundo da Ninja Grid */
    --CD-White-Gray: #f2f2f2;
    /* Cor dos icones da Ninja Grid */
    --CD-Icon-Ninja-Grid: #7ba9bb;
    /* Cor fundo Ninja Grid */
    --CD-Fundo-NinjaGrid: white;
    /* Cor bordas Ninja Grid */
    --CD-Bordas-NinjaGrid: #ccc;
    /* Cor bordas titulo Ninja Grid */
    --CD-Bordas-Titulo-NinjaGrid: #ccc;
    /* Cor hover Ninja Grid */
    --CD-NinjaGridHover: #d3e7ef;
    /* Cor Fundo Dashboards */
    --CD-BG-Dashboards: white;
    /* Cor Fundo Dashboards cinza */
    --CD-BG-DashboardsGray: rgb(247, 247, 247);
    /* Cor Fundo das linhas ímpares da Agenda */
    --CD-BG-Agenda-Line1: #f2f2f2;
    /* Cor Fundo das linhas pares da Agenda */
    --CD-BG-Agenda-Line2: #d8dcde;
    /* Cor Borda da Agenda */
    --CD-Bordas-Agenda: white;
    /* Cor Barra superior da Agenda */
    --CD-Barra-Superior-Agenda: rgb(123, 169, 187);
    /* Cor da Agenda Hover */
    --CD-Agenda-Hover: #dbeaf0;
    /* Cor da cDarkRed */
    --CD-cDarkRed: #9a0909;
    /* Cor da cDarkGray */
    --CD-cDarkGray: #777;
    /* Cor da bcWidgetBlue */
    --CD-bcWidgetBlue: #8cb9c7;
    /* Cor da cBlue */
    --CD-cBlue: #002577;
    /* Cor da divField */
    --CD-divField: #2d83a6;
    /* Cor da divField para Grey */
    --CD-divFieldGrey: #2d83a6;
    /* Cor da cGreen */
    --CD-cGreen: #9cd440;
    /* Cor da cGreenNew */
    --CD-cGreenNew: #5b8c0a;
    --CD-cGreenNew-Selected: #a6ff12;
    /* Cor do Header do DashboardSituacao */
    --CD-Header-DashboardSituacao: rgba(216, 220, 222, 0.9);
    /* Cor da borda Funil */
    --CD-Bordas-Funil: #e1e1e1;
    /* Cor azul do card Funil */
    --CD-Blue-Card-Funil: #7ba9bb;
    /* Cor do fundo Cards Funil */
    --CD-BG-Cards-Funil: #f7f7f7;
    /* Cor do fundo Header Funil Vermelho */
    --CD-funilVendasBcRed: #df0024;
    /* Cor do fundo Header Funil Azul */
    --CD-funilVendasBcBlueNew: #7492c8;
    /* Cor do fundo Header Funil verde */
    --CD-funilVendasBcGreenNew: #009f3c;
    /* Cor do fundo Modal */
    --CD-BG-Modal: white;
    /* Cor do fundo dos Campos da Modal */
    --CD-BG-CamposModal: #f7f7f7;
    /* Cor das bordas Campos da Modal */
    --CD-Bordas-CamposModal: #ccc;
    /* Cor do texto dos Campos da Modal */
    --CD-TextCamposModal: #444;
    /* Cor de fundo Abas da Modal */
    --CD-BG-FundoAbasModal: #e6e7e8;
    /* Cor da aba selecionada */
    --CD-AbaSelecionada: #224483;
    /* Cor da aba selecionada */
    --CD-Text-Disabled: #aaa;
    /* Cor da aba selecionada */
    --CD-BG-InputModal: #fff;
    /* Cor do botão Fechar Modal */
    --CD-BG-BotaoFecharModal: #ff000000;
    /* Cor do botão desabilitado */
    --CD-BotaoDesabilitado: #ccc;
    /* Cor da borda modal */
    --CD-BordaModal: white;
    /* Cor do Header do calendário */
    --CD-BG-HeaderCalendario: #72a9d3;
    /* Cor do fundo do calendário */
    --CD-BG-Calendario: white;
    /* Cor do fundo dos dias de outro mes */
    --CD-BG-DiasOutroMes: #f3f3f3;
    /* Cor do texto dos dias de outro mes */
    --CD-Text-DiasOutroMes: #cdcdcd;
    /* Cor do dia atual calendário */
    --CD-BG-DiaAtual: #fbec88;
    /* Cor da borda botoes small50 modal */
    --CD-Borda-Small50Modal: #2d83a6;
    /* Cor do texto das abas modal */
    --CD-Text-AbasModal: #224483;
    /* Cor da seta etapa Funil */
    --CD-BG-SetaFunil: #e7e6eb;
    /* Cor Gráfico Pizza Azul */
    --CD-GraficoAzul: #a9d1f3;
    /* Cor do fundo Select */
    --CD-BG-Select: white;
    /* Cor do fundo Select Hover */
    --CD-BG-SelectHover: #c4dee8;
    /* Cor do fundo Select */
    --CD-Text-Select: #000;
    /* Cor do fundo Select Hover */
    --CD-Text-SelectHover: #444;
    /* Cor da borda do Select */
    --CD-BordaSelect: #ccc;
    /* Cor do placeHolder do Select */
    --CD-PlaceHolderSelect: #333333;
    /* Cor do fundo Select Error*/
    --CD-BG-SelectError: #ffeeee;
    /* Cor do input selecionado */
    --CD-BG-InputModalHover: white;
    /* Cor dos links  */
    --CD-Link: #0018ef;
    /* Cor dos tooltips  */
    --CD-BG-Tooltip: white;
    /* Cor dos botões NinjaGrid Desabilitado */
    --CD-BG-NinjaGrid-Desabilitado: #ccc;
    /* Cor do Header dos Anexos */
    --CD-BG-HeaderAnexos: #7492c8;
    /* Cor do Hover ao passar o mouse na Grid */
    --CD-GridAnexosHover: rgba(177, 208, 220, 0.4);
    /* Cor Rodapé Card Negocio */
    --CD-BG-FooterCardNegocio: #e6e6e6;
    /* Cor de fundo do Seller */
    --CD-BG-Seller: White;
    /* Cor do cabeçalho do Seller */
    --CD-BG-CabecalhoSeller: #486395;
    /* Cor do Fundo Barra lateral Seller */
    --CD-BG-BarraLateralSeller: white;
    /* Cor da data card Ações Seller */
    --CD-DataVermelhaSeller: #a70202;
    /* Cor do pedido Aberto Seller */
    --CD-BG-StatusPedidoAbertoSeller: #7ba9bb;
    /* Cor do pedido Aguardando Aprovação Seller */
    --CD-BG-StatusPedidoAguardandoAprovacaoSeller: #ff6600;
    /* Cor do pedido Aguardando Assinatura Seller */
    --CD-BG-StatusPedidoAguardandoAssinaturaSeller: #f29b61;
    /* Cor do pedido Aprovado Seller */
    --CD-BG-StatusPedidoAprovadoSeller: #009f3c;
    /* Cor do orçamento Aberto Seller */
    --CD-BG-StatusOrcamentoAbertoSeller: #a4a4a4;
    /* Cor do orçamento Cancelado Seller */
    --CD-BG-StatusOrcamentoCanceladoSeller: #df0024;
    /* cor das setas da combo nc_ninjaCombo_input_background */
    --CD-nc_ninjaCombo_input_background: url(ninjaCombo/arrowDown.png) no-repeat right center;
    /* cor do select no listGroup */
    --CD-bcBlueSelected: #7ba9bb;
    /* cor do fundo quando passa o mouse nas opções Help */
    --CD-CentralHelpHover: #dbdbdb;
    /* cor do clique Aqui Azul para Verde */
    --CD-CliqueAquiBlueGreen: #0000ee;
    /* Azul para Cinza Claro */
    --CD-Blue-LightGray: #224483;
    /* ScrollBar */
    --CD-SCrollBar: #d8d8d8;
    --CD-SCrollBar-Thumb: #bab7b6;
    --CD-BG-ScrollBar: #eee;
    --CD-BG-ScrollBar-Mapa: #ffffff;
    /* Veiculo em utilização */
    --CD-Veiculo-Em-Utilizacao: #dce8ed;
    /* Sales.css */
    --CD-Sales-BG-BoxIcon: #ecf4fa;
    --CD-Sales-BoxIcon: #000000;
    --CD-Sales-Green: #5cb85c;
    --CD-Sales-Black: #4e5154;
    --CD-Sales-Blue: #428bca;
    --CD-Sales-Oportunidade-I: #6c68d6;
    --CD-Sales-Oportunidade: #649eff;
    --CD-Sales-EtapaNegocio: #f98a48;
    --CD-Sales-Aniversario: #ff9aa4;
    --CD-Sales-Aniversario-Hover: #ea515f;
    --CD-Sales-BG-Card: #f7f7f7;
    /* Btn-Anexo */
    --CD-BG-Btn-Anexo: #7492c8;
    --CD-BG-Btn-Anexo-Hover: #75b636;
    /* NovoVisual.css */
    --CD-BC-WidgetGray: #b3adad;
    --CD-BC-WidgetGold: #d8bb39;
    --CD-BC-WidgetGreen: #9cd440;
    --CD-BC-WidgetDarkGreen: #6da7a9;
    --CD-BC-Gray: #e6e9ea;
    --CD-BC-BlueLight: #e1e6ec;
    --CD-Border-divTable: #ffffff;
    --CD-divTableRow: #f8f8f8;
    /* KPI SCORE CARD */
    --CD-KPI-LightBlue: lightblue;
    --CD-KPI-Pink: pink;
    --CD-KPI-PaleGreen: palegreen;
    --CD-JQ-Icon-Sucesso: #e4f8f0;
    /* SIS-ANEXO */
    --CD-TB-Sis-Anexo: #f9b0b0;
    --CD-TB-Sis-Anexo-Hover: #c94747;
    /* AGENDA */
    --CD-Busy-Done: #8acb9c;
    --CD-Busy-Done-Agenda: #8acb9c;
    --CD-Busy-Started: #ecac6d;
    --CD-Busy-Moving: #8b99a8;
    --CD-Busy-Paused: #c5ca98;
    --CD-Busy-PreOrder: #2d83a6;
    --CD-Busy-PreOrderOs: #4bb7e4;
    /* Situação */
    --CD-Situacao-Financeira: #82b1ff;
    /* CRM_FunilVendas */
    --CD-BG-Filtro-Aplicado: #fbeeb9;
    --CD-Filtro-Aplicado: #537abd;
    --CD-Descricao-Saldo: #0d47a1;
    /* Dragula-CSS */
    --CD-BG-Arrow-BoxFunil: #0d47a1;
    --CD-H2-lblSemLicencaPeriodo: #24457f;
    --CD-Border-Arrow-Depois: #f3f3f3;
    --CD-Arrow-Depois: #e7e6eb;
    --CD-TblStatic-Foot-TR: #e2e2e2;
    --CD-Border-Input-FileInput: #cccccc;
    --CD-Border-Input-FileInput-Hover: #c1dce7;
    --CD-Input-FileInput: #f7f7f7;
    --CD-BG-ProgressbarStep: white;
    --CD-ProgressbarStep-Active: green;
    --CD-ProgressbarStep-Current: #224483;
    --CD-Button-Disabled: #f7f7f7;
    --CD-Bloco-Atendimento-H3: White url(NinjaGrid/bg_h.gif);
    --CD-BG-Bloco-Atendimento: #fafafa;
    --CD-BD-TB-divBlocoAtendimento: white;
    --CD-BG-Small150-Hover: #d2e3fca6;
    --CD-BG-CalendarMenu_ucCadastroAcao-Hover: #f7f7f7;
    --CD-BG-CalendarMenu_ucCadastroAcao: #ffffff;
    --CD-BcBlueAgenda: #edf9fa;
    /* Funil Estrategico */
    --CD-BG-Cards-FunilEstrategico: #cecece;
    --CD-BG-PorcentagemStyle: #fff;
    --CD-BG-PorcentagemStyle-Line: #fff;
    /* Funil de vendas */
    --CD-BG-List-Group-Item-Active: #e9ecef;
    /* CRM PEDIDO */
    --CD-BG-Header-TB-Condicao-Pagamento: #7492c8;
    --CD-BG-Condicao-Pagamento: #f1f1f1;
    /* SLR_DashboardPotencialVendas */
    --CD-SLR_DashboardPotencialVendas-Atual: #0fb93b;
    --CD-SLR_DashboardPotencialVendas-Anterior: #a70202;
    --CD-SLR_DashboardPotencialVendas-Futuro: #025ba7;
    --CD-SLR_DashboardPotencialVendas-Passado: #a70202;
    /* Sombras das caixas */
    --CD-Sombra: #0000001f;
    /* Cores do documento */
    --CD-BG-Doc: #eeeeee;
    --CD-BG-Doc-Pagina: white;
    --CD-BG-Toolbar: #fafafa;
    --CD-Text-Toolbar: #333333;
    --CD-BG-Toolbar-Button: #dedede;
    --CD-BG-Toolbar-List: #ffffff;
    --CD-BG-Toolbar-Panel: #ffffff;
    --CD-BG-Toolbar-Button-Active: #d9d9d9;
    --CD-BG-Toolbar-Button-Hover: #e6e6e6;
    --CD-BG-Toolbar-Button-Active-Hover: #c4c4c4;
    --CD-BG-Toolbar-Button-Active-Active: #bababa;
    /* Slider */
    --CD-BG-Slider: #d2d3d5;
    /* Mapa */
    --CD-BG-ShortCut-Item: #e8eaed;
    --CD-BG-ShortCut-Title: #3c4043;
    --CD-BG-Mapa: #e5e3df;
    /* Btn Slide */
    --CD-BtnSlide: #e4ecee;
    --CD-Bordas-Img: #f2f2f2;
    /* Tabela faturamentos */
    --CD-Licenca-Cancelada: #f9b0b0;
    --CD-Text-Faturamento: #5176b7;
    --CD-Row-Hover: rgba(177, 208, 220, 0.4);
    --CD-Licenca-Cancelada-Hover: #ffc7c7;
    /* Select */
    --CD-Select-Seta-Background: #e6e6e6;
    --CD-Select-Seta: #444444;
    /* Cor progressbar */
    --CD-BG-ProgressBar: #929496;
    /* ProgressBar EEmovel */
    --CD-BG-ProgressContent: #f5f5f5;
    --CD-BG-Progress-Bar-Container: #e0e0e0;
    /* Cor Dashboard Seller Azul para Cinza*/
    --CD-Text-Dashboard-Seller-Blue: #486395;
    --CD-BG-Label-TooltipItem: #f8f9fa;
    --CD-BG-Sidebar-Menu: #ECF4FF;
}

.theme-dark:root {
    /* Body */
    --CD-Body: #c7d1db;
    /* Cor azul */
    --CD-Primary: #5f82c3;
    /* Cor Branca */
    --CD-White: #ffffffcc !important;
    /* Cor Branca Que fica Azul */
    --CD-White-Blue: #224483;
    /* Cor Preta / Cinza claro */
    --CD-Black: #ffffff99 !important;
    /* Cor dos Textos / Cinza claro */
    --CD-Text-Black: #ffffff99;
    /* Cor dos Textos Cinza Claro */
    --CD-Text-Gray: #949494;
    /* Cor Cinza / Cinza claro */
    --CD-Cinza: #9e9d9d;
    /* Cor Cinza Barra de Cima */
    --CD-Cinza-Navegacao: #2b2b2b;
    /* Cor Cinza Barra de Cima */
    --CD-Cinza-Navegacao-Hover: #2d2d2d;
    /* Cor de fundo dos cards */
    --CD-BG-Card: #3a3a3a;
    /* Cor de fundo da tela inteira */
    --CD-BG-Html: #232323;
    /* Cor vermelha de aviso */
    --CD-Aviso: #d53327;
    /* Cor Verde Dashboards */
    --CD-Dashboard-Green: #28a72b;
    /* GreenYellow */
    --CD-GreenYellow: #75b636;
    /* Azul claro para branco */
    --CD-LightBlue-White: #bfbbb4;
    /* Azul claro para branco Hover*/
    --CD-LightBlue-White-Hover: #486395;
    /* Cor de fundo da Ninja Grid */
    --CD-White-Gray: #2c2c2c;
    /* Cor dos icones da Ninja Grid */
    --CD-Icon-Ninja-Grid: #a1e1fa;
    /* Cor fundo Ninja Grid */
    --CD-Fundo-NinjaGrid: #2b2b2b;
    /* Cor bordas Ninja Grid */
    --CD-Bordas-NinjaGrid: #3d3d3d;
    /* Cor bordas titulo Ninja Grid */
    --CD-Bordas-Titulo-NinjaGrid: #224483;
    /* Cor hover Ninja Grid */
    --CD-NinjaGridHover: #4b4b4b;
    /* Cor Fundo Dashboards */
    --CD-BG-Dashboards: #3a3a3a;
    /* Cor Fundo Dashboards cinza */
    --CD-BG-DashboardsGray: #303030;
    /* Cor Fundo das linhas ímpares da Agenda */
    --CD-BG-Agenda-Line1: #282828;
    /* Cor Fundo das linhas pares da Agenda */
    --CD-BG-Agenda-Line2: #474747;
    /* Cor Borda da Agenda */
    --CD-Bordas-Agenda: #3f3f3f;
    /* Cor Barra superior da Agenda */
    --CD-Barra-Superior-Agenda: #596f97;
    /* Cor da Agenda Hover */
    --CD-Agenda-Hover: #2b2b2b;
    /* Cor da cDarkRed */
    --CD-cDarkRed: #ff3131;
    /* Cor da cDarkGray */
    --CD-cDarkGray: #c7d1db;
    /* Cor da bcWidgetBlue */
    --CD-bcWidgetBlue: #325b67;
    /* Cor da cBlue */
    --CD-cBlue: #7dabff;
    /* Cor da divField */
    --CD-divField: #6796c9;
    /* Cor da divField para Grey */
    --CD-divFieldGrey: #c7d1db;
    /* Cor da cGreen */
    --CD-cGreen: #95da2b;
    /* Cor da cGreenNew */
    --CD-cGreenNew: #95da2b;
    --CD-cGreenNew-Selected: #a6ff12;
    /* Cor do Header do DashboardSituacao */
    --CD-Header-DashboardSituacao: #2a2e30;
    /* Cor da borda Funil */
    --CD-Bordas-Funil: #3d3d3d;
    /* Cor azul do card Funil */
    --CD-Blue-Card-Funil: #48788b;
    /* Cor do fundo Cards Funil */
    --CD-BG-Cards-Funil: #303030;
    /* Cor do fundo Header Funil Vermelho */
    --CD-funilVendasBcRed: #e82f4d;
    /* Cor do fundo Header Funil Azul */
    --CD-funilVendasBcBlueNew: #5372aa;
    /* Cor do fundo Header Funil verde */
    --CD-funilVendasBcGreenNew: #14b350;
    /* Cor do fundo Modal */
    --CD-BG-Modal: #2c2c2c;
    /* Cor do fundo dos Campos da Modal */
    --CD-BG-CamposModal: #2b2b2b;
    /* Cor das bordas Campos da Modal */
    --CD-Bordas-CamposModal: #626262;
    /* Cor do texto dos Campos da Modal */
    --CD-TextCamposModal: #ffffffa6;
    /* Cor de fundo Abas da Modal */
    --CD-BG-FundoAbasModal: #303030;
    /* Cor da aba selecionada */
    --CD-AbaSelecionada: #75b636;
    /* Cor da aba selecionada */
    --CD-Text-Disabled: #959595;
    /* Cor da aba selecionada */
    --CD-BG-InputModal: #7f7f7f;
    /* Cor do botão Fechar Modal */
    --CD-BG-BotaoFecharModal: #ff000000;
    /* Cor do botão desabilitado */
    --CD-BotaoDesabilitado: #767676;
    /* Cor da borda modal */
    --CD-BordaModal: #525252;
    /* Cor do Header do calendário */
    --CD-BG-HeaderCalendario: #2b2b2b;
    /* Cor do fundo do calendário */
    --CD-BG-Calendario: #2b2b2b;
    /* Cor do fundo dos dias de outro mes */
    --CD-BG-DiasOutroMes: #919191;
    /* Cor do texto dos dias de outro mes */
    --CD-Text-DiasOutroMes: #313131;
    /* Cor do dia atual calendário */
    --CD-BG-DiaAtual: #ffe537;
    /* Cor da borda botoes small50 modal */
    --CD-Borda-Small50Modal: #868686;
    /* Cor do texto das abas modal */
    --CD-Text-AbasModal: #71a3ff;
    /* Cor da seta etapa Funil */
    --CD-BG-SetaFunil: #383838;
    /* Cor Gráfico Pizza Azul */
    --CD-GraficoAzul: #a9d1f3;
    /* Cor do fundo Select */
    --CD-BG-Select: #303030;
    /* Cor do fundo Select Hover */
    --CD-BG-SelectHover: #2b2b2b;
    /* Cor do fundo Select */
    --CD-Text-Select: #c7d1db;
    /* Cor do fundo Select Hover */
    --CD-Text-SelectHover: #c7d1db;
    /* Cor da borda do Select */
    --CD-BordaSelect: #3f3f3f;
    /* Cor do placeHolder do Select */
    --CD-PlaceHolderSelect: #ccc;
    /* Cor do fundo Select Error*/
    --CD-BG-SelectError: #3b2929;
    /* Cor do input selecionado */
    --CD-BG-InputModalHover: #3f3f3f;
    /* Cor dos links  */
    --CD-Link: #75b636;
    /* Cor dos tooltips  */
    --CD-BG-Tooltip: #2f2f2f;
    /* Cor dos botões NinjaGrid Desabilitado */
    --CD-BG-NinjaGrid-Desabilitado: #585858;
    /* Cor do Header dos Anexos */
    --CD-BG-HeaderAnexos: #2b2b2b;
    /* Cor do Hover ao passar o mouse na Grid */
    --CD-GridAnexosHover: #323232;
    /* Cor Rodapé Card Negocio */
    --CD-BG-FooterCardNegocio: #303030;
    /* Cor de fundo do Seller */
    --CD-BG-Seller: #3b3b3b;
    /* Cor do cabeçalho do Seller */
    --CD-BG-CabecalhoSeller: #486395;
    /* Cor do Fundo Barra lateral Seller */
    --CD-BG-BarraLateralSeller: #101204;
    /* Cor da data card Ações Seller */
    --CD-DataVermelhaSeller: ff9292;
    /* Cor do pedido aberto Seller */
    --CD-BG-StatusPedidoAbertoSeller: #398aad;
    /* Cor do pedido Aguardando Aprovação Seller */
    --CD-BG-StatusPedidoAguardandoAprovacaoSeller: #ff6600a6;
    /* Cor do pedido Aguardando Assinatura Seller */
    --CD-BG-StatusPedidoAguardandoAssinaturaSeller: #f29b61a6;
    /* Cor do pedido Aprovado Seller */
    --CD-BG-StatusPedidoAprovadoSeller: #009f3c;
    /* Cor do orçamento aberto Seller */
    --CD-BG-StatusOrcamentoAbertoSeller: #28a72b;
    /* Cor do orçamento Cancelado Seller */
    --CD-BG-StatusOrcamentoCanceladoSeller: #ff000066;
    /* cor das setas da combo nc_ninjaCombo_input_background */
    --CD-nc_ninjaCombo_input_background: url(ninjaCombo/arrowDownDark.png) no-repeat right center;
    /* cor do select no listGroup */
    --CD-bcBlueSelected: #398aad;
    /* cor do fundo quando passa o mouse nas opções Help */
    --CD-CentralHelpHover: #3f3f3f;
    /* cor do clique Aqui Azul para Verde */
    --CD-CliqueAquiBlueGreen: #75b636;
    /* Azul para Cinza Claro */
    --CD-Blue-LightGray: #ffffff99;
    /* ScrollBar */
    --CD-SCrollBar: #414141;
    --CD-SCrollBar-Thumb: #595959;
    --CD-BG-ScrollBar: #444;
    --CD-BG-ScrollBar-Mapa: #2b2b2b;
    /* Veiculo em utilização */
    --CD-Veiculo-Em-Utilizacao: #222222;
    /* Sales.css */
    --CD-Sales-BG-BoxIcon: #1f2123;
    --CD-Sales-BoxIcon: #ecf4fa;
    --CD-Sales-Green: #4d853a;
    --CD-Sales-Black: #3d4245;
    --CD-Sales-Blue: #2b6699;
    --CD-Sales-Oportunidade-I: #272383;
    --CD-Sales-Oportunidade: #003690;
    --CD-Sales-EtapaNegocio: #9f3f05;
    --CD-Sales-Aniversario: #dc3545;
    --CD-Sales-Aniversario-Hover: #96121e;
    --CD-Sales-BG-Card: #1f2123;
    /* Btn-Anexo */
    --CD-BG-Btn-Anexo: #2f4978;
    --CD-BG-Btn-Anexo-Hover: #5e922b;
    /* NovoVisual.css */
    --CD-BC-WidgetGray: #454a4d;
    --CD-BC-WidgetGold: #796718;
    --CD-BC-WidgetGreen: #5b751a;
    --CD-BC-WidgetDarkGreen: #477678;
    --CD-BC-Gray: #25282a;
    --CD-BC-BlueLight: #26292b;
    --CD-Border-divTable: #3d3d3d;
    --CD-divTableRow: #1c1e1f;
    /* KPI SCORE CARD */
    --CD-KPI-LightBlue: #1b4958;
    --CD-KPI-Pink: #590010;
    --CD-KPI-PaleGreen: #1f6f04;
    --CD-JQ-Icon-Sucesso: #0f392c;
    /* SIS-ANEXO */
    --CD-TB-Sis-Anexo: #ff65652b;
    --CD-TB-Sis-Anexo-Hover: #c94747;
    /* AGENDA */
    --CD-Busy-Done: #558f65;
    --CD-Busy-Done-Agenda: #558f65;
    --CD-Busy-Started: #ea933c;
    --CD-Busy-Moving: #6e7985;
    --CD-Busy-Paused: #b1bf35;
    --CD-Busy-PreOrder: #2392c1;
    --CD-Busy-PreOrderOs: #439bbf;
    /* Situação */
    --CD-Situacao-Financeira: #4c8ffe;
    /* CRM_FunilVendas */
    --CD-BG-Filtro-Aplicado: #ceb34a;
    --CD-Filtro-Aplicado: #2c58a5;
    --CD-Descricao-Saldo: #7faaed;
    /* Dragula-CSS */
    --CD-BG-Arrow-BoxFunil: #224483;
    --CD-H2-lblSemLicencaPeriodo: #717ea9;
    --CD-Border-Arrow-Depois: #2e2e2e;
    --CD-Arrow-Depois: #383838;
    --CD-TblStatic-Foot-TR: #313131;
    --CD-Border-Input-FileInput: #454545;
    --CD-Border-Input-FileInput-Hover: #4b5355;
    --CD-Input-FileInput: #343434;
    --CD-BG-ProgressbarStep: #545454;
    --CD-ProgressbarStep-Active: #00c900;
    --CD-ProgressbarStep-Current: #669cff;
    --CD-Button-Disabled: #505050;
    --CD-Bloco-Atendimento-H3: #2b2b2b;
    --CD-BG-Bloco-Atendimento: #2d2d2d;
    --CD-BD-TB-divBlocoAtendimento: #252525;
    --CD-BG-Small150-Hover: #000000a6;
    --CD-BG-CalendarMenu_ucCadastroAcao-Hover: #3f3f3f;
    --CD-BG-CalendarMenu_ucCadastroAcao: #282828;
    --CD-BcBlueAgenda: #2f3232;
    /* Funil Estrategico */
    --CD-BG-Cards-FunilEstrategico: #262626;
    --CD-BG-PorcentagemStyle: #2a2a2a;
    --CD-BG-PorcentagemStyle-Line: #4c4c4c;
    /* Funil de vendas */
    --CD-BG-List-Group-Item-Active: #3f3f3f;
    /* CRM PEDIDO */
    --CD-BG-Header-TB-Condicao-Pagamento: #224483;
    --CD-BG-Condicao-Pagamento: #3f3f3f;
    /* SLR_DashboardPotencialVendas */
    --CD-SLR_DashboardPotencialVendas-Atual: #00f740;
    --CD-SLR_DashboardPotencialVendas-Anterior: #ff5050;
    --CD-SLR_DashboardPotencialVendas-Futuro: #013560;
    --CD-SLR_DashboardPotencialVendas-Passado: #ff5050;
    /* Sombras das caixas */
    --CD-Sombra: #00000000;
    /* Cores do documento */
    --CD-BG-Doc: #3d3d3d;
    --CD-BG-Doc-Pagina: #333333;
    --CD-BG-Toolbar: #444444;
    --CD-Text-Toolbar: #ffffff;
    --CD-BG-Toolbar-Button: #636363;
    --CD-BG-Toolbar-List: #636363;
    --CD-BG-Toolbar-Panel: #636363;
    --CD-BG-Toolbar-Button-Active: #444444;
    --CD-BG-Toolbar-Button-Hover: #555555;
    --CD-BG-Toolbar-Button-Active-Hover: #505050;
    --CD-BG-Toolbar-Button-Active-Active: #333333;
    /* Slider */
    --CD-BG-Slider: #3d3d3d;
    /* Mapa */
    --CD-BG-ShortCut-Item: #252626;
    --CD-BG-ShortCut-Title: #8d969d;
    --CD-BG-Mapa: #232323;
    /* Btn Slide */
    --CD-BtnSlide: #252525;
    --CD-Bordas-Img: #434343;
    /* Tabela faturamentos */
    --CD-Licenca-Cancelada: #ed8383;
    --CD-Licenca-Cancelada-Hover: #5d1919;
    --CD-Text-Faturamento: #3f85ff;
    --CD-Row-Hover: #101010;
    /* Select */
    --CD-Select-Seta-Background: #444444;
    --CD-Select-Seta: #ccc;
    /* Cor progressbar */
    --CD-BG-ProgressBar: #474747;
    /* ProgressBar EEmovel */
    --CD-BG-ProgressContent: #333333;
    --CD-BG-Progress-Bar-Container: #4d4d4d;
    /* Cor Dashboard Seller Azul para Cinza*/
    --CD-Text-Dashboard-Seller-Blue: #ffffff99;

    --CD-BG-Label-TooltipItem: #252a30;
}

.theme-dim:root {
    --blue-50: #f4fafe;
    --blue-100: #cae6fc;
    --blue-200: #a0d2fa;
    --blue-300: #75bef8;
    --blue-400: #4baaf5;
    --blue-500: #2196f3;
    --blue-600: #1c80cf;
    --blue-700: #1769aa;
    --blue-800: #125386;
    --blue-900: #0d3c61;
    --green-50: #f6fbf6;
    --green-100: #d4ecd5;
    --green-200: #b2ddb4;
    --green-300: #90cd93;
    --green-400: #6ebe71;
    --green-500: #4caf50;
    --green-600: #419544;
    --green-700: #357b38;
    --green-800: #2a602c;
    --green-900: #1e4620;
    --yellow-50: #fffcf5;
    --yellow-100: #fef0cd;
    --yellow-200: #fde4a5;
    --yellow-300: #fdd87d;
    --yellow-400: #fccc55;
    --yellow-500: #fbc02d;
    --yellow-600: #d5a326;
    --yellow-700: #b08620;
    --yellow-800: #8a6a19;
    --yellow-900: #644d12;
    --cyan-50: #f2fcfd;
    --cyan-100: #c2eff5;
    --cyan-200: #91e2ed;
    --cyan-300: #61d5e4;
    --cyan-400: #30c9dc;
    --cyan-500: #00bcd4;
    --cyan-600: #00a0b4;
    --cyan-700: #008494;
    --cyan-800: #006775;
    --cyan-900: #004b55;
    --pink-50: #fef4f7;
    --pink-100: #fac9da;
    --pink-200: #f69ebc;
    --pink-300: #f1749e;
    --pink-400: #ed4981;
    --pink-500: #e91e63;
    --pink-600: #c61a54;
    --pink-700: #a31545;
    --pink-800: #801136;
    --pink-900: #5d0c28;
    --indigo-50: #f5f6fb;
    --indigo-100: #d1d5ed;
    --indigo-200: #acb4df;
    --indigo-300: #8893d1;
    --indigo-400: #6372c3;
    --indigo-500: #3f51b5;
    --indigo-600: #36459a;
    --indigo-700: #2c397f;
    --indigo-800: #232d64;
    --indigo-900: #192048;
    --teal-50: #f2faf9;
    --teal-100: #c2e6e2;
    --teal-200: #91d2cc;
    --teal-300: #61beb5;
    --teal-400: #30aa9f;
    --teal-500: #009688;
    --teal-600: #008074;
    --teal-700: #00695f;
    --teal-800: #00534b;
    --teal-900: #003c36;
    --orange-50: #fff8f2;
    --orange-100: #fde0c2;
    --orange-200: #fbc791;
    --orange-300: #f9ae61;
    --orange-400: #f79530;
    --orange-500: #f57c00;
    --orange-600: #d06900;
    --orange-700: #ac5700;
    --orange-800: #874400;
    --orange-900: #623200;
    --bluegray-50: #f7f9f9;
    --bluegray-100: #d9e0e3;
    --bluegray-200: #bbc7cd;
    --bluegray-300: #9caeb7;
    --bluegray-400: #7e96a1;
    --bluegray-500: #607d8b;
    --bluegray-600: #526a76;
    --bluegray-700: #435861;
    --bluegray-800: #35454c;
    --bluegray-900: #263238;
    --purple-50: #faf4fb;
    --purple-100: #e7cbec;
    --purple-200: #d4a2dd;
    --purple-300: #c279ce;
    --purple-400: #af50bf;
    --purple-500: #9c27b0;
    --purple-600: #852196;
    --purple-700: #6d1b7b;
    --purple-800: #561561;
    --purple-900: #3e1046;
    --red-50: #fff5f5;
    --red-100: #ffd1ce;
    --red-200: #ffada7;
    --red-300: #ff8980;
    --red-400: #ff6459;
    --red-500: #ff4032;
    --red-600: #d9362b;
    --red-700: #b32d23;
    --red-800: #8c231c;
    --red-900: #661a14;
    --primary-50: #f9fcff;
    --primary-100: #e4f2fe;
    --primary-200: #cfe8fc;
    --primary-300: #badefb;
    --primary-400: #a5d4fa;
    --primary-500: #90caf9;
    --primary-600: #7aacd4;
    --primary-700: #658dae;
    --primary-800: #4f6f89;
    --primary-900: #3a5164;
}