` do diálogo do ANTT. Os rádios agora passam `aria-label` e o próprio
* `OdsRadio` não renderiza o rótulo — o nome acessível existe, e nenhuma tela precisa apagar
* elemento interno de componente ODS por CSS (TRKM-2674).
*
* O bloco continua global porque os seletores abaixo miram classes internas do ODS e do Element
* UI, que `scoped` não alcança. O que é da própria tela mudou para o bloco `scoped` no fim do
* arquivo.
*/
#NotasFiscais .linha {
font-size: 11px;
padding-top: 4px;
padding-bottom: 4px;
border-bottom: 1px solid var(--color-bg-soft);
}
#NotasFiscais .linha:hover {
color: var(--color-primary);
background-color: var(--color-bg-soft);
}
#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: var(--color-text-label);
/* 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: var(--color-primary);
/* LARANHA TRUCKME */
}
#NotasFiscais .tabs_on {
color: var(--color-primary);
}
#NotasFiscais .tabs_on:after {
content: ' ';
display: block;
width: 15px;
height: 4px;
background-color: var(--color-primary);
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: var(--color-primary);
}
#NotasFiscais .ods-radio__input.is-checked .ods-radio__inner {
border-color: var(--color-primary);
background: var(--color-primary);
}
#NotasFiscais .is-bordered {
border-color: var(--color-primary-30);
margin-left: 0;
margin-right: 5px;
}
#NotasFiscais .dialogSubstituicao .ods-switch {
margin-top: 15px;
}
#Ocorrencias .ods-dialog__header {
display: block;
}
#Ocorrencias .linha {
font-size: 11px;
padding-top: 4px;
padding-bottom: 4px;
border-bottom: 1px solid var(--color-bg-soft);
}
#Ocorrencias .linha:hover {
color: var(--color-primary);
background-color: var(--color-bg-soft);
}
#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: var(--color-white);
}
#Ocorrencias .chat-container .chat-sidebar {
width: 400px;
background-color: var(--color-bg-soft);
border-right: 1px solid var(--color-border);
}
#Ocorrencias .chat-container .chat-sidebar .chat-filtro {
background-color: var(--color-bg-soft);
border-bottom: 1px solid var(--color-border);
width: 100%;
padding: 10px;
}
#Ocorrencias .chat-container .chat-sidebar .chat-filtro .el-input__inner::-moz-placeholder {
color: var(--color-text-secondary);
padding-left: 20px;
}
#Ocorrencias .chat-container .chat-sidebar .chat-filtro .el-input__inner::placeholder {
color: var(--color-text-secondary);
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: var(--color-white);
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 var(--color-white);
color: var(--color-white);
background-color: var(--color-primary);
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 var(--color-border);
padding-left: 5px;
cursor: pointer;
}
#Ocorrencias .chat-container .chat-sidebar .chat-cargas .chat-carga:hover {
background-color: var(--color-white);
}
#Ocorrencias .chat-carga-active {
background-color: var(--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 var(--color-border);
background-color: var(--color-bg-soft);
}
#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 var(--color-primary);
line-height: 0em;
margin: 10px 0 20px;
}
#Ocorrencias .chat-container .chat-content .chat-content-messages .chat-content-messages-data span {
background: var(--color-white);
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: var(--color-bg-soft);
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: var(--color-white);
border: 1px solid var(--color-border);
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: var(--color-primary-40);
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: var(--color-border);
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: var(--color-white-50);
}
#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: var(--color-text-secondary);
}
#Ocorrencias .chat-container .chat-content .chat-content-form .chat-content-form-button i {
transform: rotate(45deg);
color: var(--color-text-secondary);
}
#Ocorrencias
.chat-container
.chat-content
.chat-content-form
.chat-content-form-button
i.chat-content-form-button-active {
color: var(--color-primary);
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: var(--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: var(--color-text-secondary);
padding-left: 15px;
}
#Ocorrencias .chat-container .chat-content .chat-content-form .chat-content-form-input textarea::placeholder {
color: var(--color-text-secondary);
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: var(--color-primary);
}
#ModalFinalizar fieldset {
border: 1px dotted var(--color-primary);
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: var(--color-primary);
}
#ModalFinalizar .ods-radio__input.is-checked .ods-radio__inner {
border-color: var(--color-primary);
background: var(--color-primary);
}
#ModalFinalizar .is-bordered {
border-color: var(--color-primary-30);
margin-left: 0;
margin-right: 5px;
}
#ModalFinalizar .el-form-item__label {
font-size: 14px;
font-family: 'QuicksandRegular', Arial, sans-serif;
font-weight: bold;
color: var(--color-text-regular);
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: var(--color-bg-base);
font-size: 90%;
padding: 8px 0 5px 0;
color: var(--color-black);
}
.BaixarDocumentosFiscais .cobranca .corpo .link {
color: var(--color-primary);
cursor: pointer;
}
.BaixarDocumentosFiscais .cobranca .corpo .notas {
background-color: var(--color-bg-base);
padding-top: 10px;
padding-bottom: 10px;
}
.pix-cabecalho[data-v-198716e0] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding-bottom: 16px;
border-bottom: 1px solid var(--color-border-lighter);
}
.pix-cabecalho__identificacao[data-v-198716e0] {
display: flex;
align-items: center;
gap: 14px;
}
.pix-cabecalho__marca[data-v-198716e0] {
width: 40px;
height: 40px;
flex-shrink: 0;
border-radius: 8px;
background: var(--color-bg-soft);
display: flex;
align-items: center;
justify-content: center;
}
.pix-cabecalho__titulo[data-v-198716e0] {
font-family: 'QuicksandBold', Arial, sans-serif;
font-size: 18px;
color: var(--color-text);
}
.pix-cabecalho__subtitulo[data-v-198716e0] {
font-size: 13px;
color: var(--color-text-muted);
margin-top: 2px;
}
.pix-prazo[data-v-198716e0] {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
border-radius: 4px;
background: var(--color-bg-base);
border: 1px solid var(--color-border);
color: var(--color-text);
flex-shrink: 0;
}
.pix-prazo--encerrado[data-v-198716e0] {
background: var(--color-bg-base);
border-color: var(--color-border);
color: var(--color-text-secondary);
}
.pix-prazo__contador[data-v-198716e0] {
font-family: 'QuicksandBold', Arial, sans-serif;
font-size: 14px;
font-variant-numeric: tabular-nums;
}
.pix-prazo__texto[data-v-198716e0] {
font-size: 12px;
}
.pix-corpo[data-v-198716e0] {
display: flex;
gap: 28px;
padding-top: 20px;
align-items: flex-start;
}
.pix-resumo[data-v-198716e0] {
width: 40%;
display: flex;
flex-direction: column;
gap: 18px;
}
.pix-rotulo[data-v-198716e0] {
display: block;
font-size: 11px;
letter-spacing: 0.08em;
color: var(--color-text-muted);
font-family: 'QuicksandBold', Arial, sans-serif;
}
.pix-valor[data-v-198716e0] {
display: block;
font-family: 'QuicksandBold', Arial, sans-serif;
font-size: 32px;
color: var(--color-text);
line-height: 1.15;
margin-top: 2px;
}
.pix-dados[data-v-198716e0] {
margin: 0;
}
.pix-dados__linha[data-v-198716e0] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
padding: 9px 0;
border-bottom: 1px solid var(--color-bg-soft);
}
.pix-dados__linha[data-v-198716e0]:last-child {
border-bottom: none;
}
.pix-dados dt[data-v-198716e0] {
font-size: 13px;
color: var(--color-text-muted);
}
.pix-dados dd[data-v-198716e0] {
margin: 0;
font-size: 13px;
color: var(--color-text);
font-family: 'QuicksandBold', Arial, sans-serif;
text-align: right;
}
.pix-dados__destaque[data-v-198716e0] {
color: var(--color-text);
}
.pix-aviso[data-v-198716e0] {
display: flex;
gap: 10px;
align-items: flex-start;
padding: 12px 14px;
border-radius: 4px;
background: var(--color-bg-base);
font-size: 12px;
color: var(--color-text-regular);
line-height: 1.5;
}
.pix-aviso svg[data-v-198716e0] {
flex-shrink: 0;
margin-top: 1px;
}
.pix-acao[data-v-198716e0] {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 16px;
}
.pix-acao__topo[data-v-198716e0] {
display: flex;
gap: 24px;
align-items: flex-start;
}
.pix-acao__titulo[data-v-198716e0] {
display: block;
font-family: 'QuicksandBold', Arial, sans-serif;
font-size: 14px;
color: var(--color-text);
margin-bottom: 10px;
}
.pix-qrcode[data-v-198716e0] {
width: 176px;
height: 176px;
flex-shrink: 0;
padding: 9px;
box-sizing: border-box;
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-white);
}
.pix-qrcode img[data-v-198716e0] {
width: 100%;
height: 100%;
display: block;
}
.pix-passos[data-v-198716e0] {
flex-grow: 1;
}
.pix-passos ol[data-v-198716e0] {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 9px;
}
.pix-passos li[data-v-198716e0] {
display: flex;
gap: 9px;
align-items: flex-start;
font-size: 13px;
color: var(--color-text-regular);
line-height: 1.4;
}
.pix-passos__numero[data-v-198716e0] {
flex-shrink: 0;
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid var(--color-primary);
color: var(--color-primary);
font-size: 10px;
font-family: 'QuicksandBold', Arial, sans-serif;
display: flex;
align-items: center;
justify-content: center;
}
.pix-separador[data-v-198716e0] {
height: 1px;
background: var(--color-border-lighter);
}
.pix-codigo__valor[data-v-198716e0] {
padding: 12px 14px;
border: 1px solid var(--color-border);
border-radius: 4px;
background: var(--color-white);
font-family: monospace;
font-size: 11px;
color: var(--color-text-regular);
line-height: 1.6;
word-break: break-all;
max-height: 58px;
overflow: hidden;
}
.pix-codigo__botao[data-v-198716e0] {
width: 100%;
margin-top: 10px;
}
.pix-simulacao[data-v-198716e0] {
margin-top: 14px;
padding-top: 14px;
border-top: 1px dashed var(--color-border);
display: flex;
align-items: center;
gap: 12px;
}
.pix-simulacao__aviso[data-v-198716e0] {
font-size: 11px;
letter-spacing: 0.06em;
color: var(--color-text-secondary);
font-family: 'QuicksandBold', Arial, sans-serif;
text-transform: uppercase;
}
.pix-simulacao__botao[data-v-198716e0] {
flex-grow: 1;
}
.pix-confirmado[data-v-198716e0] {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
padding: 28px 24px;
text-align: center;
}
.pix-confirmado__selo[data-v-198716e0] {
width: 64px;
height: 64px;
border-radius: 50%;
background: var(--color-bg-soft);
display: flex;
align-items: center;
justify-content: center;
}
.pix-confirmado__titulo[data-v-198716e0] {
font-family: 'QuicksandBold', Arial, sans-serif;
font-size: 16px;
color: var(--color-text);
}
.pix-confirmado__dados[data-v-198716e0] {
width: 100%;
max-width: 320px;
margin-top: 6px;
}
.pix-confirmado__nota[data-v-198716e0] {
font-size: 12px;
color: var(--color-text-muted);
max-width: 380px;
line-height: 1.5;
}
#DocumentosFiscais .linha {
padding-top: 4px;
padding-bottom: 4px;
border-bottom: 1px solid var(--color-bg-soft);
}
#DocumentosFiscais .linha:hover {
color: var(--color-primary);
background-color: var(--color-bg-soft);
}
#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: var(--color-bg-base);
font-size: 90%;
padding: 8px 0 5px 0;
color: var(--color-black);
}
#DocumentosFiscais .cobranca .corpo .link {
color: var(--color-primary);
cursor: pointer;
}
#DocumentosFiscais .cobranca .corpo .notas {
background-color: var(--color-bg-base);
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;
}
.container[data-v-264d6df9] {
border: 1px solid var(--color-primary);
border-radius: 12px;
padding: 10px 15px;
background-color: var(--color-primary-20);
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.title[data-v-264d6df9] {
font-size: 1.2rem;
color: var(--color-primary);
padding: 0% !important;
font-weight: bold;
margin-bottom: 5px;
}
.text[data-v-264d6df9] {
width: 50%;
display: flex;
align-items: center;
gap: 15px;
}
.action-area[data-v-264d6df9] {
display: flex;
width: 50%;
justify-content: flex-end;
}
#Modal .title {
padding: 10px;
font-weight: bold;
}
#Modal .el-collapse-item__header {
font-family: 'QuicksandBold', Verdana, Geneva, Tahoma, sans-serif;
color: var(--color-text-muted);
font-size: 12px;
}
#Modal .el-collapse-item__header:hover {
color: var(--color-primary);
}
#Modal .toolbar {
margin-top: 15px;
background-color: var(--color-bg-soft);
margin-left: -20px;
margin-bottom: 0;
padding: 15px;
position: absolute;
width: 100%;
display: flex;
justify-content: space-between;
}
.dialogSubstituicao .ods-switch {
margin-top: 15px;
}
/* Vindo do `element.css`: `carga` é a classe do `` desta tela (l. 2) e mais de nenhuma
outra, então o ajuste do spinner dentro dela é override de contexto — mora aqui, não no
global (TRKM-2666). A identidade do spinner (o laranja da marca) segue no `element.css`,
porque o `v-loading` é diretiva e não tem componente onde morar.
O tema posiciona o conteúdo da máscara com `top: 50%` e `margin-top: -21px` — deslocamento
FIXO, que só acerta quando o bloco tem a altura de um spinner mais UMA linha de texto. A
legenda deste cartão ("Consultando perfil de risco do transportador há …") ocupa quatro, então
o bloco cresce para baixo e o conteúdo sai do centro.
O grid resolve isso sem presumir altura: `top: 0; bottom: 0` dá ao spinner o eixo vertical
inteiro e `align-content: center` centra as linhas nele, qualquer que seja a altura do bloco.
A HORIZONTAL segue sendo do tema, por `text-align: center`, e é DE PROPÓSITO que não há
`justify-items: center` aqui. Um item de grid centrado ganha largura `max-content`: a legenda
deixava de quebrar e saía do cartão inteira, passando por cima da toolbar e do conteúdo. Com os
itens em `stretch` (o padrão) o `` ocupa a coluna, o texto volta a quebrar, e o `text-align`
herdado centra tanto a legenda quanto o `` do ícone, que é `inline-block`.
O `box-sizing` existe pelo mesmo defeito: o tema dá `width: 100%` ao spinner e o projeto não
tem `border-box` global (`app.css` só o declara para `hr`), então o `padding` lateral somava
20px à largura e empurrava o bloco para fora do cartão.
O `Etapa.vue` — a coluna do kanban, que renderiza este cartão — tinha
`#Etapa .carga .el-loading-spinner { top: 30% !important }`, a MESMA compensação manual feita
por fora: `(0,1,2,0)` com `!important` vence a regra daqui, então o `top: 0` não valia e o
`align-content` centrava dentro dos 70% de baixo do card. Saiu junto com esta mudança, porque
centralização de verdade não precisa de compensação — e um `!important` a menos.
Isto já foi tentado uma vez, com flex e **no `element.css`** — valendo para as 119 chamadas de
`v-loading` do produto — e foi reprovado em tela (ver 111ed2a3). A diferença aqui é o escopo:
`.carga` alcança só o cartão do kanban, que é quem tem legenda de quatro linhas; as outras
chamadas seguem com o comportamento aprovado. O `padding` é o valor que você conferiu em tela
naquela rodada, mantido. */
.carga .el-loading-spinner {
top: 0;
bottom: 0;
margin-top: 0;
display: grid;
align-content: center;
box-sizing: border-box;
padding: 0px 10px 0px 10px;
}
.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: var(--color-bg-soft);
border-radius: 5px;
position: relative;
overflow: hidden;
}
#Etapa .progress-bar .bar {
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: var(--color-primary);
}
#Etapa.ultimo {
width: 100% !important;
}
.icon-menu-container[data-v-0f33116c] {
float: right;
margin-right: 20px;
}
.icon-menu-container .ods-badge__content[data-v-0f33116c] {
margin-right: 6px;
}
.icon-menu-container sup[data-v-0f33116c] {
min-width: 7px;
}
nav[data-v-0f33116c] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 24px;
}
.icon-menu-item[data-v-0f33116c] {
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: var(--color-primary);
font-weight: 500;
width: 60px;
}
.icon-menu-item i[data-v-0f33116c] {
font-size: 22px;
margin-top: 5px;
}
.icon-menu-item .title[data-v-0f33116c] {
margin-bottom: 4px;
font-size: 11px;
text-align: center;
}
.icon-menu-item.active[data-v-0f33116c] {
background-color: var(--color-primary);
color: var(--color-white);
}
.icon-menu-item.active i[data-v-0f33116c],
.icon-menu-item.active .title[data-v-0f33116c] {
color: var(--color-white);
}
.icon-menu-item-wrapper[data-v-0f33116c] {
display: flex;
justify-content: center;
}
.icon-menu-item:hover i[data-v-0f33116c],
.icon-menu-item:hover .title[data-v-0f33116c] {
color: var(--color-primary);
}
.is-disabled[data-v-0f33116c] {
pointer-events: none;
opacity: 0.5;
}
.cursor-disabled[data-v-0f33116c] {
cursor: not-allowed;
}
#Operacional {
margin-bottom: 40px;
}
#Operacional .ods-dialog {
min-width: 1200px;
margin-bottom: 8vh;
}
.tabs[data-v-8325ae64] {
margin-top: 0;
}
.tab[data-v-8325ae64] {
display: none;
}
.tabs_on[data-v-8325ae64] {
display: block !important;
}
#CorrigirPedagio .el-form-item__content {
line-height: normal !important;
}
#FretesAcompanhamento {
margin-top: 20px;
}
#FretesAcompanhamento input {
border: 1px dotted var(--color-danger);
}
#FretesEmNegociacao .campos {
margin-top: 5px;
margin-bottom: 10px;
color: var(--color-text-muted);
}
#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 var(--color-primary);
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: var(--color-white);
}
#FretesEmNegociacao .el-upload-dragger {
height: 205px;
}
#FretesEmNegociacao .el-icon-upload {
margin-top: 50px;
margin-bottom: 6px;
}
.secao-titulo[data-v-1d2efe8e] {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.4px;
text-transform: uppercase;
color: var(--color-text-secondary);
margin: 0 0 10px;
}
/* Chips de data rápida */
.chips[data-v-1d2efe8e] {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 14px;
}
.chip[data-v-1d2efe8e] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 78px;
padding: 8px 12px;
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-white);
cursor: pointer;
transition:
border-color 0.15s,
color 0.15s,
background 0.15s;
}
.chip[data-v-1d2efe8e]:hover {
border-color: var(--color-primary);
}
.chip--ativo[data-v-1d2efe8e] {
border-color: var(--color-primary);
background: var(--color-primary-10);
}
.chip-label[data-v-1d2efe8e] {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.4px;
color: var(--color-text-secondary);
}
.chip-data[data-v-1d2efe8e] {
font-size: 15px;
font-weight: 700;
color: var(--color-text);
}
.chip--ativo .chip-label[data-v-1d2efe8e],
.chip--ativo .chip-data[data-v-1d2efe8e] {
color: var(--color-primary);
}
.chip--outra[data-v-1d2efe8e] {
gap: 4px;
border-style: dashed;
color: var(--color-text-secondary);
}
/* Fica laranja (texto + ícone via currentColor) só quando selecionado. */
.chip--outra.chip--ativo[data-v-1d2efe8e] {
color: var(--color-primary);
}
.chip--outra .chip-outra-texto[data-v-1d2efe8e] {
font-size: 12px;
font-weight: 600;
}
.chip-icone[data-v-1d2efe8e] {
flex: none;
}
/* Dia sem vaga: fica no lugar, para a sequência de dias não pular, mas não se escolhe. */
.chip--indisponivel[data-v-1d2efe8e] {
border-color: var(--color-border-lighter);
background: var(--color-bg-base);
cursor: not-allowed;
}
.chip--indisponivel[data-v-1d2efe8e]:hover {
border-color: var(--color-border-lighter);
}
.chip--indisponivel .chip-label[data-v-1d2efe8e],
.chip--indisponivel .chip-data[data-v-1d2efe8e] {
color: var(--color-text-placeholder);
text-decoration: line-through;
}
/* Cards de tipo de agendamento: o rádio e o texto ficam dentro do mesmo card clicável. */
.tipos[data-v-1d2efe8e] {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 18px;
}
.tipo[data-v-1d2efe8e] {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 10px 14px;
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-white);
cursor: pointer;
transition:
border-color 0.15s,
background 0.15s;
}
.tipo[data-v-1d2efe8e]:hover {
border-color: var(--color-primary);
}
.tipo--ativo[data-v-1d2efe8e] {
border-color: var(--color-primary);
background: var(--color-primary-10);
}
/* No reagendamento o tipo só é mostrado. */
.tipo--fixo[data-v-1d2efe8e] {
margin-bottom: 18px;
cursor: default;
}
/* O rádio traz a margem de quem fica numa fila de opções; aqui o texto vem logo ao lado. */
.tipo-radio[data-v-1d2efe8e] {
margin: 2px 0 0;
}
.tipo-texto[data-v-1d2efe8e] {
display: flex;
flex-direction: column;
gap: 2px;
}
.tipo-nome[data-v-1d2efe8e] {
font-size: 14px;
font-weight: 600;
color: var(--color-text);
}
.tipo-detalhe[data-v-1d2efe8e] {
font-size: 12px;
color: var(--color-text-secondary);
}
.dias-indisponiveis[data-v-1d2efe8e] {
margin-bottom: 18px;
}
.dias-indisponiveis-linha[data-v-1d2efe8e] {
margin: 0;
font-size: 12px;
line-height: 1.5;
color: var(--color-text-secondary);
}
.outra-data-linha[data-v-1d2efe8e] {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 18px;
}
.outra-data-hint[data-v-1d2efe8e] {
font-size: 12px;
color: var(--color-text-secondary);
}
/* Cabeçalho da seção HORÁRIO */
.horario-cabecalho[data-v-1d2efe8e] {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin-bottom: 10px;
}
.horario-legenda[data-v-1d2efe8e] {
font-size: 12px;
color: var(--color-text-secondary);
text-align: right;
}
.horario-vazio[data-v-1d2efe8e] {
font-size: 13px;
color: var(--color-text-secondary);
padding: 8px 0 4px;
}
/* O mesmo aviso, na seção de data: separa da seção de horário logo abaixo. */
.horario-vazio.bloco[data-v-1d2efe8e] {
margin-bottom: 14px;
}
/* Grade de horários */
.slots[data-v-1d2efe8e] {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 10px;
}
.slot[data-v-1d2efe8e] {
padding: 9px 0;
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-white);
font-size: 14px;
color: var(--color-text);
cursor: pointer;
transition:
border-color 0.15s,
color 0.15s,
background 0.15s;
}
.slot[data-v-1d2efe8e]:hover:not(.slot--indisponivel):not(.slot--ativo) {
border-color: var(--color-primary);
color: var(--color-primary);
}
.slot--ativo[data-v-1d2efe8e] {
border-color: var(--color-primary);
background: var(--color-primary);
color: var(--color-white);
}
.slot--ativo[data-v-1d2efe8e]:hover {
color: var(--color-white);
}
.slot--indisponivel[data-v-1d2efe8e] {
border-color: var(--color-border-lighter);
color: var(--color-text-placeholder);
background: var(--color-bg-base);
text-decoration: line-through;
cursor: not-allowed;
}
/* Resumo motorista / veículo / operação */
.resumo-box[data-v-1d2efe8e] {
display: flex;
gap: 40px;
margin-top: 22px;
padding: 16px 18px;
border: 1px solid var(--color-border-lighter);
border-radius: 8px;
background: var(--color-bg-base);
}
.resumo-item[data-v-1d2efe8e] {
display: flex;
flex-direction: column;
gap: 4px;
}
.resumo-label[data-v-1d2efe8e] {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.4px;
text-transform: uppercase;
color: var(--color-text-secondary);
}
.resumo-valor[data-v-1d2efe8e] {
font-size: 14px;
color: var(--color-text);
}
/* Rodapé */
.rodape[data-v-1d2efe8e] {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 15px;
}
.rodape-botoes[data-v-1d2efe8e] {
display: flex;
gap: 10px;
}
#FretesAgendamentos[data-v-7388ca56] {
padding-bottom: 100px;
margin-top: 20px;
}
/* KPIs */
.kpi-cards[data-v-7388ca56] {
display: flex;
gap: 15px;
margin-bottom: 25px;
}
/* O único acerto que a troca de `div` para `` pediu: botão centraliza o texto, e o
card é alinhado à esquerda. O resto do que um `` desalinharia — `font`, `color` e
`margin` — o `normalize.css` já iguala ao do documento (`button { color: inherit; font:
inherit; margin: 0 }`), então não se repete aqui. */
.kpi-card[data-v-7388ca56] {
flex: 1;
border: 1px solid var(--color-border-lighter);
border-radius: 6px;
padding: 14px 16px;
background: var(--color-white);
cursor: pointer;
text-align: left;
transition:
box-shadow 0.15s,
border-color 0.15s;
}
/* :not(--ativo) para o hover não vencer a borda de seleção por especificidade
(duas classes > uma) e apagar o destaque laranja ao passar o mouse. */
.kpi-card[data-v-7388ca56]:hover:not(.kpi-card--ativo) {
box-shadow: 0 2px 10px var(--color-black-10);
}
/* Seleção via border-color (não box-shadow): recolore a própria borda do
card, sem anel/linha extra sobreposta. */
.kpi-card--ativo[data-v-7388ca56] {
background: var(--color-warning-tint-10);
border-color: var(--color-primary);
box-shadow: 0 2px 10px var(--color-black-5);
}
.kpi-card--ativo[data-v-7388ca56]:hover {
box-shadow: 0 4px 14px var(--color-black-10);
}
/* Ativo: a barra de acento vira laranja (destaque da seleção). */
.kpi-card--amarelo.kpi-card--ativo[data-v-7388ca56],
.kpi-card--cinza.kpi-card--ativo[data-v-7388ca56],
.kpi-card--vermelho.kpi-card--ativo[data-v-7388ca56],
.kpi-card--verde.kpi-card--ativo[data-v-7388ca56] {
border-left-color: var(--color-primary);
}
.kpi-topo[data-v-7388ca56] {
display: flex;
align-items: baseline;
justify-content: space-between;
}
.kpi-label[data-v-7388ca56] {
font-size: 13px;
color: var(--color-text-regular);
}
.kpi-valor[data-v-7388ca56] {
font-size: 30px;
font-weight: 700;
color: var(--color-text);
}
.kpi-sub[data-v-7388ca56] {
display: flex;
align-items: center;
font-size: 11px;
color: var(--color-text-secondary);
margin-top: 8px;
}
.kpi-dot[data-v-7388ca56] {
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
margin-right: 6px;
background: var(--color-text-placeholder);
flex: none;
}
/* Acentos por card (barra lateral + bullet + número) */
.kpi-card--amarelo[data-v-7388ca56] {
border-left: 4px solid var(--color-warning);
}
.kpi-card--amarelo .kpi-valor[data-v-7388ca56] {
color: var(--color-warning-strong);
}
.kpi-card--amarelo .kpi-dot[data-v-7388ca56] {
background: var(--color-warning);
}
.kpi-card--cinza[data-v-7388ca56] {
border-left: 4px solid var(--color-text-placeholder);
}
.kpi-card--cinza .kpi-valor[data-v-7388ca56] {
color: var(--color-text-secondary);
}
.kpi-card--cinza .kpi-dot[data-v-7388ca56] {
background: var(--color-text-placeholder);
}
.kpi-card--vermelho[data-v-7388ca56] {
border-left: 4px solid var(--color-danger);
}
.kpi-card--vermelho .kpi-valor[data-v-7388ca56] {
color: var(--color-danger-strong);
}
.kpi-card--vermelho .kpi-dot[data-v-7388ca56] {
background: var(--color-danger);
}
.kpi-card--verde[data-v-7388ca56] {
border-left: 4px solid var(--color-success);
}
.kpi-card--verde .kpi-valor[data-v-7388ca56] {
color: var(--color-success-strong);
}
.kpi-card--verde .kpi-dot[data-v-7388ca56] {
background: var(--color-success);
}
/* Filtros */
.filtros-card[data-v-7388ca56] {
background: var(--color-white);
border: 1px solid var(--color-border-lighter);
border-radius: 8px;
padding: 18px 20px;
margin-bottom: 15px;
box-shadow: 0 1px 4px var(--color-black-5);
}
/* Respiro entre as duas linhas de filtro. Antes quem separava era o `ods-divider`;
sem ele os rótulos da 2ª linha colavam nos campos da 1ª.
O valor tem que ser bem MAIOR que a distância rótulo→campo, senão o rótulo fica
equidistante das duas linhas e deixa de se agrupar com o campo que ele nomeia. */
.filtros-linha2[data-v-7388ca56] {
margin-top: 22px;
}
/* O `margin-bottom` é só parte da distância até o campo: o `.el-input__inner` do
Element tem `height` e `line-height` de 40px (o produto sobrescreve o padding, não a
altura), então o texto centralizado deixa ~13px de espaço morto DENTRO do campo,
acima do glifo. Por isso 2px aqui já dá ~15px de vão aparente — subir este valor
afasta o rótulo do campo dele. */
.filtro-label[data-v-7388ca56] {
font-size: 11px;
letter-spacing: 0.3px;
text-transform: uppercase;
color: var(--color-text-secondary);
}
/* O GATILHO DO PERÍODO — uma div desenhada como campo, para casar com os ods-select
vizinhos: os 40px de altura e a borda vêm do `.el-input__inner` do Element.
`display: block` nos dois níveis porque tanto o `.ods-dropdown` quanto o
`.ods-dropdown__gatilho` são `inline-block` no catálogo (o gatilho normalmente é um
botão), e assim o campo não ocuparia a coluna inteira. */
.periodo-campo[data-v-7388ca56] {
display: block;
width: 100%;
}
.periodo-campo[data-v-7388ca56] .ods-dropdown__gatilho {
display: block;
width: 100%;
}
/* O GATILHO IMITA UM CAMPO DO PRODUTO, E O CAMPO DO PRODUTO NÃO É O DO ELEMENT UI.
*
* Quem define a aparência de todo campo aqui é uma regra LEGADA do `estilos.css`
* (`input[type='text'], input[type='date'], input[type='password']`), que vence o
* theme-chalk E o catálogo por especificidade: 0,1,1 do seletor de atributo contra
* 0,1,0 de `.el-input__inner` e `.el-input`. Computei a cascata dos dois elementos
* para descobrir isso, porque a olho o sintoma parecia ser só "a fonte está
* diferente" — e eram quatro valores ao mesmo tempo:
*
* font-size 12px · letter-spacing 0.1em · color #848484 · border-bottom #dddbe1
*
* O `.el-input { font-size: 14px }` do tema nem chega a valer, e o padrão do
* documento (16px) muito menos. Uma div não herda nada disso — a regra é para
* `input` —, então os valores são restados aqui de propósito. Se o produto um dia
* aposentar essa regra legada, este bloco é o que precisa acompanhar.
*
* O `border-radius` de canto reto embaixo é do `.el-input` do catálogo, e o hover em
* #c0c4cc é do `.el-input__inner:hover` do tema, que ganha da legada (0,2,0). */
.periodo-gatilho[data-v-7388ca56] {
display: flex;
align-items: center;
box-sizing: border-box;
height: 40px;
/* O 10px em cima acerta a ALTURA DO GLIFO com a dos campos ao lado: lá o
`.el-input__inner` tem `line-height: 40px` com `padding: 5px … 3px !important`
(do OdsInput), então o glifo centra a 25px do topo da caixa de 40px, e não a 20px
como um flex centrado faria. São os ~13px de espaço morto acima do glifo que o
commit do rótulo já tinha medido. */
padding: 10px 8px 0 0;
border-bottom: 1px solid var(--color-border);
border-radius: 5px 5px 0 0;
background: var(--color-white);
font-family: 'QuicksandRegular', Arial, sans-serif;
font-size: 12px;
letter-spacing: 0.1em;
color: var(--color-text-muted);
cursor: pointer;
}
.periodo-gatilho[data-v-7388ca56]:hover {
border-bottom-color: var(--color-text-placeholder);
}
/* Aberto = o campo em foco, e o foco do projeto é o laranja da marca
(`.el-input__inner:focus`) — é o que o ods-select ao lado faz. */
.periodo-gatilho--aberto[data-v-7388ca56],
.periodo-gatilho--aberto[data-v-7388ca56]:hover {
border-bottom-color: var(--color-primary);
}
/* Os ícones são glifos de fonte e escalariam com o texto: sem fixar, cairiam para
12px. Os 14px são os da setinha do ods-select ao lado, que o tema trava nesse valor
(`.el-select .el-input .el-select__caret`). */
.periodo-gatilho__icone[data-v-7388ca56],
.periodo-gatilho__seta[data-v-7388ca56] {
flex: none;
color: var(--color-text-placeholder);
font-size: 14px;
}
.periodo-gatilho__icone[data-v-7388ca56] {
margin-right: 8px;
}
/* A seta gira na abertura, como a do ods-select ao lado — os mesmos 0.3s do tema. */
.periodo-gatilho__seta[data-v-7388ca56] {
margin-left: 8px;
transition: transform 0.3s;
}
.periodo-gatilho__seta--aberta[data-v-7388ca56] {
transform: rotate(180deg);
}
/* O rótulo não pode empurrar a setinha para fora quando mostra a faixa de datas. */
.periodo-gatilho__texto[data-v-7388ca56] {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Toggle segmentado: os botões se encostam, sem o vão que o ods-button deixa
entre irmãos. A cor do estado ativo vem do `variant` (primary = laranja da
marca), não daqui. */
.operacao-toggle[data-v-7388ca56] {
display: inline-flex;
flex-wrap: nowrap;
white-space: nowrap;
}
.operacao-toggle[data-v-7388ca56] .ods-button {
margin: 0;
border-radius: 0;
}
.operacao-toggle[data-v-7388ca56] .ods-button:first-child {
border-radius: 4px 0 0 4px;
}
.operacao-toggle[data-v-7388ca56] .ods-button:last-child {
border-radius: 0 4px 4px 0;
}
/* Sem isto, a borda do vizinho soma 2px na divisa entre os botões. */
.operacao-toggle[data-v-7388ca56] .ods-button + .ods-button {
margin-left: -1px;
}
.total-registros[data-v-7388ca56] {
font-size: 12px;
color: var(--color-text-muted);
margin: 10px 0 15px;
}
/* Tabela */
.celula-sub[data-v-7388ca56] {
font-size: 12px;
color: var(--color-text-secondary);
line-height: 1.6;
}
/* Rota e unidade podem ser longas (multi-destino): corta em vez de quebrar a
linha e desalinhar a altura das linhas da tabela. */
.celula-truncada[data-v-7388ca56] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tag-operacao[data-v-7388ca56] {
color: var(--color-primary);
border-color: var(--color-primary-20);
background: var(--color-primary-10);
}
.acoes-btn[data-v-7388ca56] {
padding: 7px 9px;
}
.acoes-titulo[data-v-7388ca56] {
font-size: 11px;
color: var(--color-text-secondary);
padding: 4px 20px 6px;
border-bottom: 1px solid var(--color-border-lighter);
margin-bottom: 4px;
}
.paginacao[data-v-7388ca56] {
display: flex;
justify-content: center;
margin-top: 20px;
}
/* Cores utilitárias de TEXTO (prefixo `texto-` para não colidir com as
utilitárias globais .laranja/.azul/.verde/.vermelho, que pintam o FUNDO). */
.texto-laranja[data-v-7388ca56] {
color: var(--color-primary);
}
.texto-cinza[data-v-7388ca56] {
color: var(--color-text-secondary);
}
.texto-azul[data-v-7388ca56] {
color: var(--color-primary);
}
.negrito[data-v-7388ca56] {
font-weight: 600;
/* Ancestral posicionado do `.texto-oculto` (position: absolute), que senão se
posicionaria em relação a um ancestral distante da tabela. */
position: relative;
}
/* TRKM-2775: o vermelho é o mesmo do KPI "No show" e da tag `danger`. */
.carga-cancelada[data-v-7388ca56] {
color: var(--color-danger-strong);
text-decoration: line-through;
/* O traço automático herda a espessura do negrito e engole os dígitos. Fixo em 1.5px
ele continua visível sem cobrir o número, que segue legível. */
text-decoration-thickness: 1.5px;
text-decoration-color: currentColor;
}
/* Some da tela e continua no leitor de tela. */
.texto-oculto[data-v-7388ca56] {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
}
/* Cabeçalho da tabela em maiúsculas (como no mockup) */
#FretesAgendamentos[data-v-7388ca56] .el-table th.el-table__cell > .cell {
text-transform: uppercase;
font-size: 11px;
letter-spacing: 0.3px;
color: var(--color-text-secondary);
}
#FretesAgendamentos[data-v-7388ca56] .linha-pendente {
background: var(--color-warning-tint-10);
}
/* Barra lateral laranja nas linhas pendentes (destaque do mockup) */
#FretesAgendamentos[data-v-7388ca56] .linha-pendente td.el-table__cell:first-child {
box-shadow: inset 3px 0 0 0 var(--color-warning);
}
.periodo-painel {
width: 360px;
}
/* UMA LINHA POR OPÇÃO: rótulo à esquerda, intervalo à direita em cinza.
*
* Com o rótulo e o intervalo empilhados (como no desenho) a opção passava dos 50px e
* a lista sozinha dava ~390px: o painel não caberia na janela, e as opções de baixo
* — inclusive o "Limpar período" — ficavam fora da tela sem jeito de alcançar.
*
* E ROLAR O PAINEL NÃO É OPÇÃO: o ods-dropdown fecha em QUALQUER evento de scroll,
* que ele escuta em captura no `window` (é a contrapartida do menu `position: fixed`,
* que só se posiciona na abertura). Um `overflow-y` aqui fecharia o menu no primeiro
* giro da roda. Então o painel tem que CABER — daí a linha única, que também devolve
* a opção aos 36px de `line-height` do próprio item do catálogo.
*/
.periodo-painel .periodo-opcao {
display: flex;
align-items: center;
justify-content: space-between;
}
/* Cor própria (e não herdada) para o intervalo continuar cinza sob o hover do item,
que pinta o texto de laranja. */
.periodo-painel .periodo-opcao__sub {
margin-left: 16px;
font-size: 12px;
color: var(--color-text-secondary);
}
/* O `:hover` do catálogo é (0,3,0) e venceria o realce da opção ativa, apagando-o
justamente quando o mouse passa por cima — o mesmo empate dos KPIs acima. Daí o
segundo seletor, que empata em especificidade e vem depois. */
.periodo-painel .periodo-opcao--ativa,
.periodo-painel .periodo-opcao--ativa:not(.is-disabled):hover {
background-color: var(--color-primary-10);
}
.periodo-painel .periodo-opcao--ativa .periodo-opcao__label {
color: var(--color-primary);
font-weight: 600;
}
/* Os campos De/Até, separados da lista por uma linha. Lado a lado, e não empilhados,
pela mesma razão da linha única acima: são 22px de altura que o painel não tem. */
.periodo-painel .periodo-custom {
list-style: none;
margin-top: 6px;
padding: 12px 20px 6px;
border-top: 1px solid var(--color-border-lighter);
}
.periodo-painel .periodo-custom__campos {
display: flex;
gap: 12px;
}
/* O `min-width: 0` é o que deixa a coluna encolher: o campo de data vem com
`width: 100% !important` do catálogo, e isso não impede um item de flex de estourar
a caixa. */
.periodo-painel .periodo-custom__campo {
flex: 1;
min-width: 0;
}
/* Mesma régua do rótulo dos filtros do card (`.filtro-label`). */
.periodo-painel .periodo-custom__rotulo {
display: block;
margin-bottom: 2px;
font-size: 11px;
letter-spacing: 0.3px;
text-transform: uppercase;
color: var(--color-text-secondary);
}
/* O "Limpar período" é um `ods-button variant="ghost"` — a variante botão-link, que já
traz o laranja de texto, o sublinhado no hover e os 10px em caixa alta da base do
catálogo. **Sem `font-size` aqui de propósito:** o 13px que estava neste bloco vencia
os 10px da base por especificidade (0,2,0 contra 0,1,0) e era ele que deixava o link
maior que qualquer outro botão do produto. `size` também não mexe em tamanho — das três
variações só `--small` tem regra, e é `margin: 0`, que é o que alinha o link com a
coluna "DE" (a base dá `margin: 0 2px`).
O que sai daqui é só a folga: os 20px laterais e os 12/10 verticais da base, que num
link dentro do painel viravam 32px de altura. */
.periodo-painel .periodo-limpar {
margin-top: 6px;
padding: 6px 0 4px;
}
.negrito[data-v-49b8cbf0] {
font-weight: 600;
}
.celula-sub[data-v-49b8cbf0] {
font-size: 12px;
color: var(--color-text-secondary);
line-height: 1.6;
}
.celula-sem-quebra[data-v-49b8cbf0] {
white-space: nowrap;
}
/* Foco da marca "alterado" com o laranja da paleta, no lugar do contorno padrão do navegador. */
.marca-alterado[data-v-49b8cbf0]:focus {
outline: none;
}
.marca-alterado[data-v-49b8cbf0]:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 1px;
}
.celula-selo[data-v-49b8cbf0] {
margin-top: 4px;
}
.marca-sem-referencia[data-v-49b8cbf0]:focus {
outline: none;
}
.marca-sem-referencia[data-v-49b8cbf0]:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 1px;
}
.dica-sem-referencia[data-v-49b8cbf0] {
max-width: 300px;
line-height: 1.45;
}
.dica-linha[data-v-49b8cbf0] {
display: block;
margin-top: 6px;
}
/* Número inteiro na primeira linha e a marca "alterado" embaixo, para a coluna estreita não cortar o
protocolo (portão visual da TRKM-2978). */
.celula-protocolo[data-v-49b8cbf0] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.celula-truncada[data-v-49b8cbf0] {
display: block;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.texto-cinza[data-v-49b8cbf0] {
color: var(--color-text-secondary);
}
.texto-vencido[data-v-49b8cbf0] {
color: var(--color-danger-strong);
font-weight: 600;
}
.acoes-btn[data-v-49b8cbf0] {
padding: 7px 9px;
}
.acoes-titulo[data-v-49b8cbf0] {
font-size: 11px;
color: var(--color-text-secondary);
padding: 4px 20px 6px;
border-bottom: 1px solid var(--color-border-lighter);
margin-bottom: 4px;
}
/* O cabeçalho de Agendamentos, por classe própria (`header-cell-class-name`) em vez das classes do
Element: o contrato com o Element fora do catálogo só pode descer (acoplamento-das-telas.spec). */
#TabelaOcorrenciasDespesas[data-v-49b8cbf0] .cabecalho {
text-transform: uppercase;
font-size: 11px;
letter-spacing: 0.3px;
color: var(--color-text-secondary);
}
#TabelaOcorrenciasDespesas[data-v-49b8cbf0] .linha-vencida {
background: var(--color-danger-tint-10);
}
#TabelaOcorrenciasDespesas[data-v-49b8cbf0] .linha-vencida td:first-child {
box-shadow: inset 3px 0 0 0 var(--color-danger);
}
.conteudo[data-v-1d697f72] {
display: flex;
flex-direction: column;
gap: 8px;
}
.texto-secundario[data-v-1d697f72] {
font-size: 13px;
color: var(--color-text-regular);
}
/* Somente leitura (não desabilitado): continua selecionável e copiável, mas com o fundo de apoio
da paleta para não parecer um campo a preencher. */
.campo-somente-leitura[data-v-7c73b68f] .el-input__inner {
background-color: var(--color-bg-soft);
cursor: default;
}
.conteudo[data-v-7c73b68f] {
display: flex;
flex-direction: column;
gap: 8px;
}
.texto-secundario[data-v-7c73b68f] {
font-size: 13px;
color: var(--color-text-muted);
}
.historico[data-v-7c73b68f] {
list-style: none;
margin: 0;
padding: 0;
max-height: 240px;
overflow-y: auto;
border: 1px solid var(--color-border);
border-radius: 4px;
}
.historico-item[data-v-7c73b68f] {
padding: 8px 12px;
border-bottom: 1px solid var(--color-border);
}
.historico-item[data-v-7c73b68f]:last-child {
border-bottom: none;
}
.historico-topo[data-v-7c73b68f] {
display: flex;
align-items: center;
gap: 8px;
}
.historico-protocolos[data-v-7c73b68f] {
display: inline-flex;
align-items: center;
gap: 6px;
word-break: break-all;
}
.protocolo-anterior[data-v-7c73b68f] {
color: var(--color-text-muted);
text-decoration: line-through;
}
.historico-sub[data-v-7c73b68f] {
font-size: 12px;
color: var(--color-text-muted);
margin-top: 4px;
}
.historico-motivo[data-v-7c73b68f] {
font-size: 13px;
margin-top: 2px;
}
.conteudo[data-v-af50f01a] {
display: flex;
flex-direction: column;
gap: 14px;
}
.texto-secundario[data-v-af50f01a] {
font-size: 13px;
color: var(--color-text-muted);
}
.rotulo[data-v-af50f01a] {
font-size: 10px;
font-weight: bold;
letter-spacing: 0.05em;
color: var(--color-text-muted);
}
/* O conteúdo do OdsAlert sai dentro de um : as linhas são em bloco, não parágrafos. */
.alerta-linha[data-v-af50f01a] {
display: block;
margin-top: 2px;
}
.alerta-documento[data-v-af50f01a] {
overflow-wrap: anywhere;
}
.alerta-acoes[data-v-af50f01a] {
margin-top: 8px;
}
.excecao[data-v-af50f01a] {
display: flex;
flex-direction: column;
gap: 12px;
padding: 14px;
border: 1px solid var(--color-warning);
border-radius: 4px;
}
.excecao-cabecalho[data-v-af50f01a] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
}
.excecao-cabecalho .ods-section-title[data-v-af50f01a] {
margin: 0;
}
.contador[data-v-af50f01a] {
align-self: flex-end;
font-size: 11px;
color: var(--color-text-muted);
}
/* O texto da confirmação e o da despesa são longos: quebram em linhas em vez de estourar o diálogo. */
.confirmacao[data-v-af50f01a],
.despesa[data-v-af50f01a] {
display: flex;
align-items: flex-start;
white-space: normal;
}
.documento[data-v-af50f01a],
.despesas[data-v-af50f01a],
.checagens[data-v-af50f01a],
.justificativa[data-v-af50f01a] {
display: flex;
flex-direction: column;
gap: 6px;
}
.despesa-motivo[data-v-af50f01a] {
display: block;
margin-top: 2px;
font-size: 12px;
color: var(--color-text-muted);
}
.arquivo-identificado[data-v-af50f01a] {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 14px;
border: 1px solid var(--color-border);
border-radius: 4px;
font-size: 13px;
}
.arquivo-identificado-icone[data-v-af50f01a] {
color: var(--color-success-strong);
}
/* Bloco do documento com o fundo de apoio, como no protótipo. */
.documento[data-v-af50f01a] {
gap: 4px;
padding: 12px 14px;
border-radius: 4px;
background: var(--color-bg-soft);
}
.checagens ul[data-v-af50f01a] {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
}
.checagem[data-v-af50f01a] {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
}
.checagem-icone--ok[data-v-af50f01a] {
color: var(--color-success-strong);
}
.checagem-icone--falha[data-v-af50f01a] {
color: var(--color-danger-strong);
}
.conferencia[data-v-af50f01a] {
display: flex;
flex-direction: column;
gap: 4px;
padding: 10px 12px;
border-radius: 4px;
font-size: 13px;
}
.conferencia--ok[data-v-af50f01a] {
border: 1px solid var(--color-success);
background: var(--color-success-tint-10);
}
.conferencia--diverge[data-v-af50f01a] {
border: 1px solid var(--color-warning);
background: var(--color-warning-tint-10);
}
/* Cards, filtros, contagem e paginação copiados de FretesAgendamentos (layout aprovado pela direção).
Os comentários sobre cada regra estão lá. */
.kpi-cards[data-v-078b1b51] {
display: flex;
gap: 15px;
margin-bottom: 25px;
}
.kpi-card[data-v-078b1b51] {
flex: 1;
border: 1px solid var(--color-border-lighter);
border-radius: 6px;
padding: 14px 16px;
background: var(--color-white);
cursor: pointer;
text-align: left;
transition:
box-shadow 0.15s,
border-color 0.15s;
}
.kpi-card[data-v-078b1b51]:hover:not(.kpi-card--ativo) {
box-shadow: 0 2px 10px var(--color-black-10);
}
.kpi-card--ativo[data-v-078b1b51] {
background: var(--color-warning-tint-10);
border-color: var(--color-primary);
box-shadow: 0 2px 10px var(--color-black-5);
}
.kpi-card--ativo[data-v-078b1b51]:hover {
box-shadow: 0 4px 14px var(--color-black-10);
}
.kpi-card--amarelo.kpi-card--ativo[data-v-078b1b51],
.kpi-card--cinza.kpi-card--ativo[data-v-078b1b51],
.kpi-card--vermelho.kpi-card--ativo[data-v-078b1b51],
.kpi-card--verde.kpi-card--ativo[data-v-078b1b51] {
border-left-color: var(--color-primary);
}
.kpi-topo[data-v-078b1b51] {
display: flex;
align-items: baseline;
justify-content: space-between;
}
.kpi-label[data-v-078b1b51] {
font-size: 13px;
color: var(--color-text-regular);
}
.kpi-valor[data-v-078b1b51] {
font-size: 30px;
font-weight: 700;
color: var(--color-text);
}
.kpi-sub[data-v-078b1b51] {
display: flex;
align-items: center;
font-size: 11px;
color: var(--color-text-secondary);
margin-top: 8px;
}
.kpi-dot[data-v-078b1b51] {
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
margin-right: 6px;
background: var(--color-text-placeholder);
flex: none;
}
.kpi-card--amarelo[data-v-078b1b51] {
border-left: 4px solid var(--color-warning);
}
.kpi-card--amarelo .kpi-valor[data-v-078b1b51] {
color: var(--color-warning-strong);
}
.kpi-card--amarelo .kpi-dot[data-v-078b1b51] {
background: var(--color-warning);
}
.kpi-card--cinza[data-v-078b1b51] {
border-left: 4px solid var(--color-text-placeholder);
}
.kpi-card--cinza .kpi-valor[data-v-078b1b51] {
color: var(--color-text-secondary);
}
.kpi-card--cinza .kpi-dot[data-v-078b1b51] {
background: var(--color-text-placeholder);
}
.kpi-card--vermelho[data-v-078b1b51] {
border-left: 4px solid var(--color-danger);
}
.kpi-card--vermelho .kpi-valor[data-v-078b1b51] {
color: var(--color-danger-strong);
}
.kpi-card--vermelho .kpi-dot[data-v-078b1b51] {
background: var(--color-danger);
}
.kpi-card--verde[data-v-078b1b51] {
border-left: 4px solid var(--color-success);
}
.kpi-card--verde .kpi-valor[data-v-078b1b51] {
color: var(--color-success-strong);
}
.kpi-card--verde .kpi-dot[data-v-078b1b51] {
background: var(--color-success);
}
.filtros-card[data-v-078b1b51] {
background: var(--color-white);
border: 1px solid var(--color-border-lighter);
border-radius: 8px;
padding: 18px 20px;
margin-bottom: 15px;
box-shadow: 0 1px 4px var(--color-black-5);
}
.filtro-label[data-v-078b1b51] {
font-size: 11px;
letter-spacing: 0.3px;
text-transform: uppercase;
color: var(--color-text-secondary);
}
.total-registros[data-v-078b1b51] {
font-size: 12px;
color: var(--color-text-muted);
margin: 10px 0 15px;
}
.paginacao[data-v-078b1b51] {
display: flex;
justify-content: center;
margin-top: 20px;
}
.texto-secundario[data-v-078b1b51] {
font-size: 13px;
color: var(--color-text-regular);
margin-bottom: 12px;
}
/* Mesmos espaçamentos de #FretesAgendamentos. */
#OcorrenciasDespesas[data-v-0aa2e44a] {
padding-bottom: 100px;
margin-top: 20px;
}
/* Your component styles here */
#TorreControleNota .btn_add[data-v-771d3e60] {
color: var(--color-primary);
transition: opacity 0.3s;
}
#TorreControleNota .btn_add[data-v-771d3e60]:hover {
opacity: 0.8;
}
#TorreControleCarga .btn_add[data-v-65c99cd2] {
color: var(--color-primary);
transition: opacity 0.3s;
}
#TorreControleCarga .btn_add[data-v-65c99cd2]:hover {
opacity: 0.8;
}
.associar-container[data-v-4c04869a] {
display: flex;
gap: 16px;
align-items: flex-start;
}
.associar-main[data-v-4c04869a] {
flex: 1;
min-width: 400px;
min-height: 300px;
}
.associar-sidebar[data-v-4c04869a] {
flex: 0 0 auto;
width: 28%;
min-width: 340px;
max-width: 450px;
border-left: 1px solid var(--color-border-lighter);
padding-left: 16px;
}
.status-cards[data-v-4c04869a] {
display: flex;
gap: 6px;
flex-wrap: nowrap;
justify-content: flex-start;
margin-bottom: 6px;
overflow-x: auto;
}
.status-card[data-v-4c04869a] {
cursor: pointer;
transition: all 0.2s ease;
border-radius: 6px;
flex: 0 0 86px;
min-width: 72px;
}
.status-card[data-v-4c04869a]:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px var(--color-black-15);
}
.card-content[data-v-4c04869a] {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
padding: 0;
text-align: center;
}
.status-icon[data-v-4c04869a] {
font-size: 16px;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: var(--color-white);
margin-top: 2px;
}
.status-info[data-v-4c04869a] {
width: 100%;
}
.status-label[data-v-4c04869a] {
font-size: 10px;
font-weight: 500;
color: var(--color-text-regular);
margin-bottom: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.status-count[data-v-4c04869a] {
font-weight: 700;
font-size: 14px;
color: var(--color-text);
margin-bottom: 2px;
}
.status-previsto[data-v-4c04869a] {
border-top: 3px solid var(--color-danger);
}
.status-previsto .status-icon[data-v-4c04869a] {
background-color: var(--color-danger);
}
.status-disponivel[data-v-4c04869a] {
border-top: 3px solid var(--color-success);
}
.status-disponivel .status-icon[data-v-4c04869a] {
background-color: var(--color-success);
}
.status-associado[data-v-4c04869a] {
border-top: 3px solid var(--color-primary);
}
.status-associado .status-icon[data-v-4c04869a] {
background-color: var(--color-primary);
}
.status-finalizado[data-v-4c04869a] {
border-top: 3px solid var(--color-warning);
}
.status-finalizado .status-icon[data-v-4c04869a] {
background-color: var(--color-warning);
}
.status-truck-icon[data-v-4c04869a] {
font-size: 16px;
line-height: 1;
}
.ordenacao-wrapper[data-v-4c04869a] {
margin: 8px 0 10px 0;
}
.table-wrapper[data-v-4c04869a] {
overflow-x: auto;
overflow-y: visible;
}
.table-wrapper[data-v-4c04869a]::-webkit-scrollbar {
height: 6px;
}
.table-wrapper[data-v-4c04869a]::-webkit-scrollbar-thumb {
background: var(--color-border);
border-radius: 3px;
}
.table-wrapper[data-v-4c04869a]::-webkit-scrollbar-thumb:hover {
background: var(--color-text-placeholder);
}
.table-wrapper[data-v-4c04869a]::-webkit-scrollbar-track {
background: var(--color-bg-base);
}
.empty-state[data-v-4c04869a] {
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-4c04869a] {
pointer-events: none;
position: fixed;
top: -1000px;
left: -1000px;
background: var(--color-white);
border: 1px solid var(--color-border-lighter);
box-shadow: 0 2px 8px var(--color-black-15);
border-radius: 4px;
padding: 4px 8px;
font-size: 12px;
color: var(--color-text);
}
/* Loading container */
.loading-container[data-v-4c04869a] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 300px;
gap: 12px;
}
.loading-icon[data-v-4c04869a] {
font-size: 32px;
color: var(--color-primary);
}
.loading-text[data-v-4c04869a] {
font-size: 14px;
color: var(--color-text-regular);
margin: 0;
}
/* Overlay de associação */
.associando-overlay[data-v-4c04869a] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--color-white-95);
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
border-radius: 4px;
backdrop-filter: blur(2px);
}
.associando-content[data-v-4c04869a] {
text-align: center;
padding: 24px;
animation: fadeIn-data-v-4c04869a 0.3s ease-in;
}
@keyframes fadeIn-data-v-4c04869a {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.tabela-analise-cruzada[data-v-41ffbc41] {
background: var(--color-white);
border-radius: 8px;
box-shadow: 0 2px 8px var(--color-black-5);
margin-top: 24px;
overflow: hidden;
}
.table-header[data-v-41ffbc41] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 20px;
background: var(--color-bg-base);
border-bottom: 2px solid var(--color-border-light);
}
.table-title[data-v-41ffbc41] {
margin: 0;
font-size: 18px;
font-weight: 500;
color: var(--color-text-regular);
display: flex;
align-items: center;
gap: 8px;
}
.table-title i[data-v-41ffbc41] {
font-size: 20px;
color: var(--color-text-secondary);
}
.texto-laranja[data-v-41ffbc41],
.texto-laranja[data-v-41ffbc41]:visited,
.texto-laranja[data-v-41ffbc41]:active,
.texto-laranja[data-v-41ffbc41]:focus,
.texto-laranja[data-v-41ffbc41]:hover {
color: var(--color-primary) !important;
}
.table-content[data-v-41ffbc41] {
padding: 20px;
}
.slide-fade-enter-active[data-v-41ffbc41],
.slide-fade-leave-active[data-v-41ffbc41] {
transition: all 0.3s ease;
}
.slide-fade-enter[data-v-41ffbc41],
.slide-fade-leave-to[data-v-41ffbc41] {
transform: translateY(-10px);
opacity: 0;
}
.table-controls[data-v-41ffbc41] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid var(--color-border-light);
}
.controls-left[data-v-41ffbc41] {
display: flex;
gap: 12px;
align-items: center;
}
.vehicle-filter[data-v-41ffbc41] {
width: 220px;
}
.data-count[data-v-41ffbc41] {
font-size: 13px;
color: var(--color-text-secondary);
font-weight: 500;
background: var(--color-bg-base);
padding: 6px 12px;
border-radius: 12px;
border: 1px solid var(--color-border-light);
}
.profile-cell[data-v-41ffbc41] {
display: flex;
align-items: center;
gap: 8px;
}
.profile-cell i[data-v-41ffbc41] {
color: var(--color-primary);
font-size: 16px;
}
.tabela-analise-cruzada[data-v-41ffbc41] .el-table .descending .sort-caret.descending {
border-top-color: var(--color-primary) !important;
}
.tabela-analise-cruzada[data-v-41ffbc41] .el-table .ascending .sort-caret.ascending {
border-bottom-color: var(--color-primary) !important;
}
.contador-selecionados-footer[data-v-6cc8e89f] {
background: var(--color-bg-base);
color: var(--color-primary);
border-radius: 12px;
font-size: 13px;
padding: 2px 10px;
margin-right: 8px;
font-weight: 500;
border: 1px solid var(--color-primary-20);
}
.status-section[data-v-6cc8e89f] {
margin-bottom: 30px;
}
.status-container[data-v-6cc8e89f] {
display: flex;
gap: 30px;
justify-content: space-between;
}
.status-column[data-v-6cc8e89f] {
flex: 1;
min-width: 0;
}
.column-title[data-v-6cc8e89f] {
font-size: 18px;
font-weight: 500;
color: var(--color-text-regular);
margin-bottom: 15px;
text-align: center;
padding-bottom: 10px;
border-bottom: 2px solid var(--color-border-light);
}
.status-cards[data-v-6cc8e89f] {
display: flex;
gap: 10px;
flex-wrap: nowrap;
justify-content: space-between;
}
.status-card[data-v-6cc8e89f] {
cursor: pointer;
transition: all 0.3s ease;
border-radius: 6px;
flex: 1;
min-width: 120px;
}
.status-card[data-v-6cc8e89f]:hover {
transform: translateY(-1px);
box-shadow: 0 2px 8px var(--color-black-10);
}
.card-content[data-v-6cc8e89f] {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 12px 8px;
text-align: center;
}
.status-icon[data-v-6cc8e89f] {
font-size: 18px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: var(--color-white);
}
.status-info[data-v-6cc8e89f] {
flex: 1;
width: 100%;
}
.status-label[data-v-6cc8e89f] {
font-size: 12px;
font-weight: 500;
color: var(--color-text-regular);
margin-bottom: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.status-count[data-v-6cc8e89f] {
font-size: 18px;
font-weight: 600;
color: var(--color-text);
}
/* Status específicos */
.status-indisponivel[data-v-6cc8e89f] {
border-top: 3px solid var(--color-danger);
}
.status-indisponivel .status-icon[data-v-6cc8e89f] {
background-color: var(--color-danger);
}
.status-finalizando[data-v-6cc8e89f] {
border-top: 3px solid var(--color-warning);
}
.status-finalizando .status-icon[data-v-6cc8e89f] {
background-color: var(--color-warning);
}
.status-disponivel[data-v-6cc8e89f] {
border-top: 3px solid var(--color-success);
}
.status-disponivel .status-icon[data-v-6cc8e89f] {
background-color: var(--color-success);
}
.status-associado[data-v-6cc8e89f] {
border-top: 3px solid var(--color-primary);
}
.status-associado .status-icon[data-v-6cc8e89f] {
background-color: var(--color-primary);
}
.coming-soon[data-v-6cc8e89f] {
text-align: center;
padding: 40px 20px;
color: var(--color-text-secondary);
font-style: italic;
background-color: var(--color-bg-base);
border-radius: 8px;
border: 2px dashed var(--color-border-light);
}
/* Mensagem quando não há agregados */
.no-agregados-message[data-v-6cc8e89f] {
background-color: var(--color-warning-tint-10);
border: 1px solid var(--color-warning);
border-radius: 8px;
padding: 20px;
text-align: center;
}
.message-content[data-v-6cc8e89f] {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.message-icon[data-v-6cc8e89f] {
font-size: 28px;
color: var(--color-warning-strong);
}
.message-text[data-v-6cc8e89f] {
font-size: 14px;
color: var(--color-text-regular);
line-height: 1.5;
margin: 0;
max-width: 400px;
}
.message-link[data-v-6cc8e89f] {
font-weight: 500;
cursor: pointer;
text-decoration: underline;
transition: color 0.3s ease;
}
/* Ícone caminhão colorido na tabela */
.status-truck-icon[data-v-6cc8e89f] {
font-size: 22px;
vertical-align: middle;
margin-right: 2px;
}
/* Filtros rápidos */
.filtros-rapidos[data-v-6cc8e89f] {
margin-top: 12px;
margin-bottom: 12px;
background: var(--color-bg-base);
border-radius: 8px;
padding: 8px 8px 8px 8px;
}
.filtros-compacto[data-v-6cc8e89f] {
margin-bottom: 12px;
text-align: right;
}
/* Força o texto laranja em todos os estados do botão/link */
.texto-laranja[data-v-6cc8e89f],
.texto-laranja[data-v-6cc8e89f]:visited,
.texto-laranja[data-v-6cc8e89f]:active,
.texto-laranja[data-v-6cc8e89f]:focus,
.texto-laranja[data-v-6cc8e89f]:hover {
color: var(--color-primary) !important;
}
.status-previsto[data-v-6cc8e89f] {
border-top: 3px solid var(--color-bg-base);
/* Branco Neve, tom claro */
}
.status-previsto .status-icon[data-v-6cc8e89f] {
background-color: var(--color-bg-base);
color: var(--color-danger-strong);
/* Ajuste a cor do ícone para contraste, já que o fundo é claro */
}
/* Status Finalizado (Cinza) */
.status-finalizado[data-v-6cc8e89f] {
border-top: 3px solid var(--color-text-secondary);
/* Cinza neutro */
}
.status-finalizado .status-icon[data-v-6cc8e89f] {
background-color: var(--color-text-secondary);
}
/* Loading container */
.loading-container[data-v-6cc8e89f] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 300px;
gap: 12px;
}
.loading-icon[data-v-6cc8e89f] {
font-size: 32px;
color: var(--color-primary);
}
.loading-text[data-v-6cc8e89f] {
font-size: 14px;
color: var(--color-text-regular);
margin: 0;
}
.tabs[data-v-127dd010] {
margin-top: 0;
}
.tab[data-v-127dd010] {
display: none;
}
.tabs_on[data-v-127dd010] {
display: block !important;
}
#Frota[data-v-127dd010] {
padding-bottom: 100px;
}
/* container do mapa + painel */
.map-row[data-v-78c71d9f] {
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-78c71d9f] {
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-78c71d9f] {
width: 100%;
height: 100%;
min-height: 300px;
box-sizing: border-box;
border: 2px solid var(--color-border);
}
/* painel direito: largura fixa / rolagem interna */
.map-right[data-v-78c71d9f] {
flex: 0 0 360px;
/* largura fixa confortável (ajuste se quiser) */
max-width: 40%;
overflow: auto;
padding: 10px;
box-sizing: border-box;
background: var(--color-white);
border-left: none;
border: 2px solid var(--color-border);
}
/* lista de cidades rolável internamente */
.map-right .cities-list[data-v-78c71d9f] {
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-78c71d9f] {
border: 2px solid var(--color-border-light);
border-radius: 6px;
padding: 15px;
margin-bottom: 15px;
background: var(--color-bg-base);
transition: all 0.3s ease;
}
.regiao-card-active[data-v-78c71d9f] {
border-color: var(--color-primary);
background: var(--color-primary-5);
box-shadow: 0 2px 8px var(--color-primary-10);
}
.regiao-card-header[data-v-78c71d9f] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid var(--color-border-light);
}
.regiao-card-title[data-v-78c71d9f] {
font-weight: 600;
font-size: 14px;
color: var(--color-text);
display: flex;
align-items: center;
gap: 8px;
}
.regiao-card-subtitle[data-v-78c71d9f] {
font-weight: 400;
color: var(--color-text-regular);
font-size: 13px;
}
.cidades-secao-info[data-v-78c71d9f] {
margin-top: 10px;
padding: 8px 12px;
background: var(--color-primary-5);
border-left: 3px solid var(--color-primary);
border-radius: 4px;
font-size: 13px;
color: var(--color-text-regular);
display: flex;
align-items: center;
gap: 6px;
}
.cidades-secao-info i[data-v-78c71d9f] {
color: var(--color-success-strong);
}
#RotasTable span[data-v-b1b62fcc] {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
vertical-align: middle;
}
#RotasTable .no-permission-message[data-v-b1b62fcc] {
background-color: var(--color-bg-base);
border: 1px solid var(--color-border);
border-radius: 8px;
padding: 40px 20px;
text-align: center;
margin: 20px 0;
}
#RotasTable .message-content[data-v-b1b62fcc] {
max-width: 500px;
margin: 0 auto;
}
#RotasTable .message-icon[data-v-b1b62fcc] {
font-size: 48px;
color: var(--color-text-secondary);
margin-bottom: 16px;
}
#RotasTable .message-title[data-v-b1b62fcc] {
font-size: 18px;
font-weight: 600;
color: var(--color-text);
margin-bottom: 12px;
margin-top: 0;
}
#RotasTable.message-text[data-v-b1b62fcc] {
font-size: 14px;
color: var(--color-text-regular);
line-height: 1.6;
margin-bottom: 24px;
}
#RotasTable .message-text strong[data-v-b1b62fcc] {
color: var(--color-text);
font-weight: 600;
}
.tabs[data-v-11305227] {
margin-top: 0;
}
.tab[data-v-11305227] {
display: none;
}
.tabs_on[data-v-11305227] {
display: block !important;
}
#FrotaPlanejamento[data-v-11305227] {
padding-bottom: 100px;
}
.ods-badge[data-v-11305227] {
vertical-align: top;
}
#FormAdicionarParceiro .btn.branco[data-v-122ba244] {
background: var(--color-bg-base);
color: var(--color-text);
}
.action-icon[data-v-fbd1bf96] {
font-size: 18px;
margin: 0 8px;
cursor: pointer;
transition: color 0.3s;
}
.action-icon.view[data-v-fbd1bf96]:hover {
color: var(--color-primary);
}
.action-icon.delete[data-v-fbd1bf96]:hover {
color: var(--color-danger-strong);
}
.btn.branco[data-v-fbd1bf96] {
background: var(--color-bg-base);
color: var(--color-text);
}
.tabs[data-v-2aaa3402] {
margin-top: 0;
}
.tab[data-v-2aaa3402] {
display: none;
}
.tabs_on[data-v-2aaa3402] {
display: block !important;
}
#FrotaParceiros[data-v-2aaa3402] {
padding-bottom: 100px;
}
.ods-badge[data-v-2aaa3402] {
vertical-align: top;
}
/* Loading container */
.loading-container[data-v-2aaa3402] {
text-align: center;
padding: 60px 20px;
color: var(--color-text-secondary);
}
.loading-container i[data-v-2aaa3402] {
font-size: 28px;
margin-right: 12px;
animation: rotating-data-v-2aaa3402 2s linear infinite;
}
.loading-container span[data-v-2aaa3402] {
font-size: 14px;
vertical-align: middle;
}
@keyframes rotating-data-v-2aaa3402 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.no-permission-message[data-v-2aaa3402] {
background-color: var(--color-bg-base);
border: 1px solid var(--color-border);
border-radius: 8px;
padding: 40px 20px;
text-align: center;
margin: 20px 0;
}
.message-content[data-v-2aaa3402] {
max-width: 500px;
margin: 0 auto;
}
.message-icon[data-v-2aaa3402] {
font-size: 48px;
color: var(--color-text-secondary);
margin-bottom: 16px;
}
.message-title[data-v-2aaa3402] {
font-size: 18px;
font-weight: 600;
color: var(--color-text);
margin-bottom: 12px;
margin-top: 0;
}
.message-text[data-v-2aaa3402] {
font-size: 14px;
color: var(--color-text-regular);
line-height: 1.6;
margin-bottom: 24px;
}
.message-text strong[data-v-2aaa3402] {
color: var(--color-text);
font-weight: 600;
}
.tabs[data-v-80bcda54] {
margin-top: 0;
}
.campos[data-v-80bcda54] {
margin-bottom: 24px;
}
.tab[data-v-80bcda54] {
display: none;
}
.tabs_on[data-v-80bcda54] {
display: block !important;
}
.frete[data-v-80bcda54],
.linha_separadora[data-v-80bcda54] {
width: 100% !important;
}
.linha_separadora[data-v-80bcda54] {
margin-top: 20px !important;
}
.btn_editar_frete[data-v-80bcda54] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
.nome_frete[data-v-80bcda54] {
display: block;
float: none !important;
}
.dados_frete[data-v-80bcda54] {
width: 100% !important;
display: block;
}
.fretes[data-v-80bcda54] {
display: block;
}
.campos[data-v-80bcda54] {
margin-bottom: 10px;
}
.campos .detalhe[data-v-80bcda54] {
display: none;
}
ul li.frete[data-v-80bcda54] {
float: none;
}
#MeusFretes[data-v-80bcda54] {
padding-bottom: 100px;
}
.paginacao-container[data-v-3bad0d12] {
display: flex;
justify-content: center;
}
.total-fretes[data-v-3bad0d12] {
display: block;
font-size: 12px;
margin-bottom: 25px;
color: var(--color-text-muted);
}
.fieldset[data-v-60185bb7] {
border: 1px dotted var(--color-primary);
padding: 10px 15px;
margin-bottom: 20px;
}
.tabs[data-v-8daa611a] {
margin-top: 0;
}
.tab[data-v-8daa611a] {
display: none;
}
.tabs_on[data-v-8daa611a] {
display: block !important;
}
#MeusFretes[data-v-8daa611a] {
padding-bottom: 100px;
}
.ods-badge[data-v-8daa611a] {
vertical-align: top;
}
.tabs[data-v-698e1309] {
margin-top: 0;
}
.campos[data-v-698e1309] {
margin-bottom: 24px;
}
.tab[data-v-698e1309] {
display: none;
}
.tabs_on[data-v-698e1309] {
display: block !important;
}
.frete[data-v-698e1309],
.linha_separadora[data-v-698e1309] {
width: 100% !important;
}
.linha_separadora[data-v-698e1309] {
margin-top: 20px !important;
}
.btn_editar_frete[data-v-698e1309] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
.nome_frete[data-v-698e1309] {
display: block;
float: none !important;
}
.dados_frete[data-v-698e1309] {
width: 100% !important;
display: block;
}
.fretes[data-v-698e1309] {
display: block;
}
.campos[data-v-698e1309] {
margin-bottom: 10px;
}
.campos .detalhe[data-v-698e1309] {
display: none;
}
ul li.frete[data-v-698e1309] {
float: none;
}
#MeusFretes[data-v-698e1309] {
padding-bottom: 100px;
}
.ods-badge[data-v-698e1309] {
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: var(--color-primary);
left: -20px;
font-family: 'QuicksandBold';
font-size: 11px;
letter-spacing: 0.1em;
}
.tabs[data-v-0d928b4f] {
margin-top: 20px;
}
.campos[data-v-0d928b4f] {
margin-bottom: 24px;
}
.tab[data-v-0d928b4f] {
display: none;
}
.tabs_on[data-v-0d928b4f] {
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: var(--color-primary);
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-00699627] {
margin-top: 2rem;
}
.ods-card hr[data-v-00699627] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-00699627] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.ods-card .ajuda[data-v-00699627] {
font-size: 13px;
line-height: 20px;
}
.ods-card .ajuda p[data-v-00699627] {
font-size: 13px;
margin-bottom: 10px;
}
.el-descriptions[data-v-00699627] {
font-family: 'Courier New', Courier, monospace !important;
}
.form-content .hint[data-v-2b53c8eb] {
font-size: 13px;
color: var(--color-text-muted);
margin-bottom: 16px;
}
.secret-reveal[data-v-2b53c8eb] {
display: flex;
flex-direction: column;
gap: 16px;
}
.aviso[data-v-2b53c8eb] {
margin-bottom: 4px;
}
.cred-field[data-v-2b53c8eb] {
display: flex;
flex-direction: column;
gap: 4px;
}
.cred-label[data-v-2b53c8eb] {
font-size: 11px;
font-weight: 600;
color: var(--color-text-regular);
text-transform: uppercase;
letter-spacing: 0.05em;
}
.cred-value[data-v-2b53c8eb] {
display: flex;
align-items: center;
gap: 8px;
background: var(--color-bg-base);
border: 1px solid var(--color-border-light);
border-radius: 4px;
padding: 8px 12px;
}
.cred-value code[data-v-2b53c8eb] {
flex: 1;
font-family: 'Courier New', monospace;
font-size: 12px;
word-break: break-all;
color: var(--color-text);
}
.form-content .hint[data-v-8e0e1504] {
font-size: 13px;
color: var(--color-text-muted);
margin-bottom: 16px;
}
.form-content .hint code[data-v-8e0e1504] {
background: var(--color-bg-base);
border: 1px solid var(--color-border-light);
border-radius: 3px;
padding: 1px 5px;
font-family: 'Courier New', monospace;
font-size: 12px;
color: var(--color-text-regular);
}
.eventos[data-v-8e0e1504] {
display: flex;
flex-direction: column;
}
.eventos[data-v-8e0e1504] .ods-checkbox {
display: flex;
align-items: flex-start;
margin: 0 0 10px 0;
height: auto;
white-space: normal;
}
.eventos[data-v-8e0e1504] .ods-checkbox__label {
line-height: 1.3;
padding-left: 8px;
}
.evento-nome[data-v-8e0e1504] {
display: block;
font-size: 13px;
color: var(--color-text-regular);
}
.evento-codigo[data-v-8e0e1504] {
display: block;
font-family: 'Courier New', monospace;
font-size: 11px;
color: var(--color-text-secondary);
}
.form-content .hint[data-v-5dd631f2] {
font-size: 13px;
color: var(--color-text-muted);
margin-bottom: 16px;
}
.eventos[data-v-5dd631f2] {
display: flex;
flex-direction: column;
}
.eventos[data-v-5dd631f2] .ods-checkbox {
display: flex;
align-items: flex-start;
margin: 0 0 10px 0;
height: auto;
white-space: normal;
}
.eventos[data-v-5dd631f2] .ods-checkbox__label {
line-height: 1.3;
padding-left: 8px;
}
.evento-nome[data-v-5dd631f2] {
display: block;
font-size: 13px;
color: var(--color-text-regular);
}
.evento-codigo[data-v-5dd631f2] {
display: block;
font-family: 'Courier New', monospace;
font-size: 11px;
color: var(--color-text-secondary);
}
.carregando[data-v-249a79ea] {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
}
.evento-nome[data-v-249a79ea] {
display: block;
font-size: 12px;
color: var(--color-text);
line-height: 16px;
}
.evento-codigo[data-v-249a79ea] {
display: block;
font-family: 'Courier New', monospace;
font-size: 11px;
color: var(--color-text-secondary);
line-height: 14px;
}
.detalhe[data-v-249a79ea] {
padding: 4px 8px 8px;
}
.detalhe-bloco + .detalhe-bloco[data-v-249a79ea] {
margin-top: 14px;
}
.detalhe-cabecalho[data-v-249a79ea] {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 6px;
}
.detalhe-label[data-v-249a79ea] {
font-size: 12px;
font-weight: 600;
color: var(--color-text-regular);
}
.detalhe-corpo[data-v-249a79ea] {
margin: 0;
max-height: 220px;
overflow: auto;
background: var(--color-bg-base);
border: 1px solid var(--color-border-light);
border-radius: 3px;
padding: 8px 10px;
font-family: 'Courier New', monospace;
font-size: 12px;
line-height: 17px;
color: var(--color-text-regular);
white-space: pre-wrap;
word-break: break-word;
}
.detalhe-rodape[data-v-249a79ea] {
margin: 12px 0 0;
font-size: 12px;
color: var(--color-text-secondary);
}
.detalhe-rodape code[data-v-249a79ea] {
font-family: 'Courier New', monospace;
}
.paginacao[data-v-249a79ea] {
display: flex;
justify-content: center;
margin-top: 15px;
}
.ajuda[data-v-249a79ea] {
font-size: 13px;
line-height: 20px;
margin-top: 15px;
}
.aviso[data-v-42623b38] {
margin-bottom: 18px;
}
.cred-field[data-v-42623b38] {
margin-bottom: 14px;
}
.cred-label[data-v-42623b38] {
display: block;
font-size: 12px;
color: var(--color-text-secondary);
margin-bottom: 4px;
}
.cred-value[data-v-42623b38] {
display: flex;
align-items: center;
gap: 8px;
background: var(--color-bg-base);
border: 1px solid var(--color-border-light);
border-radius: 4px;
padding: 6px 8px;
}
.cred-value code[data-v-42623b38] {
flex: 1;
font-family: 'Courier New', monospace;
font-size: 12px;
color: var(--color-text-regular);
word-break: break-all;
}
.hint[data-v-42623b38] {
font-size: 12px;
color: var(--color-text-secondary);
margin: 0;
}
hr[data-v-4a0671f4] {
margin: 17px 0;
}
.carregando[data-v-4a0671f4] {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
}
.secao-titulo[data-v-4a0671f4] {
font-size: 13px;
font-weight: 600;
color: var(--color-text-regular);
margin-bottom: 12px;
}
.url-text[data-v-4a0671f4] {
display: block;
font-family: 'Courier New', monospace;
font-size: 12px;
color: var(--color-text);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.evento + .evento[data-v-4a0671f4] {
margin-top: 6px;
}
.evento-nome[data-v-4a0671f4] {
display: block;
font-size: 12px;
color: var(--color-text);
line-height: 16px;
}
.evento-codigo[data-v-4a0671f4] {
display: block;
font-family: 'Courier New', monospace;
font-size: 11px;
color: var(--color-text-secondary);
line-height: 14px;
}
.acoes-tabela[data-v-4a0671f4] {
display: flex;
justify-content: flex-end;
margin-top: 15px;
}
.ajuda[data-v-4a0671f4] {
font-size: 13px;
line-height: 20px;
margin-top: 15px;
}
.ajuda code[data-v-4a0671f4] {
background: var(--color-bg-base);
border: 1px solid var(--color-border-light);
border-radius: 3px;
padding: 1px 5px;
font-family: 'Courier New', monospace;
font-size: 12px;
color: var(--color-text-regular);
}
.estado-vazio[data-v-4a0671f4] {
display: flex;
flex-direction: column;
align-items: center;
padding: 32px 0 24px;
color: var(--color-text-secondary);
}
.estado-vazio-icone[data-v-4a0671f4] {
font-size: 40px;
margin-bottom: 10px;
color: var(--color-text-placeholder);
}
.estado-vazio p[data-v-4a0671f4] {
margin: 0;
font-size: 13px;
}
.estado-vazio-subtitulo[data-v-4a0671f4] {
font-size: 12px !important;
color: var(--color-text-secondary);
margin-top: 4px !important;
}
/* Global e prefixado pelo id da tela: `scoped` nao alcanca a ``, que o el-table renderiza
por render function e por isso nao carrega o `data-v` do componente. O prefixo confina a regra
a esta tela — sem ele a classe `row-pausada` valeria para toda tabela do produto.
Sem `.el-table` no caminho de proposito: a classe vem do `row-class-name` e e do produto, e o
id ja da especificidade de sobra. Mirar a classe interna so somaria acoplamento a mais. */
#Webhooks .row-pausada {
opacity: 0.45;
}
.ods-card[data-v-2909f4ba] {
margin-top: 2rem;
margin-bottom: 30px;
}
.ods-card hr[data-v-2909f4ba] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-2909f4ba] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.ods-card .ajuda[data-v-2909f4ba] {
font-size: 13px;
line-height: 20px;
}
.ods-card .ajuda code[data-v-2909f4ba] {
background: var(--color-bg-base);
border: 1px solid var(--color-border-light);
border-radius: 3px;
padding: 1px 5px;
font-family: 'Courier New', monospace;
font-size: 12px;
color: var(--color-text-regular);
}
.carregando[data-v-2909f4ba] {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
}
.secao-titulo[data-v-2909f4ba] {
font-size: 13px;
font-weight: 600;
color: var(--color-text-regular);
margin-bottom: 12px;
}
.client-id-cell[data-v-2909f4ba] {
display: flex;
align-items: center;
gap: 6px;
}
.client-id-text[data-v-2909f4ba] {
font-family: 'Courier New', monospace;
font-size: 12px;
color: var(--color-text);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 180px;
}
.btn-copiar[data-v-2909f4ba] {
flex-shrink: 0;
}
.acoes-tabela[data-v-2909f4ba] {
display: flex;
justify-content: flex-end;
margin-top: 15px;
}
.estado-vazio[data-v-2909f4ba] {
display: flex;
flex-direction: column;
align-items: center;
padding: 32px 0 24px;
color: var(--color-text-secondary);
}
.estado-vazio-icone[data-v-2909f4ba] {
font-size: 40px;
margin-bottom: 10px;
color: var(--color-text-placeholder);
}
.estado-vazio p[data-v-2909f4ba] {
margin: 0;
font-size: 13px;
}
.estado-vazio-subtitulo[data-v-2909f4ba] {
font-size: 12px !important;
color: var(--color-text-secondary);
margin-top: 4px !important;
}
/* Global e prefixado pelo id da tela: `scoped` nao alcanca a ` `, que o el-table renderiza
por render function e por isso nao carrega o `data-v` do componente. O prefixo confina a regra
a esta tela — sem ele a classe `row-revogada` valeria para toda tabela do produto. */
#ConfiguracaoIntegracaoSistemas .el-table .row-revogada {
opacity: 0.45;
}
#ConfiguracaoRateioDespesa .ods-card {
margin-top: 2rem;
font-size: 15px;
color: var(--color-text-muted);
}
#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-f6d9abc4] {
background-color: var(--color-white);
height: 300px;
text-align: center;
border: 1px dotted var(--color-disabled);
margin-bottom: 20px;
padding: 10px 12px;
}
.list[data-v-63c3fb19] {
display: grid;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 47% 47%;
}
.button[data-v-63c3fb19] {
text-align: center;
align-items: center;
display: flex;
background-color: var(--color-white);
box-shadow: 0 1px 2px 1px var(--color-black-10);
border-radius: 4px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 15px 0;
cursor: pointer;
color: var(--color-primary);
}
.list .button i[data-v-63c3fb19] {
font-size: 1.8em;
margin-bottom: 10px;
}
.indicador[data-v-63c3fb19] {
border-radius: 5px;
}
.chart[data-v-63c3fb19] {
background-color: var(--color-white);
height: 300px;
text-align: center;
border: 1px dotted var(--color-disabled);
margin-bottom: 20px;
padding: 10px 12px;
}
.tabs[data-v-132323f4] {
margin-top: 0;
}
.tab[data-v-132323f4] {
display: none;
}
.tabs_on[data-v-132323f4] {
display: block !important;
}
.tabs[data-v-9f668766] {
margin-top: 20px;
}
.campos[data-v-9f668766] {
margin-bottom: 24px;
}
.tab[data-v-9f668766] {
display: none;
}
.tabs_on[data-v-9f668766] {
display: block !important;
}
.last[data-v-9f668766] {
margin-bottom: 0 !important;
}
.field[data-v-9f668766] {
padding-top: 12px;
}
.toolbar[data-v-9f668766] {
margin-bottom: 60px;
}
.tabs[data-v-8525d382] {
margin-top: 0;
}
.campos[data-v-8525d382] {
margin-bottom: 24px;
}
.tab[data-v-8525d382] {
display: none;
}
.tabs_on[data-v-8525d382] {
display: block !important;
}
.frete[data-v-8525d382],
.linha_separadora[data-v-8525d382] {
width: 100% !important;
}
.linha_separadora[data-v-8525d382] {
margin-top: 20px !important;
}
.btn_editar_frete[data-v-8525d382] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
.nome_frete[data-v-8525d382] {
display: block;
float: none !important;
}
.dados_frete[data-v-8525d382] {
width: 100% !important;
display: block;
}
.transportadores[data-v-8525d382] {
display: block;
}
.campos[data-v-8525d382] {
margin-bottom: 10px;
}
.campos .detalhe[data-v-8525d382] {
display: none;
}
ul li.frete[data-v-8525d382] {
float: none;
}
#Transportadores[data-v-8525d382] {
padding-bottom: 100px;
}
.tabs[data-v-85953adc] {
margin-top: 20px;
}
.campos[data-v-85953adc] {
margin-bottom: 24px;
}
.tab[data-v-85953adc] {
display: none;
}
.tabs_on[data-v-85953adc] {
display: block !important;
}
.last[data-v-85953adc] {
margin-bottom: 0 !important;
}
.field[data-v-85953adc] {
padding-top: 12px;
}
.toolbar[data-v-85953adc] {
margin-bottom: 60px;
}
.tabs[data-v-4f226a7d] {
margin-top: 0;
}
.campos[data-v-4f226a7d] {
margin-bottom: 24px;
}
.tab[data-v-4f226a7d] {
display: none;
}
.tabs_on[data-v-4f226a7d] {
display: block !important;
}
.frete[data-v-4f226a7d],
.linha_separadora[data-v-4f226a7d] {
width: 100% !important;
}
.linha_separadora[data-v-4f226a7d] {
margin-top: 20px !important;
}
.btn_editar_frete[data-v-4f226a7d] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
.nome_frete[data-v-4f226a7d] {
display: block;
float: none !important;
}
.dados_frete[data-v-4f226a7d] {
width: 100% !important;
display: block;
}
.transportadores[data-v-4f226a7d] {
display: block;
}
.campos[data-v-4f226a7d] {
margin-bottom: 10px;
}
.campos .detalhe[data-v-4f226a7d] {
display: none;
}
ul li.frete[data-v-4f226a7d] {
float: none;
}
#Transportadores[data-v-4f226a7d] {
padding-bottom: 100px;
}
.paginacao-container[data-v-0bee7ce8] {
display: flex;
justify-content: center;
}
.total-chamados[data-v-0bee7ce8] {
display: block;
font-size: 12px;
margin-bottom: 25px;
color: var(--color-text-muted);
}
.fieldset[data-v-33a0d3d0] {
border: 1px dotted var(--color-primary);
padding: 10px 15px;
margin-bottom: 20px;
}
.header .titulo[data-v-45db8df7] {
display: flex;
justify-content: space-between;
align-items: center;
}
.tabs[data-v-45db8df7] {
margin-top: 0;
margin-bottom: 32px;
}
.tabs[data-v-a9d798f4] {
margin-top: 0;
}
.tab[data-v-a9d798f4] {
display: none;
}
.tabs_on[data-v-a9d798f4] {
display: block !important;
}
.tabs[data-v-64b2d189] {
margin-top: 0;
}
.campos[data-v-64b2d189] {
margin-bottom: 24px;
}
.tab[data-v-64b2d189] {
display: none;
}
.tabs_on[data-v-64b2d189] {
display: block !important;
}
.frete[data-v-64b2d189],
.linha_separadora[data-v-64b2d189] {
width: 100% !important;
}
.linha_separadora[data-v-64b2d189] {
margin-top: 20px !important;
}
.btn_editar_frete[data-v-64b2d189] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
.nome_frete[data-v-64b2d189] {
display: block;
float: none !important;
}
.dados_frete[data-v-64b2d189] {
width: 100% !important;
display: block;
}
.transportadores[data-v-64b2d189] {
display: block;
}
.campos[data-v-64b2d189] {
margin-bottom: 10px;
}
.campos .detalhe[data-v-64b2d189] {
display: none;
}
ul li.frete[data-v-64b2d189] {
float: none;
}
#Transportadores[data-v-64b2d189] {
padding-bottom: 100px;
}
.tabs[data-v-7ba13ae7] {
margin-top: 0;
}
.campos[data-v-7ba13ae7] {
margin-bottom: 24px;
}
.tab[data-v-7ba13ae7] {
display: none;
}
.tabs_on[data-v-7ba13ae7] {
display: block !important;
}
.frete[data-v-7ba13ae7],
.linha_separadora[data-v-7ba13ae7] {
width: 100% !important;
}
.linha_separadora[data-v-7ba13ae7] {
margin-top: 20px !important;
}
.btn_editar_frete[data-v-7ba13ae7] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
.nome_frete[data-v-7ba13ae7] {
display: block;
float: none !important;
}
.dados_frete[data-v-7ba13ae7] {
width: 100% !important;
display: block;
}
.transportadores[data-v-7ba13ae7] {
display: block;
}
.campos[data-v-7ba13ae7] {
margin-bottom: 10px;
}
.campos .detalhe[data-v-7ba13ae7] {
display: none;
}
ul li.frete[data-v-7ba13ae7] {
float: none;
}
#Transportadores[data-v-7ba13ae7] {
padding-bottom: 100px;
}
.tabs[data-v-e369308e] {
margin-top: 20px;
}
.campos[data-v-e369308e] {
margin-bottom: 24px;
}
.tab[data-v-e369308e] {
display: none;
}
.tabs_on[data-v-e369308e] {
display: block !important;
}
.last[data-v-e369308e] {
margin-bottom: 0 !important;
}
.field[data-v-e369308e] {
padding-top: 12px;
}
.toolbar[data-v-e369308e] {
margin-bottom: 60px;
}
.tabs[data-v-4d34b458] {
margin-top: 0;
}
.campos[data-v-4d34b458] {
margin-bottom: 24px;
}
.tab[data-v-4d34b458] {
display: none;
}
.tabs_on[data-v-4d34b458] {
display: block !important;
}
.frete[data-v-4d34b458],
.linha_separadora[data-v-4d34b458] {
width: 100% !important;
}
.linha_separadora[data-v-4d34b458] {
margin-top: 20px !important;
}
.btn_editar_frete[data-v-4d34b458] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
.nome_frete[data-v-4d34b458] {
display: block;
float: none !important;
}
.dados_frete[data-v-4d34b458] {
width: 100% !important;
display: block;
}
.transportadores[data-v-4d34b458] {
display: block;
}
.campos[data-v-4d34b458] {
margin-bottom: 10px;
}
.campos .detalhe[data-v-4d34b458] {
display: none;
}
ul li.frete[data-v-4d34b458] {
float: none;
}
#Transportadores[data-v-4d34b458] {
padding-bottom: 100px;
}
.tabs[data-v-79d223c7] {
margin-top: 20px;
}
.campos[data-v-79d223c7] {
margin-bottom: 24px;
}
.tab[data-v-79d223c7] {
display: none;
}
.tabs_on[data-v-79d223c7] {
display: block !important;
}
.last[data-v-79d223c7] {
margin-bottom: 0 !important;
}
.field[data-v-79d223c7] {
padding-top: 12px;
}
.toolbar[data-v-79d223c7] {
margin-bottom: 60px;
}
.permission-group[data-v-18625834] {
margin-left: 20px;
}
.permission-item[data-v-18625834] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.dialog-footer[data-v-18625834] {
display: flex;
justify-content: space-between;
}
.btn.vermelho[data-v-18625834]:hover,
.btn.vermelho[data-v-18625834]:focus,
.btn.vermelho[data-v-18625834]:active {
background-color: var(--color-white);
color: var(--color-primary);
box-shadow: none;
border: none;
}
.btn.vermelho[data-v-18625834]:focus,
.btn.laranja[data-v-18625834]:focus {
outline: none;
}
.usuario[data-v-062c296e],
.linha_separadora[data-v-062c296e] {
width: 100% !important;
}
.linha_separadora[data-v-062c296e] {
margin-top: 20px !important;
}
.btn_editar_usuario[data-v-062c296e] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
.nome_usuario[data-v-062c296e] {
display: block;
float: none !important;
}
.dados_usuario[data-v-062c296e] {
width: 100% !important;
display: block;
}
.usuarios[data-v-062c296e] {
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-344f13b1] {
margin-top: 20px;
}
.campos[data-v-344f13b1] {
margin-bottom: 24px;
}
.tab[data-v-344f13b1] {
display: none;
}
.tabs_on[data-v-344f13b1] {
display: block !important;
}
.last[data-v-344f13b1] {
margin-bottom: 0 !important;
}
.field[data-v-344f13b1] {
padding-top: 12px;
}
.toolbar[data-v-344f13b1] {
margin-bottom: 60px;
}
.tabs[data-v-1f0935ce] {
margin-top: 0;
}
.campos[data-v-1f0935ce] {
margin-bottom: 24px;
}
.tab[data-v-1f0935ce] {
display: none;
}
.tabs_on[data-v-1f0935ce] {
display: block !important;
}
.frete[data-v-1f0935ce],
.linha_separadora[data-v-1f0935ce] {
width: 100% !important;
}
.linha_separadora[data-v-1f0935ce] {
margin-top: 20px !important;
}
.btn_editar_frete[data-v-1f0935ce] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
.nome_frete[data-v-1f0935ce] {
display: block;
float: none !important;
}
.dados_frete[data-v-1f0935ce] {
width: 100% !important;
display: block;
}
.transportadores[data-v-1f0935ce] {
display: block;
}
.campos[data-v-1f0935ce] {
margin-bottom: 10px;
}
.campos .detalhe[data-v-1f0935ce] {
display: none;
}
ul li.frete[data-v-1f0935ce] {
float: none;
}
#Transportadores[data-v-1f0935ce] {
padding-bottom: 100px;
}
.tabs[data-v-17a7b83a] {
margin-top: 20px;
}
.campos[data-v-17a7b83a] {
margin-bottom: 24px;
}
.tab[data-v-17a7b83a] {
display: none;
}
.tabs_on[data-v-17a7b83a] {
display: block !important;
}
.last[data-v-17a7b83a] {
margin-bottom: 0 !important;
}
.field[data-v-17a7b83a] {
padding-top: 12px;
}
.toolbar[data-v-17a7b83a] {
margin-bottom: 60px;
}
.tabs[data-v-7bb059f2] {
margin-top: 0;
}
.campos[data-v-7bb059f2] {
margin-bottom: 24px;
}
.tab[data-v-7bb059f2] {
display: none;
}
.tabs_on[data-v-7bb059f2] {
display: block !important;
}
.frete[data-v-7bb059f2],
.linha_separadora[data-v-7bb059f2] {
width: 100% !important;
}
.linha_separadora[data-v-7bb059f2] {
margin-top: 20px !important;
}
.btn_editar_frete[data-v-7bb059f2] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
.nome_frete[data-v-7bb059f2] {
display: block;
float: none !important;
}
.dados_frete[data-v-7bb059f2] {
width: 100% !important;
display: block;
}
.transportadores[data-v-7bb059f2] {
display: block;
}
.campos[data-v-7bb059f2] {
margin-bottom: 10px;
}
.campos .detalhe[data-v-7bb059f2] {
display: none;
}
ul li.frete[data-v-7bb059f2] {
float: none;
}
#Transportadores[data-v-7bb059f2] {
padding-bottom: 100px;
}
.tabs[data-v-3c0741ce] {
margin-top: 0;
}
.campos[data-v-3c0741ce] {
margin-bottom: 24px;
}
.tab[data-v-3c0741ce] {
display: none;
}
.tabs_on[data-v-3c0741ce] {
display: block !important;
}
.frete[data-v-3c0741ce],
.linha_separadora[data-v-3c0741ce] {
width: 100% !important;
}
.linha_separadora[data-v-3c0741ce] {
margin-top: 20px !important;
}
.btn_editar_frete[data-v-3c0741ce] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
.nome_frete[data-v-3c0741ce] {
display: block;
float: none !important;
}
.dados_frete[data-v-3c0741ce] {
width: 100% !important;
display: block;
}
.transportadores[data-v-3c0741ce] {
display: block;
}
.campos[data-v-3c0741ce] {
margin-bottom: 10px;
}
.campos .detalhe[data-v-3c0741ce] {
display: none;
}
ul li.frete[data-v-3c0741ce] {
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-67952108],
.linha_separadora[data-v-67952108] {
width: 100% !important;
}
.linha_separadora[data-v-67952108] {
margin-top: 20px !important;
}
.btn_editar_usuario[data-v-67952108] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
.nome_usuario[data-v-67952108] {
display: block;
float: none !important;
}
.dados_usuario[data-v-67952108] {
width: 100% !important;
display: block;
}
.usuarios[data-v-67952108] {
display: block;
}
.links[data-v-0a048188] {
display: flex;
margin-bottom: 20px;
}
.tabs[data-v-0a048188] {
margin-top: 0;
}
.tabs_on[data-v-0a048188] {
display: block !important;
}
.tabs[data-v-6abd3a98] {
margin-top: 0;
}
.campos[data-v-6abd3a98] {
margin-bottom: 24px;
}
.tab[data-v-6abd3a98] {
display: none;
}
.tabs_on[data-v-6abd3a98] {
display: block !important;
}
.frete[data-v-6abd3a98],
.linha_separadora[data-v-6abd3a98] {
width: 100% !important;
}
.linha_separadora[data-v-6abd3a98] {
margin-top: 20px !important;
}
.btn_editar_frete[data-v-6abd3a98] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
.nome_frete[data-v-6abd3a98] {
display: block;
float: none !important;
}
.dados_frete[data-v-6abd3a98] {
width: 100% !important;
display: block;
}
.transportadores[data-v-6abd3a98] {
display: block;
}
.campos[data-v-6abd3a98] {
margin-bottom: 10px;
}
.campos .detalhe[data-v-6abd3a98] {
display: none;
}
ul li.frete[data-v-6abd3a98] {
float: none;
}
#Parametros[data-v-6abd3a98] {
padding-bottom: 100px;
}
.ods-card[data-v-217d52ac] {
margin-bottom: 2rem;
}
.ods-card .configuracao[data-v-217d52ac] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.ods-card .el-select[data-v-217d52ac] {
width: 100%;
}
.ods-card .ajuda[data-v-217d52ac] {
font-size: 13px;
line-height: 20px;
}
.ods-divider[data-v-217d52ac] {
margin: 17px 0;
background: var(--color-black-5);
}
.ods-card[data-v-3b803a8e] {
margin-bottom: 2rem;
}
.ods-card .configuracao[data-v-3b803a8e] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.ods-card .el-select[data-v-3b803a8e] {
width: 100%;
}
.ods-card .ajuda[data-v-3b803a8e] {
font-size: 13px;
line-height: 20px;
}
.ods-divider[data-v-3b803a8e] {
margin: 17px 0;
background: var(--color-black-5);
}
.actions[data-v-11a3328d] {
margin: 10px 0;
display: flex;
justify-content: space-between;
}
.title[data-v-11a3328d] {
font-size: 15px;
color: var(--color-text-muted);
font-weight: bold;
}
[data-v-11a3328d] .el-collapse-item__header {
height: -moz-fit-content;
height: fit-content;
border-bottom: none;
}
[data-v-11a3328d] .selected-row {
background: var(--color-bg-soft) !important;
}
[data-v-11a3328d] .el-collapse-item__wrap {
border-bottom: none;
}
.tabs[data-v-33483569] {
margin-top: 0;
}
.tabs_on[data-v-33483569] {
display: block !important;
}
.totalTransportadoresPorStatus[data-v-33483569] {
margin-top: 30px;
margin-bottom: 35px;
}
.totalTransportadoresPorStatus .title[data-v-33483569]:first-child {
margin-bottom: 10px;
}
.status[data-v-33483569] {
display: flex;
flex-direction: column;
align-items: center;
font-size: 18px;
padding-top: 8px;
padding-bottom: 5px;
}
.status .total[data-v-33483569] {
margin-top: 15px;
font-size: 45px;
font-weight: bold;
}
.tabs[data-v-2e0c3b4b] {
margin-top: 0;
}
.campos[data-v-2e0c3b4b] {
margin-top: 15px;
margin-bottom: 10px;
}
.campos .detalhe[data-v-2e0c3b4b] {
display: none;
}
.tab[data-v-2e0c3b4b] {
display: none;
}
.tabs_on[data-v-2e0c3b4b] {
display: block !important;
}
.frete[data-v-2e0c3b4b],
.linha_separadora[data-v-2e0c3b4b] {
width: 100% !important;
}
.linha_separadora[data-v-2e0c3b4b] {
margin-top: 20px !important;
}
.btn_analisar[data-v-2e0c3b4b] {
display: block;
padding: 8px 12px 6px 12px;
margin-bottom: 2px;
text-align: center;
}
#Transportadores[data-v-2e0c3b4b] {
margin-bottom: 24px;
}
.tabs[data-v-304c9283] {
margin-top: 0;
}
.campos[data-v-304c9283] {
margin-top: 15px;
margin-bottom: 10px;
}
.campos .detalhe[data-v-304c9283] {
display: none;
}
.tab[data-v-304c9283] {
display: none;
}
.tabs_on[data-v-304c9283] {
display: block !important;
}
.frete[data-v-304c9283],
.linha_separadora[data-v-304c9283] {
width: 100% !important;
}
.linha_separadora[data-v-304c9283] {
margin-top: 20px !important;
}
.btn_analisar[data-v-304c9283] {
display: block;
padding: 8px 12px 6px 12px;
margin-bottom: 2px;
text-align: center;
}
#Transportadores[data-v-304c9283] {
margin-bottom: 24px;
}
.tabs[data-v-756fd75b] {
margin-top: 0;
}
.campos[data-v-756fd75b] {
margin-top: 15px;
margin-bottom: 10px;
}
.campos .detalhe[data-v-756fd75b] {
display: none;
}
.tab[data-v-756fd75b] {
display: none;
}
.tabs_on[data-v-756fd75b] {
display: block !important;
}
.frete[data-v-756fd75b],
.linha_separadora[data-v-756fd75b] {
width: 100% !important;
}
.linha_separadora[data-v-756fd75b] {
margin-top: 20px !important;
}
.btn_analisar[data-v-756fd75b] {
display: block;
padding: 8px 12px 6px 12px;
margin-bottom: 2px;
text-align: center;
}
#Transportadores[data-v-756fd75b] {
margin-bottom: 24px;
}
.tabs[data-v-574101ab] {
margin-top: 0;
}
.campos[data-v-574101ab] {
margin-top: 15px;
margin-bottom: 10px;
}
.campos .detalhe[data-v-574101ab] {
display: none;
}
.tabs_on[data-v-574101ab] {
display: block !important;
}
.btn_editar_frete[data-v-574101ab] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
#TransportadoresAprovados[data-v-574101ab] {
margin-bottom: 24px;
}
.btn_analisar[data-v-574101ab] {
display: block;
padding: 8px 12px 6px 12px;
margin-bottom: 2px;
text-align: center;
}
.tabs[data-v-588e7956] {
margin-top: 0;
}
.campos[data-v-588e7956] {
margin-top: 15px;
margin-bottom: 10px;
}
.campos .detalhe[data-v-588e7956] {
display: none;
}
.tabs_on[data-v-588e7956] {
display: block !important;
}
.btn_editar_frete[data-v-588e7956] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
#TransportadoresBloqueados[data-v-588e7956] {
margin-bottom: 24px;
}
.btn_analisar[data-v-588e7956] {
display: block;
padding: 8px 12px 6px 12px;
margin-bottom: 2px;
text-align: center;
}
.btn.vermelho[data-v-4e19b6ec]:hover,
.btn.vermelho[data-v-4e19b6ec]:focus,
.btn.vermelho[data-v-4e19b6ec]:active {
background-color: var(--color-white);
color: var(--color-primary);
box-shadow: none;
border: none;
}
.btn.vermelho[data-v-4e19b6ec]:focus,
.btn.laranja[data-v-4e19b6ec]:focus {
outline: none;
}
#FormTransportador .tabs[data-v-b41d2818] {
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-cfc4d892] {
margin-bottom: 30px;
}
#TransportadoresFormMotorista .alterar-imagem[data-v-cfc4d892] {
float: right;
cursor: pointer;
}
#TransportadoresFormMotorista .laranja[data-v-cfc4d892] {
border: none;
}
#TransportadoresFormMotorista .laranja[data-v-cfc4d892]:hover,
#TransportadoresFormMotorista .laranja[data-v-cfc4d892]:focus {
color: var(--color-white);
}
#TransportadoresFormMotorista .ampliar[data-v-cfc4d892] {
cursor: pointer;
background-color: var(--color-bg-soft);
padding: 5px;
text-align: center;
}
.btn_editar[data-v-55056ff3] {
display: block;
padding: 8px 12px 6px 12px;
margin-bottom: 2px;
text-align: center;
}
#TransportadoresFormVeiculos[data-v-8f222390] {
margin-bottom: 30px;
}
#TransportadoresFormVeiculos .alterar-imagem[data-v-8f222390] {
float: right;
cursor: pointer;
}
#TransportadoresFormVeiculos .laranja[data-v-8f222390] {
border: none;
}
#TransportadoresFormVeiculos .laranja[data-v-8f222390]:hover,
#TransportadoresFormVeiculos .laranja[data-v-8f222390]:focus {
color: var(--color-white);
}
#TransportadoresFormVeiculos .ampliar[data-v-8f222390] {
cursor: pointer;
background-color: var(--color-bg-soft);
padding: 5px;
text-align: center;
}
.btn_editar[data-v-47e46af0] {
display: block;
padding: 8px 12px 6px 12px;
margin-bottom: 2px;
text-align: center;
}
#TransportadoresFormCarretas[data-v-370d9710] {
margin-bottom: 30px;
}
#TransportadoresFormCarretas .alterar-imagem[data-v-370d9710] {
float: right;
cursor: pointer;
}
#TransportadoresFormCarretas .laranja[data-v-370d9710] {
border: none;
}
#TransportadoresFormCarretas .laranja[data-v-370d9710]:hover,
#TransportadoresFormCarretas .laranja[data-v-370d9710]:focus {
color: var(--color-white);
}
#TransportadoresFormCarretas .ampliar[data-v-370d9710] {
cursor: pointer;
background-color: var(--color-bg-soft);
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-9f1b9586] {
margin-top: 0;
}
.campos[data-v-9f1b9586] {
margin-bottom: 24px;
}
.tab[data-v-9f1b9586] {
display: none;
}
.tabs_on[data-v-9f1b9586] {
display: block !important;
}
.frete[data-v-9f1b9586],
.linha_separadora[data-v-9f1b9586] {
width: 100% !important;
}
.linha_separadora[data-v-9f1b9586] {
margin-top: 20px !important;
}
.btn_editar_frete[data-v-9f1b9586] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
.nome_frete[data-v-9f1b9586] {
display: block;
float: none !important;
}
.dados_frete[data-v-9f1b9586] {
width: 100% !important;
display: block;
}
.fretes[data-v-9f1b9586] {
display: block;
}
.campos[data-v-9f1b9586] {
margin-bottom: 10px;
}
.campos .detalhe[data-v-9f1b9586] {
display: none;
}
ul li.frete[data-v-9f1b9586] {
float: none;
}
#MeusFretes[data-v-9f1b9586] {
padding-bottom: 100px;
}
.lista[data-v-6d2ab6b1] {
margin: 0;
}
.lista .item[data-v-6d2ab6b1] {
display: flex;
width: 100%;
min-height: 40px;
justify-content: space-between;
align-items: center;
padding: 5px 10px;
background-color: var(--color-white);
border-radius: 10px;
/* box-shadow: 2px 2px 4px #dddbe1; */
box-shadow: 3px 5px 36px -10px var(--color-shadow-gray);
}
.lista .campo[data-v-6d2ab6b1] {
font-size: 14px;
font-weight: bold;
margin: 0;
}
.btn[data-v-6d2ab6b1] {
display: inline-block;
}
#GestaoDePaletesForm .campos {
margin: 0;
}
#GestaoDePaletesForm .el-range-separator {
color: var(--color-text-muted);
}
#GestaoDePaletesForm .btn {
display: inline-block;
}
#DespesasEmViagemForm .campos {
margin: 0;
}
#DespesasEmViagemForm .el-range-separator {
color: var(--color-text-muted);
}
#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 var(--color-border);
background-color: var(--color-white);
}
#Chat .chat-container .chat-sidebar {
width: 400px;
background-color: var(--color-bg-soft);
border-right: 1px solid var(--color-border);
}
#Chat .chat-container .chat-sidebar .chat-filtro {
background-color: var(--color-bg-soft);
border-bottom: 1px solid var(--color-border);
width: 100%;
padding: 10px;
}
#Chat .chat-container .chat-sidebar .chat-filtro .el-input__inner::-moz-placeholder {
color: var(--color-text-secondary);
padding-left: 20px;
}
#Chat .chat-container .chat-sidebar .chat-filtro .el-input__inner::placeholder {
color: var(--color-text-secondary);
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: var(--color-white);
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 var(--color-white);
color: var(--color-white);
background-color: var(--color-primary);
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 var(--color-border);
padding-left: 5px;
cursor: pointer;
}
#Chat .chat-container .chat-sidebar .chat-cargas .chat-carga:hover {
background-color: var(--color-white);
}
#Chat .chat-carga-active {
background-color: var(--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 var(--color-border);
background-color: var(--color-bg-soft);
}
#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 var(--color-primary);
line-height: 0em;
margin: 10px 0 20px;
}
#Chat .chat-container .chat-content .chat-content-messages .chat-content-messages-data span {
background: var(--color-white);
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: var(--color-bg-soft);
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: var(--color-white) !important;
border: 1px solid var(--color-border);
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: var(--color-primary-40);
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: var(--color-border);
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: var(--color-white-50);
}
#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: var(--color-text-secondary);
}
#Chat .chat-container .chat-content .chat-content-form .chat-content-form-button i {
transform: rotate(45deg);
color: var(--color-text-secondary);
}
#Chat .chat-container .chat-content .chat-content-form .chat-content-form-button i.chat-content-form-button-active {
color: var(--color-primary);
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: var(--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: var(--color-text-secondary);
padding-left: 15px;
}
#Chat .chat-container .chat-content .chat-content-form .chat-content-form-input textarea::placeholder {
color: var(--color-text-secondary);
padding-left: 15px;
}
#Chat .chat-monitor-info {
width: 440px;
margin: 0 auto 15px auto;
background-color: var(--color-bg-soft);
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: var(--color-white);
border-radius: 10px;
/* box-shadow: 2px 2px 4px #dddbe1; */
box-shadow: 3px 5px 36px -10px var(--color-shadow-gray);
}
#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-738fbaab] {
margin-top: 0;
}
.campos[data-v-738fbaab] {
margin-bottom: 24px;
}
.tab[data-v-738fbaab] {
display: none;
}
.tabs_on[data-v-738fbaab] {
display: block !important;
}
.frete[data-v-738fbaab],
.linha_separadora[data-v-738fbaab] {
width: 100% !important;
}
.linha_separadora[data-v-738fbaab] {
margin-top: 20px !important;
}
.btn_editar_frete[data-v-738fbaab] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
.nome_frete[data-v-738fbaab] {
display: block;
float: none !important;
}
.dados_frete[data-v-738fbaab] {
width: 100% !important;
display: block;
}
.embarcadores[data-v-738fbaab] {
display: block;
}
.campos[data-v-738fbaab] {
margin-bottom: 10px;
}
.campos .detalhe[data-v-738fbaab] {
display: none;
}
ul li.frete[data-v-738fbaab] {
float: none;
}
#Embarcadores[data-v-738fbaab] {
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-59d1ee9b] {
margin-top: 0;
}
.campos[data-v-59d1ee9b] {
margin-bottom: 24px;
}
.tab[data-v-59d1ee9b] {
display: none;
}
.tabs_on[data-v-59d1ee9b] {
display: block !important;
}
.frete[data-v-59d1ee9b],
.linha_separadora[data-v-59d1ee9b] {
width: 100% !important;
}
.linha_separadora[data-v-59d1ee9b] {
margin-top: 20px !important;
}
.btn_editar_frete[data-v-59d1ee9b] {
float: right;
margin: inherit !important;
margin-left: 10px !important;
}
.nome_frete[data-v-59d1ee9b] {
display: block;
float: none !important;
}
.dados_frete[data-v-59d1ee9b] {
width: 100% !important;
display: block;
}
.embarcadores[data-v-59d1ee9b] {
display: block;
}
.campos[data-v-59d1ee9b] {
margin-bottom: 10px;
}
.campos .detalhe[data-v-59d1ee9b] {
display: none;
}
ul li.frete[data-v-59d1ee9b] {
float: none;
}
#Embarcadores[data-v-59d1ee9b] {
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: var(--color-text-light);
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-02b18682] {
margin-top: 2rem;
}
.ods-card hr[data-v-02b18682] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-02b18682] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.ods-card .ajuda[data-v-02b18682] {
font-size: 13px;
line-height: 20px;
}
.ods-card .ajuda p[data-v-02b18682] {
font-size: 13px;
margin-bottom: 10px;
}
.el-descriptions[data-v-02b18682] {
font-family: 'Courier New', Courier, monospace !important;
}
.ods-card[data-v-144c9cd0] {
margin-top: 2rem;
}
.ods-card hr[data-v-144c9cd0] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-144c9cd0] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.ods-card .ajuda[data-v-144c9cd0] {
font-size: 13px;
line-height: 20px;
}
.ods-card .ajuda p[data-v-144c9cd0] {
font-size: 13px;
margin-bottom: 10px;
}
.el-descriptions[data-v-144c9cd0] {
font-family: 'Courier New', Courier, monospace !important;
}
#ConfiguracaoRateioDespesa .ods-card {
margin-top: 2rem;
font-size: 15px;
color: var(--color-text-muted);
}
#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-43eb2465] {
margin-top: 2rem;
}
.ods-card hr[data-v-43eb2465] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-43eb2465] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.ods-card .ajuda[data-v-43eb2465] {
font-size: 13px;
line-height: 20px;
}
.ods-card .ajuda p[data-v-43eb2465] {
font-size: 13px;
margin-bottom: 10px;
}
.el-descriptions[data-v-43eb2465] {
font-family: 'Courier New', Courier, monospace !important;
}
#ConfiguracaoResponsabilidadePedagio .ods-card {
margin-top: 2rem;
font-size: 15px;
color: var(--color-text-muted);
}
#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-0424673f] {
margin-top: 2rem;
}
.ods-card hr[data-v-0424673f] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-0424673f] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.ods-card .ajuda[data-v-0424673f] {
font-size: 13px;
line-height: 20px;
}
.ods-card .ajuda p[data-v-0424673f] {
font-size: 13px;
margin-bottom: 10px;
}
.el-descriptions[data-v-0424673f] {
font-family: 'Courier New', Courier, monospace !important;
}
.ods-card[data-v-81ee0482] {
margin-top: 2rem;
}
.ods-card hr[data-v-81ee0482] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-81ee0482] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.input-div[data-v-81ee0482] {
font-size: 13px;
margin-bottom: 10px;
}
.ods-card .ajuda[data-v-81ee0482] {
font-size: 13px;
display: flex;
align-items: center;
justify-content: space-between;
}
.ods-card[data-v-83301c2a] {
margin-top: 2rem;
}
.ods-card hr[data-v-83301c2a] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-83301c2a] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.ods-card .ajuda[data-v-83301c2a] {
font-size: 13px;
line-height: 20px;
}
.ods-card .ajuda p[data-v-83301c2a] {
font-size: 13px;
margin-bottom: 10px;
}
.el-descriptions[data-v-83301c2a] {
font-family: 'Courier New', Courier, monospace !important;
}
.ods-card[data-v-932d705a] {
margin-top: 2rem;
}
.ods-card hr[data-v-932d705a] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-932d705a] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.input-div[data-v-932d705a] {
font-size: 13px;
margin-bottom: 10px;
}
.ods-card .ajuda[data-v-932d705a] {
font-size: 13px;
margin-bottom: 10px;
}
.ods-card[data-v-8ccc41ac] {
margin-top: 2rem;
}
.ods-card hr[data-v-8ccc41ac] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-8ccc41ac] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.input-div[data-v-8ccc41ac] {
font-size: 13px;
margin-bottom: 10px;
}
.ods-card .ajuda[data-v-8ccc41ac] {
font-size: 13px;
display: flex;
align-items: center;
justify-content: space-between;
}
.ods-card[data-v-0ab39f28] {
margin-top: 2rem;
}
.ods-card hr[data-v-0ab39f28] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-0ab39f28] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.input-div[data-v-0ab39f28] {
font-size: 13px;
margin-bottom: 10px;
}
.ods-card .ajuda[data-v-0ab39f28] {
font-size: 13px;
margin-bottom: 10px;
}
.ods-card[data-v-a968358e] {
margin-top: 2rem;
}
.ods-card hr[data-v-a968358e] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-a968358e] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.ods-card .ajuda[data-v-a968358e] {
font-size: 13px;
margin-bottom: 10px;
}
.ods-card[data-v-5569c9f2] {
margin-top: 2rem;
}
.ods-card hr[data-v-5569c9f2] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-5569c9f2] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.input-div[data-v-5569c9f2] {
font-size: 13px;
margin-bottom: 10px;
}
.ods-card .ajuda[data-v-5569c9f2] {
font-size: 13px;
line-height: 20px;
}
.ods-card[data-v-30411c90] {
margin-top: 2rem;
}
.ods-card hr[data-v-30411c90] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-30411c90] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.ods-card .ajuda[data-v-30411c90] {
font-size: 13px;
line-height: 20px;
}
.ods-card .ajuda p[data-v-30411c90] {
font-size: 13px;
margin-bottom: 10px;
}
.el-descriptions[data-v-30411c90] {
font-family: 'Courier New', Courier, monospace !important;
}
.ods-card[data-v-7c4ba43f] {
margin-top: 2rem;
}
.ods-card hr[data-v-7c4ba43f] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-7c4ba43f] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.ods-card .ajuda[data-v-7c4ba43f] {
font-size: 13px;
line-height: 20px;
}
.ods-card .ajuda p[data-v-7c4ba43f] {
font-size: 13px;
margin-bottom: 10px;
}
.el-descriptions[data-v-7c4ba43f] {
font-family: 'Courier New', Courier, monospace !important;
}
.ods-card[data-v-56507ccd] {
margin-top: 2rem;
}
.ods-card hr[data-v-56507ccd] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-56507ccd] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.input-div[data-v-56507ccd] {
font-size: 13px;
margin-bottom: 10px;
}
.ods-card .ajuda[data-v-56507ccd] {
font-size: 13px;
display: flex;
align-items: center;
justify-content: space-between;
}
.ods-card[data-v-cafc345c] {
margin-top: 2rem;
}
.ods-card hr[data-v-cafc345c] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-cafc345c] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.input-div[data-v-cafc345c] {
font-size: 13px;
margin-bottom: 10px;
}
.ods-card .ajuda[data-v-cafc345c] {
font-size: 13px;
display: flex;
align-items: center;
justify-content: space-between;
line-height: 20px;
}
.ods-card .toggles[data-v-cafc345c] {
display: flex;
gap: 20px;
}
.ods-card[data-v-5f696520] {
margin-top: 2rem;
}
.ods-card hr[data-v-5f696520] {
margin: 17px 0;
}
.ods-card .titulo[data-v-5f696520] {
font-weight: bold;
font-size: 15px;
margin-bottom: 12px;
}
.ods-card .configuracao[data-v-5f696520] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
padding: 8px 0;
gap: 16px;
}
.ods-card .configuracao .rotulo[data-v-5f696520] {
display: flex;
flex-direction: column;
gap: 2px;
}
.ods-card .configuracao .rotulo small[data-v-5f696520] {
font-weight: normal;
font-size: 12px;
}
.ods-card .campo-horas[data-v-5f696520] {
width: 110px;
}
.ods-card .ajuda[data-v-5f696520] {
font-size: 13px;
line-height: 20px;
}
.ods-card .ajuda p[data-v-5f696520] {
font-size: 13px;
margin-bottom: 10px;
}
.ods-card .quadros[data-v-5f696520] {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.ods-card .quadro[data-v-5f696520] {
display: flex;
flex-direction: column;
gap: 6px;
border: 1px solid var(--color-border);
border-radius: 4px;
padding: 12px 14px;
}
.ods-card .quadro.muda[data-v-5f696520] {
background: var(--color-success-tint-10);
}
.ods-card .quadro strong[data-v-5f696520] {
font-size: 12px;
letter-spacing: 0.1em;
}
.ods-card[data-v-cc14d646] {
margin-top: 2rem;
}
.ods-card hr[data-v-cc14d646] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-cc14d646] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.input-div[data-v-cc14d646] {
font-size: 13px;
margin-bottom: 10px;
}
.ods-card .ajuda[data-v-cc14d646] {
font-size: 13px;
line-height: 20px;
}
.ods-card[data-v-48392a4e] {
margin-top: 2rem;
}
.ods-card hr[data-v-48392a4e] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-48392a4e] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.input-div[data-v-48392a4e] {
font-size: 13px;
margin-bottom: 10px;
}
.ods-card .ajuda[data-v-48392a4e] {
font-size: 13px;
line-height: 20px;
text-align: justify;
}
.ods-card[data-v-bdc5453e] {
margin-top: 2rem;
font-size: 15px;
color: var(--color-text-muted);
}
.ods-card hr[data-v-bdc5453e] {
margin: 17px 0;
}
.ods-card .configuracao[data-v-bdc5453e] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.selects-div[data-v-bdc5453e] {
font-size: 13px;
margin-bottom: 10px;
}
.selects-div p[data-v-bdc5453e] {
font-size: 13px;
margin-bottom: 6px;
}
.ods-card .ajuda[data-v-bdc5453e] {
font-size: 13px;
line-height: 20px;
margin-top: 10px;
}
.box-card .configuracao .el-icon-info[data-v-bdc5453e] {
color: var(--color-text-label);
cursor: pointer;
}
.ods-card .configuracao .el-icon-info[data-v-bdc5453e] {
color: var(--color-text-label);
cursor: pointer;
}
.box-card[data-v-5c5c3688] {
margin-top: 2rem;
font-size: 15px;
color: var(--color-text-muted);
}
.box-card hr[data-v-5c5c3688] {
margin: 17px 0;
}
.box-card .configuracao[data-v-5c5c3688] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.box-card .ajuda[data-v-5c5c3688] {
font-size: 13px;
margin-bottom: 10px;
}
.form[data-v-5c5c3688] {
font-size: 13px;
margin-bottom: 10px;
}
.form .campo[data-v-5c5c3688] {
margin-bottom: 12px;
}
.form .campo label[data-v-5c5c3688] {
display: block;
margin-bottom: 4px;
}
.form .campo .el-select[data-v-5c5c3688],
.form .campo .el-input[data-v-5c5c3688] {
width: 100%;
}
.form .campo .dica[data-v-5c5c3688] {
display: block;
margin-top: 4px;
font-size: 12px;
color: var(--color-text-soft);
}
.form .webhook[data-v-5c5c3688] {
border: 1px solid var(--color-border-lighter);
border-radius: 4px;
padding: 12px 16px 4px;
margin: 16px 0;
}
.form .webhook legend[data-v-5c5c3688] {
padding: 0 6px;
font-size: 13px;
font-weight: bold;
}
.form .acoes[data-v-5c5c3688] {
display: flex;
justify-content: flex-end;
}
.form .input-aviso[data-v-5c5c3688] {
display: flex;
align-items: center;
gap: 6px;
margin-top: 8px;
color: var(--color-warning-strong);
font-size: 12px;
}
.box-card[data-v-42452466] {
margin-top: 2rem;
font-size: 15px;
color: var(--color-text-muted);
}
.box-card hr[data-v-42452466] {
margin: 17px 0;
}
.box-card .configuracao[data-v-42452466] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.box-card .ajuda[data-v-42452466] {
font-size: 13px;
line-height: 20px;
}
.box-card[data-v-38626d62] {
margin-top: 2rem;
font-size: 15px;
color: var(--color-text-muted);
}
.box-card hr[data-v-38626d62] {
margin: 17px 0;
}
.box-card .configuracao[data-v-38626d62] {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
}
.box-card .ajuda[data-v-38626d62] {
font-size: 13px;
line-height: 20px;
}
#GestorEmbarcadoresConfiguracao[data-v-2b01ab7b] {
margin-bottom: 100px;
}
#GestorEmbarcadoresConfiguracao .situacao .el-loading-spinner .circular[data-v-2b01ab7b] {
height: 20px;
width: 20px;
}
#GestorEmbarcadoresConfiguracao .tabs[data-v-2b01ab7b] {
margin-top: 20px;
}
#GestorEmbarcadoresConfiguracao .campos[data-v-2b01ab7b] {
margin-bottom: 24px;
}
#GestorEmbarcadoresConfiguracao .tab[data-v-2b01ab7b] {
display: none;
}
#GestorEmbarcadoresConfiguracao .tabs_on[data-v-2b01ab7b] {
display: block !important;
}
#GestorEmbarcadoresConfiguracao[data-v-2b01ab7b] .el-collapse-item__header {
font-size: 16px !important;
padding: 15px 0px 15px 15px !important;
font-weight: bold !important;
color: var(--color-text-label) !important;
transition:
color 200ms ease,
background-color 200ms ease,
transform 200ms ease;
transform: translateX(0);
cursor: pointer;
}
#GestorEmbarcadoresConfiguracao[data-v-2b01ab7b] .el-collapse-item__header:hover {
color: var(--color-primary) !important;
background-color: var(--color-bg-hover);
transform: translateX(4px);
}
#GestorEmbarcadoresConfiguracao[data-v-2b01ab7b] .el-collapse-item__header.is-active {
color: var(--color-primary) !important;
}
#GestorEmbarcadoresConfiguracao[data-v-2b01ab7b] .el-collapse-item__content {
padding: 0px 20px 20px 20px !important;
}
#GestorEmbarcadoresConfiguracao .last[data-v-2b01ab7b] {
margin-bottom: 0 !important;
}
#GestorEmbarcadoresConfiguracao .field[data-v-2b01ab7b] {
padding-top: 12px;
}
#GestorEmbarcadoresConfiguracao .toolbar[data-v-2b01ab7b] {
margin-bottom: 60px;
}
.busca-configuracao[data-v-2b01ab7b] {
display: flex;
align-items: center;
gap: 24px;
position: sticky;
/* O `top` vem do binding com TOPO_BUSCA_FIXA, no script. */
z-index: 10;
background: var(--color-white);
padding: 16px 24px;
margin: 0 0 10px;
border: 1px solid var(--color-border-light);
border-radius: 8px;
box-shadow: 0 1px 4px var(--color-black-5);
transition:
border-color 200ms ease,
box-shadow 200ms ease;
}
.busca-configuracao.fixada[data-v-2b01ab7b] {
border-color: var(--color-primary);
box-shadow: 0 2px 8px var(--color-black-10);
}
/* 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-2b01ab7b] {
overflow-y: auto;
padding-right: 4px;
}
.busca-configuracao-campo[data-v-2b01ab7b] {
flex: 1;
min-width: 0;
}
.busca-configuracao-campo[data-v-2b01ab7b] .el-input__inner {
border: none;
border-bottom: 1px solid var(--color-border);
border-radius: 0;
padding: 0 0 4px;
}
.busca-configuracao-botao[data-v-2b01ab7b] {
flex-shrink: 0;
}
.navegacao-resultados[data-v-2b01ab7b] {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.contador-resultados[data-v-2b01ab7b] {
font-family: 'QuicksandBold', Arial, sans-serif;
color: var(--color-text-label);
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-2b01ab7b] {
width: 32px;
height: 32px;
padding: 0;
border-radius: 50%;
background-color: var(--color-primary) !important;
border-color: var(--color-primary) !important;
color: var(--color-white) !important;
}
.categorias-configuracao[data-v-2b01ab7b] {
border-top: none;
border-bottom: none;
}
.secao-configuracao[data-v-2b01ab7b] {
margin-top: 20px;
border: 1px solid var(--color-border-light);
border-radius: 8px;
overflow: hidden;
}
.secao-configuracao[data-v-2b01ab7b] .el-collapse-item__header {
height: auto;
padding: 14px 20px;
border-bottom: none;
background: var(--color-white);
}
.secao-configuracao[data-v-2b01ab7b] .el-collapse-item__wrap {
border-bottom: none;
}
.secao-configuracao[data-v-2b01ab7b] .el-collapse-item__content {
padding: 0 20px 20px;
}
.secao-header[data-v-2b01ab7b] {
font-size: 16px;
font-weight: bold;
color: var(--color-text-label);
}
.item-configuracao[data-v-2b01ab7b] {
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-2b01ab7b] .item-configuracao .box-card {
margin-top: 0;
}
.item-configuracao.destaque[data-v-2b01ab7b] {
background-color: var(--color-primary-15);
}
/* 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: var(--color-primary);
color: var(--color-white);
border-radius: 3px;
padding: 0 2px;
}
#ConfiguracaoSublimites .ods-card {
margin-top: 2rem;
font-size: 15px;
color: var(--color-text-muted);
}
#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 var(--color-disabled);
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: var(--color-text-muted);
}
#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 var(--color-disabled);
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-6aafc8e9] {
float: right;
color: var(--color-text-slate);
font-size: 13px;
font-family: monospace;
margin-left: 20px;
margin-top: -1px;
}
#GestorEmbarcadoresFormRegraSeguranca[data-v-5bc799d6] {
margin-bottom: 100px;
}
#GestorEmbarcadoresFormRegraSeguranca .situacao .el-loading-spinner .circular[data-v-5bc799d6] {
height: 20px;
width: 20px;
}
#GestorEmbarcadoresFormRegraSeguranca .tabs[data-v-5bc799d6] {
margin-top: 20px;
}
#GestorEmbarcadoresFormRegraSeguranca .campos[data-v-5bc799d6] {
margin-bottom: 24px;
}
#GestorEmbarcadoresFormRegraSeguranca .tab[data-v-5bc799d6] {
display: none;
}
#GestorEmbarcadoresFormRegraSeguranca .tabs_on[data-v-5bc799d6] {
display: block !important;
}
#GestorEmbarcadoresFormRegraSeguranca .last[data-v-5bc799d6] {
margin-bottom: 0 !important;
}
#GestorEmbarcadoresFormRegraSeguranca .field[data-v-5bc799d6] {
padding-top: 12px;
}
#GestorEmbarcadoresFormRegraSeguranca .toolbar[data-v-5bc799d6] {
margin-bottom: 60px;
}
#Contratacao .orientacao-risco {
margin-bottom: 16px;
border: 1px solid var(--color-warning);
}
#Contratacao .orientacao-risco .ods-alert__title {
font-size: 15px;
}
#Contratacao .orientacao-risco__passos {
margin: 8px 0;
list-style: decimal;
padding-left: 20px;
line-height: 1.5;
font-size: 14px;
color: var(--color-text);
}
#Contratacao .orientacao-risco__retorno {
display: block;
color: var(--color-text-muted);
font-size: 12px;
}
#Contratacao .orientacao-risco__sem-cadastro {
display: block;
margin-top: 8px;
color: var(--color-text-regular);
font-size: 13px;
}
#Contratacao .orientacao-risco__acao {
display: block;
margin-top: 10px;
}
#Contratacao .ods-dialog__header {
background-color: var(--color-primary);
color: var(--color-white) !important;
font-weight: 600;
}
#Contratacao .ods-dialog__title {
color: var(--color-white) !important;
}
#Contratacao .ods-dialog__close {
color: var(--color-white) !important;
background-color: var(--color-white-10);
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: var(--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: var(--color-primary-20);
}
.selecao-motorista .selecionado {
background-color: var(--color-primary-20);
}
.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: var(--color-white);
border-radius: 10px;
/* box-shadow: 2px 2px 4px #dddbe1; */
box-shadow: 3px 5px 36px -10px var(--color-shadow-gray);
}
#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-a3743ff8] {
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-a3743ff8] {
font-size: 2.3rem;
color: var(--color-text-muted);
}
.status .total[data-v-a3743ff8] {
margin-top: 15px;
font-size: 1.2rem;
font-weight: bold;
}
.cards[data-v-7bc2c1ea] {
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: var(--color-white);
color: var(--color-primary);
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,
#importarDocumentos .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: var(--color-white);
color: var(--color-primary);
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 var(--color-border);
background-color: var(--color-white);
}
#ChatGestor .chat-container .chat-sidebar {
width: 400px;
background-color: var(--color-bg-soft);
border-right: 1px solid var(--color-border);
}
#ChatGestor .chat-container .chat-sidebar .chat-filtro {
background-color: var(--color-bg-soft);
border-bottom: 1px solid var(--color-border);
width: 100%;
padding: 10px;
}
#ChatGestor .chat-container .chat-sidebar .chat-filtro .el-input__inner::-moz-placeholder {
color: var(--color-text-secondary);
padding-left: 20px;
}
#ChatGestor .chat-container .chat-sidebar .chat-filtro .el-input__inner::placeholder {
color: var(--color-text-secondary);
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: var(--color-white);
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 var(--color-white);
color: var(--color-white);
background-color: var(--color-primary);
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 var(--color-border);
padding-left: 5px;
cursor: pointer;
}
#ChatGestor .chat-container .chat-sidebar .chat-cargas .chat-carga:hover {
background-color: var(--color-white);
}
#ChatGestor .chat-carga-active {
background-color: var(--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 var(--color-border);
background-color: var(--color-bg-soft);
}
#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 var(--color-primary);
line-height: 0em;
margin: 10px 0 20px;
}
#ChatGestor .chat-container .chat-content .chat-content-messages .chat-content-messages-data span {
background: var(--color-white);
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: var(--color-bg-soft);
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: var(--color-white);
border: 1px solid var(--color-border);
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: var(--color-primary-40);
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: var(--color-border);
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: var(--color-white-50);
}
#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: var(--color-text-secondary);
}
#ChatGestor .chat-container .chat-content .chat-content-form .chat-content-form-button i {
transform: rotate(45deg);
color: var(--color-text-secondary);
}
#ChatGestor
.chat-container
.chat-content
.chat-content-form
.chat-content-form-button
i.chat-content-form-button-active {
color: var(--color-primary);
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: var(--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: var(--color-text-secondary);
padding-left: 15px;
}
#ChatGestor .chat-container .chat-content .chat-content-form .chat-content-form-input textarea::placeholder {
color: var(--color-text-secondary);
padding-left: 15px;
}
#ChatGestor .filtros {
margin-bottom: 15px;
}
#ChatGestor .filtros .el-col {
width: 25%;
padding: 10px;
}
#SituacaoDialog .ods-dialog__body {
padding-top: 30px;
}
.texto-apoio[data-v-b7a7d64c] {
margin: 0;
font-size: 13px;
line-height: 1.5;
color: var(--color-text-secondary);
}
/* Cards de tipo de agendamento: o rádio e o texto ficam dentro do mesmo card clicável. */
.tipos[data-v-b7a7d64c] {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
}
.tipo[data-v-b7a7d64c] {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 10px 14px;
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-white);
line-height: 1.4;
cursor: pointer;
transition:
border-color 0.15s,
background 0.15s;
}
.tipo[data-v-b7a7d64c]:hover {
border-color: var(--color-primary);
}
.tipo--ativo[data-v-b7a7d64c] {
border-color: var(--color-primary);
background: var(--color-primary-10);
}
/* O rádio traz a margem de quem fica numa fila de opções; aqui o texto vem logo ao lado. */
.tipo-radio[data-v-b7a7d64c] {
margin: 2px 0 0;
}
.tipo-texto[data-v-b7a7d64c] {
display: flex;
flex-direction: column;
gap: 2px;
}
.tipo-nome[data-v-b7a7d64c] {
margin: 0;
font-size: 14px;
font-weight: 600;
color: var(--color-text);
}
.tipo-detalhe[data-v-b7a7d64c] {
margin: 0;
font-size: 12px;
color: var(--color-text-secondary);
}
.dias-indisponiveis[data-v-b7a7d64c] {
margin-bottom: 15px;
line-height: 1.5;
}
#GeralTab .valor-linha {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#Chat .chat-container {
display: flex;
height: 78vh;
border: 1px solid var(--color-border);
background-color: var(--color-white);
}
#Chat .chat-container .chat-sidebar {
width: 400px;
background-color: var(--color-bg-soft);
border-right: 1px solid var(--color-border);
}
#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 var(--color-white);
color: var(--color-white);
background-color: var(--color-primary);
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 var(--color-border);
padding-left: 5px;
cursor: pointer;
}
#Chat .chat-container .chat-sidebar .chat-cargas .chat-carga:hover {
background-color: var(--color-white);
}
#Chat .chat-carga-active {
background-color: var(--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 var(--color-border);
background-color: var(--color-bg-soft);
}
#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 var(--color-primary);
line-height: 0em;
margin: 10px 0 20px;
}
#Chat .chat-container .chat-content .chat-content-messages .chat-content-messages-data span {
background: var(--color-white);
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: var(--color-bg-soft);
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: var(--color-white);
border: 1px solid var(--color-border);
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: var(--color-primary-40);
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: var(--color-border);
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: var(--color-white-50);
}
#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: var(--color-text-secondary);
}
#Chat .chat-container .chat-content .chat-content-form .chat-content-form-button i {
transform: rotate(45deg);
color: var(--color-text-secondary);
}
#Chat .chat-container .chat-content .chat-content-form .chat-content-form-button i.chat-content-form-button-active {
color: var(--color-primary);
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: var(--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: var(--color-text-secondary);
padding-left: 15px;
}
#Chat .chat-container .chat-content .chat-content-form .chat-content-form-input textarea::placeholder {
color: var(--color-text-secondary);
padding-left: 15px;
}
#NfeTab .el-table thead {
color: var(--color-text-secondary);
font-weight: 500;
}
#NfeTab .el-table thead th.el-table__cell {
background: var(--color-bg-base);
}
.marca-excecao-referencia[data-v-e8176cfc]:focus {
outline: none;
}
.marca-excecao-referencia[data-v-e8176cfc]:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 1px;
}
.dica-excecao-referencia[data-v-e8176cfc] {
max-width: 300px;
line-height: 1.45;
}
.dica-linha[data-v-e8176cfc] {
display: block;
margin-top: 6px;
}
#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;
}
/*
* Layout comum dos diálogos Importar NFS-e e Substituir NFS-e (TRKM-2957). Só cores da paleta
* (ods/tokens/paleta.js): neutros --color-text-muted, #efefef e #dddbe1, laranja #ef6638 e os estados.
*/
.passos[data-v-bfcd9f2c] {
margin: -10px -20px 24px;
padding: 0 20px 20px;
border-bottom: 1px solid var(--color-bg-soft);
}
.passos[data-v-bfcd9f2c] .el-step__head.is-process,
.passos[data-v-bfcd9f2c] .el-step__title.is-process {
color: var(--color-primary);
border-color: var(--color-primary);
}
.secao[data-v-bfcd9f2c] {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 22px;
}
.secao .ods-section-title[data-v-bfcd9f2c] {
margin: 0;
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 12px;
}
.secao__contador[data-v-bfcd9f2c] {
font-family: 'QuicksandMedium', Arial, sans-serif;
font-size: 11px;
letter-spacing: 0;
text-transform: none;
}
.secao[data-v-bfcd9f2c] .el-form-item {
margin-bottom: 0;
}
.ajuda[data-v-bfcd9f2c] {
display: block;
font-size: 11px;
line-height: 1.4;
color: var(--color-text-muted);
margin-top: 4px;
}
.rotulo[data-v-bfcd9f2c] {
font-size: 10px;
color: var(--color-text-muted);
}
/* sobre o ods-radio-group, que é inline-block com font-size 0 */
.tipos[data-v-bfcd9f2c] {
display: grid;
font-size: 14px;
line-height: 1.4;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
.tipo[data-v-bfcd9f2c] {
display: flex;
flex-direction: column;
gap: 4px;
padding: 12px 16px;
border: 1px solid var(--color-border);
border-radius: 4px;
cursor: pointer;
line-height: 1.4;
}
.tipo--ativo[data-v-bfcd9f2c] {
border-color: var(--color-primary);
box-shadow: inset 0 0 0 1px var(--color-primary);
}
.tipo__descricao[data-v-bfcd9f2c] {
font-size: 12px;
color: var(--color-text-muted);
padding-left: 24px;
}
.arquivo[data-v-bfcd9f2c] {
padding: 14px 16px;
border: 1px dashed var(--color-border);
border-radius: 4px;
line-height: initial;
}
.resumo[data-v-bfcd9f2c] {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
gap: 8px 16px;
padding-bottom: 16px;
margin-bottom: 20px;
border-bottom: 1px solid var(--color-bg-soft);
}
.resumo__nfse[data-v-bfcd9f2c] {
display: flex;
flex-direction: column;
gap: 2px;
}
.resumo__numero[data-v-bfcd9f2c] {
font-size: 18px;
}
.resumo__meta[data-v-bfcd9f2c] {
font-size: 12px;
color: var(--color-text-muted);
}
.tabela[data-v-bfcd9f2c] {
width: 100%;
border-collapse: collapse;
font-size: 13px;
}
.tabela th[data-v-bfcd9f2c] {
background: var(--color-bg-soft);
color: var(--color-text-muted);
font-size: 10px;
letter-spacing: 0.06em;
text-align: left;
padding: 8px 12px;
}
.tabela td[data-v-bfcd9f2c] {
padding: 10px 12px;
border-bottom: 1px solid var(--color-bg-soft);
vertical-align: top;
}
.tabela td small[data-v-bfcd9f2c] {
display: block;
font-size: 11px;
color: var(--color-text-muted);
margin-top: 2px;
}
.tabela tfoot td[data-v-bfcd9f2c] {
background: var(--color-bg-soft);
border-bottom: 0;
}
.tabela__campo[data-v-bfcd9f2c] {
width: 110px;
color: var(--color-text-muted);
font-size: 11px;
text-transform: uppercase;
}
.tabela .tabela__status[data-v-bfcd9f2c],
.tabela .tabela__marcar[data-v-bfcd9f2c] {
width: 36px;
text-align: center;
vertical-align: middle;
}
.tabela .tabela__valor[data-v-bfcd9f2c] {
text-align: right;
font-variant-numeric: tabular-nums;
}
.checagem--ok .tabela__status .fa[data-v-bfcd9f2c] {
color: var(--color-success-strong);
}
.checagem--diverge .tabela__status .fa[data-v-bfcd9f2c],
.tabela .checagem--diverge .checagem__mensagem[data-v-bfcd9f2c] {
color: var(--color-danger-strong);
}
.checagem--diverge td[data-v-bfcd9f2c] {
border-bottom-color: var(--color-danger);
}
.justificativa[data-v-bfcd9f2c] {
display: flex;
flex-direction: column;
gap: 2px;
}
.rodape[data-v-bfcd9f2c] {
display: flex;
justify-content: space-between;
}
/*
* Layout comum dos diálogos Importar NFS-e e Substituir NFS-e (TRKM-2957). Só cores da paleta
* (ods/tokens/paleta.js): neutros --color-text-muted, #efefef e #dddbe1, laranja #ef6638 e os estados.
*/
.passos[data-v-4cb3d600] {
margin: -10px -20px 24px;
padding: 0 20px 20px;
border-bottom: 1px solid var(--color-bg-soft);
}
.passos[data-v-4cb3d600] .el-step__head.is-process,
.passos[data-v-4cb3d600] .el-step__title.is-process {
color: var(--color-primary);
border-color: var(--color-primary);
}
.secao[data-v-4cb3d600] {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 22px;
}
.secao .ods-section-title[data-v-4cb3d600] {
margin: 0;
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 12px;
}
.secao__contador[data-v-4cb3d600] {
font-family: 'QuicksandMedium', Arial, sans-serif;
font-size: 11px;
letter-spacing: 0;
text-transform: none;
}
.secao[data-v-4cb3d600] .el-form-item {
margin-bottom: 0;
}
.ajuda[data-v-4cb3d600] {
display: block;
font-size: 11px;
line-height: 1.4;
color: var(--color-text-muted);
margin-top: 4px;
}
.rotulo[data-v-4cb3d600] {
font-size: 10px;
color: var(--color-text-muted);
}
/* sobre o ods-radio-group, que é inline-block com font-size 0 */
.tipos[data-v-4cb3d600] {
display: grid;
font-size: 14px;
line-height: 1.4;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
.tipo[data-v-4cb3d600] {
display: flex;
flex-direction: column;
gap: 4px;
padding: 12px 16px;
border: 1px solid var(--color-border);
border-radius: 4px;
cursor: pointer;
line-height: 1.4;
}
.tipo--ativo[data-v-4cb3d600] {
border-color: var(--color-primary);
box-shadow: inset 0 0 0 1px var(--color-primary);
}
.tipo__descricao[data-v-4cb3d600] {
font-size: 12px;
color: var(--color-text-muted);
padding-left: 24px;
}
.arquivo[data-v-4cb3d600] {
padding: 14px 16px;
border: 1px dashed var(--color-border);
border-radius: 4px;
line-height: initial;
}
.resumo[data-v-4cb3d600] {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
gap: 8px 16px;
padding-bottom: 16px;
margin-bottom: 20px;
border-bottom: 1px solid var(--color-bg-soft);
}
.resumo__nfse[data-v-4cb3d600] {
display: flex;
flex-direction: column;
gap: 2px;
}
.resumo__numero[data-v-4cb3d600] {
font-size: 18px;
}
.resumo__meta[data-v-4cb3d600] {
font-size: 12px;
color: var(--color-text-muted);
}
.tabela[data-v-4cb3d600] {
width: 100%;
border-collapse: collapse;
font-size: 13px;
}
.tabela th[data-v-4cb3d600] {
background: var(--color-bg-soft);
color: var(--color-text-muted);
font-size: 10px;
letter-spacing: 0.06em;
text-align: left;
padding: 8px 12px;
}
.tabela td[data-v-4cb3d600] {
padding: 10px 12px;
border-bottom: 1px solid var(--color-bg-soft);
vertical-align: top;
}
.tabela td small[data-v-4cb3d600] {
display: block;
font-size: 11px;
color: var(--color-text-muted);
margin-top: 2px;
}
.tabela tfoot td[data-v-4cb3d600] {
background: var(--color-bg-soft);
border-bottom: 0;
}
.tabela__campo[data-v-4cb3d600] {
width: 110px;
color: var(--color-text-muted);
font-size: 11px;
text-transform: uppercase;
}
.tabela .tabela__status[data-v-4cb3d600],
.tabela .tabela__marcar[data-v-4cb3d600] {
width: 36px;
text-align: center;
vertical-align: middle;
}
.tabela .tabela__valor[data-v-4cb3d600] {
text-align: right;
font-variant-numeric: tabular-nums;
}
.checagem--ok .tabela__status .fa[data-v-4cb3d600] {
color: var(--color-success-strong);
}
.checagem--diverge .tabela__status .fa[data-v-4cb3d600],
.tabela .checagem--diverge .checagem__mensagem[data-v-4cb3d600] {
color: var(--color-danger-strong);
}
.checagem--diverge td[data-v-4cb3d600] {
border-bottom-color: var(--color-danger);
}
.justificativa[data-v-4cb3d600] {
display: flex;
flex-direction: column;
gap: 2px;
}
.rodape[data-v-4cb3d600] {
display: flex;
justify-content: space-between;
}
.notas[data-v-4cb3d600] {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: stretch;
gap: 12px;
}
.notas__seta[data-v-4cb3d600] {
align-self: center;
color: var(--color-text-muted);
}
.nota[data-v-4cb3d600] {
display: flex;
flex-direction: column;
gap: 2px;
padding: 12px 16px;
border: 1px solid var(--color-border);
border-radius: 4px;
}
.nota--nova[data-v-4cb3d600] {
border-color: var(--color-primary);
}
.nota--nova .fa[data-v-4cb3d600] {
color: var(--color-success-strong);
}
.nota--vazia[data-v-4cb3d600] {
border-style: dashed;
}
.nota__numero[data-v-4cb3d600] {
font-size: 16px;
}
.nota__meta[data-v-4cb3d600] {
font-size: 12px;
color: var(--color-text-muted);
}
.efeitos[data-v-4cb3d600] {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.efeito[data-v-4cb3d600] {
padding: 12px 16px;
background: var(--color-bg-soft);
border-radius: 4px;
font-size: 12px;
}
.efeito .ods-section-title[data-v-4cb3d600] {
margin: 0 0 4px;
}
.efeito ul[data-v-4cb3d600] {
margin: 0;
padding-left: 16px;
list-style: disc;
line-height: 1.5;
}
.aviso-importar[data-v-2b2b3e17] {
margin-left: 20px;
font-size: 12px;
color: var(--color-text-regular);
}
.omie-erro[data-v-2b2b3e17] {
color: var(--color-danger-strong);
cursor: help;
}
#map[data-v-c94100ba] {
width: 100%;
height: 89vh;
}
#PedagioTab .el-table thead {
color: var(--color-text-regular);
font-weight: 500;
}
#PedagioTab .el-table thead th.el-table__cell {
background: var(--color-bg-base);
}
#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: var(--color-primary);
}
.financeiro-titulo[data-v-54cd3101] {
font-weight: 700;
margin: 4px 0 10px;
}
.financeiro-bloco[data-v-54cd3101] {
margin-bottom: 20px;
}
.financeiro-mensagem[data-v-54cd3101] {
padding: 16px 0;
}
.financeiro-cabecalho-secao[data-v-54cd3101] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.financeiro-etapas[data-v-54cd3101] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
margin-bottom: 20px;
}
.financeiro-etapa[data-v-54cd3101] {
border: 1px solid var(--color-border-lighter);
border-radius: 6px;
padding: 14px;
display: flex;
flex-direction: column;
gap: 6px;
font-size: 13px;
}
.financeiro-etapa-topo[data-v-54cd3101] {
display: flex;
justify-content: space-between;
align-items: center;
}
.financeiro-etapa-nome[data-v-54cd3101] {
font-weight: 700;
font-size: 14px;
}
.financeiro-valor[data-v-54cd3101] {
font-size: 20px;
font-weight: 700;
}
.financeiro-secundario[data-v-54cd3101] {
color: var(--color-text-regular);
font-size: 12px;
}
.financeiro-divergente[data-v-54cd3101] {
color: var(--color-danger-strong);
font-weight: 700;
}
.financeiro-retorno[data-v-54cd3101] {
border: 1px solid var(--color-border);
border-left-width: 4px;
border-radius: 4px;
padding: 10px 14px;
}
.financeiro-retorno--neutro[data-v-54cd3101] {
border-left-color: var(--color-text-muted);
}
.financeiro-retorno--atencao[data-v-54cd3101] {
border-left-color: var(--color-warning);
}
.financeiro-retorno--erro[data-v-54cd3101] {
border-left-color: var(--color-danger);
}
.financeiro-retorno-titulo[data-v-54cd3101] {
font-weight: 700;
margin-bottom: 6px;
}
.financeiro-retorno-linha[data-v-54cd3101] {
margin-top: 4px;
word-break: break-word;
}
.financeiro-retorno-atualizando[data-v-54cd3101] {
color: var(--color-text-muted);
}
/* Valor vindo da Repom enquanto a consulta nova roda: pode mudar. Cinza, não translúcido (contraste AA). */
.financeiro-repom-atualizando[data-v-54cd3101] {
color: var(--color-text-muted);
transition: color 0.3s;
}
.financeiro-despesa[data-v-54cd3101] {
border-top: 1px dashed var(--color-border-lighter);
padding-top: 6px;
}
#CargaDialog .ods-dialog__body {
padding-top: 15px;
}
#CargaDialog .ods-tabs__header {
margin-bottom: 30px;
}
#CargaDialog .botao {
background-color: var(--color-bg-soft);
}
#CargaDialog .botao:hover {
color: var(--color-primary);
}
#CargaDialog .ods-checkbox {
margin-top: 0;
margin-left: 10px;
}
#Torre {
margin-bottom: 100px;
}
#Torre .ods-dialog__header {
background-color: var(--color-primary);
color: var(--color-white) !important;
font-weight: 600;
}
#Torre .ods-dialog__title {
color: var(--color-white) !important;
}
#Torre .ods-dialog__close {
color: var(--color-white) !important;
background-color: var(--color-white-10);
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: var(--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: var(--color-primary-20);
}
.selecao-motorista .selecionado {
background-color: var(--color-primary-20);
}
.no-spin[data-v-35411a71] input[type='number']::-webkit-inner-spin-button,
.no-spin[data-v-35411a71] input[type='number']::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.no-spin[data-v-35411a71] input[type='number'] {
-webkit-appearance: textfield;
appearance: textfield;
-moz-appearance: textfield;
}
.paginacao-rotas[data-v-65e03746] {
display: flex;
justify-content: flex-end;
margin-top: 10px;
}
#NovaTabela[data-v-60a0e3dc] .el-form-item__label {
font-size: 10px;
color: var(--color-text-muted);
}
#NovaTabela[data-v-60a0e3dc] .ods-radio__label {
font-size: 10px;
color: var(--color-text-muted);
}
.no-spin[data-v-60a0e3dc] input[type='number']::-webkit-inner-spin-button,
.no-spin[data-v-60a0e3dc] input[type='number']::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.no-spin[data-v-60a0e3dc] input[type='number'] {
-webkit-appearance: textfield;
appearance: textfield;
-moz-appearance: textfield;
}
.dialog-footer[data-v-60a0e3dc] {
display: flex;
justify-content: space-between;
}
#CriarRota .field-error[data-v-7da48c41] {
color: var(--color-danger-strong);
font-size: 12px;
margin-top: 8px;
}
#CriarRota .btn.disabled[data-v-7da48c41] {
opacity: 0.6;
pointer-events: none;
}
#CriarRota[data-v-7da48c41] .el-table__body tr.perfil-row-selecionado > td,
#CriarRota[data-v-7da48c41] .el-table__body tr.perfil-row-selecionado > td {
background-color: var(--color-primary-10);
}
.import-summary[data-v-ffa2e1ac] {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 8px;
}
.summary-card[data-v-ffa2e1ac] {
flex: 1 1 100px;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
padding: 14px 10px;
border-radius: 8px;
background-color: var(--color-bg-base);
border: 1px solid var(--color-border-lighter);
}
.summary-card .summary-value[data-v-ffa2e1ac] {
font-size: 22px;
font-weight: bold;
color: var(--color-text);
}
.summary-card .summary-label[data-v-ffa2e1ac] {
font-size: 12px;
color: var(--color-text-secondary);
text-transform: uppercase;
}
.summary-card.success .summary-value[data-v-ffa2e1ac] {
color: var(--color-success-strong);
}
.summary-card.info .summary-value[data-v-ffa2e1ac] {
color: var(--color-primary);
}
.summary-card.danger .summary-value[data-v-ffa2e1ac] {
color: var(--color-danger-strong);
}
.btn.is-disabled[data-v-ffa2e1ac] {
opacity: 0.6;
pointer-events: none;
}
.preview-rotas[data-v-61373527] {
margin-top: 4px;
}
.preview-rotas-titulo[data-v-61373527] {
font-weight: 600;
color: var(--color-text);
margin: 0 0 8px;
}
.preview-rota-item[data-v-61373527] {
font-size: 13px;
color: var(--color-text-regular);
margin: 10px 0;
}
.preview-rota-rota[data-v-61373527] {
margin: 0;
}
.preview-rota-valores[data-v-61373527] {
margin: 2px 0 0;
}
.valor-antigo[data-v-61373527] {
color: var(--color-text-secondary);
margin-right: 6px;
}
.valor-novo[data-v-61373527] {
color: var(--color-primary);
}
#AjustarTarifas .el-collapse {
border: 1px solid var(--color-primary);
border-radius: 12px;
background: var(--color-white);
box-shadow: 0 2px 12px var(--color-primary-10);
overflow: hidden;
}
#AjustarTarifas .el-collapse-item__header {
background: var(--color-primary-10);
color: var(--color-text);
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: var(--color-primary-20);
box-shadow: inset 0 2px 4px var(--color-primary-15);
}
#AjustarTarifas .el-collapse-item__header.is-active {
background: var(--color-primary-20);
border-bottom-color: var(--color-primary);
box-shadow: inset 0 2px 4px var(--color-primary-15);
}
#AjustarTarifas .el-collapse-item__header i {
color: var(--color-primary);
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: var(--color-white);
border-radius: 0 0 12px 12px;
border-top: none;
box-shadow: 0 4px 12px var(--color-primary-5);
}
#AjustarTarifas .el-collapse-item__content {
padding: 24px;
font-size: 14px;
color: var(--color-text-dark);
background: var(--color-bg-base);
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: var(--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: var(--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: 0.5rem;
border: 1px solid var(--color-primary-20);
width: 100%;
height: 100px;
background-color: var(--color-primary-5);
}
.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: var(--color-white);
text-transform: uppercase;
font-weight: bold;
line-height: 1.4;
}
.el-select-dropdown__item.selected .status-badge {
box-shadow: 0 0 3px var(--color-black-20);
}
.status-badge.expirada {
background-color: var(--color-text-secondary);
}
.status-badge.ativa,
.status-badge.ativo {
background-color: var(--color-success);
}
.status-badge.inativa,
.status-badge.inativo {
background-color: var(--color-danger);
}
.routes-section {
background: var(--color-white);
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 12px 0 var(--color-black-5);
margin-top: 20px;
}
.table-toolbar {
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid var(--color-border-lighter);
}
.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: var(--color-text-secondary);
text-align: right;
}
.btn-more:hover {
color: var(--color-primary);
}
.value-text {
font-weight: 500;
color: var(--color-text-regular);
}
.text-danger {
color: var(--color-danger-strong) !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: var(--color-text-secondary);
font-size: 12px;
font-weight: bold;
}
.parametro-valor {
color: var(--color-text);
font-size: 14px;
font-weight: 500;
min-height: 20px;
}
.dialog-nova-tabela .ods-dialog__title {
color: var(--color-white);
font-size: 18px;
font-weight: 600;
}
.dialog-nova-tabela .ods-dialog__headerbtn .ods-dialog__close {
color: var(--color-white);
font-size: 20px;
}
.dialog-nova-tabela .ods-dialog__body {
padding: 30px 24px;
background-color: var(--color-bg-base);
}
.steps-wrapper {
background: var(--color-white);
padding: 24px;
border-radius: 8px;
margin-bottom: 24px;
box-shadow: 0 2px 8px var(--color-black-5);
}
.step-container {
background: var(--color-white);
padding: 24px;
border-radius: 8px;
box-shadow: 0 2px 8px var(--color-black-5);
min-height: 400px;
}
.step-header {
margin-bottom: 24px;
padding-bottom: 16px;
border-bottom: 2px solid var(--color-primary);
}
.step-title {
margin: 0 0 8px 0;
font-size: 18px;
font-weight: bold;
color: var(--color-text-muted);
display: flex;
align-items: center;
gap: 8px;
text-transform: uppercase;
}
.step-title i {
color: var(--color-primary);
font-size: 20px;
}
.step-description {
margin: 0;
font-size: 13px;
color: var(--color-text-secondary);
}
.review-alert {
margin-bottom: 20px;
border-left: 4px solid var(--color-primary);
}
.review-card {
margin-bottom: 20px;
border: 1px solid var(--color-border-light);
border-radius: 8px;
overflow: hidden;
transition: all 0.3s ease;
}
.review-card:hover {
border-color: var(--color-primary);
}
.review-card .card-header {
display: flex;
align-items: center;
gap: 10px;
font-weight: 600;
color: var(--color-text);
font-size: 15px;
}
.review-card .card-header i {
color: var(--color-primary);
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: var(--color-text-regular);
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: var(--color-bg-base);
border-top: 1px solid var(--color-border-light);
}
.footer-left,
.footer-right {
display: flex;
gap: 10px;
}
.dialog-nova-tabela .el-step__title {
font-size: 14px;
font-weight: bold;
color: var(--color-text-muted) !important;
}
.dialog-nova-tabela .el-step__head.is-finish {
color: var(--color-success-strong);
border-color: var(--color-success);
}
.dialog-nova-tabela .el-step__head.is-process {
color: var(--color-primary);
border-color: var(--color-primary);
}
.dialog-nova-tabela .el-step__icon.is-text {
border-width: 2px;
}
.step-container .el-form-item__label {
font-weight: 600;
color: var(--color-text-regular);
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: var(--color-primary);
}
#SecondStep .el-table {
margin-top: 20px;
border-radius: 8px;
overflow: hidden;
}
#SecondStep .el-table th {
background-color: var(--color-primary-10);
color: var(--color-text);
font-weight: 600;
}
h2 {
font-weight: bold;
margin-bottom: 20px;
}
[data-v-947d6536] .el-card {
border: none !important;
box-shadow: none !important;
}
#FreightCard[data-v-b69a80ac] {
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
}
.freight-card[data-v-b69a80ac] {
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: var(--color-white);
border: 1px solid var(--color-border-lighter);
transition: transform 0.2s;
}
.freight-card[data-v-b69a80ac]:hover {
transform: translateX(5px);
}
/* --- Estilos Dinâmicos por Status --- */
.status-aprovado .status-icon[data-v-b69a80ac] {
background-color: var(--color-success);
}
.status-aprovado .status-badge[data-v-b69a80ac] {
color: var(--color-success-strong);
}
.status-reprovado .status-icon[data-v-b69a80ac] {
background-color: var(--color-danger);
}
.status-reprovado .status-badge[data-v-b69a80ac] {
color: var(--color-danger-strong);
}
.status-renegociado .status-icon[data-v-b69a80ac] {
background-color: var(--color-primary);
}
.status-renegociado .status-badge[data-v-b69a80ac] {
color: var(--color-primary);
}
.status-pendente .status-icon[data-v-b69a80ac] {
background-color: var(--color-warning);
}
.status-pendente .status-badge[data-v-b69a80ac] {
color: var(--color-warning-strong);
}
/* --- Estrutura Interna --- */
.status-badge[data-v-b69a80ac] {
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
display: flex;
align-items: center;
gap: 8px;
}
.status-icon[data-v-b69a80ac] {
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
}
.id-text[data-v-b69a80ac] {
color: var(--color-text-secondary);
font-size: 13px;
margin-left: 10px;
}
.route-row[data-v-b69a80ac] {
margin-top: 8px;
}
.route[data-v-b69a80ac] {
font-size: 16px;
font-weight: bold;
margin-right: 20px;
}
.values[data-v-b69a80ac] {
font-size: 14px;
}
.info-date[data-v-b69a80ac] {
text-align: right;
min-width: 120px;
color: var(--color-text-regular);
font-size: 13px;
border-left: 1px solid var(--color-black-5);
padding-left: 20px;
}
.info-date p[data-v-b69a80ac] {
margin: 4px 0;
}
#AuditoriaHistorico[data-v-41f493c8] {
width: 100%;
background-color: var(--color-white);
}
.content[data-v-774b7076] {
display: flex;
flex-direction: column;
gap: 10px;
}
.btn.disabled[data-v-774b7076],
.btn[disabled][data-v-774b7076] {
opacity: 0.5;
cursor: not-allowed !important;
pointer-events: none;
}
.detail-card[data-v-774b7076] {
border: 1px solid var(--color-border-lighter);
border-radius: 8px;
padding: 16px;
margin-bottom: 16px;
background-color: var(--color-white);
}
.detail-card-title[data-v-774b7076] {
font-weight: 600;
margin-bottom: 10px;
color: var(--color-text);
}
.detail-card-row[data-v-774b7076] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid var(--color-border-lighter);
}
.detail-card-row[data-v-774b7076]:last-child {
border-bottom: none;
}
.detail-card-row span[data-v-774b7076] {
color: var(--color-text-regular);
font-size: 13px;
}
.detail-card-row strong[data-v-774b7076],
.detail-card-value[data-v-774b7076] {
color: var(--color-text);
font-weight: 600;
}
.status-cards[data-v-3120ca6e] {
display: flex;
gap: 10px;
flex-wrap: nowrap;
justify-content: space-between;
}
.status-card[data-v-3120ca6e] {
cursor: pointer;
transition: all 0.3s ease;
border-radius: 6px;
flex: 1;
min-width: 120px;
}
.status-card[data-v-3120ca6e]:hover {
transform: translateY(-1px);
box-shadow: 0 2px 8px var(--color-black-10);
}
.card-content[data-v-3120ca6e] {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 12px 8px;
text-align: center;
}
.status-info[data-v-3120ca6e] {
flex: 1;
width: 100%;
}
.status-label[data-v-3120ca6e] {
font-size: 12px;
font-weight: 500;
color: var(--color-text-regular);
margin-bottom: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.status-count[data-v-3120ca6e] {
font-size: 18px;
font-weight: 600;
color: var(--color-text);
}
.status-aprovado[data-v-3120ca6e] {
border-top: 3px solid var(--color-success);
}
.status-aprovado .status-icon[data-v-3120ca6e] {
background-color: var(--color-success);
}
.status-reprovado[data-v-3120ca6e] {
border-top: 3px solid var(--color-danger);
}
.status-reprovado .status-icon[data-v-3120ca6e] {
background-color: var(--color-danger);
}
.status-pendente[data-v-3120ca6e] {
border-top: 3px solid var(--color-warning);
}
.status-pendente .status-icon[data-v-3120ca6e] {
background-color: var(--color-warning);
}
.status-renegociado[data-v-3120ca6e] {
border-top: 3px solid var(--color-primary);
}
.status-renegociado .status-icon[data-v-3120ca6e] {
background-color: var(--color-primary);
}
.status-icon[data-v-3120ca6e] {
font-size: 18px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: var(--color-white);
}
.tab[data-v-52934331] {
display: none;
}
.tabs_on[data-v-52934331] {
display: block !important;
}
.router-link-active[data-v-52934331] {
color: var(--color-primary);
border-bottom: 2px solid var(--color-primary);
font-weight: bold;
}
.status-container[data-v-52934331] {
margin-top: 20px;
display: flex;
justify-content: space-between;
gap: 10px;
}
#Auditoria[data-v-52934331] {
margin-bottom: 40px;
}
#Auditoria .ods-dialog[data-v-52934331] {
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;
}/**
* Link sem cor própria segue a primária, e não o azul do navegador (#0000ee, roxo depois de
* visitado). O azul saiu do produto na TRKM-2995. O `:where` zera a especificidade: qualquer cor
* de classe, de tela ou do Element vence esta regra, e ela só pega o link que ninguém pintou.
* O `:any-link` limita aos links com href, os únicos que o navegador pinta; um `` sem href
* continua herdando a cor de quem está em volta.
*/:where(a:-moz-any-link) {
color: var(--color-primary);
}:where(a:any-link) {
color: var(--color-primary);
}/**
* 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: var(--color-bg-soft);
/*CINZA BG*/
overflow-x: hidden;
}p {
font-family: 'QuicksandRegular', Arial, sans-serif;
color: var(--color-text-muted);
/* 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: var(--color-primary);
/* 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: var(--color-primary);
/* LARANHA TRUCKME */
}/* TEXTOS */.vermelho {
/* background-color: #b1002a;
color: #fff; */
background-color: var(--color-white);
color: var(--color-primary);
transition: all 0.3s linear;
}/* .vermelho:hover {
background: #b1002a;
Vermelho Escuro
background-color: #ef6638;
color: #fff;
} */.verde {
/* background: #5db100; */
/* Verde */
background-color: var(--color-primary);
/* Verde */
color: var(--color-white);
transition: all 0.3s linear;
}.verde:hover {
/* background: #5db100; */
/* Verde Escuro*/
background: var(--color-primary);
/* Verde Escuro*/
}.azul {
background: var(--color-primary);
/*AZUL ESCURO*/
color: var(--color-white);
transition: all 0.3s linear;
}.azul:hover {
background: var(--color-primary);
/*AZUL ESCURO*/
}.laranja {
background: var(--color-primary);
/* LARANJA TRUCKME */
color: var(--color-white);
transition: all 0.3s linear;
}.laranja:hover {
background: var(--color-primary);
/* LARANJA TRUCKME */
}/* FONTES — os utilitários de texto foram para src/ods/tokens/utilitarios.css (Fase 7). */.branco {
color: var(--color-white);
}/* FORMULARIO */label {
float: left;
display: block;
font-family: 'QuicksandBold', Arial, sans-serif;
font-size: 10px;
letter-spacing: 0.1em;
color: var(--color-text-muted);
/* 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: var(--color-text-muted);
/* CINZA ESCURO */
background: transparent;
padding: 10px 5px 5px 5px;
border: none;
border-bottom: 1px solid var(--color-border);
/* 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: var(--color-text-muted);
/* CINZA ESCURO */
/*background-color: #fff;*/
background: none;
padding: 10px 5px 5px 5px;
border-radius: 4px;
border: 1px solid var(--color-border);
/* CINZA MEDIO */
width: 300px;
outline: none;
transition: all 0.3s linear;
}/*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: var(--color-primary);
/* LARANHA TRUCKME */
margin: 5px 0px 0px 0px;
border-radius: 150px;
}a.tabs {
float: left;
display: inline-block;
margin: 50px 40px 0px 0px;
color: var(--color-text-label);
/* CINZA */
font-size: 11px;
font-family: 'QuicksandBold', Arial, sans-serif;
letter-spacing: 0.1em;
transition: all 0.3s linear;
}a.tabs:hover {
color: var(--color-primary);
/* LARANHA TRUCKME */
}a.tabs_on {
color: var(--color-primary);
/* LARANHA TRUCKME */
}/* O painel é dono da própria aparência — ver OdsPanel.vue (Fase 7). *//* O intervalo de datas foi para o OdsDatePicker.vue (Fase 7). */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;
}/* 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 `` do
* `DelhateSaldo.vue`, que virou ``. Com ele, `class="btn"`
* chegou a zero ocorrência no produto — o `contagem.spec.js` trava esse zero.
*
* O que a base declarava (fonte, caixa alta, `letter-spacing`, raio, `margin`, `padding` e
* `cursor`) está hoje no `.ods-button` e no `.ods-link`, declaração por declaração. O que ela
* NÃO declarava — fundo, `color` e `border` estavam comentados aqui — deixava aquele botão com o
* cinza do navegador (#efefef, 37px, borda `2px outset`) em vez do branco de 34px dos outros
* "Fechar" do produto.
*
* **Essa diferença nunca chegou à tela.** O `DelhateSaldo.vue` não é importado por ninguém — sem
* rota, sem registro global, sem `` — e não aparece no bundle. O arquivo é órfão, o
* defeito era latente, e a conversão vale pelo que destravou aqui, não por corrigir algo visível.
* Deletar o componente é decisão de produto, e está fora desta card.
*/.sub_btn {
font-size: 9px;
font-family: 'QuicksandBold', Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 0.1em;
border-radius: 4px;
padding: 2px 5px 2px 5px;
}/* (rótulo do switch — ver OdsSwitch.vue) *//*OPERACIONAL*/.operacional {
/*background-color: green;*/
margin: 180px 0px 0px 202px;
width: 1200px;
height: auto;
}.ferramentas {
clear: both;
display: table;
margin: 50px 0px 0px 0px;
}.colunas {
margin: 30px 0px 0px 0px;
width: auto;
height: auto;
}ul.coluna {
display: inline-block;
background-color: var(--color-white);
border-radius: 4px;
box-shadow: 2px 2px 4px var(--color-border);
width: 97%;
min-height: 490px;
padding: 5px;
}/* Removidos: `@keyframes piscaBotao` e `.pisca` piscavam o sino trocando o bitmap de fundo, e
nenhum template usa a classe. Saíram com os PNG (TRKM-2756). */li.carga {
display: flex;
background-color: var(--color-bg-soft);
border: 1px solid var(--color-bg-soft);
border-right: none;
border-radius: 4px;
width: 100%;
overflow: hidden;
cursor: move;
margin: 0px 0px 5px 0px;
justify-content: space-between;
}li.carga:hover {
background-color: var(--color-bg-base);
}.numero_carga {
margin: 4px 0px 0px 5px;
}.btn_carga {
width: 20px;
height: 50%;
color: var(--color-white);
cursor: pointer;
}/*
* Os dois botões da barra do cartão (TRKM-2756).
*
* Eram `