/* ...................... geral ................................................................................................................................................. */


body						{ color:#fff; background:#18181e; }

input, textarea, select, button			{ color:#fff; }

option						{ color:#999; }

#dialog						{ background:#2D2D30; }


/* ...................... botões ................................................................................................................................................ */


.botao.cinza					{ color:#35B1D3; background:transparent; border:1px solid #35B1D3; box-sizing:border-box; }
.botao.cinza:hover				{ color:#fff; background:#35B1D3; }

.botao.enviando					{ border:1px dashed #999; background-color:transparent; cursor:default; font-weight:400; color:#999; }
.botao.enviando.checado				{ background-image:url(images/val_ok.png) ; background-position:40px center; background-repeat:no-repeat; padding-left:68px; }

.botao.mais2.enviando				{ background-image:url(images/ico_mais5.png); }

.b_xls						{ color:#35B1D3; background-color:transparent; border:1px solid #35B1D3; }
.b_xls:hover					{ color:#fff; background-color:#35B1D3; }

.b_pdf						{ color:#35B1D3; height:30px; background-color:transparent; border:1px solid #35B1D3; }
.b_pdf:hover					{ color:#fff; background-color:#35B1D3; }

.b_print					{ color:#35B1D3; height:30px; background-color:transparent; border:1px solid #35B1D3; background-image:url(images/ico_print_2.png) }
.b_print:hover					{ color:#fff; background-color:#35B1D3; }

.b_atualizar					{ color:#35B1D3; height:30px; background-color:transparent; border:1px solid #35B1D3; }
.b_atualizar:hover				{ color:#fff; background-color:#35B1D3; }


/* ...................... pop up ................................................................................................................................................ */


#pop_cont					{ background:#2D2D30; }


/* ...................... conteúdo interno ...................................................................................................................................... */


      .subit_h li a.ativo			{ background:#18181e; color:#fff; }

  .blocoborda					{ border-color:#333; border-radius:3px; background:#18181e; }


/* ...................... consulta .............................................................................................................................................. */


  #veiculo					{ border-color:#333; }

    .placa					{ flex:0 0 205px; width:205px; height:65px; border-top-left-radius:6px; border-top-right-radius:6px; }

      .placa_cont				{ border:none; }

	.placa_tarja				{ border-top-left-radius:4px; border-top-right-radius:4px; }

	.placa_num				{ color:#333; }

	#veiculo .box .perg			{ text-transform:none; width:80px; }

	#veiculo .box .resp			{ font-size:12px; }

      #filtros_deb				{ border-color:#333; }

	#filtros_deb div.legenda		{ border-color:#333; }

	#filtros_deb div.fdi			{ background:#333; }

	#filtros_deb div.fdi:hover		{ background:#444; }

	#filtros_deb div.fdi.ativo		{ background-color:#35B1D3; }

	#filtros_deb form.formulario		{ border-color:#333; }

	  #filtros_deb form.formulario label	{ color:#fff; }

      .checklist>li				{ border-color:#333; }

      .checklist>li.total			{ background:#333; }

	.checklist>li>ul			{ border-color:#333; }

	    #parcelas_retorno			{ border-color:#333; }

	.checklist button.checar		{ background-color:#333; }

	.checklist button.checar.ativo.laranja	{ background-color:rgba(53,177,211,0.3); }

	.checklist button.checar:disabled.ativo	{ background:url(images/ico_check.png) center no-repeat rgba(255,255,255,0.5); }

	.checklist button.seta			{ background-image:url(images/seta_baixo2.png) }

	.checklist button.seta.ativo		{ background-image:url(images/seta_cima_2.png); }

	.debitos_box h3				{ background:#2D2D30; }

	  .debitos_box h3 a			{ color:#fff; }

	  .debitos_box h3 button.seta		{ background-image:url(images/seta_baixo2.png); }

	  .debitos_box h3 button.seta.ativo	{ background-image:url(images/seta_cima_2.png); }


/* ...................... entrega ............................................................................................................................................... */


    dl.extrato dt				{ border-color:#333; }

    dl.extrato dd				{ border-color:#333; }


/* ...................... painel ................................................................................................................................................ */


.ui-autocomplete				{ background-color:#3E3E3E !important; }

.ui-menu .ui-menu-item:hover			{ background-color:#333; }
.ui-menu .ui-menu-item:hover>div		{ background-color:#333; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active			{ background-color:#333 !important; }

.formulario#busca_placa				{ border-color:#333; }

  .formulario#busca_placa label			{ color:#fff; background-image:url(images/ico_lupa4_2.png); }

  .bloco					{ background:#2D2D30; }

    .bloco h2					{ border-color:#444; }

    .bloco .botao:not(.mais,.mais2,.lupa,.seta,.mostrar_mais,.enviando)		{ background-color:transparent; -webkit-box-shadow: 0px 0px 0px 1px #35B1D3; box-shadow: 0px 0px 0px 1px #35B1D3; }

      .indicadores li				{ border-color:#444; }

.bloquinho					{ border-color:#333; }

.formulario.filtros2				{ border-color:#444; }

    .formulario.filtros2 fieldset input[type=text],
    .formulario.filtros2 fieldset input[type=date],
    .formulario.filtros2 fieldset input[type=month],
    .formulario.filtros2 fieldset select	{ background-color:#2a2a2a; border-color:#444; }

      .link_rapido li a				{ border-color:#444; color:#fff; }

      .link_rapido li a.inativo			{ border-color:#444; color:#999; }
      .link_rapido li a.inativo:hover		{ border-color:#333; }

	.link_rapido li a span.qtd		{ color:#fff; }
	.link_rapido li a.inativo span.qtd	{ color:#999; }

    .abas li a					{ border-color:#333; color:#ccc; }

    .abas li a:hover				{ color:#fff; background-color:transparent; border-color:#fff; }

    .abas li.ativo a				{ background:transparent; color:#35B1D3; border-color:#35B1D3; }

#licenciamento_select				{ background-color:#2a2a2a; border-color:#444; }


/* ...................... ctrl + f .............................................................................................................................................. */


#ctrlf						{ background:#2D2D30; }

  #ctrlf input[name=termobusca]			{ border-color:#444; background:#2a2a2a; }

  #ctrlf_qtd					{ color:#fff; }

  #ctrlf_fechar					{ background-image:url(images/ico_fechar2_2.png); }


/* ...................... ctrl + g .............................................................................................................................................. */


#ctrlr						{ background:#2D2D30; }

  #ctrlr input[name=termobusca]			{ border-color:#444; background:#2a2a2a; }
  #ctrlr select[name=limitebusca]		{ border-color:#444; background:#2a2a2a; }

  #ctrlr_qtd					{ color:#fff; }

  #ctrlr .cadastro_atual_txt			{ background:#333; color:#fff; }

  #ctrlr_fechar					{ background-image:url(images/ico_fechar2_2.png); }


/* ...................... ampliação ............................................................................................................................................. */


      .ampliado .tabela th			{ border-color:#000; background:#18181e; }

  .ico_pesquisar				{ background-image:url(images/ico_lupa4_2.png); }

  .ico_ampliar					{ background-image:url(images/ico_ampliar_2.png); }

  .ico_ampliar_x				{ background-image:url(images/ico_fechar2_2.png); }


/* ...................... processos ............................................................................................................................................. */


.progresso_box					{ background-color:#2D2D30; }

.progresso					{ border-color:#444; }

  .progresso .etapa:first-child			{ background:linear-gradient(to right, #2D2D30 50%, transparent 50%) top; }
  .progresso .etapa:last-child			{ background:linear-gradient(to right, transparent 50%, #2D2D30 50%) top; }

    .progresso .etapa .num			{ background:#666; border-color:#2D2D30; }

    .progresso .etapa span.etq			{ color:#fff; }

  dl.definicoes dt				{ border-color:#333; }

  dl.definicoes dt.destaque			{ background:transparent; }

  dl.definicoes dd.destaque			{ background:transparent;  }

  dl.definicoes dd				{ border-color:#333; }

    dl.definicoes fieldset label		{ color:#fff; }

.ico_whatsapp_min				{ background-image:url(images/ico_whatsapp3_2.png); }


/* ...................... pós-venda ............................................................................................................................................. */


#posvenda					{ background:#2D2D30; }

  #posvenda_abrir				{ background-image:url(images/seta_esq2_2.png); }
  #posvenda_fechar				{ background-image:url(images/ico_fechar2_2.png); }

    #posvenda li				{ border-color:#444; }

      #posvenda li p.msg			{ color:#fff; }


/* ...................... pedido manual ......................................................................................................................................... */


  .formulario .bloco_debito.bordado		{ border-color:#333; }

	.formulario .bloco_debito div.enviados a.ico_crlv	{ background-image:url(images/ico_crlv_2.png); }
	.formulario .bloco_debito div.enviados a.ico_civ	{ background-image:url(images/ico_civ_2.png); }
	.formulario .bloco_debito div.enviados a.ico_cipp	{ background-image:url(images/ico_cipp_2.png); }
	.formulario .bloco_debito div.enviados a.ico_outros	{ background-image:url(images/ico_anexo_2.png); }
	.formulario .bloco_debito div.enviados a.ico_anexo	{ background-image:url(images/ico_anexo_2.png); }
	.formulario .bloco_debito div.enviados a.ico_anexo_ok	{ background-image:url(images/ico_anexo_ok_2.png); }
	.formulario .bloco_debito div.enviados a.ico_anexo_nok	{ background-image:url(images/ico_anexo_nok_2.png); }

	.formulario .bloco_debito div.enviados a:hover		{ background-color:#000; }


/* ...................... tabelas ............................................................................................................................................... */


    ul.indice li a				{ background:#333; color:#fff; }
    ul.indice li a:hover			{ background-color:#444; }

ul.tablegenda					{ border-color:#444; }

.tabela.bordada					{ border-color:#444; }
.tabela.bordada.escura				{ border-color:#444; }

  .tabela .tr					{ border-color:#444; }
  .bloco .tabela .tr.bordagrossa		{ border-color:#444; border-top-color:#999; }

  .tabela.fragmentada .tr			{ background:#333; }

  .tabela.bordada.escura .tr			{ border-color:#444; }

  .bloco .tabela .tr				{ border-color:#444; }

  .tabela .tr:hover				{ background:#444; }

  .bloco .tabela .tr.verde			{ background:rgba(120,187,30,0.1); }
  .bloco .tabela .tr.verde:hover		{ background:rgba(120,187,30,0.2); }

  .bloco .tabela .tr.vermelho			{ background:rgba(217,54,0,0.1); }
  .bloco .tabela .tr.vermelho:hover		{ background:rgba(217,54,0,0.2); }

  .bloco .tabela .tr.amarelo			{ background:rgba(213,150,4,0.1); }
  .bloco .tabela .tr.amarelo:hover		{ background:rgba(213,150,4,0.2); }

  .bloco .tabela .tr.azul			{ background:rgba(50,134,152,0.1); }
  .bloco .tabela .tr.azul:hover			{ background:rgba(50,134,152,0.2); }

  .tabela .tr.chumbo,
  .bloco .tabela .tr.chumbo			{ color:#999 !important; background-image:repeating-linear-gradient(45deg, #333 0, #333 1px, transparent 0, transparent 50%); background-color:#2D2D30; }

  .tabela .tr.chumbo *,
  .bloco .tabela .tr.chumbo *			{ color:#999 !important; }

  .tabela .tr.chumbo:hover,
  .bloco .tabela .tr.chumbo:hover		{ background:#333; }

  .tabela .tr.cinza				{ color:#ccc; }

    .tabela tr[role=search]			{ border-color:#444; }

	.tabela tr[role=search] input,
	.tabela tr[role=search] select		{ border-color:#444; background:#333; }

    .tabela .td.bleft, .tabela .th.bleft	{ border-color:#444; }

    .tabela .th:hover				{ border-color:#444; }

    .tabela .deb_obs				{ color:#35B1D3; }

  .bloco .tabela .tr.highlight			{ background-image:repeating-linear-gradient(45deg, rgba(53,177,211,0.1) 0, rgba(53,177,211,0.1) 5px, transparent 0, transparent 50%); }

  .bloco .tabela .tr.highlight:hover		{ background-image:repeating-linear-gradient(45deg, rgba(53,177,211,0.1) 0, rgba(53,177,211,0.1) 5px, transparent 0, transparent 50%); }

  a.ico_anexo_p					{ background-image:url(images/ico_anexo_2.png); }

  a.ico_crlv_p					{ background-image:url(images/ico_crlv_2.png); }

    .anexos a					{ background-image:url(images/ico_anexo_2.png); }

    .anexos a.ico_crlv				{ background-image:url(images/ico_crlv_2.png); }
    .anexos a.ico_chat				{ background-image:url(images/ico_chat_2.png); }
    .anexos a.ico_anexo_ok			{ background-image:url(images/ico_anexo_ok_2.png); }
    .anexos a.ico_anexo_nok			{ background-image:url(images/ico_anexo_nok_2.png); }

  .td span.editar				{ opacity:0.6; }

  .ico_obs_p					{ background-image:url(images/ico_obs_2.png) }

      .anexos .aprovardoc .ico_formobs		{ border-color:#333; background:url(images/ico_msg2_2.png) center no-repeat #333; }
      .anexos .aprovardoc .ico_formobs:before	{ border-color:transparent transparent #333 transparent; }

      .anexos .aprovardoc .formobs		{ background:#333; border-color:#333; min-width:314px; }
      .anexos .aprovardoc .formobs:before	{ border-color:transparent transparent #333 transparent; }

	.anexos .aprovardoc .formobs input[type=button]	{ position:relative; top:2px; }

      .anexos .obsdoc				{ background:#333; border:1px solid #333; color:#fff; }
      .anexos .obsdoc:before			{ border-color:#333 transparent transparent transparent; }

.tab_tit					{ background:#444; }

  .tab_tit .detalordem				{ border-color:#444; color:#fff; }

      .tab_tit .detal.detalvei .detalit		{ border-color:#444; color:#fff; }

      .tab_tit .detalit span			{ font-weight:500; }


/* ...................... formulários ........................................................................................................................................... */


    .formulario label				{ text-transform:none; }

    .formulario input[type=text],
    .formulario input[type=email],
    .formulario input[type=file],
    .formulario input[type=date],
    .formulario input[type=month],
    .formulario input[type=password]		{ border-color:#444; background:#2a2a2a; }

    .formulario textarea			{ border-color:#444; background:#2a2a2a; }

    .formulario select				{ border-color:#444; background:#2a2a2a; }

    .formulario select[readonly=readonly]	{ border-color:#444; background:#2D2D30; }
    .formulario textarea[readonly=readonly]	{ border-color:#444; background:#2D2D30; }
    .formulario input[readonly=readonly]	{ border-color:#444; background:#2D2D30; }

  form.formulario.embutido .botm		{ background-image:url(images/ico_salvar_2.png); }

#form_licenca					{ border-color:#333; background:#18181e; }

.tabela .td.editavel				{ background:transparent; }

  .tabela .td.editavel span.editar		{ background-image:url(images/ico_editar_2.png); }


  form.formulario.anexar button.botao		{ background-color:transparent; color:#35B1D3; background-image:url(images/ico_mais4_3.png); }

  form.formulario.anexar button.botao:hover	{ background-color:#35B1D3; color:#fff; background-image:url(images/ico_mais4_2.png); }

  form.formulario.anexar button.botao.verde:hover	{ background-color:#AEE100; }

  form.formulario.anexar button.botao.enviando	{ border:1px dashed #fff; color:#fff; background-image:url(images/ico_mais4_2.png);}


/* ...................... checkbox / radio ...................................................................................................................................... */


.custom-checkbox				{ background:rgba(24,24,30,0.5); border-color:rgba(255,255,255,0.3); }

.custom-checkbox:hover				{ border-color:rgba(255,255,255,0.4); }

.custom-checkbox.selected			{ background-image:url(images/ico_check2.png); background-color:rgba(24,24,30,0.5); }

/*.custom-checkbox.disabled			{ background-color:rgba(217,54,0,0.1); border-color:rgba(217,54,0,0.4); }*/
.custom-checkbox.disabled			{ background-color:transparent; border-color:rgba(255,255,255,0.2); border-style:dashed; }


/* ...................... mapas ................................................................................................................................................. */


    .cont .h2_mapa				{ background:#333; }


/* ...................... highcharts ............................................................................................................................................ */


.highcharts-title				{ fill:#fff !important; color:#fff !important; }

.highcharts-subtitle				{ fill:#999 !important; color:#999 !important; }

.highcharts-axis-title				{ fill:#999 !important; color:#999 !important; }

.highcharts-label				{ fill:#fff !important; }

.highcharts-label>text				{ fill:#fff !important; }

.highcharts-text-outline			{ stroke:#2D2D30 !important; fill:#2D2D30 !important; }

.highcharts-legend-item text			{ fill:#fff !important; }

.highcharts-axis-labels text			{ fill:#fff !important; }

.highcharts-tooltip-box				{ fill:#2a2a2a !important; }

.highcharts-tooltip text			{ fill:#fff !important; }

.highcharts-axis-line				{ stroke:#333 !important; }

.highcharts-point				{ stroke:#2D2D30 !important; }

.highcharts-axis-line				{ stroke:#2D2D30 !important; }

.highcharts-yaxis-grid .highcharts-grid-line	{ stroke:#444 !important; }

.highcharts-plot-border				{ stroke:#2D2D30 !important; }

.highcharts-button>rect				{ fill:#2a2a2a; }