:root {
    --cor-primaria: #d60b52; /*Magenta*/
    --cor-secundaria: #000000; /*Black*/
    --cor-fundo: #e6e6e6; /*Cinza - Cor do Fundo*/
}

/*---------- Acesso.CodigoAcesso ----------*/
.disabled {
    color: rgb(from var(--cor-primaria) r g b / 0.3) !important;
}


/*---------- Acesso.Login ----------*/
body .text {
    background-color: #5e002d;
}

body {
    background-color: #e6e6e6;
}

.imgLogoLogin {
    margin-top: 5.603421461897356vh;
    width: 31vw;
}

.ouacessecom {
    color: #5F5F5F;
}

.codigo-acesso .codigo-acesso-botao a {
    color: #5F5F5F;
}

button[disabled]:hover, .button-cg[disabled]:hover {
    color: rgb(from var(--cor-primaria) r g b / 0.3);
}

.ui-button-text {
    color: var(--cor-primaria);
}


/*---------- Acesso.Index ----------*/
.htmlAcesso {
    background-image: none;
}

    .htmlAcesso body {
        background-color: #e6e6e6;
    }

/*---------- AguardarPropostas ----------*/
.giroscopio-azul {
    background-color: var(--cor-secundaria);
}

.giroscopio-laranja {
    background-color: var(--cor-primaria);
}

.label-aguardar-validacao, .label-aguardar-propostas {
    border-left: solid 1.5vw var(--cor-primaria);
}


/*---------- Ajuda ----------*/
h2 {
    color: var(--cor-primaria);
}

#header_principal svg path {
    fill: var(--cor-primaria);
}

.setor_card .setor_card_title h3 {
    color: var(--cor-secundaria);
}

.setor_card svg path {
    fill: var(--cor-secundaria);
}

.panel .pergunta_card .pergunta_card_title svg path {
    fill: var(--cor-secundaria);
}

.panel .pergunta_card .pergunta_card_title h4 {
    color: var(--cor-secundaria);
}


/*---------- Avaliacao ----------*/
.container-avaliacoes-motorista .total-servicos {
    color: var(--cor-primaria);
}


/*---------- BuscaVazia ----------*/
.titulo {
    color: var(--cor-primaria);
}

.card {
    border-left-color: var(--cor-primaria);
}

.icon-busca-vazia {
    background: url(icon-busca-vazia.png) no-repeat;
    opacity: 0.3;
    /*rgb(from var(--cor-primaria) r g b / 0.3);*/
}


/*---------- Calendario ----------*/
.cld-day.today .cld-number {
    background: var(--cor-primaria);
}


/*---------- Chat ----------*/
#firechat .message.message-self {
    background: var(--cor-primaria);
}

#firechat .chat {
    scrollbar-color: var(--cor-primaria) #f1f1f1;
}

#firechat .message.message-self::after {
    border-color: transparent transparent transparent var(--cor-primaria);
}

/*---------- ChatApp ----------*/
.img-send, #firechat .message-input .message-input-send .send #img-send {
    background: url(img-send.png) no-repeat;
    background-size: contain;
}

.img-microphone {
    background: url(img-microphone.png) no-repeat;
    background-size: contain;
}

.message-record-audio .record #img-microphone {
    margin-top: 9px;
}

.img-type-audio {
    background: url(img-type-audio.png) no-repeat;
    background-size: contain;
}

.img-type-image {
    background: url(img-type-image.png) no-repeat;
    background-size: contain;
}

.img-type-file {
    background: url(img-type-file.png) no-repeat;
    background-size: contain;
}

.img-file-sender-cancel, .img-recording-cancel {
    background: url(img-recording-cancel.png) no-repeat;
    background-size: contain;
}

.linha-nome-motorista > .nome-motorista {
    color: var(--cor-primaria);
}

/*---------- Contato ----------*/
.contato-rodape {
    background-color: #dadada;
}

.textosEspacamentoInterno {
    color: var(--cor-secundaria);
}

.corLinks:hover, .corLinks:active, .corLinks:focus {
    color: var(--cor-primaria);
}

/*---------- Dados Pessoais ----------*/
.getmdl-select.is-focused .mdl-icon-toggle__label {
    color: var(--cor-secundaria);
}


