/** * A identidade da notificação, vinda do `element.css` (Fase 7). * * O `OdsNotify` é serviço, não componente: não há `.vue` com bloco `\3c style>` para hospedar a * regra. Este arquivo é o equivalente — mora junto do serviço e é importado por ele. * * A notificação é montada no ``, fora de qualquer árvore de componente, então o seletor * não pode ser escopado. Funciona porque o `main.js` importa o ODS depois do CSS global. */ .el-notification__content { word-break: break-word; } .field { font-size: 12px; font-family: 'QuicksandRegular', Arial, sans-serif; margin-top: 3px; } .field { font-size: 12px; font-family: 'QuicksandRegular', Arial, sans-serif; margin-top: 3px; } .field { font-size: 12px; font-family: 'QuicksandRegular', Arial, sans-serif; margin-top: 3px; } .field { font-size: 12px; font-family: 'QuicksandRegular', Arial, sans-serif; margin-top: 3px; } .field { font-size: 12px; font-family: 'QuicksandRegular', Arial, sans-serif; margin-top: 3px; } .field { font-size: 12px; font-family: 'QuicksandRegular', Arial, sans-serif; margin-top: 3px; } .frete[data-v-4fd0e7f3], .linha_separadora[data-v-4fd0e7f3] { width: 100% !important; } .linha_separadora[data-v-4fd0e7f3] { margin-top: 20px !important; } .btn_editar_frete[data-v-4fd0e7f3] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_frete[data-v-4fd0e7f3] { display: block; float: none !important; } .dados_frete[data-v-4fd0e7f3] { width: 100% !important; display: block; border-right: 1px solid #dddbe1; height: 200px; } .fretes[data-v-4fd0e7f3] { display: block; } .campos[data-v-4fd0e7f3] { margin-bottom: 10px; } .campos .detalhe[data-v-4fd0e7f3] { display: none; } ul li.frete[data-v-4fd0e7f3] { float: none; } #AlterarSenha .ods-dialog__body { padding: 30px 20px 0 20px !important; } #AlterarSenha label.el-form-item__label { margin: 0 !important; padding: 0 !important; line-height: 0px; } #AlterarSenha .el-form-item__error { padding-top: 0; font-size: 10px; } #AlterarSenha .ods-dialog__header { display: block; } .drawer[data-v-4c325cf3] { overflow: auto; } .drawer-header[data-v-4c325cf3] { height: 84px; padding: 20px; } .drawer-header .ods-dropdown-link[data-v-4c325cf3] { display: flex; align-items: center; justify-content: space-between; height: 100%; } .ods-menu-item-group[data-v-4c325cf3]:nth-child(3){ padding: 0px 0px 56px 0px; } .drawer-header .ods-dropdown-link i[data-v-4c325cf3] { font-size: 25px; color: #ef6638; } .drawer-header .ods-dropdown-link i[data-v-4c325cf3]:nth-child(3) { cursor: pointer; } .ods-divider--horizontal[data-v-4c325cf3] { margin: 0; } .ods-menu-item[data-v-4c325cf3]{ display: flex; flex-direction: row; align-items: center; -moz-column-gap: 10px; column-gap: 10px; width: 100%; height: -moz-fit-content; height: fit-content; padding-left: 35px !important; } .drawer-footer[data-v-4c325cf3]{ position: absolute; bottom: 0; width: 100%; background: white; } .menu-sair[data-v-4c325cf3], .menu-sair i[data-v-4c325cf3], .router-link-exact-active[data-v-4c325cf3], .router-link-exact-active i[data-v-4c325cf3]{ color: #ef6638; } .ods-menu-item.is-active[data-v-4c325cf3], .ods-menu-item.is-active i[data-v-4c325cf3]{ color: #303133; } .ods-menu-item[data-v-4c325cf3]:hover { color: #ef6638; background-color: white !important; } .el-collapse-item[data-v-4c325cf3]:hover, .el-collapse-item:hover p[data-v-4c325cf3] { color: #ef6638 !important; } .el-collapse-item .router-link-active[data-v-4c325cf3]:hover { color: #ef6638 !important; } [data-v-4c325cf3] .el-collapse { border: none !important; } [data-v-4c325cf3] .el-collapse-item { border: none !important; } [data-v-4c325cf3] .el-collapse-item__header,[data-v-4c325cf3] .el-collapse-item__wrap { border: none !important; } #MainHeader div.linha { background-color: #ef6638; width: 100%; height: 2px; position: fixed; z-index: 999; top: 0; left: 0; } #MainHeader header.cabecalho { padding-top: 2px; height: 86px; display: flex; align-items: center; justify-content: space-between; position: fixed; background-color: #fff; top: 0px; width: 100%; box-sizing: border-box; z-index: 998; } #MainHeader header.cabecalho .logo { width: 115px; text-align: right; display: flex; align-content: center; justify-content: center; } #MainHeader header.cabecalho .logo img { width: 60px; } #MainHeader header.cabecalho .topo { display: flex; align-items: center; justify-content: space-between; width: 100%; } #MainHeader header.cabecalho .topo .perfil { display: flex; flex-direction: column; align-items: flex-start; margin-left: 24px; padding: 10px 15px; border: 1px dashed #ef6638; color: #ef6638; flex-wrap: wrap; } #MainHeader header.cabecalho .topo .perfil .perfil-nome { font-size: 16px; font-weight: bold; color: #ef6638; } #MainHeader header.cabecalho .topo .perfil .nome-fantasia { font-size: 10px; font-weight: bold; color: #ef6638; margin-top: 5px; word-break: break-word; } #MainHeader header.cabecalho .menu { display: flex; align-items: center; justify-content: flex-end; width: 50%; } #MainHeader header.cabecalho .menu .ods-dropdown-link { height: 84px; display: flex; padding-left: 20px; padding-right: 20px; align-items: center; gap: 10px; cursor: pointer; } #MainHeader header.cabecalho .menu .ods-dropdown-link:hover { background-color: rgba(239, 102, 56, 0.035); } #MainHeader header.cabecalho .menu .ods-dropdown-link > i:first-child { font-size: 24px; } #MainHeader header.cabecalho .menu .ods-dropdown-link img.icon_usuario { width: 30px; } #MainMenu { position: fixed; top: 88px; left: 0px; box-shadow: -15px 0px 37px 0px rgba(196, 196, 196, 1); background-color: #fff; width: 105px; height: calc(100% - 89px); box-sizing: border-box; z-index: 997; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } #MainMenu .menu_versao { font-size: 12px; margin-bottom: 10px; color: #aaa; } #MainMenu .menu_botoes { margin: 22px 0px 0px 0px; width: 95px; overflow-y: auto; overflow-x: hidden; } #MainMenu .menu_botoes ul { list-style: none; padding: 0; margin: 0; } #MainMenu .menu_botoes ul a { text-decoration: none; display: block; margin-bottom: 4px; } #MainMenu .menu-item { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 60px; border-radius: 8px; padding: 4px 6px; box-sizing: border-box; cursor: pointer; transition: background-color 0.2s ease; color: #848484; } #MainMenu .menu-item i { font-size: 22px; color: #848484; margin-bottom: 4px; transition: color 0.2s ease; } #MainMenu .menu-item p { font-size: 8px; line-height: 11px; text-align: center; color: #848484; transition: color 0.2s ease; margin: 0; } #MainMenu .menu_botoes ul a:hover .menu-item i, #MainMenu .menu_botoes ul a:hover .menu-item p { color: #ef6638 !important; } #MainMenu .menu_botoes ul a.router-link-active .menu-item i, #MainMenu .menu_botoes ul a.router-link-active .menu-item p { color: #ef6638; } section[data-v-c403af64] { margin: 115px 20px 0px 130px; } .precificacao-alteracoes[data-v-c403af64] { margin-top: 20px; } .precificacao-lista[data-v-c403af64] { margin: 10px 0 0; padding: 0; list-style: none; } .precificacao-item[data-v-c403af64] { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; margin-bottom: 8px; background: #f5f7fa; border: 1px solid #e4e7ed; border-radius: 4px; } .precificacao-chave[data-v-c403af64] { font-weight: 600; color: #303133; } .precificacao-badge[data-v-c403af64] { padding: 2px 8px; border-radius: 3px; font-weight: 600; font-size: 12px; white-space: nowrap; } .precificacao-badge.ativo[data-v-c403af64] { background: #f0f9eb; color: #67c23a; } .precificacao-badge.inativo[data-v-c403af64] { background: #fef0f0; color: #f56c6c; } #TemplateLogin .logo { top: 260px; left: 70px; position: absolute; z-index: 2; } #TemplateLogin .foto_background { background-image: url('/static/img/bg-login-02.jpg'); z-index: -100 } #TemplateLogin .bg1 { background-image: url('/static/img/bg-login.jpg'); } #TemplateLogin .bg2 { background-image: url('/static/img/bg-login-02.jpg'); } .link[data-v-33ab5d02] { display: inherit; margin: auto; text-decoration: none; float:right; } .tab { display: none; } .tabs_on { display: block; } #EmbarcadorCadastro .ods-dialog__body { padding: 0 15px 7px 15px; } #map[data-v-4a7007a8] { width: 100%; height: 89vh; } #DocumentosFiscais { font-size: 14px; } #DocumentosFiscais .cobranca { padding: 10px 5px; } #DocumentosFiscais .cobranca .el-collapse-item.is-disabled .el-collapse-item__header { cursor: default; color: #303133; } #DocumentosFiscais .cobranca .el-collapse-item.is-disabled .el-collapse-item__arrow.el-icon-arrow-right.is-active { display: none; } #DocumentosFiscais .cobranca .el-collapse-item__header { height: auto; min-height: 48px; } #DocumentosFiscais .cobranca .cliente { background-color:#f0f0f0; font-size:90%; padding: 8px 0 5px 0; color: black; } #DocumentosFiscais .cobranca .link { color: blue; cursor: pointer } #DocumentosFiscais .cobranca .notas { background-color:#f0f0f0; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; } #DocumentosFiscais .pagamento .titulo { font-weight: 600; padding: 5px; } #DocumentosFiscais .pagamento { padding: 10px 5px; } #DocumentosFiscais .manifesto .titulo { font-weight: 600; padding: 5px; } #DocumentosFiscais .manifesto { padding: 10px 5px; } /* Container geral */ #SolicitacaoDespesas #container { font-size: 12px; } /* Título principal (SOLICITAÇÃO DE DESPESAS) */ #SolicitacaoDespesas .solicitacao-title { margin-bottom: 15px; } /* Cabeçalho da tabela */ #SolicitacaoDespesas .header-col label { font-weight: bold; font-size: 10px; } /* Título com nome do tomador */ #SolicitacaoDespesas .tomador-header { margin-top: 25px; margin-bottom: 15px; font-weight: bold; font-size: 12px; } /* Linha de despesa */ #SolicitacaoDespesas .linha-despesa { border-bottom: 1px solid #efefef; } /* Ajustes das colunas */ #SolicitacaoDespesas .linha-despesa__row { display: flex; align-items: center; } #SolicitacaoDespesas .col-ordem { font-size: 12px; padding-left: 11px; } #SolicitacaoDespesas .col-info { font-size: 12px; } /* Links para download */ #SolicitacaoDespesas .download-link { color: blue; cursor: pointer; text-decoration: underline; } /* Comprovante */ #SolicitacaoDespesas .comprovante-container { display: flex; align-items: center; justify-content: flex-start; } #SolicitacaoDespesas .comprovante-img { width: 50px; height: 50px; } /* Texto em vermelho caso não haja comprovante */ #SolicitacaoDespesas .texto-vermelho { font-size: 12px; color: red; margin-top: 2px; } /* Exemplo de customização do spinner do ElementUI (se precisar) */ #SolicitacaoDespesas .el-loading-spinner .circular { height: 21px; width: 21px; margin-top: 8px; margin-left: 5px; } #Ocorrencias .ods-dialog__header { display: block; } #Ocorrencias .linha { font-size: 11px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #efefef; } #Ocorrencias .linha:hover { color: #ef6638; background-color: #efefef; } /* Your component styles here */ #Pagamento .linha { font-size: 11px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #efefef; } #Pagamento .linha:hover { color: #ef6638; background-color: #efefef; } .anexar-documentos-divider[data-v-78640494] { margin-top: 45px !important; } #AdicionarDespesa .upload-item[data-v-23f71854] { display: flex; flex-direction: column; align-items: flex-start; } .linha-cinza[data-v-26568707] { background-color: #f5f7fa; padding: 10px; border-radius: 4px; } .linha-branca[data-v-26568707] { padding: 10px; } .first-col[data-v-26568707] { width: 27.4667%; } #SectionDestinos .destinos-header { display: flex; align-items: center; gap: 24px; } #SectionDestinos .timeline-number { width: 20px; height: 20px; border-radius: 50%; background-color: #e4e7ed; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; } #SectionDestinos .el-timeline-item__wrapper { padding-left: 36px; } #SectionDestinos .el-timeline-item__tail { position: absolute; left: 9px; height: 112%; } #SectionDestinos .el-timeline-item { padding-bottom: 0px; } #SectionDestinos .el-row .first-col { width: 27.4667%; } .ncm-select .el-select-dropdown__item { width: 765px; } .ncm-select .ncm-direita { float: right; color: #8492a6; font-size: 13px; } .field[data-v-3e945491] { font-weight: bold; display: inline-block; width: 100%; } .content .header .el-col img[data-v-3e945491] { width: 50px; position: absolute; } .content .header .el-col span[data-v-3e945491] { margin-left: 55px; padding-top: 15px; display: inline-block; font-weight: bold; font-size: 18px; } #title[data-v-3e945491] { background-color: #efefef; } .is-compliant[data-v-3275f1e2] { color: #67c23a; font-weight: bold; border-radius: 12px; padding: 3px; border: 1px solid #67c23a; } .is-non-compliant[data-v-3275f1e2] { color: #f56c6c; font-weight: bold; border-radius: 12px; padding: 3px; border: 1px solid #f56c6c; } .container[data-v-14a12340] { border: 1px solid #ef6638; border-radius: 12px; padding: 10px 15px; background-color: #ffead4; width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .title[data-v-14a12340] { font-size: 1.2rem; color: #ef6638; padding: 0% !important; font-weight: bold; margin-bottom: 5px; } .text[data-v-14a12340] { width: 50%; display: flex; align-items: center; gap: 15px; } .action-area[data-v-14a12340] { display: flex; width: 50%; justify-content: flex-end; } .tabs[data-v-5a130718] { margin-top: 20px; } .campos[data-v-5a130718] { margin-bottom: 24px; } .tab[data-v-5a130718] { display: none; } .tabs_on[data-v-5a130718] { display: block !important; } .last[data-v-5a130718] { margin-bottom: 0 !important; } .field[data-v-5a130718] { padding-top: 12px; } .toolbar[data-v-5a130718] { margin-bottom: 30px; align-items: baseline; display: flex; justify-content: flex-end; } .ods-dialog .toolbar[data-v-5a130718] { margin-bottom: 0; background-color: #efefef; display: flex; flex-direction: row; justify-content: space-between; } .el-collapse[data-v-5a130718] { border: 1px solid #ef6638; border-radius: 8px; background-color: rgba(239, 102, 56, 0.102); } .mensagem-principal[data-v-5a130718] { margin: 8px 0 15px 0; white-space: pre-line; } .detalhes[data-v-5a130718] { background-color: #f9f9f9; border-radius: 6px; padding: 10px 15px; margin-bottom: 16px; border: 1px solid #e5e5e5; } .detalhes p[data-v-5a130718] { margin: 4px 0; display: flex; justify-content: space-between; } .detalhes .label[data-v-5a130718] { color: #666; font-weight: 500; } .detalhes .valor[data-v-5a130718] { color: #333; font-weight: 600; } .situacao[data-v-5a130718] { background: #fef0f0; border: 1px solid #fbc4c4; color: #c45656; border-radius: 6px; padding: 10px; display: flex; align-items: center; gap: 6px; font-weight: 500; } #MeusFretesForm .el-collapse { border: 1px solid #ef6638; border-radius: 12px; background: #ffffff; box-shadow: 0 2px 12px rgba(255, 152, 0, 0.08); overflow: hidden; } #MeusFretesForm .el-collapse-item__header { background: #fff7e6; color: #303133; font-weight: 600; font-size: 14px; padding: 16px 20px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; align-items: center; gap: 10px; } #MeusFretesForm .el-collapse-item__header:hover { background: #ffead4; box-shadow: inset 0 2px 4px rgba(255, 152, 0, 0.15); } #MeusFretesForm .el-collapse-item__header.is-active { background: #ffead4; border-bottom-color: #ef6638; box-shadow: inset 0 2px 4px rgba(255, 152, 0, 0.15); } #MeusFretesForm .el-collapse-item__header i { color: #ef6638; font-weight: bold; font-size: 18px; transition: transform 0.3s ease; } #MeusFretesForm .el-collapse-item__header.is-active i { transform: rotate(180deg); } #MeusFretesForm .el-collapse-item__wrap { background-color: #ffffff; border-radius: 0 0 12px 12px; border-top: none; box-shadow: 0 4px 12px rgba(255, 152, 0, 0.06); } #MeusFretesForm .el-collapse-item__content { padding: 24px; font-size: 14px; color: #404040; background: #fafafa; line-height: 1.6; } .descricao-direita { float: right; color: #8492a6; font-size: 13px; } #Status[data-v-404ceebe] { margin-bottom: 20px; } #Status img[data-v-404ceebe] { width: 50px; } #Status .texto[data-v-404ceebe] { margin-top: -35px; margin-left: 2px; } .texto[data-v-404ceebe] { border-top: 1px dotted #dedede; display: block; width: 100%; padding-left: 60px; margin-top:-15px; font-size: 12px; } .texto-verde[data-v-404ceebe] { border-top: 1px solid #048c04; } .texto-laranja[data-v-404ceebe] { border-top: 1px dotted #ef6638; } .verde[data-v-404ceebe] { background-color: #048c04; } .border-verde[data-v-404ceebe] { border-color: #048c04; } .field[data-v-736c8276] { font-weight: bold; display: inline-block; width: 100%; } .content .header .el-col img[data-v-736c8276] { width: 50px; position: absolute; } .content .header .el-col span[data-v-736c8276] { margin-left: 55px; padding-top: 15px; display: inline-block; font-weight: bold; font-size: 18px } .field[data-v-11dbdf85] { display: inline-block; width: 100%; font-size: 14px; } .ods-dialog__footer[data-v-069eef64] { background-color: #efefef; padding-top: 11px; padding-bottom: 10px; position: absolute; width: 100%; margin-left: -20px; margin-top: 25px; } div.ods-alert[data-v-4a11412e] { word-break: normal; line-height: 20px; padding: 3px 10px; } table[data-v-4a11412e] { width: 100%; text-align: left; word-break: normal; } table th[data-v-4a11412e] { width: 125px; padding-bottom: 20px; vertical-align: top; } table td[data-v-4a11412e] { padding-bottom: 20px; } .ods-dialog__footer[data-v-4a11412e] { background-color: #efefef; padding-top: 11px; padding-bottom: 10px; position: absolute; width: 100%; margin-left: -20px; margin-top: 25px; } table.opcoes[data-v-4a11412e] { border: 1px solid #efefef; } table.opcoes th[data-v-4a11412e] { width: 115px; } table.opcoes th[data-v-4a11412e], table.opcoes td[data-v-4a11412e] { border: 1px solid #efefef; padding: 10px 10px 8px 10px; vertical-align: middle; } table input[data-v-4a11412e] { border: 1px solid #efefef; padding: 8px 5px 5px 5px; } table input[data-v-4a11412e]:disabled { background-color: #efefef; cursor: not-allowed; } #SolicitacoesDespesas .despesa-title { font-size: 90%; padding: 0 7px; margin-left: 9px; font-weight: bold; background-color: #fff; position: absolute; } #SolicitacoesDespesas .despesa-container { display: flex; padding: 20px; background-color: #efefef; margin-left: -10px; } #SolicitacoesDespesas .row-hover .editar { visibility: hidden; } #SolicitacoesDespesas .row-hover:hover .editar { visibility: visible; } #BotaoUpload { display: unset; line-height: normal; } #ConfirmacaoEntrega { display: flex; gap: 20px; word-break: normal; } #ConfirmacaoEntrega .entrega-dados { flex: 0 0 30%; } #ConfirmacaoEntrega .entrega-dados .botoes { display:flex; justify-content: space-between; margin-top:20px; } #ConfirmacaoEntrega .comprovante-imagem { flex: 1; } #ConfirmacaoEntrega .el-date-editor .el-input__prefix { margin: 2px 0 0 0; left: -8px; } #ConfirmacaoEntrega .comprovante-imagem { width: 70%; border: 1px solid #efefef; } #ConfirmacaoEntrega .comprovante-imagem .ajuda { background-color: #fafafa; width: 100%; text-align: center; margin-bottom: 4px; } #ConfirmacaoEntrega .comprovante-imagem .image-slot { display:flex; align-items: center; justify-content: center; height:100%; gap:10px; } #ConfirmacaoEntrega .comprovante-imagem .el-icon-picture-outline { font-size:23px; } #ConfirmacaoEntrega .comprovante-envio { width: 70%; border: 1px solid #efefef; height: 391px; display: flex; justify-content: center; align-items: center; } #DestinosMercadoria .timeline-number { width: 20px; height: 20px; border-radius: 50%; background-color: #e4e7ed; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; } #DestinosMercadoria .el-timeline-item__wrapper { padding-left: 36px; } #DestinosMercadoria .el-timeline-item__tail { position: absolute; left: 9px; height: 112%; } #DestinosMercadoria .el-timeline-item { padding-bottom: 0px; } #DestinosMercadoria .el-row .first-col { width: 27.4667%; } .ncm-select .el-select-dropdown__item { width: 765px; } .ncm-select .ncm-direita { float: right; color: #8492a6; font-size: 13px; } #ModalRelacaoEntregas .ods-dialog__header { display: block; } #ModalRelacaoEntregas .link { cursor: pointer; text-decoration: underline; font-size: 12px; margin-left: 5px } .field { display: inline-block; width: 100%; font-size: 14px; } #ModalRelacaoEntregas .line { border-top: 1px dotted #ef6638; position: absolute; width: 97%; margin-top: 10px; } #ModalRelacaoEntregas .title { font-size: 90%; padding: 0 7px; margin-left: 9px; font-weight: bold; background-color: #fff; position: absolute; } #ModalRelacaoEntregas .ods-switch.is-checked .ods-switch__core { background-color: #ef6638; border-color: #ef6638; } #ModalRelacaoEntregas input[type='text'], #ModalRelacaoEntregas input[type='date'] { margin: 0; padding: 0; width: 100%; } #ModalRelacaoEntregas .el-input__inner { margin: 0; padding: 0 !important; } .custom-autocomplete { position: relative; } .suggestions-list { position: absolute; top: 100%; left: 0; width: 100%; background: white; border: 1px solid #dcdfe6; border-radius: 4px; max-height: 200px; overflow-y: auto; list-style: none; padding: 0; margin: 0; z-index: 1000; } .suggestions-list li { padding: 10px; cursor: pointer; } .suggestions-list li:hover { background: #f5f7fa; } .anexar-documentos-divider[data-v-114af95c] { margin-top: 45px !important; } .field[data-v-815b4fb8] { display: inline-block; width: 100%; } .field img[data-v-815b4fb8] { width: 15px; } label.label[data-v-815b4fb8] { display: block !important; float: none; } i.fa-star[data-v-815b4fb8] { margin-right: 5px; color: #f1c45a; } .listaInteressado[data-v-815b4fb8] { font-size: 11px; cursor: pointer; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #efefef; } .listaInteressado[data-v-815b4fb8]:hover { color: #ef6638; background-color: #efefef; } .selecionado[data-v-815b4fb8] { color: #ef6638; } .icone[data-v-815b4fb8] { float: left; margin-top: 7px; margin-right: 5px; color: red; } .icone-verde[data-v-815b4fb8] { float: left; margin-top: 7px; margin-right: 5px; color: green; } .desistida[data-v-815b4fb8] { content: ""; position: absolute; margin-top: 12px; width: 685px; height: 1px; border-top: 1px dashed gray; } .texto-desistiu[data-v-815b4fb8] { background-color: red; color: white; border-radius: 15px; text-align: center; width: 60px; font-weight: bold; font-size: 12px; } .adicionar-negociacao[data-v-815b4fb8] { width: 213px; display: flex; margin-right: 8px; justify-content: center; line-height: 10px; } .dialogReinicio .ods-switch[data-v-815b4fb8] { margin-top: 15px; } .card-ajuste[data-v-815b4fb8] { border: 2px solid #e5e7eb; padding: 16px; cursor: pointer; border-radius: 8px; display: flex; flex-direction: row; align-items: flex-start; transition: border-color 0.2s; } .card-ajuste[data-v-815b4fb8]:hover { border: 2px solid #21c45d89; } .card-ajuste.card-selecionado[data-v-815b4fb8] { border: 2px solid #21c45d; background-color: #21c45d1a; } .card-voltar[data-v-815b4fb8] { border: 2px solid #e5e7eb; padding: 16px; cursor: pointer; border-radius: 8px; align-items: flex-start; display: flex; flex-direction: row; transition: border-color 0.2s; } .card-voltar[data-v-815b4fb8]:hover { border: 2px solid #f420207c; } .card-voltar.card-selecionado[data-v-815b4fb8] { border: 2px solid #dc2828; background-color: #dc28281a; } #ajustar .ods-radio__label { display: none !important; } .is-compliant { color: #67c23a; font-weight: bold; border-radius: 12px; padding: 3px; border: 1px solid #67c23a; } .is-non-compliant { color: #f56c6c; font-weight: bold; border-radius: 12px; padding: 3px; border: 1px solid #f56c6c; } .field[data-v-0ab58bb4] { display: inline-block; width: 100%; font-size: 14px; } .detalhes-recebedor[data-v-4c1afd53] { display: grid; grid-template-columns: 7fr 1fr; gap: 8px; padding: 12px; border-bottom: 1px solid #ddd; } .acoes[data-v-4c1afd53] { grid-column: span 2; text-align: right; } /* * Devolvida: o commit 45b47e08 tirou esta regra como "morta" e errou. Este bloco NÃO é `scoped`, * o `` (l. 371) tem dois `` sem slot (`label="ajustar"` e * `label="voltar"`), e o `.ods-radio__label` renderiza o texto da prop — sem a regra, "ajustar" e * "voltar" aparecem ao lado dos rádios. * * Não regredia em tela porque o `MotoristasInteressados.vue` tem a regra idêntica, também global, * e os dois entram na mesma chunk pelos imports estáticos do `Modal.vue`. Era acidente, não * cobertura. Achado na revisão do PR 916; o encaminhamento (tirar o `!important` e dar API ao * rótulo escondido) está na TRKM-2674. */ #ajustar .ods-radio__label { display: none !important; } #NotasFiscais .linha { font-size: 11px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #efefef; } #NotasFiscais .linha:hover { color: #ef6638; background-color: #efefef; } #NotasFiscais .scrollNotas { height: 388px; overflow-y: auto; overflow-x: hidden; scrollbar-width: 15px; } #NotasFiscais .scrollNotas::-webkit-scrollbar { width: 15px; } #NotasFiscais .tabs { display: flex; flex-direction: column; margin-right: 50px; justify-content: start; justify-items: start; color: #9a95a7; /* CINZA */ font-size: 11px; font-family: 'QuicksandBold', Verdana, Geneva, Tahoma, sans-serif; letter-spacing: 0.1em; transition: all 0.3s linear; } #NotasFiscais .tabs:hover { color: #ef6638; /* LARANHA TRUCKME */ } #NotasFiscais .tabs_on { color: #ef6638; } #NotasFiscais .tabs_on:after { content: ' '; display: block; width: 15px; height: 4px; background-color: #ef6638; border-radius: 150px; } #NotasFiscais .el-upload { width: 100%; text-align: left; } #NotasFiscais .ods-radio-group label, #NotasFiscais .ods-radio-group label .ods-radio__label { font-weight: normal; font-family: 'QuicksandRegular', Arial, sans-serif; } #NotasFiscais .ods-radio-group label .ods-radio__input { top: -1%; } #NotasFiscais .ods-radio-group label.is-checked .ods-radio__label { color: #ef6638; } #NotasFiscais .ods-radio__input.is-checked .ods-radio__inner { border-color: #ef6638; background: #ef6638 } #NotasFiscais .is-bordered { border-color: rgba(239, 102, 56, 0.31); margin-left: 0; margin-right: 5px; } #NotasFiscais .dialogSubstituicao .ods-switch { margin-top: 15px; } .card-ajuste { border: 2px solid #e5e7eb; padding: 16px; cursor: pointer; border-radius: 8px; display: flex; flex-direction: row; align-items: flex-start; transition: border-color 0.2s; } .card-ajuste:hover { border: 2px solid #21c45d89; } .card-ajuste.card-selecionado { border: 2px solid #21c45d; background-color: #21c45d1a; } .card-voltar { border: 2px solid #e5e7eb; padding: 16px; cursor: pointer; border-radius: 8px; align-items: flex-start; display: flex; flex-direction: row; transition: border-color 0.2s; } .card-voltar:hover { border: 2px solid #f420207c; } .card-voltar.card-selecionado { border: 2px solid #dc2828; background-color: #dc28281a; } #Ocorrencias .ods-dialog__header { display: block; } #Ocorrencias .linha { font-size: 11px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #efefef; } #Ocorrencias .linha:hover { color: #ef6638; background-color: #efefef; } #Ocorrencias .toolbar { margin: 0 0 -15px -20px; padding: 20px 10px 15px 10px; position: absolute; display: flex; justify-content: space-between; } #Ocorrencias .chat-container { display: flex; height: 48vh; background-color: white; } #Ocorrencias .chat-container .chat-sidebar { width: 400px; background-color: #efefef; border-right: 1px solid #ddd; } #Ocorrencias .chat-container .chat-sidebar .chat-filtro { background-color: #efefef; border-bottom: 1px solid #ddd; width: 100%; padding: 10px; } #Ocorrencias .chat-container .chat-sidebar .chat-filtro .el-input__inner::-moz-placeholder { color: #999; padding-left: 20px; } #Ocorrencias .chat-container .chat-sidebar .chat-filtro .el-input__inner::placeholder { color: #999; padding-left: 20px; } #Ocorrencias .chat-container .chat-sidebar .chat-filtro .el-icon-search { padding-left: 10px; } #Ocorrencias .chat-container .chat-sidebar .chat-filtro input { width: 100%; background-color: #fff; border: none; border-radius: 25px; padding-top: 7px; padding-left: 35px; } #Ocorrencias .chat-container .chat-sidebar .chat-cargas { height: calc(78vh - 63px); overflow-y: auto; } #Ocorrencias .chat-container .chat-sidebar .chat-cargas .chat-cargas-nao-lidas { position: absolute; margin-left: 18vw; width: 50px; } #Ocorrencias .chat-container .chat-sidebar .chat-cargas .chat-cargas-nao-lidas div { border: 2px solid #fff; color: #fff; background-color: #ef6638; border-radius: 25px; height: 50px; font-size: 20px; display: flex; justify-content: center; align-items: center; font-weight: 700; } #Ocorrencias .chat-container .chat-sidebar .chat-cargas .chat-carga { display: flex; flex-direction: column; justify-content: space-around; min-height: 80px; border-bottom: 1px solid #ddd; padding-left: 5px; cursor: pointer; } #Ocorrencias .chat-container .chat-sidebar .chat-cargas .chat-carga:hover { background-color: white; } #Ocorrencias .chat-carga-active { background-color: white; } #Ocorrencias .chat-container .chat-sidebar .chat-cargas .chat-carga .chat-carga-titulo { display: flex; } #Ocorrencias .chat-container .chat-sidebar .chat-cargas .chat-carga .chat-carga-titulo .chat-carga-titulo-codigo { margin-right: 4px; } #Ocorrencias .chat-container .chat-sidebar .chat-cargas .chat-carga .chat-carga-codigos { font-size: 10px; } #Ocorrencias .chat-container .chat-content { display: flex; flex-direction: column; width: 100%; } #Ocorrencias .chat-container .chat-content .chat-content-description { display: flex; align-items: center; min-height: 61px; padding-left: 12px; padding-right: 10px; border-bottom: 1px solid #ddd; background-color: #efefef; } #Ocorrencias .chat-container .chat-content .chat-content-description .chat-content-description-left { width: 30%; padding-top: 4px; } #Ocorrencias .chat-container .chat-content .chat-content-description .chat-content-description-left div { display: flex; font-weight: 700; } #Ocorrencias .chat-container .chat-content .chat-content-description .chat-content-description-left div i { width: 20px; } #Ocorrencias .chat-container .chat-content .chat-content-description .chat-content-description-left span { padding-top: 1.5px; font-size: 12px; font-weight: normal; } #Ocorrencias .chat-container .chat-content .chat-content-description .chat-content-description-center { display: flex; width: 38%; } #Ocorrencias .chat-container .chat-content .chat-content-description .chat-content-description-center .chat-content-description-center-title { font-size: 12px; } #Ocorrencias .chat-container .chat-content .chat-content-description .chat-content-description-right { display: flex; justify-content: space-between; width: 32%; } #Ocorrencias .chat-container .chat-content .chat-content-description .chat-content-description-right .texto-laranja { width: 70px; } #Ocorrencias .chat-container .chat-content .chat-content-description .chat-content-description-right .chat-content-description-right-title { font-size: 12px; } #Ocorrencias .chat-container .chat-content .chat-content-messages { flex: 1; display: flex; flex-direction: column; overflow-y: scroll; align-items: flex-start; margin-top: auto; padding: 20px; font-size: 14px; } #Ocorrencias .chat-container .chat-content .chat-content-messages .chat-content-messages-datas { width: 100%; } #Ocorrencias .chat-container .chat-content .chat-content-messages .chat-content-messages-data { width: 100%; text-align: center; border-bottom: 1px dotted #ef6638; line-height: 0em; margin: 10px 0 20px; } #Ocorrencias .chat-container .chat-content .chat-content-messages .chat-content-messages-data span { background: #fff; padding: 0 9px 0 10px; font-size: 14px; } #Ocorrencias .chat-container .chat-content .chat-content-messages .chat-content-message div:first-child { max-width: 658px; } #Ocorrencias .chat-container .chat-content .chat-content-messages .chat-content-message-hora { margin-top: 6px; margin-left: 20px; font-size: 12px; opacity: 0.5; } #Ocorrencias .chat-container .chat-content .chat-content-messages .chat-content-message-status { margin-top: 6.8px; margin-left: 5px; font-size: 10px; opacity: 0.4; } #Ocorrencias .chat-container .chat-content .chat-content-messages .chat-content-message-status i { margin-top: 1px; margin-right: 4px; font-size: 12px; } #Ocorrencias .chat-container .chat-content .chat-content-messages-others { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; } #Ocorrencias .chat-container .chat-content .chat-content-messages-others .chat-content-message { display: flex; align-items: flex-end; background-color: #efefef; border-radius: 8px; padding: 5px 8px 5px 10px; margin: 1px 0; max-width: 70%; } #Ocorrencias .chat-container .chat-content .chat-content-messages-others-truckme .chat-content-message { display: flex; background-color: white; border: 1px solid #ddd; border-radius: 8px; padding: 5px 8px 5px 10px; margin: 1px 0; max-width: 70%; } #Ocorrencias .chat-container .chat-content .chat-content-message-image { max-width: 50% !important; align-items: flex-end; } #Ocorrencias .chat-container .chat-content .chat-content-message-image img { width: 100%; } #Ocorrencias .chat-container .chat-content .chat-content-messages-mine { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; } #Ocorrencias .chat-container .chat-content .chat-content-messages-mine .chat-content-message { display: flex; align-items: flex-end; background-color: #fdc8a5; border-radius: 8px; padding: 5px 5px 5px 10px; margin: 1px 0; max-width: 70%; } #Ocorrencias .chat-container .chat-content .chat-content-form { display: flex; min-height: 50px; background-color: #ddd; align-items: center; justify-content: space-between; margin-bottom: 15px; } #Ocorrencias .chat-container .chat-content .chat-content-form .chat-content-form-attach { display: flex; justify-content: center; width: 50px; } #Ocorrencias .chat-container .chat-content .chat-content-form .chat-content-form-attach div { display: flex; justify-content: center; align-items: center; border-radius: 25px; width: 32px; height: 32px; margin-top: 1px; cursor: pointer; } #Ocorrencias .chat-container .chat-content .chat-content-form .chat-content-form-attach div:hover { background-color: #ffffff88; } #Ocorrencias .chat-container .chat-content .chat-content-form .chat-content-form-button { display: flex; justify-content: center; width: 50px; } #Ocorrencias .chat-container .chat-content .chat-content-form .chat-content-form-attach i { transform: rotate(90deg); font-size: 110%; color: #999; } #Ocorrencias .chat-container .chat-content .chat-content-form .chat-content-form-button i { transform: rotate(45deg); color: #999; } #Ocorrencias .chat-container .chat-content .chat-content-form .chat-content-form-button i.chat-content-form-button-active { color: #ef6638; cursor: pointer; } #Ocorrencias .chat-container .chat-content .chat-content-form .chat-content-form-input { display: flex; width: 100%; padding: 10px 0 10px 0; } #Ocorrencias .chat-container .chat-content .chat-content-form .chat-content-form-input textarea { width: 100%; background-color: white; border: none; margin-top: 3px; border-radius: 25px; padding-left: 15px; } #Ocorrencias .chat-container .chat-content .chat-content-form .chat-content-form-input textarea:focus { outline: none; } #Ocorrencias .chat-container .chat-content .chat-content-form .chat-content-form-input textarea::-moz-placeholder { color: #999; padding-left: 15px; } #Ocorrencias .chat-container .chat-content .chat-content-form .chat-content-form-input textarea::placeholder { color: #999; padding-left: 15px; } #ModalFinalizar table { width: 100%; margin-top: 10px; font-size: 14px; } #ModalFinalizar table th { text-align: left; padding-bottom: 10px; } #ModalFinalizar table td { padding-bottom: 10px; } #ModalFinalizar .link { cursor: pointer; color: blue; } #ModalFinalizar fieldset { border: 1px dotted #ef6638; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 12px; padding-left: 15px; padding-right: 15px; } #ModalFinalizar fieldset legend { margin-left: -10px; padding-left: 10px; padding-right: 10px; } #ModalFinalizar fieldset table { margin-top: 0; } #ModalFinalizar fieldset table th { padding-right: 10px; } #ModalFinalizar fieldset table td { vertical-align: top; } #ModalFinalizar .ods-radio-group label, #ModalFinalizar .ods-radio-group label .ods-radio__label { font-weight: normal; font-family: 'QuicksandRegular', Arial, sans-serif; } #ModalFinalizar .ods-radio-group label .ods-radio__input { top: -3%; } #ModalFinalizar .ods-radio-group label.is-checked .ods-radio__label { color: #ef6638; } #ModalFinalizar .ods-radio__input.is-checked .ods-radio__inner { border-color: #ef6638; background: #ef6638 } #ModalFinalizar .is-bordered { border-color: rgba(239, 102, 56, 0.31); margin-left: 0; margin-right: 5px; } #ModalFinalizar .el-form-item__label { font-size: 14px; font-family: 'QuicksandRegular', Arial, sans-serif; font-weight: bold; color: #606266; letter-spacing: normal; } .BaixarDocumentosFiscais .cobranca .titulo { font-weight: 600; padding: 5px; } .BaixarDocumentosFiscais .cobranca .corpo { padding: 10px 5px; } .BaixarDocumentosFiscais .cobranca .corpo .el-collapse-item__header { height: auto; min-height: 48px; } .BaixarDocumentosFiscais .cobranca .corpo .cliente { background-color:#f6f6f6; font-size:90%; padding: 8px 0 5px 0; color: black; } .BaixarDocumentosFiscais .cobranca .corpo .link { color: blue; cursor: pointer } .BaixarDocumentosFiscais .cobranca .corpo .notas { background-color:#f6f6f6; padding-top: 10px; padding-bottom: 10px; } .field { font-size: 12px; font-family: 'QuicksandRegular', Arial, sans-serif; margin-top: 3px; } #DocumentosFiscais .linha { padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #efefef; } #DocumentosFiscais .linha:hover { color: #ef6638; background-color: #efefef; } #DocumentosFiscais .cte, #DocumentosFiscais .seguroCte { font-size: 13px; margin-top: 2px; } #DocumentosFiscais .linha .el-loading-spinner .circular { height: 21px; width: 21px; margin-top: 8px; margin-left: 5px; } #DocumentosFiscais .cobranca .titulo { font-weight: 600; padding: 5px; } #DocumentosFiscais .cobranca .corpo { padding: 10px 5px; } #DocumentosFiscais .cobranca .corpo .el-collapse-item__header { height: auto; min-height: 48px; } #DocumentosFiscais .cobranca .corpo .cliente { background-color:#f6f6f6; font-size:90%; padding: 8px 0 5px 0; color: black; } #DocumentosFiscais .cobranca .corpo .link { color: blue; cursor: pointer } #DocumentosFiscais .cobranca .corpo .notas { background-color:#f6f6f6; padding-top: 10px; padding-bottom: 10px; } #DocumentosFiscais .pagamento .titulo { font-weight: 600; padding: 5px; } #DocumentosFiscais .pagamento .corpo { padding: 10px 5px; } #DocumentosFiscais .manifesto .titulo { font-weight: 600; padding: 5px; } #DocumentosFiscais .manifesto .corpo { padding: 10px 5px; } #Modal .title { padding: 10px; font-weight: bold; } #Modal .el-collapse-item__header { font-family: 'QuicksandBold', Verdana, Geneva, Tahoma, sans-serif; color: #848484; font-size: 12px; } #Modal .el-collapse-item__header:hover { color: #ef6638; } #Modal .toolbar { margin-top: 15px; background-color: #efefef; margin-left: -20px; margin-bottom: 0; padding: 15px; position: absolute; width: 100%; display: flex; justify-content: space-between; } #Modal #carregando { padding: 50px; display: flex; align-items: center; } #Modal #carregando span { animation-name: carregando; animation-duration: 0.5s; animation-iteration-count: infinite; animation-direction: alternate; } .dialogSubstituicao .ods-switch { margin-top: 15px; } @keyframes carregando { 0% { color: #606266; } 100% { color: #ef6638; } } .Cartao { margin-bottom: 40px; } .Cartao .ods-dialog__header { display: none; } .Cartao .ods-dialog__body { padding: 0 !important; } #Etapa { margin-bottom: 40px; height: 100%; } #Etapa .ods-dialog__header { display: none; } #Etapa .ods-dialog__body { padding: 0 !important; } #Etapa .progress_container { width: 98%; } #Etapa .progress-bar { height: 15px; background-color: #efefef; border-radius: 5px; position: relative; overflow: hidden; } #Etapa .progress-bar .bar { position: absolute; top: 0; left: 0; height: 100%; background-color: #ef6638; } #Etapa .carga .el-loading-spinner { top: 30% !important; } #Etapa.ultimo { width: 100% !important; } .icon-menu-container[data-v-7c5d94d2] { float: right; margin-right: 20px; } .icon-menu-container .ods-badge__content[data-v-7c5d94d2] { margin-right: 6px; } .icon-menu-container sup[data-v-7c5d94d2] { min-width: 7px; } nav[data-v-7c5d94d2] { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 24px; } .icon-menu-item[data-v-7c5d94d2] { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; border-radius: 5px; transition: background 0.3s ease; color: #ef6638; font-weight: 500; width: 60px; } .icon-menu-item i[data-v-7c5d94d2] { font-size: 22px; margin-top: 5px; } .icon-menu-item .title[data-v-7c5d94d2] { margin-bottom: 4px; font-size: 11px; text-align: center; } .icon-menu-item.active[data-v-7c5d94d2] { background-color: #ef6638; color: #fff; } .icon-menu-item.active i[data-v-7c5d94d2], .icon-menu-item.active .title[data-v-7c5d94d2] { color: #fff; } .icon-menu-item-wrapper[data-v-7c5d94d2] { display: flex; justify-content: center; } .icon-menu-item:hover i[data-v-7c5d94d2], .icon-menu-item:hover .title[data-v-7c5d94d2] { color: #ef6638; } .is-disabled[data-v-7c5d94d2] { pointer-events: none; opacity: 0.5; } .cursor-disabled[data-v-7c5d94d2] { cursor: not-allowed; } #Operacional { margin-bottom: 40px; } #Operacional .ods-dialog { min-width: 1200px; margin-bottom: 8vh; } .tabs[data-v-52e44fba] { margin-top: 0; } .tab[data-v-52e44fba] { display: none; } .tabs_on[data-v-52e44fba] { display: block !important; } #CorrigirPedagio .el-form-item__content { line-height: normal !important; } #FretesAcompanhamento { margin-top: 20px; } #FretesAcompanhamento input { border: 1px dotted red; } #FretesEmNegociacao .campos { margin-top: 5px; margin-bottom: 10px; color: #848484; } #FretesEmNegociacao .principal span.field { padding-top: 10px; display: inline-block; } #FretesEmNegociacao .gris { display: block; text-align: center; } #FretesEmNegociacao .ods-dialog__body { padding: 10px 15px 20px 15px; } #FretesEmNegociacao fieldset { border: 1px dotted #ef6638; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; } #FretesEmNegociacao fieldset .el-row { padding-left: 15px; } #FretesEmNegociacao fieldset .el-row .el-col:first-child { margin-right: -4px; } #FretesEmNegociacao fieldset legend { margin-left: 5px; margin-right: 5px; padding-left: 10px; padding-right: 10px; } #FretesEmNegociacao .el-textarea__inner { padding: 5px 10px; } #FretesEmNegociacao .ods-dialog .el-input__inner { background-color: white; } #FretesEmNegociacao .el-upload-dragger { height: 205px; } #FretesEmNegociacao .el-icon-upload { margin-top: 50px; margin-bottom: 6px; } /* Your component styles here */ #TorreControleNota .btn_add[data-v-06022c4f] { color: #ef6638; transition: opacity 0.3s; } #TorreControleNota .btn_add[data-v-06022c4f]:hover { opacity: 0.8; } #TorreControleCarga .btn_add[data-v-55645573] { color: #ef6638; transition: opacity 0.3s; } #TorreControleCarga .btn_add[data-v-55645573]:hover { opacity: 0.8; } .associar-container[data-v-38b7b8a7] { display: flex; gap: 16px; align-items: flex-start; } .associar-main[data-v-38b7b8a7] { flex: 1; min-width: 400px; min-height: 300px; } .associar-sidebar[data-v-38b7b8a7] { flex: 0 0 auto; width: 28%; min-width: 340px; max-width: 450px; border-left: 1px solid #eaeef2; padding-left: 16px; } .status-cards[data-v-38b7b8a7] { display: flex; gap: 6px; flex-wrap: nowrap; justify-content: flex-start; margin-bottom: 6px; overflow-x: auto; } .status-card[data-v-38b7b8a7] { cursor: pointer; transition: all 0.2s ease; border-radius: 6px; flex: 0 0 86px; min-width: 72px; } .status-card[data-v-38b7b8a7]:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .card-content[data-v-38b7b8a7] { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0; text-align: center; } .status-icon[data-v-38b7b8a7] { font-size: 16px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: white; margin-top: 2px; } .status-info[data-v-38b7b8a7] { width: 100%; } .status-label[data-v-38b7b8a7] { font-size: 10px; font-weight: 500; color: #606266; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .status-count[data-v-38b7b8a7] { font-weight: 700; font-size: 14px; color: #303133; margin-bottom: 2px; } .status-previsto[data-v-38b7b8a7] { border-top: 3px solid #F56C6C; } .status-previsto .status-icon[data-v-38b7b8a7] { background-color: #F56C6C; } .status-disponivel[data-v-38b7b8a7] { border-top: 3px solid #67C23A; } .status-disponivel .status-icon[data-v-38b7b8a7] { background-color: #67C23A; } .status-associado[data-v-38b7b8a7] { border-top: 3px solid #409EFF; } .status-associado .status-icon[data-v-38b7b8a7] { background-color: #409EFF; } .status-finalizado[data-v-38b7b8a7] { border-top: 3px solid #E6A23C; } .status-finalizado .status-icon[data-v-38b7b8a7] { background-color: #E6A23C; } .status-truck-icon[data-v-38b7b8a7] { font-size: 16px; line-height: 1; } .ordenacao-wrapper[data-v-38b7b8a7] { margin: 8px 0 10px 0; } .table-wrapper[data-v-38b7b8a7] { overflow-x: auto; overflow-y: visible; } .table-wrapper[data-v-38b7b8a7]::-webkit-scrollbar { height: 6px; } .table-wrapper[data-v-38b7b8a7]::-webkit-scrollbar-thumb { background: #DCDFE6; border-radius: 3px; } .table-wrapper[data-v-38b7b8a7]::-webkit-scrollbar-thumb:hover { background: #C0C4CC; } .table-wrapper[data-v-38b7b8a7]::-webkit-scrollbar-track { background: #F5F7FA; } .empty-state[data-v-38b7b8a7] { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 60px 20px; min-height: 300px; } /* DnD visuals */ .drag-ghost[data-v-38b7b8a7] { pointer-events: none; position: fixed; top: -1000px; left: -1000px; background: #fff; border: 1px solid #ebeef5; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); border-radius: 4px; padding: 4px 8px; font-size: 12px; color: #303133; } /* Loading container */ .loading-container[data-v-38b7b8a7] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 300px; gap: 12px; } .loading-icon[data-v-38b7b8a7] { font-size: 32px; color: #ef6638; } .loading-text[data-v-38b7b8a7] { font-size: 14px; color: #606266; margin: 0; } /* Overlay de associação */ .associando-overlay[data-v-38b7b8a7] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.95); display: flex; align-items: center; justify-content: center; z-index: 10; border-radius: 4px; backdrop-filter: blur(2px); } .associando-content[data-v-38b7b8a7] { text-align: center; padding: 24px; animation: fadeIn-data-v-38b7b8a7 0.3s ease-in; } @keyframes fadeIn-data-v-38b7b8a7 { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .tabela-analise-cruzada[data-v-05cf604e] { background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); margin-top: 24px; overflow: hidden; } .table-header[data-v-05cf604e] { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; background: #f5f7fa; border-bottom: 2px solid #E4E7ED; } .table-title[data-v-05cf604e] { margin: 0; font-size: 18px; font-weight: 500; color: #606266; display: flex; align-items: center; gap: 8px; } .table-title i[data-v-05cf604e] { font-size: 20px; color: #909399; } .texto-laranja[data-v-05cf604e], .texto-laranja[data-v-05cf604e]:visited, .texto-laranja[data-v-05cf604e]:active, .texto-laranja[data-v-05cf604e]:focus, .texto-laranja[data-v-05cf604e]:hover { color: #ef6638 !important; } .table-content[data-v-05cf604e] { padding: 20px; } .slide-fade-enter-active[data-v-05cf604e], .slide-fade-leave-active[data-v-05cf604e] { transition: all 0.3s ease; } .slide-fade-enter[data-v-05cf604e], .slide-fade-leave-to[data-v-05cf604e] { transform: translateY(-10px); opacity: 0; } .table-controls[data-v-05cf604e] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #E4E7ED; } .controls-left[data-v-05cf604e] { display: flex; gap: 12px; align-items: center; } .vehicle-filter[data-v-05cf604e] { width: 220px; } .data-count[data-v-05cf604e] { font-size: 13px; color: #909399; font-weight: 500; background: #f5f7fa; padding: 6px 12px; border-radius: 12px; border: 1px solid #e4e7ed; } .profile-cell[data-v-05cf604e] { display: flex; align-items: center; gap: 8px; } .profile-cell i[data-v-05cf604e] { color: #ef6638; font-size: 16px; } .tabela-analise-cruzada[data-v-05cf604e] .el-table .descending .sort-caret.descending { border-top-color: #ef6638 !important; } .tabela-analise-cruzada[data-v-05cf604e] .el-table .ascending .sort-caret.ascending { border-bottom-color: #ef6638 !important; } .contador-selecionados-footer[data-v-5815c335] { background: #f5f7fa; color: #ef6638; border-radius: 12px; font-size: 13px; padding: 2px 10px; margin-right: 8px; font-weight: 500; border: 1px solid #d9ecff; } .status-section[data-v-5815c335] { margin-bottom: 30px; } .status-container[data-v-5815c335] { display: flex; gap: 30px; justify-content: space-between; } .status-column[data-v-5815c335] { flex: 1; min-width: 0; } .column-title[data-v-5815c335] { font-size: 18px; font-weight: 500; color: #606266; margin-bottom: 15px; text-align: center; padding-bottom: 10px; border-bottom: 2px solid #E4E7ED; } .status-cards[data-v-5815c335] { display: flex; gap: 10px; flex-wrap: nowrap; justify-content: space-between; } .status-card[data-v-5815c335] { cursor: pointer; transition: all 0.3s ease; border-radius: 6px; flex: 1; min-width: 120px; } .status-card[data-v-5815c335]:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); } .card-content[data-v-5815c335] { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px 8px; text-align: center; } .status-icon[data-v-5815c335] { font-size: 18px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: white; } .status-info[data-v-5815c335] { flex: 1; width: 100%; } .status-label[data-v-5815c335] { font-size: 12px; font-weight: 500; color: #606266; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .status-count[data-v-5815c335] { font-size: 18px; font-weight: 600; color: #303133; } /* Status específicos */ .status-indisponivel[data-v-5815c335] { border-top: 3px solid #F56C6C; } .status-indisponivel .status-icon[data-v-5815c335] { background-color: #F56C6C; } .status-finalizando[data-v-5815c335] { border-top: 3px solid #E6A23C; } .status-finalizando .status-icon[data-v-5815c335] { background-color: #E6A23C; } .status-disponivel[data-v-5815c335] { border-top: 3px solid #67C23A; } .status-disponivel .status-icon[data-v-5815c335] { background-color: #67C23A; } .status-associado[data-v-5815c335] { border-top: 3px solid #409EFF; } .status-associado .status-icon[data-v-5815c335] { background-color: #409EFF; } .coming-soon[data-v-5815c335] { text-align: center; padding: 40px 20px; color: #909399; font-style: italic; background-color: #F5F7FA; border-radius: 8px; border: 2px dashed #E4E7ED; } /* Mensagem quando não há agregados */ .no-agregados-message[data-v-5815c335] { background-color: #FFF9E6; border: 1px solid #F7BA2A; border-radius: 8px; padding: 20px; text-align: center; } .message-content[data-v-5815c335] { display: flex; flex-direction: column; align-items: center; gap: 12px; } .message-icon[data-v-5815c335] { font-size: 28px; color: #E6A23C; } .message-text[data-v-5815c335] { font-size: 14px; color: #606266; line-height: 1.5; margin: 0; max-width: 400px; } .message-link[data-v-5815c335] { font-weight: 500; cursor: pointer; text-decoration: underline; transition: color 0.3s ease; } /* Ícone caminhão colorido na tabela */ .status-truck-icon[data-v-5815c335] { font-size: 22px; vertical-align: middle; margin-right: 2px; } /* Filtros rápidos */ .filtros-rapidos[data-v-5815c335] { margin-top: 12px; margin-bottom: 12px; background: #f5f7fa; border-radius: 8px; padding: 8px 8px 8px 8px; } .filtros-compacto[data-v-5815c335] { margin-bottom: 12px; text-align: right; } /* Força o texto laranja em todos os estados do botão/link */ .texto-laranja[data-v-5815c335], .texto-laranja[data-v-5815c335]:visited, .texto-laranja[data-v-5815c335]:active, .texto-laranja[data-v-5815c335]:focus, .texto-laranja[data-v-5815c335]:hover { color: #ef6638 !important; } .status-previsto[data-v-5815c335] { border-top: 3px solid #F5F7FA; /* Branco Neve, tom claro */ } .status-previsto .status-icon[data-v-5815c335] { background-color: #F5F7FA; color: #F56C6C; /* Ajuste a cor do ícone para contraste, já que o fundo é claro */ } /* Status Finalizado (Cinza) */ .status-finalizado[data-v-5815c335] { border-top: 3px solid #909399; /* Cinza neutro */ } .status-finalizado .status-icon[data-v-5815c335] { background-color: #909399; } /* Loading container */ .loading-container[data-v-5815c335] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 300px; gap: 12px; } .loading-icon[data-v-5815c335] { font-size: 32px; color: #ef6638; } .loading-text[data-v-5815c335] { font-size: 14px; color: #606266; margin: 0; } .tabs[data-v-72c3ef02] { margin-top: 0; } .tab[data-v-72c3ef02] { display: none; } .tabs_on[data-v-72c3ef02] { display: block !important; } #Frota[data-v-72c3ef02] { padding-bottom: 100px; } /* container do mapa + painel */ .map-row[data-v-76f70f47] { display: flex; gap: 0; align-items: stretch; height: 420px; /* garante espaço para o mapa — ajuste conforme necessário */ min-height: 320px; max-height: 70vh; /* limita altura ao viewport */ box-sizing: border-box; } /* coluna esquerda (mapa) */ .map-left[data-v-76f70f47] { flex: 1 1 70%; min-width: 0; /* CRUCIAL em flex: evita estouro do layout */ display: flex; align-items: stretch; } /* o próprio container do leaflet */ #mapa-interativo[data-v-76f70f47] { width: 100%; height: 100%; min-height: 300px; box-sizing: border-box; border: 2px solid #ddd; } /* painel direito: largura fixa / rolagem interna */ .map-right[data-v-76f70f47] { flex: 0 0 360px; /* largura fixa confortável (ajuste se quiser) */ max-width: 40%; overflow: auto; padding: 10px; box-sizing: border-box; background: #fff; border-left: none; border: 2px solid #ddd; } /* lista de cidades rolável internamente */ .map-right .cities-list[data-v-76f70f47] { overflow: auto; min-height: 0; max-height: calc(70vh - 120px); /* deixar espaço para header do painel */ } /* Cards de região */ .regiao-card[data-v-76f70f47] { border: 2px solid #e4e7ed; border-radius: 6px; padding: 15px; margin-bottom: 15px; background: #f9f9f9; transition: all 0.3s ease; } .regiao-card-active[data-v-76f70f47] { border-color: #ef6638; background: #fff8f5; box-shadow: 0 2px 8px rgba(251, 76, 5, 0.1); } .regiao-card-header[data-v-76f70f47] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e4e7ed; } .regiao-card-title[data-v-76f70f47] { font-weight: 600; font-size: 14px; color: #303133; display: flex; align-items: center; gap: 8px; } .regiao-card-subtitle[data-v-76f70f47] { font-weight: 400; color: #606266; font-size: 13px; } .cidades-secao-info[data-v-76f70f47] { margin-top: 10px; padding: 8px 12px; background: #f0f9ff; border-left: 3px solid #ef6638; border-radius: 4px; font-size: 13px; color: #606266; display: flex; align-items: center; gap: 6px; } .cidades-secao-info i[data-v-76f70f47] { color: #67c23a; } #RotasTable span[data-v-a5496a6a] { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; vertical-align: middle; } #RotasTable .no-permission-message[data-v-a5496a6a] { background-color: #F5F7FA; border: 1px solid #DCDFE6; border-radius: 8px; padding: 40px 20px; text-align: center; margin: 20px 0; } #RotasTable .message-content[data-v-a5496a6a] { max-width: 500px; margin: 0 auto; } #RotasTable .message-icon[data-v-a5496a6a] { font-size: 48px; color: #909399; margin-bottom: 16px; } #RotasTable .message-title[data-v-a5496a6a] { font-size: 18px; font-weight: 600; color: #303133; margin-bottom: 12px; margin-top: 0; } #RotasTable.message-text[data-v-a5496a6a] { font-size: 14px; color: #606266; line-height: 1.6; margin-bottom: 24px; } #RotasTable .message-text strong[data-v-a5496a6a] { color: #303133; font-weight: 600; } .tabs[data-v-61073fd4] { margin-top: 0; } .tab[data-v-61073fd4] { display: none; } .tabs_on[data-v-61073fd4] { display: block !important; } #FrotaPlanejamento[data-v-61073fd4] { padding-bottom: 100px; } .ods-badge[data-v-61073fd4] { vertical-align: top; } #FormAdicionarParceiro .btn.branco[data-v-f408dcf2] { background: #f5f5f5; color: #333; } .action-icon[data-v-2e528af8] { font-size: 18px; margin: 0 8px; cursor: pointer; transition: color 0.3s; } .action-icon.view[data-v-2e528af8]:hover { color: #409EFF; } .action-icon.delete[data-v-2e528af8]:hover { color: #F56C6C; } .btn.branco[data-v-2e528af8] { background: #f5f5f5; color: #333; } .tabs[data-v-6278c008] { margin-top: 0; } .tab[data-v-6278c008] { display: none; } .tabs_on[data-v-6278c008] { display: block !important; } #FrotaParceiros[data-v-6278c008] { padding-bottom: 100px; } .ods-badge[data-v-6278c008] { vertical-align: top; } /* Loading container */ .loading-container[data-v-6278c008] { text-align: center; padding: 60px 20px; color: #909399; } .loading-container i[data-v-6278c008] { font-size: 28px; margin-right: 12px; animation: rotating-data-v-6278c008 2s linear infinite; } .loading-container span[data-v-6278c008] { font-size: 14px; vertical-align: middle; } @keyframes rotating-data-v-6278c008 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .no-permission-message[data-v-6278c008] { background-color: #F5F7FA; border: 1px solid #DCDFE6; border-radius: 8px; padding: 40px 20px; text-align: center; margin: 20px 0; } .message-content[data-v-6278c008] { max-width: 500px; margin: 0 auto; } .message-icon[data-v-6278c008] { font-size: 48px; color: #909399; margin-bottom: 16px; } .message-title[data-v-6278c008] { font-size: 18px; font-weight: 600; color: #303133; margin-bottom: 12px; margin-top: 0; } .message-text[data-v-6278c008] { font-size: 14px; color: #606266; line-height: 1.6; margin-bottom: 24px; } .message-text strong[data-v-6278c008] { color: #303133; font-weight: 600; } .tabs[data-v-2fe15cc8] { margin-top: 0; } .campos[data-v-2fe15cc8] { margin-bottom: 24px; } .tab[data-v-2fe15cc8] { display: none; } .tabs_on[data-v-2fe15cc8] { display: block !important; } .frete[data-v-2fe15cc8], .linha_separadora[data-v-2fe15cc8] { width: 100% !important; } .linha_separadora[data-v-2fe15cc8] { margin-top: 20px !important; } .btn_editar_frete[data-v-2fe15cc8] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_frete[data-v-2fe15cc8] { display: block; float: none !important; } .dados_frete[data-v-2fe15cc8] { width: 100% !important; display: block; } .fretes[data-v-2fe15cc8] { display: block; } .campos[data-v-2fe15cc8] { margin-bottom: 10px; } .campos .detalhe[data-v-2fe15cc8] { display: none; } ul li.frete[data-v-2fe15cc8] { float: none; } #MeusFretes[data-v-2fe15cc8] { padding-bottom: 100px; } .paginacao-container[data-v-191bbbc4] { display: flex; justify-content: center; } .total-fretes[data-v-191bbbc4] { display: block; font-size: 12px; margin-bottom: 25px; color: rgb(132, 132, 132); } .fieldset[data-v-44dd63bc] { border: 1px dotted #ef6638; padding: 10px 15px; margin-bottom: 20px; } .tabs[data-v-b90abbe6] { margin-top: 0; } .tab[data-v-b90abbe6] { display: none; } .tabs_on[data-v-b90abbe6] { display: block !important; } #MeusFretes[data-v-b90abbe6] { padding-bottom: 100px; } .ods-badge[data-v-b90abbe6] { vertical-align: top; } .tabs[data-v-26bffdc0] { margin-top: 0; } .campos[data-v-26bffdc0] { margin-bottom: 24px; } .tab[data-v-26bffdc0] { display: none; } .tabs_on[data-v-26bffdc0] { display: block !important; } .frete[data-v-26bffdc0], .linha_separadora[data-v-26bffdc0] { width: 100% !important; } .linha_separadora[data-v-26bffdc0] { margin-top: 20px !important; } .btn_editar_frete[data-v-26bffdc0] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_frete[data-v-26bffdc0] { display: block; float: none !important; } .dados_frete[data-v-26bffdc0] { width: 100% !important; display: block; } .fretes[data-v-26bffdc0] { display: block; } .campos[data-v-26bffdc0] { margin-bottom: 10px; } .campos .detalhe[data-v-26bffdc0] { display: none; } ul li.frete[data-v-26bffdc0] { float: none; } #MeusFretes[data-v-26bffdc0] { padding-bottom: 100px; } .ods-badge[data-v-26bffdc0] { vertical-align: top; } #MeusFretesMainImportacao .tabs { margin-top: 0; } #MeusFretesMainImportacao .el-upload-dragger { width: calc(100vw - 150px); } #MeusFretesMainImportacao .uploading { margin-top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; padding: 50px 0; } #MeusFretesMainImportacao .ods-divider__text { color: #ef6638; left: -20px; font-family: 'QuicksandBold'; font-size: 11px; letter-spacing: 0.1em; } .tabs[data-v-6cc536a7] { margin-top: 20px; } .campos[data-v-6cc536a7] { margin-bottom: 24px; } .tab[data-v-6cc536a7] { display: none; } .tabs_on[data-v-6cc536a7] { display: block !important; } #Embarcador .el-input--prefix .el-input__inner { padding-left: 20px !important; } #Embarcador i.el-icon-search { line-height: 32px; } #ColaboradoresMain { margin-top: 2rem; margin-bottom: 100px; } #ColaboradoresMain .cabecalho { display: flex; justify-content: space-between; margin-bottom: 20px; } #ColaboradoresMain .cabecalho { display: flex; justify-content: space-between; margin-bottom: 20px; margin-top: 20px; } #Parceiros { margin-top: 2rem; } #Parceiros .btn_add { color: #ef6638; transition: opacity 0.3s; } #Parceiros .btn_add:hover { opacity: 0.8; } #Parceiros .parceiros tbody .cell { font-family: 'Courier New', Courier, monospace; } .ods-card[data-v-7b234bfd] { margin-top: 2rem; } .ods-card hr[data-v-7b234bfd] { margin: 17px 0; } .ods-card .configuracao[data-v-7b234bfd] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .ods-card .ajuda[data-v-7b234bfd] { font-size: 13px; line-height: 20px; } .ods-card .ajuda p[data-v-7b234bfd] { font-size: 13px; margin-bottom: 10px; } .el-descriptions[data-v-7b234bfd] { font-family: 'Courier New', Courier, monospace !important; } .form-content .hint[data-v-1c95a820] { font-size: 13px; color: #848484; margin-bottom: 16px; } .secret-reveal[data-v-1c95a820] { display: flex; flex-direction: column; gap: 16px; } .aviso[data-v-1c95a820] { margin-bottom: 4px; } .cred-field[data-v-1c95a820] { display: flex; flex-direction: column; gap: 4px; } .cred-label[data-v-1c95a820] { font-size: 11px; font-weight: 600; color: #606266; text-transform: uppercase; letter-spacing: 0.05em; } .cred-value[data-v-1c95a820] { display: flex; align-items: center; gap: 8px; background: #f5f7fa; border: 1px solid #e4e7ed; border-radius: 4px; padding: 8px 12px; } .cred-value code[data-v-1c95a820] { flex: 1; font-family: 'Courier New', monospace; font-size: 12px; word-break: break-all; color: #303133; } .ods-card[data-v-e0539696] { margin-top: 2rem; margin-bottom: 30px; } .ods-card hr[data-v-e0539696] { margin: 17px 0; } .ods-card .configuracao[data-v-e0539696] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .ods-card .ajuda[data-v-e0539696] { font-size: 13px; line-height: 20px; } .ods-card .ajuda code[data-v-e0539696] { background: #f5f7fa; border: 1px solid #e4e7ed; border-radius: 3px; padding: 1px 5px; font-family: 'Courier New', monospace; font-size: 12px; color: #606266; } .carregando[data-v-e0539696] { display: flex; align-items: center; gap: 6px; font-size: 13px; } .secao-titulo[data-v-e0539696] { font-size: 13px; font-weight: 600; color: #606266; margin-bottom: 12px; } .client-id-cell[data-v-e0539696] { display: flex; align-items: center; gap: 6px; } .client-id-text[data-v-e0539696] { font-family: 'Courier New', monospace; font-size: 12px; color: #303133; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 180px; } .btn-copiar[data-v-e0539696] { flex-shrink: 0; } .acoes-tabela[data-v-e0539696] { display: flex; justify-content: flex-end; margin-top: 15px; } .estado-vazio[data-v-e0539696] { display: flex; flex-direction: column; align-items: center; padding: 32px 0 24px; color: #909399; } .estado-vazio-icone[data-v-e0539696] { font-size: 40px; margin-bottom: 10px; color: #c0c4cc; } .estado-vazio p[data-v-e0539696] { margin: 0; font-size: 13px; } .estado-vazio-subtitulo[data-v-e0539696] { font-size: 12px !important; color: #c0c4cc; margin-top: 4px !important; } .el-table .row-revogada { opacity: 0.45; } #ConfiguracaoRateioDespesa .ods-card { margin-top: 2rem; font-size: 15px; color: #848484; } #ConfiguracaoRateioDespesa .ods-card hr { margin: 17px 0; } #ConfiguracaoRateioDespesa .ods-card .configuracao { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } #ConfiguracaoRateioDespesa .ods-card .ajuda { font-size: 13px; line-height: 20px; } #ConfiguracaoRateioDespesa .ods-card .ajuda p { font-size: 13px; margin-bottom: 10px; } #ConfiguracaoRateioDespesa .el-descriptions { font-family: 'Courier New', Courier, monospace !important; } #ConfiguracaoRateioDespesa .el-select__input { padding: 0 5px 4px 5px; } .chart[data-v-76f52436] { background-color:white;height:300px;text-align:center;border:1px dotted #ccc;margin-bottom:20px;padding:10px 12px; } .list[data-v-360ac450] { display: grid; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-columns: 47% 47%; } .button[data-v-360ac450] { text-align: center; align-items: center; display: flex; background-color: #fff; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1); border-radius: 4px; display: flex; flex-direction: column; justify-content: center; padding: 15px 0; cursor: pointer; color: #ef6638; } .list .button i[data-v-360ac450] { font-size: 1.8em; margin-bottom: 10px; } .indicador[data-v-360ac450] { border-radius: 5px; } .chart[data-v-360ac450] { background-color: white; height: 300px; text-align: center; border: 1px dotted #ccc; margin-bottom: 20px; padding: 10px 12px; } .tabs[data-v-09599acc] { margin-top: 0; } .tab[data-v-09599acc] { display: none; } .tabs_on[data-v-09599acc] { display: block !important; } .tabs[data-v-44e0d056] { margin-top: 20px; } .campos[data-v-44e0d056] { margin-bottom: 24px; } .tab[data-v-44e0d056] { display: none; } .tabs_on[data-v-44e0d056] { display: block !important; } .last[data-v-44e0d056] { margin-bottom: 0 !important; } .field[data-v-44e0d056] { padding-top: 12px; } .toolbar[data-v-44e0d056] { margin-bottom: 60px; } .tabs[data-v-1418770a] { margin-top: 0; } .campos[data-v-1418770a] { margin-bottom: 24px; } .tab[data-v-1418770a] { display: none; } .tabs_on[data-v-1418770a] { display: block !important; } .frete[data-v-1418770a], .linha_separadora[data-v-1418770a] { width: 100% !important; } .linha_separadora[data-v-1418770a] { margin-top: 20px !important; } .btn_editar_frete[data-v-1418770a] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_frete[data-v-1418770a] { display: block; float: none !important; } .dados_frete[data-v-1418770a] { width: 100% !important; display: block; } .transportadores[data-v-1418770a] { display: block; } .campos[data-v-1418770a] { margin-bottom: 10px; } .campos .detalhe[data-v-1418770a] { display: none; } ul li.frete[data-v-1418770a] { float: none; } #Transportadores[data-v-1418770a] { padding-bottom: 100px; } .tabs[data-v-46c22ce2] { margin-top: 20px; } .campos[data-v-46c22ce2] { margin-bottom: 24px; } .tab[data-v-46c22ce2] { display: none; } .tabs_on[data-v-46c22ce2] { display: block !important; } .last[data-v-46c22ce2] { margin-bottom: 0 !important; } .field[data-v-46c22ce2] { padding-top: 12px; } .toolbar[data-v-46c22ce2] { margin-bottom: 60px; } .tabs[data-v-12631286] { margin-top: 0; } .campos[data-v-12631286] { margin-bottom: 24px; } .tab[data-v-12631286] { display: none; } .tabs_on[data-v-12631286] { display: block !important; } .frete[data-v-12631286], .linha_separadora[data-v-12631286] { width: 100% !important; } .linha_separadora[data-v-12631286] { margin-top: 20px !important; } .btn_editar_frete[data-v-12631286] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_frete[data-v-12631286] { display: block; float: none !important; } .dados_frete[data-v-12631286] { width: 100% !important; display: block; } .transportadores[data-v-12631286] { display: block; } .campos[data-v-12631286] { margin-bottom: 10px; } .campos .detalhe[data-v-12631286] { display: none; } ul li.frete[data-v-12631286] { float: none; } #Transportadores[data-v-12631286] { padding-bottom: 100px; } .paginacao-container[data-v-06ed8901]{ display: flex; justify-content: center; } .total-chamados[data-v-06ed8901]{ display: block; font-size: 12px; margin-bottom: 25px; color: rgb(132, 132, 132); } .fieldset[data-v-08f4e4da] { border: 1px dotted #ef6638; padding: 10px 15px; margin-bottom: 20px; } .header .titulo[data-v-6f9f707f] { display: flex; justify-content: space-between; align-items: center; } .tabs[data-v-6f9f707f] { margin-top: 0; margin-bottom: 32px; } .tabs[data-v-55229aa8] { margin-top: 0; } .tab[data-v-55229aa8] { display: none; } .tabs_on[data-v-55229aa8] { display: block !important; } .tabs[data-v-53bf50b6] { margin-top: 0; } .campos[data-v-53bf50b6] { margin-bottom: 24px; } .tab[data-v-53bf50b6] { display: none; } .tabs_on[data-v-53bf50b6] { display: block !important; } .frete[data-v-53bf50b6], .linha_separadora[data-v-53bf50b6] { width: 100% !important; } .linha_separadora[data-v-53bf50b6] { margin-top: 20px !important; } .btn_editar_frete[data-v-53bf50b6] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_frete[data-v-53bf50b6] { display: block; float: none !important; } .dados_frete[data-v-53bf50b6] { width: 100% !important; display: block; } .transportadores[data-v-53bf50b6] { display: block; } .campos[data-v-53bf50b6] { margin-bottom: 10px; } .campos .detalhe[data-v-53bf50b6] { display: none; } ul li.frete[data-v-53bf50b6] { float: none; } #Transportadores[data-v-53bf50b6] { padding-bottom: 100px; } .tabs[data-v-3b31036b] { margin-top: 0; } .campos[data-v-3b31036b] { margin-bottom: 24px; } .tab[data-v-3b31036b] { display: none; } .tabs_on[data-v-3b31036b] { display: block !important; } .frete[data-v-3b31036b], .linha_separadora[data-v-3b31036b] { width: 100% !important; } .linha_separadora[data-v-3b31036b] { margin-top: 20px !important; } .btn_editar_frete[data-v-3b31036b] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_frete[data-v-3b31036b] { display: block; float: none !important; } .dados_frete[data-v-3b31036b] { width: 100% !important; display: block; } .transportadores[data-v-3b31036b] { display: block; } .campos[data-v-3b31036b] { margin-bottom: 10px; } .campos .detalhe[data-v-3b31036b] { display: none; } ul li.frete[data-v-3b31036b] { float: none; } #Transportadores[data-v-3b31036b] { padding-bottom: 100px; } .tabs[data-v-f9a0795a] { margin-top: 20px; } .campos[data-v-f9a0795a] { margin-bottom: 24px; } .tab[data-v-f9a0795a] { display: none; } .tabs_on[data-v-f9a0795a] { display: block !important; } .last[data-v-f9a0795a] { margin-bottom: 0 !important; } .field[data-v-f9a0795a] { padding-top: 12px; } .toolbar[data-v-f9a0795a] { margin-bottom: 60px; } .tabs[data-v-19a49e85] { margin-top: 0; } .campos[data-v-19a49e85] { margin-bottom: 24px; } .tab[data-v-19a49e85] { display: none; } .tabs_on[data-v-19a49e85] { display: block !important; } .frete[data-v-19a49e85], .linha_separadora[data-v-19a49e85] { width: 100% !important; } .linha_separadora[data-v-19a49e85] { margin-top: 20px !important; } .btn_editar_frete[data-v-19a49e85] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_frete[data-v-19a49e85] { display: block; float: none !important; } .dados_frete[data-v-19a49e85] { width: 100% !important; display: block; } .transportadores[data-v-19a49e85] { display: block; } .campos[data-v-19a49e85] { margin-bottom: 10px; } .campos .detalhe[data-v-19a49e85] { display: none; } ul li.frete[data-v-19a49e85] { float: none; } #Transportadores[data-v-19a49e85] { padding-bottom: 100px; } .tabs[data-v-d544c94e] { margin-top: 20px; } .campos[data-v-d544c94e] { margin-bottom: 24px; } .tab[data-v-d544c94e] { display: none; } .tabs_on[data-v-d544c94e] { display: block !important; } .last[data-v-d544c94e] { margin-bottom: 0 !important; } .field[data-v-d544c94e] { padding-top: 12px; } .toolbar[data-v-d544c94e] { margin-bottom: 60px; } .permission-group[data-v-46cc977a] { margin-left: 20px; } .permission-item[data-v-46cc977a] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .dialog-footer[data-v-46cc977a] { display: flex; justify-content: space-between; } .btn.vermelho[data-v-46cc977a]:hover, .btn.vermelho[data-v-46cc977a]:focus, .btn.vermelho[data-v-46cc977a]:active { background-color: #fff; color: #ef6638; box-shadow: none; border: none; } .btn.vermelho[data-v-46cc977a]:focus, .btn.laranja[data-v-46cc977a]:focus { outline: none; } .usuario[data-v-0c13725b], .linha_separadora[data-v-0c13725b] { width: 100% !important; } .linha_separadora[data-v-0c13725b] { margin-top: 20px !important; } .btn_editar_usuario[data-v-0c13725b] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_usuario[data-v-0c13725b] { display: block; float: none !important; } .dados_usuario[data-v-0c13725b] { width: 100% !important; display: block; } .usuarios[data-v-0c13725b] { display: block; } #ApoliceSeguroForm .tabs { margin-top: 20px; } #ApoliceSeguroForm .campos { margin-bottom: 24px; } #ApoliceSeguroForm .tab { display: none; } #ApoliceSeguroForm .tabs_on { display: block !important; } #ApoliceSeguroForm .last { margin-bottom: 0 !important; } #ApoliceSeguroForm .field { padding-top: 12px; } #ApoliceSeguroForm .toolbar { margin-bottom: 60px; } #ApoliceSeguroForm .uploading { margin-top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; padding: 50px 0; } #ApoliceSeguroForm .ncm-importar-dropzone .el-upload { display: block !important; } #ApoliceSeguroForm .ncm-importar-dropzone .el-upload-dragger { width: 100%; } .tabs[data-v-a3042b6a] { margin-top: 20px; } .campos[data-v-a3042b6a] { margin-bottom: 24px; } .tab[data-v-a3042b6a] { display: none; } .tabs_on[data-v-a3042b6a] { display: block !important; } .last[data-v-a3042b6a] { margin-bottom: 0 !important; } .field[data-v-a3042b6a] { padding-top: 12px; } .toolbar[data-v-a3042b6a] { margin-bottom: 60px; } .tabs[data-v-034077bc] { margin-top: 0; } .campos[data-v-034077bc] { margin-bottom: 24px; } .tab[data-v-034077bc] { display: none; } .tabs_on[data-v-034077bc] { display: block !important; } .frete[data-v-034077bc], .linha_separadora[data-v-034077bc] { width: 100% !important; } .linha_separadora[data-v-034077bc] { margin-top: 20px !important; } .btn_editar_frete[data-v-034077bc] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_frete[data-v-034077bc] { display: block; float: none !important; } .dados_frete[data-v-034077bc] { width: 100% !important; display: block; } .transportadores[data-v-034077bc] { display: block; } .campos[data-v-034077bc] { margin-bottom: 10px; } .campos .detalhe[data-v-034077bc] { display: none; } ul li.frete[data-v-034077bc] { float: none; } #Transportadores[data-v-034077bc] { padding-bottom: 100px; } .tabs[data-v-5ce2fd36] { margin-top: 20px; } .campos[data-v-5ce2fd36] { margin-bottom: 24px; } .tab[data-v-5ce2fd36] { display: none; } .tabs_on[data-v-5ce2fd36] { display: block !important; } .last[data-v-5ce2fd36] { margin-bottom: 0 !important; } .field[data-v-5ce2fd36] { padding-top: 12px; } .toolbar[data-v-5ce2fd36] { margin-bottom: 60px; } .tabs[data-v-536527c5] { margin-top: 0; } .campos[data-v-536527c5] { margin-bottom: 24px; } .tab[data-v-536527c5] { display: none; } .tabs_on[data-v-536527c5] { display: block !important; } .frete[data-v-536527c5], .linha_separadora[data-v-536527c5] { width: 100% !important; } .linha_separadora[data-v-536527c5] { margin-top: 20px !important; } .btn_editar_frete[data-v-536527c5] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_frete[data-v-536527c5] { display: block; float: none !important; } .dados_frete[data-v-536527c5] { width: 100% !important; display: block; } .transportadores[data-v-536527c5] { display: block; } .campos[data-v-536527c5] { margin-bottom: 10px; } .campos .detalhe[data-v-536527c5] { display: none; } ul li.frete[data-v-536527c5] { float: none; } #Transportadores[data-v-536527c5] { padding-bottom: 100px; } .tabs[data-v-1a9de560] { margin-top: 0; } .campos[data-v-1a9de560] { margin-bottom: 24px; } .tab[data-v-1a9de560] { display: none; } .tabs_on[data-v-1a9de560] { display: block !important; } .frete[data-v-1a9de560], .linha_separadora[data-v-1a9de560] { width: 100% !important; } .linha_separadora[data-v-1a9de560] { margin-top: 20px !important; } .btn_editar_frete[data-v-1a9de560] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_frete[data-v-1a9de560] { display: block; float: none !important; } .dados_frete[data-v-1a9de560] { width: 100% !important; display: block; } .transportadores[data-v-1a9de560] { display: block; } .campos[data-v-1a9de560] { margin-bottom: 10px; } .campos .detalhe[data-v-1a9de560] { display: none; } ul li.frete[data-v-1a9de560] { float: none; } #GestorMdfePercursosForm .tabs { margin-top: 20px; } #GestorMdfePercursosForm .campos { margin-bottom: 24px; } #GestorMdfePercursosForm .tab { display: none; } #GestorMdfePercursosForm .tabs_on { display: block !important; } #GestorMdfePercursosForm .last { margin-bottom: 0 !important; } #GestorMdfePercursosForm .field { padding-top: 12px; } #GestorMdfePercursosForm .toolbar { margin-bottom: 60px; } #GestorMdfePercursosForm .el-select .el-input input { height: 39px; } .usuario[data-v-a50e3a94], .linha_separadora[data-v-a50e3a94] { width: 100% !important; } .linha_separadora[data-v-a50e3a94] { margin-top: 20px !important; } .btn_editar_usuario[data-v-a50e3a94] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_usuario[data-v-a50e3a94] { display: block; float: none !important; } .dados_usuario[data-v-a50e3a94] { width: 100% !important; display: block; } .usuarios[data-v-a50e3a94] { display: block; } .links[data-v-705e4a7c]{ display: flex; margin-bottom: 20px; } .tabs[data-v-705e4a7c] { margin-top: 0; } .tabs_on[data-v-705e4a7c] { display: block !important; } .tabs[data-v-3677400c] { margin-top: 0; } .campos[data-v-3677400c] { margin-bottom: 24px; } .tab[data-v-3677400c] { display: none; } .tabs_on[data-v-3677400c] { display: block !important; } .frete[data-v-3677400c], .linha_separadora[data-v-3677400c] { width: 100% !important; } .linha_separadora[data-v-3677400c] { margin-top: 20px !important; } .btn_editar_frete[data-v-3677400c] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_frete[data-v-3677400c] { display: block; float: none !important; } .dados_frete[data-v-3677400c] { width: 100% !important; display: block; } .transportadores[data-v-3677400c] { display: block; } .campos[data-v-3677400c] { margin-bottom: 10px; } .campos .detalhe[data-v-3677400c] { display: none; } ul li.frete[data-v-3677400c] { float: none; } #Parametros[data-v-3677400c] { padding-bottom: 100px; } .ods-card[data-v-5b65b0b6] { margin-bottom: 2rem; } .ods-card .configuracao[data-v-5b65b0b6] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .ods-card .el-select[data-v-5b65b0b6] { width: 100%; } .ods-card .ajuda[data-v-5b65b0b6]{ font-size: 13px; line-height: 20px; } .ods-divider[data-v-5b65b0b6]{ margin: 17px 0; background:rgba(0,0,0,.05); } .ods-card[data-v-762c2109] { margin-bottom: 2rem; } .ods-card .configuracao[data-v-762c2109] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .ods-card .el-select[data-v-762c2109] { width: 100%; } .ods-card .ajuda[data-v-762c2109]{ font-size: 13px; line-height: 20px; } .ods-divider[data-v-762c2109]{ margin: 17px 0; background:rgba(0,0,0,.05); } .actions[data-v-e84d4690] { margin: 10px 0; display: flex; justify-content: space-between; } .title[data-v-e84d4690] { font-size: 15px; color: #848484; font-weight: bold; } [data-v-e84d4690] .el-collapse-item__header { height: -moz-fit-content; height: fit-content; border-bottom: none; } [data-v-e84d4690] .selected-row { background: #f2f2f2 !important; } [data-v-e84d4690] .el-collapse-item__wrap{ border-bottom: none; } .tabs[data-v-6eb18770] { margin-top: 0; } .tabs_on[data-v-6eb18770] { display: block !important; } .totalTransportadoresPorStatus[data-v-6eb18770] { margin-top: 30px; margin-bottom: 35px; } .totalTransportadoresPorStatus .title[data-v-6eb18770]:first-child { margin-bottom: 10px; } .status[data-v-6eb18770] { display: flex; flex-direction: column; align-items: center; font-size: 18px; padding-top: 8px; padding-bottom: 5px; } .status .total[data-v-6eb18770] { margin-top: 15px; font-size: 45px; font-weight: bold; } .tabs[data-v-273a8a0c] { margin-top: 0; } .campos[data-v-273a8a0c] { margin-top: 15px; margin-bottom: 10px; } .campos .detalhe[data-v-273a8a0c] { display: none; } .tab[data-v-273a8a0c] { display: none; } .tabs_on[data-v-273a8a0c] { display: block !important; } .frete[data-v-273a8a0c], .linha_separadora[data-v-273a8a0c] { width: 100% !important; } .linha_separadora[data-v-273a8a0c] { margin-top: 20px !important; } .btn_analisar[data-v-273a8a0c] { display: block; padding: 8px 12px 6px 12px; margin-bottom: 2px; text-align: center; } #Transportadores[data-v-273a8a0c] { margin-bottom: 24px; } .tabs[data-v-17d8195a] { margin-top: 0; } .campos[data-v-17d8195a] { margin-top: 15px; margin-bottom: 10px; } .campos .detalhe[data-v-17d8195a] { display: none; } .tab[data-v-17d8195a] { display: none; } .tabs_on[data-v-17d8195a] { display: block !important; } .frete[data-v-17d8195a], .linha_separadora[data-v-17d8195a] { width: 100% !important; } .linha_separadora[data-v-17d8195a] { margin-top: 20px !important; } .btn_analisar[data-v-17d8195a] { display: block; padding: 8px 12px 6px 12px; margin-bottom: 2px; text-align: center; } #Transportadores[data-v-17d8195a] { margin-bottom: 24px; } .tabs[data-v-02253012] { margin-top: 0; } .campos[data-v-02253012] { margin-top: 15px; margin-bottom: 10px; } .campos .detalhe[data-v-02253012] { display: none; } .tab[data-v-02253012] { display: none; } .tabs_on[data-v-02253012] { display: block !important; } .frete[data-v-02253012], .linha_separadora[data-v-02253012] { width: 100% !important; } .linha_separadora[data-v-02253012] { margin-top: 20px !important; } .btn_analisar[data-v-02253012] { display: block; padding: 8px 12px 6px 12px; margin-bottom: 2px; text-align: center; } #Transportadores[data-v-02253012] { margin-bottom: 24px; } .tabs[data-v-54156723] { margin-top: 0; } .campos[data-v-54156723] { margin-top: 15px; margin-bottom: 10px; } .campos .detalhe[data-v-54156723] { display: none; } .tabs_on[data-v-54156723] { display: block !important; } .btn_editar_frete[data-v-54156723] { float: right; margin: inherit !important; margin-left: 10px !important; } #TransportadoresAprovados[data-v-54156723] { margin-bottom: 24px; } .btn_analisar[data-v-54156723] { display: block; padding: 8px 12px 6px 12px; margin-bottom: 2px; text-align: center; } .tabs[data-v-03d9126b] { margin-top: 0; } .campos[data-v-03d9126b] { margin-top: 15px; margin-bottom: 10px; } .campos .detalhe[data-v-03d9126b] { display: none; } .tabs_on[data-v-03d9126b] { display: block !important; } .btn_editar_frete[data-v-03d9126b] { float: right; margin: inherit !important; margin-left: 10px !important; } #TransportadoresBloqueados[data-v-03d9126b] { margin-bottom: 24px; } .btn_analisar[data-v-03d9126b] { display: block; padding: 8px 12px 6px 12px; margin-bottom: 2px; text-align: center; } .btn.vermelho[data-v-4a309580]:hover, .btn.vermelho[data-v-4a309580]:focus, .btn.vermelho[data-v-4a309580]:active { background-color: #fff; color: #ef6638; box-shadow: none; border: none; } .btn.vermelho[data-v-4a309580]:focus, .btn.laranja[data-v-4a309580]:focus { outline: none; } #FormTransportador .tabs[data-v-08c011a2] { margin-top: 0; } #TransportadoresFormResumo .campos { margin-top: 0; padding: 15px; } #TransportadoresFormResumo .el-tag { margin: 0 !important; } #TransportadoresFormResumo .el-descriptions .btn { padding: 11px 20px 9px 20px !important; } #TransportadoresFormResumo .el-descriptions__title { font-size: 11px; font-family: 'QuicksandBold'; letter-spacing: 0.1em; font-weight: normal; } #TransportadoresFormMotorista[data-v-430270cc] { margin-bottom: 30px; } #TransportadoresFormMotorista .alterar-imagem[data-v-430270cc] { float: right; cursor: pointer; } #TransportadoresFormMotorista .laranja[data-v-430270cc] { border: none; } #TransportadoresFormMotorista .laranja[data-v-430270cc]:hover, #TransportadoresFormMotorista .laranja[data-v-430270cc]:focus { color: white; } #TransportadoresFormMotorista .ampliar[data-v-430270cc] { cursor:pointer; background-color:#efefef; padding: 5px; text-align:center; } .btn_editar[data-v-755ce1db] { display: block; padding: 8px 12px 6px 12px; margin-bottom: 2px; text-align: center; } #TransportadoresFormVeiculos[data-v-99fd2914] { margin-bottom: 30px; } #TransportadoresFormVeiculos .alterar-imagem[data-v-99fd2914] { float: right; cursor: pointer; } #TransportadoresFormVeiculos .laranja[data-v-99fd2914] { border: none; } #TransportadoresFormVeiculos .laranja[data-v-99fd2914]:hover, #TransportadoresFormVeiculos .laranja[data-v-99fd2914]:focus { color: white; } #TransportadoresFormVeiculos .ampliar[data-v-99fd2914] { cursor:pointer; background-color:#efefef; padding: 5px; text-align:center; } .btn_editar[data-v-07109650] { display: block; padding: 8px 12px 6px 12px; margin-bottom: 2px; text-align: center; } #TransportadoresFormCarretas[data-v-305f77a6] { margin-bottom: 30px; } #TransportadoresFormCarretas .alterar-imagem[data-v-305f77a6] { float: right; cursor: pointer; } #TransportadoresFormCarretas .laranja[data-v-305f77a6] { border: none; } #TransportadoresFormCarretas .laranja[data-v-305f77a6]:hover, #TransportadoresFormCarretas .laranja[data-v-305f77a6]:focus { color: white; } #TransportadoresFormCarretas .ampliar[data-v-305f77a6] { cursor:pointer; background-color:#efefef; padding: 5px; text-align:center; } #TransportadoresFormContratos .campos { margin-top: 0; padding: 15px; } #TransportadoresFormContratos .el-table .cell { word-break: normal; } #TransportadoresFormContratos .btn_editar { padding: 9px 12px 6px 12px; margin-bottom: 2px; text-align: center; } .tabs[data-v-cae5ce5c] { margin-top: 0; } .campos[data-v-cae5ce5c] { margin-bottom: 24px; } .tab[data-v-cae5ce5c] { display: none; } .tabs_on[data-v-cae5ce5c] { display: block !important; } .frete[data-v-cae5ce5c], .linha_separadora[data-v-cae5ce5c] { width: 100% !important; } .linha_separadora[data-v-cae5ce5c] { margin-top: 20px !important; } .btn_editar_frete[data-v-cae5ce5c] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_frete[data-v-cae5ce5c] { display: block; float: none !important; } .dados_frete[data-v-cae5ce5c] { width: 100% !important; display: block; } .fretes[data-v-cae5ce5c] { display: block; } .campos[data-v-cae5ce5c] { margin-bottom: 10px; } .campos .detalhe[data-v-cae5ce5c] { display: none; } ul li.frete[data-v-cae5ce5c] { float: none; } #MeusFretes[data-v-cae5ce5c] { padding-bottom: 100px; } .lista[data-v-7aeac7bf] { margin: 0; } .lista .item[data-v-7aeac7bf] { display: flex; width: 100%; min-height: 40px; justify-content: space-between; align-items: center; padding: 5px 10px; background-color: #fff; border-radius: 10px; /* box-shadow: 2px 2px 4px #dddbe1; */ box-shadow: 3px 5px 36px -10px rgb(200 200 200); } .lista .campo[data-v-7aeac7bf] { font-size: 14px; font-weight: bold; margin: 0; } .btn[data-v-7aeac7bf] { display: inline-block; } #GestaoDePaletesForm .campos { margin: 0; } #GestaoDePaletesForm .el-range-separator { color: #848484; } #GestaoDePaletesForm .btn { display: inline-block; } #DespesasEmViagemForm .campos { margin: 0; } #DespesasEmViagemForm .el-range-separator { color: #848484; } #DespesasEmViagemForm .btn { display: inline-block; } #DespesasEmViagemForm .lista { margin: 0; } #DespesasEmViagemForm .lista .item { display: flex; width: 100%; height: 44px; justify-content: space-between; align-items: center; padding: 5px 10px; border-radius: 10px; } #DespesasEmViagemForm .lista .campo { font-size: 14px; font-weight: bold; margin: 0; } #DespesasEmViagemForm .ods-alert .is-big { font-size: 18px; } #Chat { margin-bottom: 100px; } #Chat .chat-container { display: flex; height: 78vh; border: 1px solid #ddd; background-color: white; } #Chat .chat-container .chat-sidebar { width: 400px; background-color: #efefef; border-right: 1px solid #ddd; } #Chat .chat-container .chat-sidebar .chat-filtro { background-color: #efefef; border-bottom: 1px solid #ddd; width: 100%; padding: 10px; } #Chat .chat-container .chat-sidebar .chat-filtro .el-input__inner::-moz-placeholder { color: #999; padding-left: 20px; } #Chat .chat-container .chat-sidebar .chat-filtro .el-input__inner::placeholder { color: #999; padding-left: 20px; } #Chat .chat-container .chat-sidebar .chat-filtro .el-icon-search { padding-left: 10px; } #Chat .chat-container .chat-sidebar .chat-filtro input { width: 100%; background-color: #fff; border: none; border-radius: 25px; padding-top: 7px; padding-left: 35px; } #Chat .chat-container .chat-sidebar .chat-cargas { height: calc(78vh - 62px); overflow-y: auto; } #Chat .chat-container .chat-sidebar .chat-cargas .chat-cargas-nao-lidas { display: flex; align-items: center; } #Chat .chat-container .chat-sidebar .chat-cargas .chat-cargas-nao-lidas div { border: 2px solid #fff; color: #fff; background-color: #ef6638; border-radius: 25px; height: 50px; width: 50px; font-size: 20px; display: flex; justify-content: center; align-items: center; font-weight: 700; margin-right: 5px; } #Chat .chat-container .chat-sidebar .chat-cargas .chat-carga { display: flex; flex-direction: row; justify-content: space-between; min-height: 80px; border-bottom: 1px solid #ddd; padding-left: 5px; cursor: pointer; } #Chat .chat-container .chat-sidebar .chat-cargas .chat-carga:hover { background-color: white; } #Chat .chat-carga-active { background-color: white; } #Chat .chat-container .chat-sidebar .chat-cargas .chat-carga .chat-carga-titulo { display: flex; } #Chat .chat-container .chat-sidebar .chat-cargas .chat-carga .chat-carga-titulo .chat-carga-titulo-codigo { margin-right: 4px; } #Chat .chat-container .chat-sidebar .chat-cargas .chat-carga .chat-carga-codigos { font-size: 10px; } #Chat .chat-container .chat-content { display: flex; flex-direction: column; width: 100%; } #Chat .chat-container .chat-content .chat-content-description { display: flex; align-items: center; min-height: 61px; padding-left: 12px; padding-right: 10px; border-bottom: 1px solid #ddd; background-color: #efefef; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-left { width: 30%; padding-top: 4px; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-left div { display: flex; font-weight: 700; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-left div i { width: 20px; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-left span { padding-top: 1.5px; font-size: 12px; font-weight: normal; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-center { display: flex; width: 38%; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-center .chat-content-description-center-title { font-size: 12px; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-right { display: flex; justify-content: space-between; width: 32%; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-right .texto-laranja { width: 70px; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-right .chat-content-description-right-title { font-size: 12px; } #Chat .chat-container .chat-content .chat-content-messages { flex: 1; display: flex; flex-direction: column; overflow-y: scroll; align-items: center; margin-top: auto; padding: 20px; font-size: 14px; } #Chat .chat-container .chat-content .chat-content-messages .chat-content-messages-datas { width: 100%; } #Chat .chat-container .chat-content .chat-content-messages .chat-content-messages-data { width: 100%; text-align: center; border-bottom: 1px dotted #ef6638; line-height: 0em; margin: 10px 0 20px; } #Chat .chat-container .chat-content .chat-content-messages .chat-content-messages-data span { background: #fff; padding: 0 9px 0 10px; font-size: 14px; } #Chat .chat-container .chat-content .chat-content-messages .chat-content-message div:first-child { max-width: 658px; } #Chat .chat-container .chat-content .chat-content-messages .chat-content-message-hora { margin-top: 6px; margin-left: 20px; font-size: 12px; opacity: 0.5; } #Chat .chat-container .chat-content .chat-content-messages .chat-content-message-status { margin-top: 6.8px; margin-left: 5px; font-size: 10px; opacity: 0.4; } #Chat .chat-container .chat-content .chat-content-messages .chat-content-message-status i { margin-top: 1px; margin-right: 4px; font-size: 12px; } #Chat .chat-container .chat-content .chat-content-messages-others { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; } #Chat .chat-container .chat-content .chat-content-messages-others .chat-content-message { display: flex; background-color: #efefef; border-radius: 8px; padding: 5px 8px 5px 10px; margin: 1px 0; max-width: 70%; } #Chat .chat-container .chat-content .chat-content-messages-others-truckme .chat-content-message { display: flex; background-color: white !important; border: 1px solid #ddd; border-radius: 8px; padding: 5px 8px 5px 10px; margin: 1px 0; max-width: 70%; } #Chat .chat-container .chat-content .chat-content-message-image { max-width: 50% !important; align-items: flex-end; } #Chat .chat-container .chat-content .chat-content-message-image img { width: 100%; } #Chat .chat-container .chat-content .chat-content-messages-mine { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; } #Chat .chat-container .chat-content .chat-content-messages-mine .chat-content-message { display: flex; background-color: #fdc8a5; border-radius: 8px; padding: 5px 5px 5px 10px; margin: 1px 0; max-width: 70%; } #Chat .chat-container .chat-content .chat-content-form { display: flex; min-height: 50px; background-color: #ddd; align-items: center; justify-content: space-between; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-attach { display: flex; justify-content: center; width: 50px; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-attach div { display: flex; justify-content: center; align-items: center; border-radius: 25px; width: 32px; height: 32px; margin-top: 1px; cursor: pointer; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-attach div:hover { background-color: #ffffff88; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-button { display: flex; justify-content: center; width: 50px; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-attach i { transform: rotate(90deg); font-size: 110%; color: #999; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-button i { transform: rotate(45deg); color: #999; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-button i.chat-content-form-button-active { color: #ef6638; cursor: pointer; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-input { display: flex; width: 100%; padding: 10px 0 10px 0; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-input textarea { width: 100%; background-color: white; border: none; margin-top: 3px; border-radius: 25px; padding-left: 15px; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-input textarea:focus { outline: none; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-input textarea::-moz-placeholder { color: #999; padding-left: 15px; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-input textarea::placeholder { color: #999; padding-left: 15px; } #Chat .chat-monitor-info { width: 440px; margin: 0 auto 15px auto; background-color: #efefef; border-radius: 5px; padding: 10px; font-size: 12px; } #EmbarcadorFinanceiro .lista { margin: 0; } #EmbarcadorFinanceiro .lista .item { display: flex; width: 100%; min-height: 40px; justify-content: space-between; align-items: center; padding: 5px 10px; background-color: #fff; border-radius: 10px; /* box-shadow: 2px 2px 4px #dddbe1; */ box-shadow: 3px 5px 36px -10px rgb(200 200 200); } #EmbarcadorFinanceiro .lista .campo { font-size: 14px; font-weight: bold; margin: 0; } #EmbarcadorFinanceiro .btn { display: inline-block; } #EmbarcadorFinanceiroMeioPagamento .campos { margin-top: 0; } #EmbarcadorFinanceiroMeioPagamento .box { display: flex; height: 400px; justify-content: space-between; } #EmbarcadorFinanceiroMeioPagamento .box .left, #EmbarcadorFinanceiroMeioPagamento .box .right { display: flex; width: 50%; height: 400px; justify-content: space-evenly; align-items: center; flex-direction: column; text-align: center; } #EmbarcadorFinanceiroMeioPagamento .box .left .text-left, #EmbarcadorFinanceiroMeioPagamento .box .right .text-left { text-align: left; } #EmbarcadorFinanceiroMeioPagamento li { font-size: 14px; margin-bottom: 10px; list-style-type: decimal; margin-left: 15px; } .tabs[data-v-2cb8ba95] { margin-top: 0; } .campos[data-v-2cb8ba95] { margin-bottom: 24px; } .tab[data-v-2cb8ba95] { display: none; } .tabs_on[data-v-2cb8ba95] { display: block !important; } .frete[data-v-2cb8ba95], .linha_separadora[data-v-2cb8ba95] { width: 100% !important; } .linha_separadora[data-v-2cb8ba95] { margin-top: 20px !important; } .btn_editar_frete[data-v-2cb8ba95] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_frete[data-v-2cb8ba95] { display: block; float: none !important; } .dados_frete[data-v-2cb8ba95] { width: 100% !important; display: block; } .embarcadores[data-v-2cb8ba95] { display: block; } .campos[data-v-2cb8ba95] { margin-bottom: 10px; } .campos .detalhe[data-v-2cb8ba95] { display: none; } ul li.frete[data-v-2cb8ba95] { float: none; } #Embarcadores[data-v-2cb8ba95] { padding-bottom: 100px; } #EmbarcadoresMainAprovados { padding-bottom: 100px; } #EmbarcadoresMainAprovados .tabs { margin-top: 0; } #EmbarcadoresMainAprovados .campos { margin-bottom: 24px; } #EmbarcadoresMainAprovados .tab { display: none; } #EmbarcadoresMainAprovados .tabs_on { display: block !important; } .frete, #EmbarcadoresMainAprovados .linha_separadora { width: 100% !important; } #EmbarcadoresMainAprovados .linha_separadora { margin-top: 20px !important; } #EmbarcadoresMainAprovados .btn_editar_frete { float: right; margin: inherit !important; margin-left: 10px !important; } #EmbarcadoresMainAprovados .nome_frete { display: block; float: none !important; } #EmbarcadoresMainAprovados .dados_frete { width: 100% !important; display: block; } #EmbarcadoresMainAprovados .embarcadores { display: block; } #EmbarcadoresMainAprovados .campos { margin-bottom: 10px; } #EmbarcadoresMainAprovados .campos .detalhe { display: none; } #EmbarcadoresMainAprovados ul li.frete { float: none; } #EmbarcadoresMainAprovados .ods-dialog__body { padding: 0 20px 0 20px !important; } #EmbarcadoresMainAprovados .el-form-item__error { padding-top: 0; font-size: 10px; } #EmbarcadoresMainAprovados .ods-dialog__header { display: block; } .tabs[data-v-56655012] { margin-top: 0; } .campos[data-v-56655012] { margin-bottom: 24px; } .tab[data-v-56655012] { display: none; } .tabs_on[data-v-56655012] { display: block !important; } .frete[data-v-56655012], .linha_separadora[data-v-56655012] { width: 100% !important; } .linha_separadora[data-v-56655012] { margin-top: 20px !important; } .btn_editar_frete[data-v-56655012] { float: right; margin: inherit !important; margin-left: 10px !important; } .nome_frete[data-v-56655012] { display: block; float: none !important; } .dados_frete[data-v-56655012] { width: 100% !important; display: block; } .embarcadores[data-v-56655012] { display: block; } .campos[data-v-56655012] { margin-bottom: 10px; } .campos .detalhe[data-v-56655012] { display: none; } ul li.frete[data-v-56655012] { float: none; } #Embarcadores[data-v-56655012] { padding-bottom: 100px; } #GestorEmbarcadoresFormAprovado { margin-bottom: 100px; } #GestorEmbarcadoresFormAprovado .situacao .el-loading-spinner .circular { height: 20px; width: 20px; } #GestorEmbarcadoresFormAprovado .tabs { margin-top: 20px; } #GestorEmbarcadoresFormAprovado .campos { margin-bottom: 24px; } #GestorEmbarcadoresFormAprovado .tab { display: none; } #GestorEmbarcadoresFormAprovado .tabs_on { display: block !important; } #GestorEmbarcadoresFormAprovado .last { margin-bottom: 0 !important; } #GestorEmbarcadoresFormAprovado .field { padding-top: 12px; } #GestorEmbarcadoresFormAprovado .toolbar { margin-bottom: 60px; } #FormAnaliseCadastro .titulo { font-size: 10px; font-family: 'QuicksandBold'; letter-spacing: 0.1em; color: #afafaf; font-weight: lighter; margin-top: 2rem; margin-bottom: 0; } #FormAnaliseCadastro .campos { margin-top: 1rem; margin-bottom: 1rem; } #FormAnaliseCadastro { margin-bottom: 100px; } #FormAnaliseCadastro .situacao .el-loading-spinner .circular { height: 20px; width: 20px; } #FormAnaliseCadastro .tabs { margin-top: 20px; } #FormAnaliseCadastro .tab { display: none; } #FormAnaliseCadastro .tabs_on { display: block !important; } #FormAnaliseCadastro .last { margin-bottom: 0 !important; } #FormAnaliseCadastro .field { padding-top: 12px; } #FormAnaliseCadastro .toolbar { margin-bottom: 60px; } #GestorEmbarcadoresFormFormRegraFinanceira .situacao .el-loading-spinner .circular { height: 20px; width: 20px; } #GestorEmbarcadoresFormFormRegraFinanceira .tabs { margin-top: 21px; } #GestorEmbarcadoresFormFormRegraFinanceira .campos { margin-bottom: 24px; } #GestorEmbarcadoresFormFormRegraFinanceira .tab { display: none; } #GestorEmbarcadoresFormFormRegraFinanceira .tabs_on { display: block !important; } #GestorEmbarcadoresFormFormRegraFinanceira .last { margin-bottom: 0 !important; } #GestorEmbarcadoresFormFormRegraFinanceira .field { padding-top: 12px; } #GestorEmbarcadoresFormFormRegraFinanceira .el-icon-view { margin-top: -4px; } #GestorEmbarcadoresFormRegraFiscal .tabs { margin-top: 21px; } #GestorEmbarcadoresFormRegraFiscal .campos { margin-bottom: 24px; } #GestorEmbarcadoresFormRegraFiscal .tab { display: none; } #GestorEmbarcadoresFormRegraFiscal .tabs_on { display: block !important; } #GestorEmbarcadoresFormRegraFiscal .last { margin-bottom: 0 !important; } #GestorEmbarcadoresFormRegraFiscal .field { padding-top: 12px; } #GestorEmbarcadoresFormRegraFiscal .frete, #GestorEmbarcadoresFormRegraFiscal .linha_separadora { width: 100% !important; } #GestorEmbarcadoresFormRegraFiscal .linha_separadora { margin-top: 20px !important; } #GestorEmbarcadoresFormRegraFiscal .btn_editar_frete { float: right; margin: inherit !important; margin-left: 10px !important; } #GestorEmbarcadoresFormRegraFiscal .dados_frete { width: 100% !important; display: block; } #GestorEmbarcadoresFormRegraFiscal .transportadores { display: block; } #GestorEmbarcadoresFormRegraFiscal .campos { margin-bottom: 10px; } #GestorEmbarcadoresFormRegraFiscal ul li.frete { float: none; } #GestorEmbarcadoresFormRegraFiscal .ods-dialog__body { padding: 30px 16px; } .ods-card[data-v-2f459a22] { margin-top: 2rem; } .ods-card hr[data-v-2f459a22] { margin: 17px 0; } .ods-card .configuracao[data-v-2f459a22] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .ods-card .ajuda[data-v-2f459a22] { font-size: 13px; line-height: 20px; } .ods-card .ajuda p[data-v-2f459a22] { font-size: 13px; margin-bottom: 10px; } .el-descriptions[data-v-2f459a22] { font-family: 'Courier New', Courier, monospace !important; } .ods-card[data-v-70d3b12c] { margin-top: 2rem; } .ods-card hr[data-v-70d3b12c] { margin: 17px 0; } .ods-card .configuracao[data-v-70d3b12c] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .ods-card .ajuda[data-v-70d3b12c] { font-size: 13px; line-height: 20px; } .ods-card .ajuda p[data-v-70d3b12c] { font-size: 13px; margin-bottom: 10px; } .el-descriptions[data-v-70d3b12c] { font-family: 'Courier New', Courier, monospace !important; } #ConfiguracaoRateioDespesa .ods-card { margin-top: 2rem; font-size: 15px; color: #848484; } #ConfiguracaoRateioDespesa .ods-card hr { margin: 17px 0; } #ConfiguracaoRateioDespesa .ods-card .configuracao { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } #ConfiguracaoRateioDespesa .ods-card .ajuda { font-size: 13px; line-height: 20px; } #ConfiguracaoRateioDespesa .ods-card .ajuda p { font-size: 13px; margin-bottom: 10px; } #ConfiguracaoRateioDespesa .el-descriptions { font-family: 'Courier New', Courier, monospace !important; } #ConfiguracaoRateioDespesa .el-select__input { padding: 0 5px 4px 5px; } .ods-card[data-v-8baf59a2] { margin-top: 2rem; } .ods-card hr[data-v-8baf59a2] { margin: 17px 0; } .ods-card .configuracao[data-v-8baf59a2] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .ods-card .ajuda[data-v-8baf59a2] { font-size: 13px; line-height: 20px; } .ods-card .ajuda p[data-v-8baf59a2] { font-size: 13px; margin-bottom: 10px; } .el-descriptions[data-v-8baf59a2] { font-family: 'Courier New', Courier, monospace !important; } #ConfiguracaoResponsabilidadePedagio .ods-card { margin-top: 2rem; font-size: 15px; color: #848484; } #ConfiguracaoResponsabilidadePedagio .ods-card hr { margin: 17px 0; } #ConfiguracaoResponsabilidadePedagio .ods-card .configuracao { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } #ConfiguracaoResponsabilidadePedagio .ods-card .ajuda { font-size: 13px; line-height: 20px; } #ConfiguracaoResponsabilidadePedagio .ods-card .ajuda p { font-size: 13px; margin-bottom: 10px; } #ConfiguracaoResponsabilidadePedagio .el-descriptions { font-family: 'Courier New', Courier, monospace !important; } #ConfiguracaoResponsabilidadePedagio .el-select__input { padding: 0 5px 4px 5px; } .ods-card[data-v-e7670422] { margin-top: 2rem; } .ods-card hr[data-v-e7670422] { margin: 17px 0; } .ods-card .configuracao[data-v-e7670422] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .ods-card .ajuda[data-v-e7670422] { font-size: 13px; line-height: 20px; } .ods-card .ajuda p[data-v-e7670422] { font-size: 13px; margin-bottom: 10px; } .el-descriptions[data-v-e7670422] { font-family: 'Courier New', Courier, monospace !important; } .ods-card[data-v-79f8b6fd] { margin-top: 2rem; } .ods-card hr[data-v-79f8b6fd] { margin: 17px 0; } .ods-card .configuracao[data-v-79f8b6fd] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .input-div[data-v-79f8b6fd] { font-size: 13px; margin-bottom: 10px; } .ods-card .ajuda[data-v-79f8b6fd] { font-size: 13px; display: flex; align-items: center; justify-content: space-between; } .ods-card[data-v-5e23137b] { margin-top: 2rem; } .ods-card hr[data-v-5e23137b] { margin: 17px 0; } .ods-card .configuracao[data-v-5e23137b] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .ods-card .ajuda[data-v-5e23137b] { font-size: 13px; line-height: 20px; } .ods-card .ajuda p[data-v-5e23137b] { font-size: 13px; margin-bottom: 10px; } .el-descriptions[data-v-5e23137b] { font-family: 'Courier New', Courier, monospace !important; } .ods-card[data-v-9a660494] { margin-top: 2rem; } .ods-card hr[data-v-9a660494] { margin: 17px 0; } .ods-card .configuracao[data-v-9a660494] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .input-div[data-v-9a660494] { font-size: 13px; margin-bottom: 10px; } .ods-card .ajuda[data-v-9a660494] { font-size: 13px; margin-bottom: 10px; } .ods-card[data-v-25aa1992] { margin-top: 2rem; } .ods-card hr[data-v-25aa1992] { margin: 17px 0; } .ods-card .configuracao[data-v-25aa1992] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .input-div[data-v-25aa1992] { font-size: 13px; margin-bottom: 10px; } .ods-card .ajuda[data-v-25aa1992] { font-size: 13px; display: flex; align-items: center; justify-content: space-between; } .ods-card[data-v-3625c807] { margin-top: 2rem; } .ods-card hr[data-v-3625c807] { margin: 17px 0; } .ods-card .configuracao[data-v-3625c807] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .input-div[data-v-3625c807] { font-size: 13px; margin-bottom: 10px; } .ods-card .ajuda[data-v-3625c807] { font-size: 13px; margin-bottom: 10px; } .ods-card[data-v-275bf655] { margin-top: 2rem; } .ods-card hr[data-v-275bf655] { margin: 17px 0; } .ods-card .configuracao[data-v-275bf655] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .ods-card .ajuda[data-v-275bf655] { font-size: 13px; margin-bottom: 10px; } .ods-card[data-v-1de82192] { margin-top: 2rem; } .ods-card hr[data-v-1de82192] { margin: 17px 0; } .ods-card .configuracao[data-v-1de82192] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .input-div[data-v-1de82192] { font-size: 13px; margin-bottom: 10px; } .ods-card .ajuda[data-v-1de82192] { font-size: 13px; line-height: 20px; } .ods-card[data-v-01a5b866] { margin-top: 2rem; } .ods-card hr[data-v-01a5b866] { margin: 17px 0; } .ods-card .configuracao[data-v-01a5b866] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .ods-card .ajuda[data-v-01a5b866] { font-size: 13px; line-height: 20px; } .ods-card .ajuda p[data-v-01a5b866] { font-size: 13px; margin-bottom: 10px; } .el-descriptions[data-v-01a5b866] { font-family: 'Courier New', Courier, monospace !important; } .ods-card[data-v-460e08ed] { margin-top: 2rem; } .ods-card hr[data-v-460e08ed] { margin: 17px 0; } .ods-card .configuracao[data-v-460e08ed] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .ods-card .ajuda[data-v-460e08ed] { font-size: 13px; line-height: 20px; } .ods-card .ajuda p[data-v-460e08ed] { font-size: 13px; margin-bottom: 10px; } .el-descriptions[data-v-460e08ed] { font-family: 'Courier New', Courier, monospace !important; } .ods-card[data-v-0e6ec733] { margin-top: 2rem; } .ods-card hr[data-v-0e6ec733] { margin: 17px 0; } .ods-card .configuracao[data-v-0e6ec733] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .ods-card .ajuda[data-v-0e6ec733] { font-size: 13px; line-height: 20px; } .ods-card .ajuda p[data-v-0e6ec733] { font-size: 13px; margin-bottom: 10px; } .el-descriptions[data-v-0e6ec733] { font-family: 'Courier New', Courier, monospace !important; } .ods-card[data-v-aebe0a90] { margin-top: 2rem; } .ods-card hr[data-v-aebe0a90] { margin: 17px 0; } .ods-card .configuracao[data-v-aebe0a90] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .input-div[data-v-aebe0a90] { font-size: 13px; margin-bottom: 10px; } .ods-card .ajuda[data-v-aebe0a90] { font-size: 13px; display: flex; align-items: center; justify-content: space-between; } .ods-card[data-v-a6906260] { margin-top: 2rem; } .ods-card hr[data-v-a6906260] { margin: 17px 0; } .ods-card .configuracao[data-v-a6906260] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .input-div[data-v-a6906260] { font-size: 13px; margin-bottom: 10px; } .ods-card .ajuda[data-v-a6906260] { font-size: 13px; display: flex; align-items: center; justify-content: space-between; line-height: 20px; } .ods-card .toggles[data-v-a6906260] { display: flex; gap: 20px; } .ods-card[data-v-57cdb3bb] { margin-top: 2rem; } .ods-card hr[data-v-57cdb3bb] { margin: 17px 0; } .ods-card .configuracao[data-v-57cdb3bb] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .input-div[data-v-57cdb3bb] { font-size: 13px; margin-bottom: 10px; } .ods-card .ajuda[data-v-57cdb3bb] { font-size: 13px; line-height: 20px; } .ods-card[data-v-00eaef66] { margin-top: 2rem; } .ods-card hr[data-v-00eaef66] { margin: 17px 0; } .ods-card .configuracao[data-v-00eaef66] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .input-div[data-v-00eaef66] { font-size: 13px; margin-bottom: 10px; } .ods-card .ajuda[data-v-00eaef66] { font-size: 13px; line-height: 20px; text-align: justify; } .ods-card[data-v-088f7771] { margin-top: 2rem; font-size: 15px; color: #848484; } .ods-card hr[data-v-088f7771] { margin: 17px 0; } .ods-card .configuracao[data-v-088f7771] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .selects-div[data-v-088f7771] { font-size: 13px; margin-bottom: 10px; } .selects-div p[data-v-088f7771] { font-size: 13px; margin-bottom: 6px; } .ods-card .ajuda[data-v-088f7771] { font-size: 13px; line-height: 20px; margin-top: 10px; } .box-card .configuracao .el-icon-info[data-v-088f7771] { color: #9a95a7; cursor: pointer; } .box-card[data-v-0d0401be] { margin-top: 2rem; font-size: 15px; color: #848484; } .box-card hr[data-v-0d0401be] { margin: 17px 0; } .box-card .configuracao[data-v-0d0401be] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .box-card .ajuda[data-v-0d0401be] { font-size: 13px; margin-bottom: 10px; } .form[data-v-0d0401be] { font-size: 13px; margin-bottom: 10px; } .form .campo[data-v-0d0401be] { margin-bottom: 12px; } .form .campo label[data-v-0d0401be] { display: block; margin-bottom: 4px; } .form .campo .el-select[data-v-0d0401be], .form .campo .el-input[data-v-0d0401be] { width: 100%; } .form .campo .dica[data-v-0d0401be] { display: block; margin-top: 4px; font-size: 12px; color: #a0a0a0; } .form .webhook[data-v-0d0401be] { border: 1px solid #ebeef5; border-radius: 4px; padding: 12px 16px 4px; margin: 16px 0; } .form .webhook legend[data-v-0d0401be] { padding: 0 6px; font-size: 13px; font-weight: bold; } .form .acoes[data-v-0d0401be] { display: flex; justify-content: flex-end; } .form .input-aviso[data-v-0d0401be] { display: flex; align-items: center; gap: 6px; margin-top: 8px; color: #e6a23c; font-size: 12px; } .box-card[data-v-ea130304] { margin-top: 2rem; font-size: 15px; color: #848484; } .box-card hr[data-v-ea130304] { margin: 17px 0; } .box-card .configuracao[data-v-ea130304] { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } .box-card .ajuda[data-v-ea130304] { font-size: 13px; line-height: 20px; } #GestorEmbarcadoresConfiguracao[data-v-e534d770] { margin-bottom: 100px; } #GestorEmbarcadoresConfiguracao .situacao .el-loading-spinner .circular[data-v-e534d770] { height: 20px; width: 20px; } #GestorEmbarcadoresConfiguracao .tabs[data-v-e534d770] { margin-top: 20px; } #GestorEmbarcadoresConfiguracao .campos[data-v-e534d770] { margin-bottom: 24px; } #GestorEmbarcadoresConfiguracao .tab[data-v-e534d770] { display: none; } #GestorEmbarcadoresConfiguracao .tabs_on[data-v-e534d770] { display: block !important; } #GestorEmbarcadoresConfiguracao .last[data-v-e534d770] { margin-bottom: 0 !important; } #GestorEmbarcadoresConfiguracao .field[data-v-e534d770] { padding-top: 12px; } #GestorEmbarcadoresConfiguracao .toolbar[data-v-e534d770] { margin-bottom: 60px; } .busca-configuracao[data-v-e534d770] { display: flex; align-items: center; gap: 24px; position: sticky; /* O `top` vem do binding com TOPO_BUSCA_FIXA, no script. */ z-index: 10; background: #fff; padding: 16px 24px; margin: 0 0 10px; border: 1px solid #e4e7ed; border-radius: 8px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); transition: border-color 200ms ease, box-shadow 200ms ease; } .busca-configuracao.fixada[data-v-e534d770] { border-color: #ef6638; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } /* A busca fica fora da área rolável: quem passa a rolar é a lista de categorias abaixo dela, para o campo de busca nunca ficar sobreposto pelas configurações durante o scroll. */ .lista-configuracoes[data-v-e534d770] { overflow-y: auto; padding-right: 4px; } .busca-configuracao-campo[data-v-e534d770] { flex: 1; min-width: 0; } .busca-configuracao-campo[data-v-e534d770] .el-input__inner { border: none; border-bottom: 1px solid #dcdfe6; border-radius: 0; padding: 0 0 4px; } .busca-configuracao-botao[data-v-e534d770] { flex-shrink: 0; } .navegacao-resultados[data-v-e534d770] { display: flex; align-items: center; gap: 8px; flex-shrink: 0; } .contador-resultados[data-v-e534d770] { font-family: 'QuicksandBold', Arial, sans-serif; color: #9a95a7; white-space: nowrap; } /* Só geometria. A cor vem da variante `primary` do OdsButton — repetir o laranja aqui, com `!important`, era o que fazia estes dois botões ficarem para trás quando o catálogo mudou o fundo do botão preenchido. */ .botao-navegacao[data-v-e534d770] { width: 32px; height: 32px; padding: 0; } .categorias-configuracao[data-v-e534d770] { border-top: none; border-bottom: none; } .secao-configuracao[data-v-e534d770] { margin-top: 20px; border: 1px solid #e4e7ed; border-radius: 8px; overflow: hidden; } .secao-configuracao[data-v-e534d770] .el-collapse-item__header { height: auto; padding: 14px 20px; border-bottom: none; background: #fff; } .secao-configuracao[data-v-e534d770] .el-collapse-item__wrap { border-bottom: none; } .secao-configuracao[data-v-e534d770] .el-collapse-item__content { padding: 0 20px 20px; } .secao-header[data-v-e534d770] { font-size: 16px; font-weight: bold; color: #9a95a7; } .item-configuracao[data-v-e534d770] { padding: 6px 10px; border-radius: 6px; transition: background-color 400ms ease; } /* Os cards internos de cada configuração trazem margin-top: 2rem, o que deixa um vão grande entre o título da categoria e a primeira configuração. */ .secao-configuracao[data-v-e534d770] .item-configuracao .box-card { margin-top: 0; } .item-configuracao.destaque[data-v-e534d770] { background-color: #fdece3; } /* Sem escopo de propósito: o é criado via manipulação direta do DOM (destacarTermoNoElemento em FormConfiguracao.vue), não pelo compilador do Vue, então não recebe o atributo data-v-* usado pelo CSS com escopo. */ mark.termo-destacado { background-color: #ef6638; color: #fff; border-radius: 3px; padding: 0 2px; } #ConfiguracaoSublimites .ods-card { margin-top: 2rem; font-size: 15px; color: #848484; } #ConfiguracaoSublimites .ods-card hr { margin: 17px 0; } #ConfiguracaoSublimites .ods-card .configuracao { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } #ConfiguracaoSublimites .ods-card .ajuda { font-size: 13px; line-height: 20px; } #ConfiguracaoSublimites .ods-card .ajuda p { font-size: 13px; margin-bottom: 10px; } #ConfiguracaoSublimites .el-descriptions { font-family: 'Courier New', Courier, monospace !important; } #ConfiguracaoSublimites .el-select__input { padding: 0 5px 4px 5px; } #ConfiguracaoSublimites .upload-loading { display: flex; flex-direction: column; justify-content: center; align-items: center; } #ConfiguracaoSublimites .upload-area { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; border: 1px dashed #ccc; border-radius: 4px; cursor: pointer; } #ConfiguracaoSublimites .paginacao { display: flex; justify-content: center; margin-top: 15px; } #ConfiguracaoSublimites .ncm-importar-dropzone .el-upload { display: block !important; } #ConfiguracaoSublimites .ncm-importar-dropzone .el-upload-dragger { width: 100%; } #ConfiguracaoFreteMinimoAntt .ods-card { margin-top: 2rem; font-size: 15px; color: #848484; } #ConfiguracaoFreteMinimoAntt .ods-card hr { margin: 17px 0; } #ConfiguracaoFreteMinimoAntt .ods-card .configuracao { display: flex; align-items: center; justify-content: space-between; font-weight: bold; } #ConfiguracaoFreteMinimoAntt .ods-card .ajuda { font-size: 13px; line-height: 20px; } #ConfiguracaoFreteMinimoAntt .ods-card .ajuda p { font-size: 13px; margin-bottom: 10px; } #ConfiguracaoFreteMinimoAntt .el-descriptions { font-family: 'Courier New', Courier, monospace !important; } #ConfiguracaoFreteMinimoAntt .el-select__input { padding: 0 5px 4px 5px; } #ConfiguracaoFreteMinimoAntt .upload-loading { display: flex; flex-direction: column; justify-content: center; align-items: center; } #ConfiguracaoFreteMinimoAntt .upload-area { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; border: 1px dashed #ccc; border-radius: 4px; cursor: pointer; } #ConfiguracaoFreteMinimoAntt .paginacao { display: flex; justify-content: center; margin-top: 15px; } #ConfiguracaoFreteMinimoAntt .ncm-importar-dropzone .el-upload { display: block !important; } #ConfiguracaoFreteMinimoAntt .ncm-importar-dropzone .el-upload-dragger { width: 100%; } .ncm-direita[data-v-570e8926] { float: right; color: #8492a6; font-size: 13px; font-family: monospace; margin-left: 20px; margin-top: -1px; } #GestorEmbarcadoresFormRegraSeguranca[data-v-27fefd73] { margin-bottom: 100px; } #GestorEmbarcadoresFormRegraSeguranca .situacao .el-loading-spinner .circular[data-v-27fefd73] { height: 20px; width: 20px; } #GestorEmbarcadoresFormRegraSeguranca .tabs[data-v-27fefd73] { margin-top: 20px; } #GestorEmbarcadoresFormRegraSeguranca .campos[data-v-27fefd73] { margin-bottom: 24px; } #GestorEmbarcadoresFormRegraSeguranca .tab[data-v-27fefd73] { display: none; } #GestorEmbarcadoresFormRegraSeguranca .tabs_on[data-v-27fefd73] { display: block !important; } #GestorEmbarcadoresFormRegraSeguranca .last[data-v-27fefd73] { margin-bottom: 0 !important; } #GestorEmbarcadoresFormRegraSeguranca .field[data-v-27fefd73] { padding-top: 12px; } #GestorEmbarcadoresFormRegraSeguranca .toolbar[data-v-27fefd73] { margin-bottom: 60px; } #Contratacao .ods-dialog__header { background-color: #ef6638; color: white !important; font-weight: 600; } #Contratacao .ods-dialog__title { color: white !important; } #Contratacao .ods-dialog__close { color: white !important; background-color: #ffffff20; padding: 5px; border-radius: 25px; margin-top: -5px; margin-right: -5px; } #Contratacao .cards { display: flex; margin-bottom: 20px; } #Contratacao .status { display: flex; flex-direction: column; align-items: center; font-size: 18px; padding-top: 8px; padding-bottom: 5px; } #Contratacao .status .total { margin-top: 15px; font-size: 45px; font-weight: bold; } #Contratacao .label-center { text-align: center; } #Contratacao .ods-dialog__body { word-break: normal; } #Contratacao .no-hover tbody tr:hover, #Contratacao .no-hover tr:hover > td.el-table__cell { background-color: white !important; } #Contratacao .el-timeline-item:last-child { padding-bottom: 0; } #Contratacao .el-timeline-item:last-child { padding-bottom: 0; } #Contratacao .el-timeline-item__node--normal, #Contratacao .el-timeline-item__tail { margin-top: 3px; } .selecao-motorista { cursor: pointer; } .selecao-motorista tr td:hover { background-color: rgba(239, 102, 56, 0.239); } .selecao-motorista .selecionado { background-color: rgba(239, 102, 56, 0.239); } .anexar-documentos-divider { margin-top: 45px !important; } #GestorFinanceiroMain .lista { margin: 0; } #GestorFinanceiroMain .lista .item { display: flex; width: 100%; min-height: 40px; justify-content: space-between; align-items: center; padding: 5px 10px; background-color: #fff; border-radius: 10px; /* box-shadow: 2px 2px 4px #dddbe1; */ box-shadow: 3px 5px 36px -10px rgb(200 200 200); } #GestorFinanceiroMain .lista .campo { font-size: 14px; font-weight: bold; margin: 0; } #GestorFinanceiroMain .btn { display: inline-block; } #GestorFinanceiroDoccobMain .lista { margin: 0; } #GestorFinanceiroDoccobMain .lista .item { display: flex; width: 100%; height: 44px; justify-content: space-between; align-items: center; padding: 5px 10px; border-radius: 10px; } #GestorFinanceiroDoccobMain .lista .campo { font-size: 14px; font-weight: bold; margin: 0; } #GestorFinanceiroDoccobMain .ods-alert .is-big { font-size: 18px; } #DespesasEmViagemForm .lista { margin: 0; } #GestorFinanceiroDespesasViagem .lista .item { display: flex; width: 100%; height: 44px; justify-content: space-between; align-items: center; padding: 5px 10px; border-radius: 10px; } #GestorFinanceiroDespesasViagem .lista .campo { font-size: 14px; font-weight: bold; margin: 0; } #GestorFinanceiroDespesasViagem .ods-alert .is-big { font-size: 18px; } .status[data-v-1bd485a2] { display: flex; align-items: center; -moz-column-gap: 20px; column-gap: 20px; font-size: 1.2rem; padding-top: 8px; padding-bottom: 5px; } .status i[data-v-1bd485a2] { font-size: 2.3rem; color: #848484; } .status .total[data-v-1bd485a2] { margin-top: 15px; font-size: 1.2rem; font-weight: bold; } .cards[data-v-7f29acb8] { display: flex; margin-bottom: 20px; } #importarDocumentos .el-select, #importarDocumentos .el-autocomplete { width: 100%; } #importarDocumentos .el-select-dropdown, .el-autocomplete-suggestion { width: 100% !important; position: absolute !important; } #importarDocumentos .el-form-item:nth-child(1), #importarDocumentos .el-form-item:nth-child(2) { display: flex; flex-direction: column; } #importarDocumentos .el-form-item:nth-child(1) .el-form-item__label, #importarDocumentos .el-form-item:nth-child(2) .el-form-item__label { align-self: flex-start; } #importarDocumentos .dialog-body { display: grid; grid-template-columns: 1fr 1fr; -moz-column-gap: 20px; column-gap: 20px; } #importarDocumentos .dialog-body .form-group, .upload-container { grid-column: 1/3; } #importarDocumentos .upload-container, #importarDocumentos .el-upload-dragger, #importarDocumentos .el-upload, #importarDocumentos .el-upload--tex { width: 100% !important; } #importarDocumentos .el-icon-upload { margin: 0 !important; } #importarDocumentos .el-upload__text, #importarDocumentos .el-upload-dragger { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 10px; } #importarDocumentos .dialog-footer { display: flex; justify-content: space-between; } #importarDocumentos .btn.vermelho:hover, #importarDocumentos .btn.vermelho:focus, #importarDocumentos .btn.vermelho:active { background-color: #fff; color: #ef6638; box-shadow: none; border: none; } #importarDocumentos .btn.vermelho:focus, #importarDocumentos .btn.laranja:focus { outline: none; } #importarDocumentos .el-autocomplete input[type="number"]::-webkit-outer-spin-button, .el-autocomplete input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #GestorFinanceiroFaturamentoMain .lista { margin: 0; } #GestorFinanceiroFaturamentoMain .lista .item { display: flex; width: 100%; height: 44px; justify-content: space-between; align-items: center; padding: 5px 10px; border-radius: 10px; } #GestorFinanceiroFaturamentoMain .lista .campo { font-size: 14px; font-weight: bold; margin: 0; } #GestorFinanceiroFaturamentoMain .ods-alert .is-big { font-size: 18px; } #GestorFinanceiroFaturamentoMain .el-tag { margin-bottom: 0 !important; } #GestorFinanceiroFaturamentoMain .btn.vermelho:hover, #GestorFinanceiroFaturamentoMain .btn.vermelho:focus, #GestorFinanceiroFaturamentoMain .btn.vermelho:active { background-color: #fff; color: #ef6638; box-shadow: none; border: none; } #GestorFinanceiroFaturamentoMain .btn.vermelho:focus, #GestorFinanceiroFaturamentoMain .btn.laranja:focus { outline: none; } #ChatGestor .chat-container { display: flex; height: 78vh; border: 1px solid #ddd; background-color: white; } #ChatGestor .chat-container .chat-sidebar { width: 400px; background-color: #efefef; border-right: 1px solid #ddd; } #ChatGestor .chat-container .chat-sidebar .chat-filtro { background-color: #efefef; border-bottom: 1px solid #ddd; width: 100%; padding: 10px; } #ChatGestor .chat-container .chat-sidebar .chat-filtro .el-input__inner::-moz-placeholder { color: #999; padding-left: 20px; } #ChatGestor .chat-container .chat-sidebar .chat-filtro .el-input__inner::placeholder { color: #999; padding-left: 20px; } #ChatGestor .chat-container .chat-sidebar .chat-filtro .el-icon-search { padding-left: 10px; } #ChatGestor .chat-container .chat-sidebar .chat-filtro input { width: 100%; background-color: #fff; border: none; border-radius: 25px; padding-top: 7px; padding-left: 35px; } #ChatGestor .chat-container .chat-sidebar .chat-cargas { height: calc(78vh - 125px); overflow-y: auto; height: calc(78vh - 123.81px); } #ChatGestor .chat-container .chat-sidebar .chat-cargas .chat-cargas-nao-lidas { display: flex; align-items: center; } #ChatGestor .chat-container .chat-sidebar .chat-cargas .chat-cargas-nao-lidas div { border: 2px solid #fff; color: #fff; background-color: #ef6638; border-radius: 25px; height: 50px; width: 50px; font-size: 20px; display: flex; justify-content: center; align-items: center; font-weight: 700; margin-right: 5px; } #ChatGestor .chat-container .chat-sidebar .chat-cargas .chat-carga { display: flex; flex-direction: row; justify-content: space-between; min-height: 80px; border-bottom: 1px solid #ddd; padding-left: 5px; cursor: pointer; } #ChatGestor .chat-container .chat-sidebar .chat-cargas .chat-carga:hover { background-color: white; } #ChatGestor .chat-carga-active { background-color: white; } #ChatGestor .chat-container .chat-sidebar .chat-cargas .chat-carga .chat-carga-titulo { display: flex; } #ChatGestor .chat-container .chat-sidebar .chat-cargas .chat-carga .chat-carga-titulo .chat-carga-titulo-codigo { margin-right: 4px; } #ChatGestor .chat-container .chat-sidebar .chat-cargas .chat-carga .chat-carga-codigos { font-size: 10px; } #ChatGestor .chat-container .chat-content { display: flex; flex-direction: column; width: 100%; } #ChatGestor .chat-container .chat-content .chat-content-description { display: flex; align-items: center; min-height: 61px; padding-left: 12px; padding-right: 10px; border-bottom: 1px solid #ddd; background-color: #efefef; } #ChatGestor .chat-container .chat-content .chat-content-description .chat-content-description-left { width: 30%; padding-top: 4px; } #ChatGestor .chat-container .chat-content .chat-content-description .chat-content-description-left div { font-weight: 700; } #ChatGestor .chat-container .chat-content .chat-content-description .chat-content-description-left div i { width: 20px; } #ChatGestor .chat-container .chat-content .chat-content-description .chat-content-description-left span { padding-top: 1.5px; font-size: 12px; font-weight: normal; } #ChatGestor .chat-container .chat-content .chat-content-description .chat-content-description-center { display: flex; width: 38%; } #ChatGestor .chat-container .chat-content .chat-content-description .chat-content-description-center .chat-content-description-center-title { font-size: 12px; } #ChatGestor .chat-container .chat-content .chat-content-description .chat-content-description-right { display: flex; justify-content: space-between; width: 32%; } #ChatGestor .chat-container .chat-content .chat-content-description .chat-content-description-right .texto-laranja { width: 70px; } #ChatGestor .chat-container .chat-content .chat-content-description .chat-content-description-right .chat-content-description-right-title { font-size: 12px; } #ChatGestor .chat-container .chat-content .chat-content-messages { flex: 1; display: flex; flex-direction: column; overflow-y: scroll; align-items: flex-start; margin-top: auto; padding: 20px; font-size: 14px; } #ChatGestor .chat-container .chat-content .chat-content-messages .chat-content-messages-datas { width: 100%; } #ChatGestor .chat-container .chat-content .chat-content-messages .chat-content-messages-data { width: 100%; text-align: center; border-bottom: 1px dotted #ef6638; line-height: 0em; margin: 10px 0 20px; } #ChatGestor .chat-container .chat-content .chat-content-messages .chat-content-messages-data span { background: #fff; padding: 0 9px 0 10px; font-size: 14px; } #ChatGestor .chat-container .chat-content .chat-content-messages .chat-content-message div:first-child { max-width: 658px; } #ChatGestor .chat-container .chat-content .chat-content-messages .chat-content-message-hora { margin-top: 6px; margin-left: 20px; font-size: 12px; opacity: 0.5; } #ChatGestor .chat-container .chat-content .chat-content-messages .chat-content-message-status { margin-top: 6.8px; margin-left: 5px; font-size: 10px; opacity: 0.4; } #ChatGestor .chat-container .chat-content .chat-content-messages .chat-content-message-status i { margin-top: 1px; margin-right: 4px; font-size: 12px; } #ChatGestor .chat-container .chat-content .chat-content-messages-others { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; } #ChatGestor .chat-container .chat-content .chat-content-messages-others .chat-content-message { display: flex; background-color: #efefef; border-radius: 8px; padding: 5px 8px 5px 10px; margin: 1px 0; max-width: 70%; } #ChatGestor .chat-container .chat-content .chat-content-messages-others-transportador .chat-content-message { display: flex; background-color: white; border: 1px solid #ddd; border-radius: 8px; padding: 5px 8px 5px 10px; margin: 1px 0; max-width: 70%; } #ChatGestor .chat-container .chat-content .chat-content-message-image { max-width: 50% !important; align-items: flex-end; } #ChatGestor .chat-container .chat-content .chat-content-message-image img { width: 100%; } #ChatGestor .chat-container .chat-content .chat-content-messages-mine { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; } #ChatGestor .chat-container .chat-content .chat-content-messages-mine .chat-content-message { display: flex; background-color: #fdc8a5; border-radius: 8px; padding: 5px 5px 5px 10px; margin: 1px 0; max-width: 70%; } #ChatGestor .chat-container .chat-content .chat-content-form { display: flex; min-height: 50px; background-color: #ddd; align-items: center; justify-content: space-between; } #ChatGestor .chat-container .chat-content .chat-content-form .chat-content-form-attach { display: flex; justify-content: center; width: 50px; } #ChatGestor .chat-container .chat-content .chat-content-form .chat-content-form-attach div { display: flex; justify-content: center; align-items: center; border-radius: 25px; width: 32px; height: 32px; margin-top: 1px; cursor: pointer; } #ChatGestor .chat-container .chat-content .chat-content-form .chat-content-form-attach div:hover { background-color: #ffffff88; } #ChatGestor .chat-container .chat-content .chat-content-form .chat-content-form-button { display: flex; justify-content: center; width: 50px; } #ChatGestor .chat-container .chat-content .chat-content-form .chat-content-form-attach i { transform: rotate(90deg); font-size: 110%; color: #999; } #ChatGestor .chat-container .chat-content .chat-content-form .chat-content-form-button i { transform: rotate(45deg); color: #999; } #ChatGestor .chat-container .chat-content .chat-content-form .chat-content-form-button i.chat-content-form-button-active { color: #ef6638; cursor: pointer; } #ChatGestor .chat-container .chat-content .chat-content-form .chat-content-form-input { display: flex; width: 100%; padding: 10px 0 10px 0; } #ChatGestor .chat-container .chat-content .chat-content-form .chat-content-form-input textarea { width: 100%; background-color: white; border: none; margin-top: 3px; border-radius: 25px; padding-left: 15px; } #ChatGestor .chat-container .chat-content .chat-content-form .chat-content-form-input textarea:focus { outline: none; } #ChatGestor .chat-container .chat-content .chat-content-form .chat-content-form-input textarea::-moz-placeholder { color: #999; padding-left: 15px; } #ChatGestor .chat-container .chat-content .chat-content-form .chat-content-form-input textarea::placeholder { color: #999; padding-left: 15px; } #ChatGestor .filtros { margin-bottom: 15px; } #ChatGestor .filtros .el-col { width: 25%; padding: 10px; } #SituacaoDialog .ods-dialog__body { padding-top: 30px; } #GeralTab .valor-linha { display: flex; flex-direction: row; justify-content: space-between; } #Chat .chat-container { display: flex; height: 78vh; border: 1px solid #ddd; background-color: white; } #Chat .chat-container .chat-sidebar { width: 400px; background-color: #efefef; border-right: 1px solid #ddd; } #Chat .chat-container .chat-sidebar .chat-cargas { height: calc(78vh - 125px); overflow-y: auto; } #Chat .chat-container .chat-sidebar .chat-cargas .chat-cargas-nao-lidas { display: flex; align-items: center; } #Chat .chat-container .chat-sidebar .chat-cargas .chat-cargas-nao-lidas div { border: 2px solid #fff; color: #fff; background-color: #ef6638; border-radius: 25px; height: 50px; width: 50px; font-size: 20px; display: flex; justify-content: center; align-items: center; font-weight: 700; margin-right: 5px; } #Chat .chat-container .chat-sidebar .chat-cargas .chat-carga { display: flex; flex-direction: row; justify-content: space-between; min-height: 80px; border-bottom: 1px solid #ddd; padding-left: 5px; cursor: pointer; } #Chat .chat-container .chat-sidebar .chat-cargas .chat-carga:hover { background-color: white; } #Chat .chat-carga-active { background-color: white; } #Chat .chat-container .chat-sidebar .chat-cargas .chat-carga .chat-carga-titulo { display: flex; } #Chat .chat-container .chat-sidebar .chat-cargas .chat-carga .chat-carga-titulo .chat-carga-titulo-codigo { margin-right: 4px; } #Chat .chat-container .chat-sidebar .chat-cargas .chat-carga .chat-carga-codigos { font-size: 10px; } #Chat .chat-container .chat-content { display: flex; flex-direction: column; width: 100%; } #Chat .chat-container .chat-content .chat-content-description { display: flex; align-items: center; min-height: 61px; padding-left: 12px; padding-right: 10px; border-bottom: 1px solid #ddd; background-color: #efefef; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-left { width: 30%; padding-top: 4px; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-left div { font-weight: 700; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-left div i { width: 20px; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-left span { padding-top: 1.5px; font-size: 12px; font-weight: normal; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-center { display: flex; width: 38%; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-center .chat-content-description-center-title { font-size: 12px; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-right { display: flex; justify-content: space-between; width: 32%; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-right .texto-laranja { width: 70px; } #Chat .chat-container .chat-content .chat-content-description .chat-content-description-right .chat-content-description-right-title { font-size: 12px; } #Chat .chat-container .chat-content .chat-content-messages { flex: 1; display: flex; flex-direction: column; overflow-y: scroll; align-items: flex-start; margin-top: auto; padding: 20px; font-size: 14px; } #Chat .chat-container .chat-content .chat-content-messages .chat-content-messages-datas { width: 100%; } #Chat .chat-container .chat-content .chat-content-messages .chat-content-messages-data { width: 100%; text-align: center; border-bottom: 1px dotted #ef6638; line-height: 0em; margin: 10px 0 20px; } #Chat .chat-container .chat-content .chat-content-messages .chat-content-messages-data span { background: #fff; padding: 0 9px 0 10px; font-size: 14px; } #Chat .chat-container .chat-content .chat-content-messages .chat-content-message div:first-child { max-width: 658px; } #Chat .chat-container .chat-content .chat-content-messages .chat-content-message-hora { margin-top: 6px; margin-left: 20px; font-size: 12px; opacity: 0.5; } #Chat .chat-container .chat-content .chat-content-messages .chat-content-message-status { margin-top: 6.8px; margin-left: 5px; font-size: 10px; opacity: 0.4; } #Chat .chat-container .chat-content .chat-content-messages .chat-content-message-status i { margin-top: 1px; margin-right: 4px; font-size: 12px; } #Chat .chat-container .chat-content .chat-content-messages-others { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; } #Chat .chat-container .chat-content .chat-content-messages-others .chat-content-message { display: flex; background-color: #efefef; border-radius: 8px; padding: 5px 8px 5px 10px; margin: 1px 0; max-width: 70%; } #Chat .chat-container .chat-content .chat-content-messages-others-transportador .chat-content-message { display: flex; background-color: white; border: 1px solid #ddd; border-radius: 8px; padding: 5px 8px 5px 10px; margin: 1px 0; max-width: 70%; } #Chat .chat-container .chat-content .chat-content-message-image { max-width: 50% !important; align-items: flex-end; } #Chat .chat-container .chat-content .chat-content-message-image img { width: 100%; } #Chat .chat-container .chat-content .chat-content-messages-mine { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; } #Chat .chat-container .chat-content .chat-content-messages-mine .chat-content-message { display: flex; background-color: #fdc8a5; border-radius: 8px; padding: 5px 5px 5px 10px; margin: 1px 0; max-width: 70%; } #Chat .chat-container .chat-content .chat-content-form { display: flex; min-height: 50px; background-color: #ddd; align-items: center; justify-content: space-between; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-attach { display: flex; justify-content: center; width: 50px; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-attach div { display: flex; justify-content: center; align-items: center; border-radius: 25px; width: 32px; height: 32px; margin-top: 1px; cursor: pointer; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-attach div:hover { background-color: #ffffff88; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-button { display: flex; justify-content: center; width: 50px; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-attach i { transform: rotate(90deg); font-size: 110%; color: #999; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-button i { transform: rotate(45deg); color: #999; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-button i.chat-content-form-button-active { color: #ef6638; cursor: pointer; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-input { display: flex; width: 100%; padding: 10px 0 10px 0; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-input textarea { width: 100%; background-color: white; border: none; margin-top: 3px; border-radius: 25px; padding-left: 15px; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-input textarea:focus { outline: none; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-input textarea::-moz-placeholder { color: #999; padding-left: 15px; } #Chat .chat-container .chat-content .chat-content-form .chat-content-form-input textarea::placeholder { color: #999; padding-left: 15px; } #NfeTab .el-table thead { color: #909399; font-weight: 500; } #NfeTab .el-table thead th.el-table__cell { background: #F5F7FA; } #DialogCteTab .el-form-item__content { line-height: initial; } #DialogCteTab .ods-dialog__body { padding-bottom: 10px !important; } #DialogMdfeTab .el-form-item__content { line-height: initial; } #DialogMdfeTab .ods-dialog__body { padding-bottom: 10px !important; } #map[data-v-00451310] { width: 100%; height: 89vh; } #PedagioTab .el-table thead { color: #606266; font-weight: 500; } #PedagioTab .el-table thead th.el-table__cell { background: #F5F7FA; } #PedagioTab .el-tag { margin: 0 !important; } #PedagioTab .origemEdestino { display: flex; gap: 20px; } #PedagioTab .el-tab-pane-footer { display: flex; justify-content: space-between; } #PedagioTab .destino { width: 100% !important; } #PedagioTab .destaque { color: #ef6638; } #CargaDialog .ods-dialog__body { padding-top: 15px; } #CargaDialog .ods-tabs__header { margin-bottom: 30px; } #CargaDialog .botao { background-color: #efefef; } #CargaDialog .botao:hover { color: #ef6638; } #CargaDialog .ods-checkbox { margin-top: 0; margin-left: 10px; } #Torre { margin-bottom: 100px; } #Torre .ods-dialog__header { background-color: #ef6638; color: white !important; font-weight: 600; } #Torre .ods-dialog__title { color: white !important; } #Torre .ods-dialog__close { color: white !important; background-color: #ffffff20; padding: 5px; border-radius: 25px; margin-top: -5px; margin-right: -5px; } #Torre .cards { display: flex; margin-bottom: 20px; } #Torre .status { display: flex; flex-direction: column; align-items: center; font-size: 18px; padding-top: 8px; padding-bottom: 5px; } #Torre .status .total { margin-top: 15px; font-size: 45px; font-weight: bold; } #Torre .label-center { text-align: center; } #Torre .ods-dialog__body { word-break: normal; } #Torre .no-hover tbody tr:hover, #Torre .no-hover tr:hover > td.el-table__cell { background-color: white !important; } #Torre .el-timeline-item:last-child { padding-bottom: 0; } #Torre .el-timeline-item:last-child { padding-bottom: 0; } #Torre .el-timeline-item__node--normal, #Torre .el-timeline-item__tail { margin-top: 3px; } .selecao-motorista { cursor: pointer; } .selecao-motorista tr td:hover { background-color: rgba(239, 102, 56, 0.239); } .selecao-motorista .selecionado { background-color: rgba(239, 102, 56, 0.239); } .no-spin[data-v-3aacd0d0] input[type='number']::-webkit-inner-spin-button, .no-spin[data-v-3aacd0d0] input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .no-spin[data-v-3aacd0d0] input[type='number'] { -webkit-appearance: textfield; appearance: textfield; -moz-appearance: textfield; } #NovaTabela[data-v-c3cc9806] .el-form-item__label { font-size: 10px; color: #848484; } #NovaTabela[data-v-c3cc9806] .ods-radio__label { font-size: 10px; color: #848484; } .no-spin[data-v-c3cc9806] input[type='number']::-webkit-inner-spin-button, .no-spin[data-v-c3cc9806] input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .no-spin[data-v-c3cc9806] input[type='number'] { -webkit-appearance: textfield; appearance: textfield; -moz-appearance: textfield; } .dialog-footer[data-v-c3cc9806] { display: flex; justify-content: space-between; } #CriarRota .field-error[data-v-69dbc172] { color: #f56c6c; font-size: 12px; margin-top: 8px; } #CriarRota .btn.disabled[data-v-69dbc172] { opacity: 0.6; pointer-events: none; } #CriarRota[data-v-69dbc172] .el-table__body tr.perfil-row-selecionado>td, #CriarRota[data-v-69dbc172] .el-table__body tr.perfil-row-selecionado>td { background-color: #fff7e6; } .import-summary[data-v-47f12940] { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; } .summary-card[data-v-47f12940] { flex: 1 1 100px; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 10px; border-radius: 8px; background-color: #f5f7fa; border: 1px solid #ebeef5; } .summary-card .summary-value[data-v-47f12940] { font-size: 22px; font-weight: bold; color: #303133; } .summary-card .summary-label[data-v-47f12940] { font-size: 12px; color: #909399; text-transform: uppercase; } .summary-card.success .summary-value[data-v-47f12940] { color: #67c23a; } .summary-card.info .summary-value[data-v-47f12940] { color: #409eff; } .summary-card.danger .summary-value[data-v-47f12940] { color: #f56c6c; } .btn.is-disabled[data-v-47f12940] { opacity: 0.6; pointer-events: none; } .preview-rotas[data-v-0e3fa94f] { margin-top: 4px; } .preview-rotas-titulo[data-v-0e3fa94f] { font-weight: 600; color: #303133; margin: 0 0 8px; } .preview-rota-item[data-v-0e3fa94f] { font-size: 13px; color: #606266; margin: 10px 0; } .preview-rota-rota[data-v-0e3fa94f] { margin: 0; } .preview-rota-valores[data-v-0e3fa94f] { margin: 2px 0 0; } .valor-antigo[data-v-0e3fa94f] { color: #909399; margin-right: 6px; } .valor-novo[data-v-0e3fa94f] { color: #ef6638; } #AjustarTarifas .el-collapse { border: 1px solid #ef6638; border-radius: 12px; background: #ffffff; box-shadow: 0 2px 12px rgba(255, 152, 0, 0.08); overflow: hidden; } #AjustarTarifas .el-collapse-item__header { background: #fff7e6; color: #303133; font-weight: 600; font-size: 14px; padding: 16px 20px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; align-items: center; gap: 10px; } #AjustarTarifas .el-collapse-item__header:hover { background: #ffead4; box-shadow: inset 0 2px 4px rgba(255, 152, 0, 0.15); } #AjustarTarifas .el-collapse-item__header.is-active { background: #ffead4; border-bottom-color: #ef6638; box-shadow: inset 0 2px 4px rgba(255, 152, 0, 0.15); } #AjustarTarifas .el-collapse-item__header i { color: #ef6638; font-weight: bold; font-size: 18px; transition: transform 0.3s ease; } #AjustarTarifas .el-collapse-item__header.is-active i { transform: rotate(180deg); } #AjustarTarifas .el-collapse-item__wrap { background-color: #ffffff; border-radius: 0 0 12px 12px; border-top: none; box-shadow: 0 4px 12px rgba(255, 152, 0, 0.06); } #AjustarTarifas .el-collapse-item__content { padding: 24px; font-size: 14px; color: #404040; background: #fafafa; line-height: 1.6; } #TabelaFrete { display: flex; flex-direction: column; gap: 10px; } #TabelaFrete .skeleton-container { display: flex; flex-direction: column; gap: 10px; } #TabelaFrete .skeleton-card { background-color: white; border-radius: 10px; padding: 20px; } #TabelaFrete .save-actions { display: flex; justify-content: flex-end; margin-top: 6px; } #TabelaFrete .container { width: 100%; background-color: white; height: -moz-fit-content; height: fit-content; padding: 20px 20px; border-radius: 10px; } #Table { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; } .newTable { border-radius: .5rem; border: 1px solid rgba(239, 102, 56, 0.2); width: 100%; height: 100px; background-color: rgba(239, 102, 56, 0.05); } .option-container { display: flex; justify-content: space-between; align-items: center; gap: 10px; } .table-name { font-weight: 500; } .status-badge { font-size: 10px; padding: 2px 8px; border-radius: 12px; color: white; text-transform: uppercase; font-weight: bold; line-height: 1.4; } .el-select-dropdown__item.selected .status-badge { box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } .status-badge.expirada { background-color: #909399; } .status-badge.ativa, .status-badge.ativo { background-color: #67C23A; } .status-badge.inativa, .status-badge.inativo { background-color: #F56C6C; } .routes-section { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05); margin-top: 20px; } .table-toolbar { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ebeef5; } .toolbar-actions-row { margin-top: 12px; } .filters-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; } .actions-group { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; } .custom-table { border-radius: 4px; overflow: hidden; } .table-footer-info { margin-top: 10px; font-size: 12px; color: #909399; text-align: right; } .btn-more:hover { color: #ef6638; } .value-text { font-weight: 500; color: #606266; } .text-danger { color: #F56C6C !important; } .text-right { text-align: right; } /* Removido (TRKM-2447): este `\3c style>` não é scoped, então a regra vazava para o app inteiro — e o `!important` vencia até o estado desabilitado do OdsButton, deixando qualquer botão primary laranja mesmo desativado. O laranja do primary agora é do OdsButton; aqui a regra era redundante e nociva. */ .somente-leitura { pointer-events: none; } .parametro-item { display: flex; flex-direction: column; gap: 6px; } .parametro-label { color: #909399; font-size: 12px; font-weight: bold; } .parametro-valor { color: #303133; font-size: 14px; font-weight: 500; min-height: 20px; } .dialog-nova-tabela .ods-dialog__title { color: #ffffff; font-size: 18px; font-weight: 600; } .dialog-nova-tabela .ods-dialog__headerbtn .ods-dialog__close { color: #ffffff; font-size: 20px; } .dialog-nova-tabela .ods-dialog__body { padding: 30px 24px; background-color: #f8f9fa; } .steps-wrapper { background: #ffffff; padding: 24px; border-radius: 8px; margin-bottom: 24px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .step-container { background: #ffffff; padding: 24px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); min-height: 400px; } .step-header { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 2px solid #ef6638; } .step-title { margin: 0 0 8px 0; font-size: 18px; font-weight: bold; color: #848484; display: flex; align-items: center; gap: 8px; text-transform: uppercase; } .step-title i { color: #ef6638; font-size: 20px; } .step-description { margin: 0; font-size: 13px; color: #909399; } .review-alert { margin-bottom: 20px; border-left: 4px solid #409EFF; } .review-card { margin-bottom: 20px; border: 1px solid #e4e7ed; border-radius: 8px; overflow: hidden; transition: all 0.3s ease; } .review-card:hover { border-color: #ef6638; } .review-card .card-header { display: flex; align-items: center; gap: 10px; font-weight: 600; color: #303133; font-size: 15px; } .review-card .card-header i { color: #ef6638; font-size: 18px; } .review-card .card-title { font-weight: 600; } .review-card .el-card__body p { margin: 4px 0; line-height: 1.6; } .review-card .el-card__body strong { color: #606266; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; } .dialog-footer-custom { display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; background-color: #f8f9fa; border-top: 1px solid #e4e7ed; } .footer-left, .footer-right { display: flex; gap: 10px; } .dialog-nova-tabela .el-step__title { font-size: 14px; font-weight: bold; color: #848484 !important; } .dialog-nova-tabela .el-step__head.is-finish { color: #67C23A; border-color: #67C23A; } .dialog-nova-tabela .el-step__head.is-process { color: #ef6638; border-color: #ef6638; } .dialog-nova-tabela .el-step__icon.is-text { border-width: 2px; } .step-container .el-form-item__label { font-weight: 600; color: #606266; font-size: 13px; } .step-container .el-input__inner, .step-container .el-textarea__inner { border-radius: 6px; transition: all 0.3s ease; } .step-container .el-input__inner:focus, .step-container .el-textarea__inner:focus { border-color: #ef6638; } #SecondStep .el-table { margin-top: 20px; border-radius: 8px; overflow: hidden; } #SecondStep .el-table th { background-color: #fef0e6; color: #303133; font-weight: 600; } h2 { font-weight: bold; margin-bottom: 20px; } [data-v-0df2a3dc] .el-card { border: none !important; box-shadow: none !important; } #FreightCard[data-v-7affca30] { padding: 20px; display: flex; flex-direction: column; gap: 12px; } .freight-card[data-v-7affca30] { display: flex; justify-content: space-between; /* Alinha uma div no início e outra no fim */ align-items: center; padding: 15px 20px; border-radius: 6px; background-color: #ffffff; border: 1px solid #ebeef5; transition: transform 0.2s; } .freight-card[data-v-7affca30]:hover { transform: translateX(5px); } /* --- Estilos Dinâmicos por Status --- */ .status-aprovado .status-icon[data-v-7affca30] { background-color: #67C23A; } .status-aprovado .status-badge[data-v-7affca30] { color: #67C23A; } .status-reprovado .status-icon[data-v-7affca30] { background-color: #F56C6C; } .status-reprovado .status-badge[data-v-7affca30] { color: #F56C6C; } .status-renegociado .status-icon[data-v-7affca30] { background-color: #409EFF; } .status-renegociado .status-badge[data-v-7affca30] { color: #409EFF; } .status-pendente .status-icon[data-v-7affca30] { background-color: #E6A23C; } .status-pendente .status-badge[data-v-7affca30] { color: #E6A23C; } /* --- Estrutura Interna --- */ .status-badge[data-v-7affca30] { font-weight: bold; text-transform: uppercase; font-size: 12px; display: flex; align-items: center; gap: 8px; } .status-icon[data-v-7affca30] { width: 8px; height: 8px; border-radius: 50%; display: inline-block; } .id-text[data-v-7affca30] { color: #909399; font-size: 13px; margin-left: 10px; } .route-row[data-v-7affca30] { margin-top: 8px; } .route[data-v-7affca30] { font-size: 16px; font-weight: bold; margin-right: 20px; } .values[data-v-7affca30] { font-size: 14px; } .info-date[data-v-7affca30] { text-align: right; min-width: 120px; color: #606266; font-size: 13px; border-left: 1px solid rgba(0, 0, 0, 0.05); padding-left: 20px; } .info-date p[data-v-7affca30] { margin: 4px 0; } #AuditoriaHistorico[data-v-73013913] { width: 100%; background-color: white; } .content[data-v-14246b77] { display: flex; flex-direction: column; gap: 10px; } .btn.disabled[data-v-14246b77], .btn[disabled][data-v-14246b77] { opacity: 0.5; cursor: not-allowed !important; pointer-events: none; } .detail-card[data-v-14246b77] { border: 1px solid #ebeef5; border-radius: 8px; padding: 16px; margin-bottom: 16px; background-color: #ffffff; } .detail-card-title[data-v-14246b77] { font-weight: 600; margin-bottom: 10px; color: #303133; } .detail-card-row[data-v-14246b77] { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid #ebeef5; } .detail-card-row[data-v-14246b77]:last-child { border-bottom: none; } .detail-card-row span[data-v-14246b77] { color: #606266; font-size: 13px; } .detail-card-row strong[data-v-14246b77], .detail-card-value[data-v-14246b77] { color: #303133; font-weight: 600; } .status-cards[data-v-5096d7ac] { display: flex; gap: 10px; flex-wrap: nowrap; justify-content: space-between; } .status-card[data-v-5096d7ac] { cursor: pointer; transition: all 0.3s ease; border-radius: 6px; flex: 1; min-width: 120px; } .status-card[data-v-5096d7ac]:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); } .card-content[data-v-5096d7ac] { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px 8px; text-align: center; } .status-info[data-v-5096d7ac] { flex: 1; width: 100%; } .status-label[data-v-5096d7ac] { font-size: 12px; font-weight: 500; color: #606266; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .status-count[data-v-5096d7ac] { font-size: 18px; font-weight: 600; color: #303133; } .status-aprovado[data-v-5096d7ac] { border-top: 3px solid #67C23A; } .status-aprovado .status-icon[data-v-5096d7ac] { background-color: #67C23A; } .status-reprovado[data-v-5096d7ac] { border-top: 3px solid #F56C6C; } .status-reprovado .status-icon[data-v-5096d7ac] { background-color: #F56C6C; } .status-pendente[data-v-5096d7ac] { border-top: 3px solid #E6A23C; } .status-pendente .status-icon[data-v-5096d7ac] { background-color: #E6A23C; } .status-renegociado[data-v-5096d7ac] { border-top: 3px solid #409EFF; } .status-renegociado .status-icon[data-v-5096d7ac] { background-color: #409EFF; } .status-icon[data-v-5096d7ac] { font-size: 18px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: white; } .tab[data-v-ab03bfbe] { display: none; } .tabs_on[data-v-ab03bfbe] { display: block !important; } .router-link-active[data-v-ab03bfbe] { color: #ef6638; border-bottom: 2px solid #ef6638; font-weight: bold; } .status-container[data-v-ab03bfbe] { margin-top: 20px; display: flex; justify-content: space-between; gap: 10px; } #Auditoria[data-v-ab03bfbe] { margin-bottom: 40px; } #Auditoria .ods-dialog[data-v-ab03bfbe] { min-width: 1200px; margin-bottom: 8vh; } @charset "UTF-8";/*! normalize.css v3.0.2 | MIT License | git.io/normalize *//** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }/** * Remove default margin. */body { margin: 0; }/* HTML5 display definitions ========================================================================== *//** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }/** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }/** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */audio:not([controls]) { display: none; height: 0; }/** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */[hidden], template { display: none; }/* Links ========================================================================== *//** * Remove the gray background color from active links in IE 10. */a, input { background-color: transparent; }/** * Improve readability when focused and also mouse hovered in all browsers. */a:active, a:hover { outline: 0; }/* Text-level semantics ========================================================================== *//** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */abbr[title] { border-bottom: 1px dotted; }/** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */b, strong { font-weight: bold; }/** * Address styling not present in Safari and Chrome. */dfn { font-style: italic; }/** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */h1 { font-size: 2em; margin: 0.67em 0; }/** * Address styling not present in IE 8/9. */mark { background: #ff0; color: #000; }/** * Address inconsistent and variable font size in all browsers. */small { font-size: 80%; }/** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }sup { top: -0.5em; }sub { bottom: -0.25em; }/* Embedded content ========================================================================== *//** * Remove border when inside `a` element in IE 8/9/10. */img { border: 0; }/** * Correct overflow not hidden in IE 9/10/11. */svg:not(:root) { overflow: hidden; }/* Grouping content ========================================================================== *//** * Address margin not present in IE 8/9 and Safari. */figure { margin: 1em 40px; }/** * Address differences between Firefox and other browsers. */hr { box-sizing: content-box; height: 0; }/** * Contain overflow in all browsers. */pre { overflow: auto; }/** * Address odd `em`-unit font size rendering in all browsers. */code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }/* Forms ========================================================================== *//** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. *//** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }/** * Address `overflow` set to `hidden` in IE 8/9/10/11. */button { overflow: visible; }/** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */button, select { text-transform: none; }/** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }/** * Re-set default cursor for disabled elements. */button[disabled], html input[disabled] { cursor: default; }/** * Remove inner padding and border in Firefox 4+. */button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }/** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */input { line-height: normal; }/** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }/** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }/** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; }/** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }/** * Define consistent border, margin, and padding. */fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }/** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */legend { border: 0; /* 1 */ padding: 0; /* 2 */ }/** * Remove default vertical scrollbar in IE 8/9/10/11. */textarea { overflow: auto; }/** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */optgroup { font-weight: bold; }/* Tables ========================================================================== *//** * Remove most spacing between table cells. */table { border-collapse: collapse; border-spacing: 0; }td, th { padding: 0; }/* ========================================================================== Reset ========================================================================== *//** * Remove anchor tex-decoration */a { text-decoration: none; }/** * Remove list-style */ol, ul { list-style: none; }html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, footer, header, nav, section, main { margin: 0; padding: 0; border: 0; vertical-align: baseline; }h1, h2, h3, h4, h5, h6, p, a, ul { font-size: 1em; font-weight: normal; }*, *:before, *:after { box-sizing: border-box; }.container { width: 960px; margin: 0 auto; padding: 0px; position: relative; }.container:after, .container:before { content: " "; display: table; }.container:after { clear: both; }.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-1-3 { float: left; margin-left: 10px; margin-right: 10px; }.grid-1 {width: 40px;}.grid-2 {width: 100px;}.grid-3 {width: 160px;}.grid-4 {width: 220px;}.grid-5 {width: 280px;}.grid-6 {width: 340px;}.grid-7 {width: 400px;}.grid-8 {width: 460px;}.grid-9 {width: 520px;}.grid-10 {width: 580px;}.grid-11 {width: 640px;}.grid-12 {width: 700px;}.grid-13 {width: 760px;}.grid-14 {width: 820px;}.grid-15 {width: 880px;}.grid-16 {width: 940px;}.grid-1-3 {width: 300px;}@media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } .grid-1 {width: 28px;} .grid-2 {width: 76px;} .grid-3 {width: 124px;} .grid-4 {width: 172px;} .grid-5 {width: 220px;} .grid-6 {width: 268px;} .grid-7 {width: 316px;} .grid-8 {width: 364px;} .grid-9 {width: 412px;} .grid-10 {width: 460px;} .grid-11 {width: 508px;} .grid-12 {width: 556px;} .grid-13 {width: 604px;} .grid-14 {width: 652px;} .grid-15 {width: 700px;} .grid-16 {width: 748px;} .grid-1-3 {width: 236px;} }@media only screen and (max-width: 767px) { .container { width: 300px; } .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-1-3 { width: 300px; margin: 0 0 20px 0; float: none; } }/* GERAL */@font-face { font-family: 'QuicksandRegular'; src: url(/static/fonts/quicksand-regular-webfont.11a2a6c.woff2) format('woff2'), url(/static/fonts/quicksand-regular-webfont.7cb549a.woff) format('woff'); font-weight: normal; font-style: normal; }@font-face { font-family: 'QuicksandMedium'; src: url(/static/fonts/quicksand-medium-webfont.dd5f74e.woff2) format('woff2'), url(/static/fonts/quicksand-medium-webfont.5f7c6a9.woff) format('woff'); font-weight: normal; font-style: normal; }@font-face { font-family: 'QuicksandLight'; src: url(/static/fonts/quicksand-light-webfont.63ce043.woff2) format('woff2'), url(/static/fonts/quicksand-light-webfont.9f83afc.woff) format('woff'); font-weight: normal; font-style: normal; }@font-face { font-family: 'QuicksandBold'; src: url(/static/fonts/quicksand-bold-webfont.527d70f.woff2) format('woff2'), url(/static/fonts/quicksand-bold-webfont.1aeb828.woff) format('woff'); font-weight: normal; font-style: normal; }body { font-family: 'QuicksandRegular', Arial, sans-serif; /*fbackground-color: #f8f8f8;/* CINZA BG*/ background-color: #f1f1f1; /*CINZA BG*/ overflow-x: hidden; }p { font-family: 'QuicksandRegular', Arial, sans-serif; color: #848484; /* CINZA ESCURO */ }/* ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } ::-webkit-scrollbar-thumb { background: #777; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: #777; } */.barra_superior { height: 3px; width: 100%; margin: 0px 0px 0px 0px; background-color: #ef6638; /* LARANHA TRUCKME */ z-index: 999; }.marca_dagua_branco { position: absolute; width: 613px; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url('/static/img/marca-dagua-branco.png'); /*position: fixed;*/ left: -100px; top: 0px; z-index: 1; }.marca_dagua_cinza { width: 600px; height: 653px; background-repeat: no-repeat; background-image: url('/static//img/marca-dagua-cinza.png'); position: fixed; right: 150px; z-index: -1; }.titulo_secao { font-family: 'QuicksandRegular', Arial, sans-serif; font-size: 26px; letter-spacing: 0.1em; line-height: 40px; color: #ef6638; /* LARANHA TRUCKME */ }/* TEXTOS */.vermelho { /* background-color: #b1002a; color: #fff; */ background-color: #fff; color: #ef6638; transition: all 0.3s linear; }/* .vermelho:hover { background: #b1002a; Vermelho Escuro background-color: #ef6638; color: #fff; } */.verde { /* background: #5db100; */ /* Verde */ background-color: #ef6638; /* Verde */ color: #fff; transition: all 0.3s linear; }.verde:hover { /* background: #5db100; */ /* Verde Escuro*/ background: #ef6638; /* Verde Escuro*/ }.azul { background: #0e6e92; /*AZUL ESCURO*/ color: #fff; transition: all 0.3s linear; }.azul:hover { background: #0e6e92; /*AZUL ESCURO*/ }.amarelo { background: #f5c400; /*AMARELO ESCURO*/ color: #fff; transition: all 0.3s linear; }.amarelo:hover { background: #f5c400; /*AMARELO ESCURO*/ }.laranja { background: #ef6638; /* LARANJA TRUCKME */ color: #fff; transition: all 0.3s linear; }.laranja:hover { background: #ef6638; /* LARANJA TRUCKME */ }.b_cinza { background: #848484; /* CINZA ESCURO */ color: #fff; transition: all 0.3s linear; }.b_cinza:hover { background: #848484; /* CINZA ESCURO */ }/* FONTES — os utilitários de texto foram para src/ods/tokens/utilitarios.css (Fase 7). */.branco { color: #fff; }/* FORMULARIO */label { float: left; display: block; font-family: 'QuicksandBold', Arial, sans-serif; font-size: 10px; letter-spacing: 0.1em; color: #848484; /* CINZA ESCURO */ }input[type='text'], input[type='date'], input[type='password'] { /*float: left;*/ display: block; /*margin: 10px 0px 10px -45px;*/ font-family: 'QuicksandRegular', Arial, sans-serif; font-size: 12px; letter-spacing: 0.1em; color: #848484; /* CINZA ESCURO */ background: transparent; padding: 10px 5px 5px 5px; border: none; border-bottom: 1px solid #dddbe1; /* CINZA MEDIO */ /*width: 300px;*/ outline: none; transition: all 0.3s linear; }select { float: left; display: block; font-family: 'QuicksandRegular', Arial, sans-serif; font-size: 12px; letter-spacing: 0.1em; color: #848484; /* CINZA ESCURO */ /*background-color: #fff;*/ background: none; padding: 10px 5px 5px 5px; border-radius: 4px; border: 1px solid #dddbe1; /* CINZA MEDIO */ width: 300px; outline: none; transition: all 0.3s linear; }input[type='checkbox'] { display: none; }input[type='checkbox']+label { background-size: cover; background-position: center; background-repeat: no-repeat; height: 18px; width: 30px; display: inline-block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAASCAYAAAE79V5PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM5RjY5NzYxRUE3MTExRTdCMDgzQTQyMjlBMDcyQzZGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM5RjY5NzYyRUE3MTExRTdCMDgzQTQyMjlBMDcyQzZGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzlGNjk3NUZFQTcxMTFFN0IwODNBNDIyOUEwNzJDNkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzlGNjk3NjBFQTcxMTFFN0IwODNBNDIyOUEwNzJDNkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5p0XH0AAADKElEQVR42mL8////179//7IwMzMzgAALUIANyGEBCjJ0dHQwMAAFfr969eo/DAAEECMQ/wRiBkZGRrAWBphMS0vL/48fP/5n+Pnz5/+XL1/CtQAEEEjL7y9fvrDw8PCAdUyZMoUBaCbDv3//GIC6GJhQzAMCTU1NBg4ODjgfIADVY2wDMAwCwQ+KcOmh2IYdWIMxKV0hJcZSLOfL0/MntrQuiOhXvifkgt8TZrYKqgoaY+BMZqK1BncHnTOVchYTEVxz9omI5WRm9N538RWAKypHASCEgWFJoyBYWfsEf+e7fJeFIIhgtU7QLGwgjcxkDiXS6YvmnKKNxXlsa42YWcDwFkJQ00JaawnBWvslOYQxhnR0KwARR3LO9OBhN6xp/+OcI/zeHYgBD0GxvYd772SMUXVkrLVSKYW89xonpUQxRsG8AvBJxjYQwlAMzRVp06MUSLBFJmCUbJNhGCE9VXZIxQYUd+/nPgqIO3dI2PG3LSWoopL0vnuSNxyv7xbM53UhcivfhLXv++UcXHVpH5IKRF6iCoW1VogppTMsRL33JsbY3PEaZE23xzAMZp5nEWIViNRaTSmlkUnyiaiYpunMAeAu59zIavsXGEkPhMZxbGQS/Ufetk2c8R8u6XhZllYV22X5TJM+9QQE13WVMSiZaYYQtIFWFYoqoCB959ylgXvPbwE6K3sUCYEgCheTmqnX0EDNPYB4UzEz8wgG4g08xICBwfgVvNneXhicLWj87fp97/WbGCFQxFwWjvUeI6rIy/Wfdv5ipIBGMEarUmMjIagwz7Nt2+aVxbxib5qmPumiKCzP87+Br+WS6SS7AsGtu7Ysi03T5PtiqFEIfhlD0zTW973afz7UVib/bVCsLEur69qO43AaqnMaD51IksQ7MwyDSUofyiyW7buGY6oIg8Umv2ghyb0Dh5qmD3dt33db19UTiBPnmUWrsyyzrusc7eKTz5j50i5mwmmGZnyE5ZUgAcdx9ErQlxDlBNQpUFWVtW0bHnw/4BJ1lADPIJufBRphgX+4l2Ppc1wx+z/R6Sk6yTkJiFZUJuETclk6OcIWf4GR8wUB0CEqe4+g/AAAAABJRU5ErkJggg==); cursor: pointer; }input[type='checkbox']:checked+label { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAASCAYAAAE79V5PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEyMzNBMzMzRUE3MTExRTc5Nzg4QzBGRTYwQUQwM0MwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEyMzNBMzM0RUE3MTExRTc5Nzg4QzBGRTYwQUQwM0MwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTIzM0EzMzFFQTcxMTFFNzk3ODhDMEZFNjBBRDAzQzAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTIzM0EzMzJFQTcxMTFFNzk3ODhDMEZFNjBBRDAzQzAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7bmZ+EAAAEH0lEQVR42mL8////VwYGBhYgzQAGQMbv2I0gCgIYQQIgFa/fvGbgYOdgAAggkMBPkMq/f/8yMDMzMzCAlK88VwdW/uvXr/9wzS9fvgTTAAEENqNsrx7LnfeXGT4DNe+Ohtj2588fBhYWFgYmEOf628sMvOwMDNz/GOAAJAlSBBBAcEthAGQ5ExMTAyMjI9jN//1XMfwPXM3w/+HbS3C3//j54z9T6V5tBj6gsWxAhXJCuggjgE5g6nS6wPDnLwMDOwsDCvj27RsDyM7/MIHfP/8yvP/4FswWFhZmAAggeLCABN58fwD01isgixEIgYr//mOQ4dIHup4Z7ECQD0COZWVlBfPBmo49WcLQdzKWgYsVYsM/oDPkeUwYWl1PozgFFAQg8PXrVwZOTk5IWN14e4iBlRkpOIAOFedUZ8AFQD4BBRnc2X/+/WTYfKed4eHHO0CrgTEBFOVjEGJINOtjYGVjgcfOhw8fwLZycXExAAQQRiSg2wD2xj9I9MEjBwL+gIxkgwT7P4bHH88DnQxR+PvvTwZJDh2gdzjAfgU5E4RBtkINYAJHxYOPpxlyd5oxsDLBbGRgUOYxYOjxPI/hmi9fvoCdDHTFH8Z///78T9giBNTxiQEWoV9/MDBMcrnFIC2kiqEZ5G+QC9jY2P4wvf/xlOHTT4RGsJOBgSXJr4w1HEBe+A1SAHI3J6sAAxsTE4oCkJe+//6EMxDhAcjJwscQpl3B8OEHRBMIcwODcMeNaVg1g9IsOD+CLIGl3etvdjPse7CM4fe/3wz/gankzacPDNnG0xkkhGTAUQTT+P37dwY+Pj5QEv2DkvDRwaePnxiA+QoetyBDeHl5YWn7D0CAyqqdpWEojJ421rQivsFBigq6CeLk0KmLP0BwKDh0EBcH/4Ozg4ugg6CDY10dXBSddBAEQUQRRUStCNJW0zRt/M6NN6bFR3PhLiHcc7/zunXBCLvcmitxdBQHVOCbs4gajWBBYzUarG49FM5xdL+Fs+cDPBavxGh2MPtwhGfbLiKdnEVmbBndbf2IxH4WhZawLEtdgpMGwf2Jy04Ra6dZ7F7n0MXGMTzRgqg2h6pGMT++gfRotmlmqE9NEmO2muoSpFqpV7DzWDmZxuFdDn0JD1SnQ2+CvouLpgYXkBrKhJJEVU4kinK5rGQhG1EvtxberDzLQ374TU8WghxidMCIhrcEKSag9qMC7kkkMTexjoH2YbkAVOM24rfIB1OY2L/dxOXTcShQas1pgyGoc3Wp8oKdiyXs3WxLNbxKtjyaqa/7NTXp7o11YnFyFamRGWm31j9BCcjSorbxeJzd83+c7GpJAKv+/OrGLl8DBx/ScNWKIbQb6jDTNP3Aazezp/hNA+qIaeBSsznWVOlnRm8Ccfv6yeEsSB0jDRiIk/MJw8Ak/StGrToAAAAASUVORK5CYII=); }/*HOME LOGIN*/body.login { overflow: hidden; }.title-divider{ display: flex; justify-content: space-between; align-items: center; }@keyframes animaBackground { from { transform: scale(1); } to { transform: scale(1.1); } }.foto_background { position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; margin: 0px 0px; background-size: cover; background-position: center; animation: animaBackground 20s linear infinite alternate; }.home { z-index: 3; }div.login { position: absolute; width: 350px; padding: 15px 8px; box-sizing: border-box; /*background-color: rgba(0,0,0,0.5);*/ top: 220px; right: 50px; z-index: 2; overflow: hidden; }/*CADASTRO EMBARCADOR*/.topo img.logo_cadastro { margin: 30px 0px 0px 0px; }.titulo_pagina { margin: 50px 0px 0px 0px; }a.tabs_on:after { content: ' '; display: block; width: 30px; height: 4px; background-color: #ef6638; /* LARANHA TRUCKME */ margin: 5px 0px 0px 0px; border-radius: 150px; }a.tabs { float: left; display: inline-block; margin: 50px 40px 0px 0px; color: #9a95a7; /* CINZA */ font-size: 11px; font-family: 'QuicksandBold', Arial, sans-serif; letter-spacing: 0.1em; transition: all 0.3s linear; }a.tabs:hover { color: #ef6638; /* LARANHA TRUCKME */ }a.tabs_on { color: #ef6638; /* LARANHA TRUCKME */ }/* O painel é dono da própria aparência — ver OdsPanel.vue (Fase 7). */.form_embarcador { margin: 20px 0px 20px 0px; }/* O intervalo de datas foi para o OdsDatePicker.vue (Fase 7). */input#campo_razao { margin: 10px 0px 20px -83px; width: 340px; }label.lbl_fantasia { margin-left: 20px; }input#campo_fantasia { margin: 10px 0px 20px -91px; width: 340px; }label.lbl_cnpj { margin-left: 20px; }input#campo_cnpj { margin: 10px 0px 20px -29px; width: 220px; }input#campo_estadual { margin: 10px 0px 20px -123px; width: 160px; }label.lbl_abertura { margin-left: 20px; }input#campo_abertura { margin: 9px 0px 20px -111px; padding: 10px 5px 0px 5px; width: 160px; }label.lbl_cep { margin-top: 100px; margin-left: -340px; }input#campo_cep { margin: 109px 0px 20px -340px; width: 160px; }label.lbl_logradouro { margin-top: 155px; margin-left: -340px; }input#campo_logradouro { margin: 164px 0px 20px -340px; width: 700px; }label.lbl_numero { margin-top: 155px; margin-left: 20px; }input#campo_numero { margin: -1px 0px 20px 19px; width: 220px; }input#campo_complemento { margin: 10px 0px 20px -85px; width: 460px; }label.lbl_bairro { margin-left: 20px; }input#campo_bairro { margin: 0px 0px 20px 19px; width: 460px; }input#campo_municipio { margin: 10px 0px 20px -60px; width: 460px; }label.lbl_uf { margin-left: 20px; }input#campo_uf { margin: 10px 0px 20px -14px; width: 160px; }label.lbl_pais { margin-left: 20px; }input#campo_pais { margin: 10px 0px 20px -24px; width: 160px; }label.lbl_cnae { margin-top: 100px; margin-left: -820px; }select#campo_cnae { margin: 120px 0px 10px -821px; width: 160px; }label.lbl_segmento { margin-top: 43px; margin-left: 20px; }select#campo_segmento { margin: 62px 0px 10px -138px; width: 460px; }label.lbl_porte { margin-top: 43px; margin-left: 20px; }select#campo_porte { margin: 62px 0px 10px -113px; width: 280px; }label.lbl_banco { margin-top: 15px; margin-left: 0px; }select#campo_banco { margin: 32px 0px 10px -40px; width: 460px; }label.lbl_agencia { margin-top: 20px; margin-left: 20px; }input#campo_agencia { margin: 34px 0px 20px -50px; width: 160px; }label.lbl_conta { margin-top: 20px; margin-left: 20px; }input#campo_conta { margin: 34px 0px 20px -104px; width: 160px; }label.lbl_nome { margin-top: 20px; margin-left: 0px; }input#campo_nome { margin: 29px 0px 20px -97px; width: 280px; }label.lbl_cpf { margin-top: 20px; margin-left: 20px; }input#campo_cpf { margin: 29px 0px 20px -22px; width: 160px; }label.lbl_email { margin-top: 20px; margin-left: 20px; }input#campo_email { margin: -1px 0px 20px 20px; width: 460px; }label.lbl_nascimento { margin-top: 10px; margin-left: 0px; }input#campo_nascimento { margin: 19px 0px 20px -126px; width: 160px; }label.lbl_telefone { margin-top: 10px; margin-left: 20px; }input#campo_telefone { margin: 24px 0px 20px -58px; width: 160px; }label.lbl_celular { margin-top: 10px; margin-left: 20px; }input#campo_celular { margin: 24px 0px 20px -52px; width: 160px; }label.lbl_whatsapp { margin-top: 29px; margin-left: 20px; }label.legenda_whatsapp { margin-top: 33.5px; margin-left: 3px; }label.lbl_cargo { margin-top: 79px; margin-left: -641px; }select#campo_cargo { margin: 99px 0px 10px -642px; width: 280px; }div.toolbar { text-align: right; margin-top: 30px; margin-bottom: 50px; z-index: 3; }div.botao_avancar { text-align: right; margin-top: 30px; margin-bottom: 30px; z-index: 3; }label.lbl_senha { margin-top: 79px; margin-left: -345px; }input#campo_senha { margin: 101.5px 0px 20px -346px; width: 160px; }label.lbl_rsenha { margin-top: 79px; margin-left: -167px; }input#campo_rsenha { margin: 101.5px 0px 20px -168px; width: 160px; }/* BOTOES *//** * O `.btn` saiu inteiro. * * As variantes (`.btn.laranja`, `.btn.branco`, `.btn.small` e os estados desabilitados) foram * removidas na Fase 8: viraram `variant` do `OdsLink` e do `OdsButton`, e ficaram sem nenhum * consumidor. A metade `.el-button` dessas regras já tinha ido para o `OdsButton.vue`. * * A base ficou mais um tempo por causa de **um** elemento: o `