/*---------- Dados Cliente ----------*/
.region-click-active {
    background-color: var(--cor-primaria);
}


/*---------- Erro ----------*/
.titulo-erro {
    color: var(--cor-primaria);
}

.tela-erro {
    background-color: #5e002d;
    height: inherit;
}


/*---------- FAQ ----------*/
.pergunta_card_body span {
    color: var(--cor-primaria) !important;
}

.panel .pergunta_card_body span strong {
    color: var(--cor-primaria);
}

.panel .pergunta_card span a {
    color: var(--cor-primaria);
}


/* ---------- GeralApp ----------*/
.TituloTela {
    color: var(--cor-secundaria);
}

.title-header > span {
    color: var(--cor-secundaria);
}

.menu-drawer-topo {
    background-color: #5e002d;
}

button, .button-cg {
    background-color: var(--cor-primaria);
}

    button[disabled], .button-cg[disabled] {
        background-color: rgba(214, 11, 82, 0.3);
        color: rgb(from var(--cor-primaria) r g b / 0.3);
    }

.botao {
    background-color: var(--cor-primaria);
}


.chatbox-notify {
    background: url(iconeNotificacao.png) no-repeat;
}


/*---------- GeralAppAfter ----------*/
.pagina-titulo {
    background-color: none;
    background-size: contain;
}

    .pagina-titulo .pagina-titulo-texto {
        color: black;
    }

.pagina-titulo {
    background-color: #e6e6e6;
}

.mdl-textfield:not(.is-dirty) .mdl-textfield__label {
    color: rgba(0, 0, 0, .4)
}

.mdl-textfield.is-dirty input.mdl-textfield__input[readonly],
.mdl-textfield.is-dirty input.mdl-textfield__input.disabled[readonly] {
    color: rgba(0, 0, 0, .3) !important;
}

fieldset[disabled] .mdl-textfield .mdl-textfield__label, .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: var(--cor-primaria);
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: var(--cor-primaria);
}

.menu-drawer-itens-interna ul li a {
    color: #5e002d;
}

.ui-dialog-title {
    color: var(--cor-secundaria);
}

.ui-state-default {
    color: var(--cor-primaria) !important;
}

::-webkit-scrollbar-thumb {
    background: var(--cor-primaria);
}

.botaoPrincipalTela {
    background-color: var(--cor-primaria);
}

.corLinks {
    color: var(--cor-primaria);
}

.corIconeSenhaFechado, .corIconeSenhaFechado:hover, .corIconeSenhaFechado:focus {
    color: rgb(from var(--cor-primaria) r g b / 0.3);
}

.corIconeSenhaAberto, .corIconeSenhaAberto:hover, .corIconeSenhaAberto:focus {
    color: var(--cor-primaria);
}

scrollbar, .scroller, .container-isolador, .getmdl-select__fix-height .mdl-menu__container .mdl-menu {
    scrollbar-color: var(--cor-primaria) #f1f1f1;
}

.botaoPrincipalTelaDesabilitado {
    background-color: rgb(from var(--cor-primaria) r g b / 0.3);
    color: rgb(from var(--cor-primaria) r g b / 0.3);
}

#div-loading div, #div-loading-app div {
    border-bottom-color: var(--cor-primaria);
}

.textfield-app {
    background-color: var(--cor-fundo) !important;
}

/*---------- Imagens ----------*/
.logo-colorido, .logo, .pagina-logo {
    background: url(logo-colorido.svg) no-repeat;
    background-size: contain;
    background-position-x: center;
}

.imgLogoLogin {
    background: url(logo-colorido.svg) no-repeat;
    background-size: contain;
    background-position-x: center;
    height: 26vw;
    justify-self: center;
}

.pagina-logo {
    height: 10.4vw;
}

.logo-menu {
    background: url(logo_sms.svg) no-repeat;
    background-size: contain;
    width: 24.5vw;
    height: 18.60vw;
    margin-top: 10.8vw;
    margin-left: 29.89vw;
}

.icon-balao-chat-outline {
    background: url(balao-chat-outline.png) no-repeat;
    background-size: contain;
}

.icon-bandeira-debito {
    background: url(bandeira-debito.png) no-repeat;
    background-size: contain;
    background-position: right;
}

.icon-bandeira-dinheiro {
    background: url(bandeira-dinheiro.png) no-repeat;
    background-size: contain;
    background-position: right;
}

.icon-formas-pagamentos {
    background: url(credito.png) no-repeat;
    background-size: contain;
}

.icon-carro-laranja {
    background: url(carro-laranja.png) no-repeat;
    background-size: contain;
}

.icon-carro-laranja-frontal {
    background: url(carro-laranja-frontal.png) no-repeat;
    background-size: contain;
}

.icon-carro-laranja-outline {
    background: url(carro-laranja-outline.png) no-repeat;
    background-size: contain;
}

.icon-cupom-desconto {
    background: url(cupom-desconto.png) no-repeat;
    background-size: contain;
}

.icon-estrela-nao-selecionada {
    background: url(estrela_nao_selecionada2.png) no-repeat;
    background-size: contain;
}

.icon-estrela-parcial-25 {
    background: url(Estrela_parcial_25.png) no-repeat;
    background-size: contain;
}

.icon-estrela-parcial-50 {
    background: url(Estrela_parcial_50.png) no-repeat;
    background-size: contain;
}

.icon-estrela-parcial-75 {
    background: url(Estrela_parcial_75.png) no-repeat;
    background-size: contain;
}

.icon-estrela-selecionada {
    background: url(Estrela_Selecionada.png) no-repeat;
    background-size: contain;
}

.icon-giroscopio-pequeno {
    background: url(giroscopio-pequeno.png) no-repeat;
    background-size: contain;
}

.menu-icon-ajuda {
    background: url(icon_ajuda.png) no-repeat;
    background-size: contain;
}

.icon-calendario {
    background: url(icon_calendar.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.icon-meus-veiculos {
    background: url(icon_car.png) no-repeat;
    background-size: contain;
}

.menu-icon-chats {
    background: url(icon_chats.png) no-repeat;
    background-size: contain;
}

.menu-icon-contato {
    background: url(icon_contato.png) no-repeat;
    background-size: contain;
}

.menu-icon-home {
    background: url(icon_home.png) no-repeat;
    background-size: contain;
}

.menu-icon-meus-dados {
    background: url(icon_meus_dados.png) no-repeat;
    background-size: contain;
}

.menu-icon-meus-pedidos {
    background: url(icon_meus_pedidos.png) no-repeat;
    background-size: contain;
}

.menu-icon-mudar-senha {
    background: url(icon_mudar_senha.png) no-repeat;
    background-size: contain;
}

.menu-icon-sair {
    background: url(icon_sair.png) no-repeat;
    background-size: contain;
}

.menu-icon-sobre {
    background: url(icon_sobre.png) no-repeat;
    background-size: contain;
}

.icon-relogio {
    background: url(icon_time.png) no-repeat;
    background-size: contain;
}

.icon-dados-pessoais {
    background: url(icon_user_menu.png) no-repeat;
    background-size: contain;
}

.icon-adicionar-parada {
    background: url(icon-adicionar.png) no-repeat;
    background-size: contain;
}

.icon-edit-escuro {
    background: url(icon-edit-escuro.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.icon-local-entrega {
    background: url(local-chegada.png) no-repeat;
    background-size: contain;
}

.icon-local-saida {
    background: url(local-saida.png) no-repeat;
    background-size: contain;
}

.icon-lupa-pesquisa {
    background: url(lupa-pesquisa.svg) no-repeat;
    background-size: 16px;
    background-position: left center;
}

.menu-icon-btn {
    background: url(Menu.svg) no-repeat;
}

.icon-olho-laranja {
    background: url(olho-laranja.png) no-repeat;
    background-size: contain;
}

.icon-pino-marcador {
    background: url(pino-marcador.png) no-repeat;
    background-size: contain;
}

.icon-pino-marcador-outline {
    background: url(pino-marcador-outline.svg) no-repeat;
    background-size: contain;
}

.icon-local-parada {
    background: url(pino-marcador-outline.svg) no-repeat;
    background-size: contain;
}

.icon-marcador-sem-numero {
    background: url(pino-marcador-sem-numero.png) no-repeat;
    background-size: contain;
}

.icon-marcador-vazado {
    background: url(pino-marcador-vazado.png) no-repeat;
    background-size: contain;
}

.icon-marcador-posicao-1 {
    background: url(posicao-1.png) no-repeat;
    background-size: contain;
}

.icon-marcador-posicao-2 {
    background: url(posicao-2.png) no-repeat;
    background-size: contain;
}

.icon-marcador-posicao-3 {
    background: url(posicao-3.png) no-repeat;
    background-size: contain;
}

.icon-marcador-posicao-4 {
    background: url(posicao-4.png) no-repeat;
    background-size: contain;
}

.icon-marcador-posicao-5 {
    background: url(posicao-5.png) no-repeat;
    background-size: contain;
}

.icon-marcador-posicao-6 {
    background: url(posicao-6.png) no-repeat;
    background-size: contain;
}

.icon-marcador-posicao-7 {
    background: url(posicao-7.png) no-repeat;
    background-size: contain;
}

.icon-marcador-posicao-8 {
    background: url(posicao-8.png) no-repeat;
    background-size: contain;
}

.icon-marcador-posicao-9 {
    background: url(posicao-9.png) no-repeat;
    background-size: contain;
}

.icon-marcador-posicao-10 {
    background: url(posicao-10.png) no-repeat;
    background-size: contain;
}

.img-seta-voltar-esq {
    background: url(Seta_Voltar_Esq.svg) no-repeat;
    background-size: contain;
    width: 25px;
    height: 14px;
}

.voltar-esq-erro {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(100%) hue-rotate( 0deg) brightness(100%) contrast(100%);
    background-position-y: center;
    height: 20vw;
}

.icon-seta-cima-laranja {
    background: url(seta-cima-laranja.png) no-repeat;
    background-size: contain;
}

#img-seta-servico-andamento {
    background: url(seta-servico-andamento.png) no-repeat;
    height: 8vw;
    top: 3.6vh;
    background-size: contain;
}

.icon-local-saida-fb {
    background: url(local-saida-fb.png) no-repeat;
}

.icon-local-chegada {
    background: url(local-chegada.png) no-repeat;
}

.icon-local-chegada-fb {
    background: url(local-chegada-fb.png) no-repeat;
}

.icon-local-atendimento {
    background: url(local-atendimento.png) no-repeat;
}

.icon-local-atendimento-pino {
    background: url(local-atendimento-pino.png) no-repeat;
}

.icon-ordenar {
    filter: brightness(0) invert(100%) brightness(27.8%);
}


/*---------- ListaProposta ----------*/
.container-filtros {
    background-color: transparent;
    color: black;
}

.botao-pagamento {
    color: var(--cor-primaria);
}

    .botao-pagamento.pagamento-selecionado {
        background-color: var(--cor-primaria);
        border-color: var(--cor-primaria);
    }

.button-cg.disabled {
    color: rgba(214, 11, 82, 1);
    background-color: rgba(214, 11, 82, 0.3);
}

/*---------- localizacaoConfirmadaSMS ----------*/
/*.pagina-logo {
    background: url(logo_sms.png) no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
}*/


/*---------- Menu ----------*/
.logo {
    margin-bottom: 10px;
    height: 27.1vw;
    background-position-x: center;
}

h1 {
    color: black;
}

.botao {
    background-color: var(--cor-primaria);
}

#atalho-servico-andamento {
    border: 3px solid #8C8C8C;
}

.linha-titulo-servico-andamento {
    border-radius: inherit;
}

.alinhamento-linha-central .data-agendamento {
    color: var(--cor-primaria);
}

.font-tempo-estimado {
    color: var(--cor-primaria);
}

.font-color-nome-motorista {
    color: var(--cor-primaria);
}

.btn-bateria .botao-text, .btn-combustivel .botao-text,
.btn-chaveiro .botao-text, .btn-pneu .botao-text, .btn-guincho-reboque .botao-text {
    color: white;
}


/*---------- MeusChats ----------*/
.nome-chat {
    color: var(--cor-secundaria);
}

#conteudo-chats {
    scrollbar-color: var(--cor-primaria) #f1f1f1;
}


/*---------- Pedido ----------*/
.itens-nav-region-click a {
    color: var(--cor-secundaria);
}

.situacao-pedido.Finalizado {
    color: var(--cor-secundaria);
}

.pagina-conteudo {
    scrollbar-color: var(--cor-primaria);
}


/*---------- PedidoDetalhe ----------*/
.text-color-accent {
    color: var(--cor-primaria);
}

.button-cg.disabled {
    color: rgba(214, 11, 82, 1);
    background-color: rgba(214, 11, 82, 0.3);
}

.btn-trocar-cartao {
    background-color: var(--cor-primaria);
}

.cancelar-chamado-disabled {
    color: rgb(from var(--cor-primaria) r g b / 0.3);
}

.situacao-pedido .titulo-texto {
    color: var(--cor-secundaria);
}

.situacao-pedido:before {
    background-color: var(--cor-secundaria);
}

.step-estrela.step-selecionado, .step-avaliacao.step-selecionado {
    background-color: var(--cor-primaria);
}

.rodape-avaliacao .step-estrela, .rodape-avaliacao .step-avaliacao {
    border-color: var(--cor-primaria);
}

.btn-editar-avaliacao {
    color: var(--cor-primaria);
}

.icon-timeline {
    background-color: var(--cor-primaria);
}


/*---------- Politica ----------*/
::-webkit-scrollbar-thumb {
    background: var(--cor-primaria);
}


/*---------- PopupValidacaoSmsCliente ----------*/
.link-reenviar {
    color: var(--cor-primaria);
}

.otp-input {
    color: var(--cor-secundaria);
}

    .otp-input:focus {
        border-color: var(--cor-primaria);
    }


/*---------- PreCarregamentoTela ----------*/
.pre-giroscopio-laranja {
    background-color: var(--cor-primaria);
}

.pre-giroscopio-azul {
    background-color: var(--cor-secundaria);
}


/*---------- ResumoOrcamento ----------*/
.titulo-local, .resumo-veiculo-cliente .titulo-veiculo {
    color: black;
}

.resumo-veiculo-cliente .condicao-veiculo {
    color: black;
}


/*---------- ResumoProposta ----------*/
.valor-total, .icon-tarifa-pagagmento-online {
    color: var(--cor-primaria);
}

.titulo-pagamento, .descricao-forma-pagamento {
    color: var(--cor-secundaria);
}


/*---------- SelecaoVeiculos ----------*/
.subtitulo-visao {
    color: none;
}

.informacao-placa {
    color: black;
}

/*---------- SelecionarSetor ----------*/

h5 {
    color: var(--cor-primaria);
}

.botoes-confirmacao div {
    color: var(--cor-primaria);
}

.form-check-input:checked ~ .form-check-custom span {
    background-color: var(--cor-primaria);
}

.form-check-input:checked ~ .form-check-custom {
    border-color: var(--cor-primaria);
}


/*---------- Sobre ----------*/
.sobre-termo a {
    color: var(--cor-primaria);
}

.sobre-rodape {
    background-color: #dadada;
}

.sobre-cade, .sobre-versao {
    color: var(--cor-secundaria);
}


/*---------- Solicitar ----------*/
.button-cg.disabled {
    color: rgba(214, 11, 82, 1);
    background-color: rgba(214, 11, 82, 0.3);
}

.titulo-visao {
    color: black;
}

.selecao-opcao {
    border: 1vw solid var(--cor-primaria);
}

    .selecao-opcao .selecao-titulo {
        color: var(--cor-primaria);
    }

    .selecao-opcao .selecao-descricao {
        color: black;
    }

    .selecao-opcao.collapsed .selecao-titulo {
        color: var(--cor-secundaria);
    }

i.icon-olho-laranja {
    color: var(--cor-primaria);
}

.local-atendimento i.icon-pino-marcador-outline {
    width: 4.6vw;
}


/*---------- Veiculo ----------*/
.mdl-switch.is-checked .mdl-switch__thumb {
    background: var(--cor-primaria);
}

.mdl-switch.is-checked .mdl-switch__track {
    background: rgb(from var(--cor-primaria) r g b / 0.5);
}


/*---------- Termo ----------*/
.termo-rodape {
    background-color: #dadada;
}

/*-------- Cadastro --------*/
.links-termo-uso, .links-politica {
    color: var(--cor-primaria);
}

/*------ Valida Número ------*/
.titulo-sms {
    color: var(--cor-primaria);
}