@charset "utf-8";

:root { --primary-color: #336633; --secondary-color: #C4000B; --tertiary-color: #8FB13A; --body-bg-color: #FAFAFA; --bg-color-1: #e7e7e7; --color-default: #333333; --color-white: #FFFFFF; --shadow-box-default: rgba(0, 0, 0, .24) 0px 3px 8px; --shadow-box-1: 0 10px 20px rgba(45, 82, 160, .1); --shadow-box-button: rgba(0, 0, 0, .4) 0px 2px 4px, rgba(0, 0, 0, .3) 0px 7px 13px -3px, rgba(0, 0, 0, .2) 0px -3px 0px inset; font-size: 16px; }

:root[data-theme="dark"] { --primary-color: #59c059; --secondary-color: #ff8187; --tertiary-color: #9fc542; --body-bg-color: #1B1D1E; --bg-color-1: #26292a; --color-default: #c8c3bc; --color-white: #181a1b; --shadow-box-default: 0 0 2px #FFFFFF; --shadow-box-1: 0 0 2px #FFFFFF; --shadow-box-button: rgba(255, 255, 255, .4) 0px 2px 4px, rgba(255, 255, 255, .3) 0px 7px 13px -3px, rgba(255, 255, 255, .2) 0px -3px 0px inset; }

:root[data-fontsize="bigger"] { font-size: 18px; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote::before, blockquote::after, q::before, q::after { content: none; }

table { border-collapse: collapse; border-spacing: 0px; }

@font-face { font-family: Montserrat; src: url("/assets/montserrat-regular-Cy_YiQks.woff") format("woff"), url("/assets/montserrat-regular-CMwEYD1u.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: Montserrat; src: url("/assets/montserrat-medium-CrxNL67M.woff") format("woff"), url("/assets/montserrat-medium-DQnw7dv-.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: Montserrat; src: url("/assets/montserrat-semibold-DVXGkTSH.woff") format("woff"), url("/assets/montserrat-semibold-Czb6yJo0.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: Montserrat; src: url("/assets/montserrat-bold-DCYcOr9_.woff") format("woff"), url("/assets/montserrat-bold-OQkCQVGp.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

* { margin: 0px; padding: 0px; }

html { box-sizing: border-box; }

*, ::before, ::after { box-sizing: inherit; }

:focus { outline-color: transparent; outline-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

::selection { background: rgb(45, 82, 160); color: rgb(255, 255, 255); text-shadow: none; }

html, body { height: 100%; }

body { background: var(--body-bg-color); font-family: Lato, sans-serif; font-size: 10px; color: rgba(27, 27, 27, 0.8); overflow-x: hidden; -webkit-font-smoothing: antialiased; text-size-adjust: 100%; text-rendering: optimizelegibility; }

img, iframe { border: 0px; }

button { border: 0px; background: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

label { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-decoration: none; }

p { font-size: 1.6em; }

ul, ol { list-style: none; }

.clearfix::before, .clearfix::after { content: ""; display: table; }

.clearfix::after { clear: both; }

.center { margin: 0px auto; }

.flex-center { display: flex; justify-content: center; flex-wrap: wrap; }

.main-content { min-height: calc(-330px + 100vh); }

body.modal-open #app { transition: filter; overflow: hidden; }

body.modal-open .header, body.modal-open .main, body.modal-open .footer { filter: blur(9px); }

#app.is-logged.accessibility, #app.public.accessibility { background: url("/assets/grid-DUkcmjNh.png") repeat rgb(16, 28, 54); }

.mensagem-manutencao { position: fixed; top: 0px; left: 0px; text-align: center; width: 100%; height: 50px; opacity: 1; z-index: 3; color: rgb(0, 0, 0); display: flex; justify-content: center; align-items: center; font-size: 0.875rem; font-weight: 700; border: 1px solid rgb(239, 214, 18); background-color: rgb(255, 243, 205); flex-flow: column; padding: 0px 10px; }

@media (min-width: 1024px) {
  .mensagem-manutencao { font-size: 1rem; }
}

.mensagem-manutencao > span { max-width: 1500px; }

#app.manutencao { margin-top: 50px; }

#app.mobile { overflow: hidden; }

@media screen and (max-width: 1023px) {
  .center { margin: 0px auto; }
  #app.manutencao { margin-top: 90px; }
  .mensagem-manutencao { height: 90px; }
  .main-content { min-height: auto; }
}

.alertify-notifier { font-size: 15px !important; }

.texto-sucesso { color: rgb(84, 193, 71); }

.texto-perigo { color: rgb(205, 35, 35); }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.bold, strong { font-weight: 700; }

.capitalize { text-transform: capitalize; }

.noselect { user-select: none; }

.table-responsive { width: 100%; overflow-x: auto; display: block; }

.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }

.alert-warning { color: rgb(133, 100, 4); background-color: rgb(255, 243, 205); border-color: rgb(255, 238, 186); }

.mr-1 { margin-right: 0.25rem; }

.platform__subtitle { color: var(--color-default); font-size: 1.0625rem; line-height: 21px; margin-bottom: 32px; }

@media (min-width: 1024px) {
  .platform__subtitle { font-size: 1.5rem; line-height: 45px; margin-bottom: 24px; }
}

.platform__buttons { display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }

.platform__buttons .btn { display: flex; flex: 1 1 0%; }

.platform__buttons .btn .btn-text { text-align: left; }

@media (min-width: 1024px) {
  .platform__buttons { flex-flow: wrap; gap: 20px; margin-bottom: 24px; }
  .platform__buttons .btn { justify-content: center; }
  .platform__buttons .btn .btn-text { text-align: center; }
}

.form__divisor { background-color: rgb(221, 221, 221); border-width: 0px; height: 2px; margin: 0px auto; width: 60%; }

.pulse { animation: 2s ease 0s infinite normal none running pulse-animation; }

#app.accessibility .pulse { animation: 2s ease 0s infinite normal none running pulse-animation-dark; }

@keyframes pulse-animation { 
  0% { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px; }
  100% { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 20px; }
}

@keyframes pulse-animation-dark { 
  0% { box-shadow: rgba(255, 255, 255, 0.2) 0px 0px; }
  100% { box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 20px; }
}

#chatbot-floating-button { background-color: var(--secondary-color); height: 50px; width: 50px; color: var(--color-white) !important; }

#chatbot-floating-button i { line-height: 53px; }

body.modal-open { overflow: hidden; }

body.modal-open #app > :not(.vue-notification-group) { filter: blur(9px); transition: filter; overflow: hidden; }

.modal-blocker { position: fixed; inset: 0px; width: 100%; height: 100%; overflow: auto; z-index: 100; background-color: rgba(16, 28, 54, 0.7); text-align: center; }

.modal-blocker::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

.modal { box-shadow: var(--shadow-box-default); display: inline-block; vertical-align: middle; position: relative; z-index: 110; text-align: left; margin: 20px 0px; width: 640px; background: var(--color-white); color: var(--color-default); border-radius: 10px; padding: 24px; overflow: hidden; }

.modal .btn-close { position: absolute; top: 20px; right: 20px; color: var(--secondary-color); }

.modal-title { color: var(--primary-color); font-size: 1.6875rem; font-weight: 700; line-height: 33px; text-align: left; margin-bottom: 53px; }

.modal-subtitle { font-size: 18px; letter-spacing: 0.9px; margin-bottom: 15px; }

.modal-description { font-size: 12px; letter-spacing: 0.9px; }

.modal-content, .modal-form { width: auto; margin: 0px auto; }

.modal-content p { font-size: 1.8em; text-align: center; }

.modal-highlight { color: var(--color-default); margin-bottom: 33px; }

.modal-highlight p { font-size: 1.125rem; line-height: 22px; font-weight: 600; }

.push-bloqueado { color: red; font-size: 0.875rem; }

.modal-obs { background: rgb(248, 229, 77); font-weight: 700; padding: 10px 50px; margin-left: -50px; margin-right: -50px; margin-bottom: 20px; }

.modal-obs p { margin-bottom: 0px; }

.modal-warn { background: rgb(235, 125, 105); font-weight: 700; padding: 15px; margin-left: -25px; margin-right: -25px; margin-bottom: 20px; }

.modal-warn p { font-size: 1.5em; margin-bottom: 0px; }

.modal-barcode { align-items: center; background: rgb(255, 255, 255); border-radius: 10px; box-shadow: var(--shadow-box-default); display: flex; flex-direction: column; gap: 16px; margin: auto; overflow: hidden; padding: 16px; position: relative; }

.modal-barcode-value { color: var(--primary-color); font-size: 1.0625rem; line-height: 21px; mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(255, 255, 255) 30%); white-space: nowrap; }

.modal-barcode-btn-wrapper { position: sticky; right: 0px; width: 100%; }

.modal-barcode-btn-wrapper .btn { justify-content: center; padding: 12px; width: 100%; }

@media (min-width: 1024px) {
  .modal-barcode { flex-direction: row; padding: 6px 16px; width: 500px; }
  .modal-barcode-value { mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(255, 255, 255) 85%); }
  .modal-barcode-btn-wrapper { right: -16px; border-right: 16px solid rgb(255, 255, 255); }
}

.modal-actions { margin-top: 30px; }

.modal-actions .btn { float: left; width: calc(50% - 20px); }

.modal-actions .btn:last-child { float: right; }

.modal-actions.one-button .btn { float: none; margin: auto; display: block; }

.modal-actions .btn:first-child:last-child { float: none; margin: auto; display: block; width: calc(100% - 20px); }

.modal-waiting-cnh .modal-title { font-weight: 400; text-align: left; margin-bottom: 32px; }

.modal-waiting-cnh .modal-content { width: auto; }

.modal-waiting-cnh .modal-obs p { margin-bottom: 0px; }

.modal-waiting-cnh p { font-size: 1.6em; text-align: left; margin-bottom: 10px; }

.modal-waiting-cnh p.status { font-size: 0.875rem; margin-bottom: 20px; }

.modal-waiting-cnh p.label { font-size: 0.875rem; margin-bottom: 10px; }

.modal-region { width: auto; }

.modal-fade-enter, .modal-fade-enter-active, .modal-fade-leave-to, .modal-fade-leave-active { overflow: hidden; }

.modal-fade-enter .modal, .modal-fade-leave-to .modal { opacity: 0; transform: translateY(-100px); }

.modal-fade-enter-active .modal, .modal-fade-leave-active .modal, .modal-fade-enter-active, .modal-fade-leave-active { transition: 0.5s; }

.termos-de-uso-botao { cursor: pointer; font-size: 1em; }

.termos-de-uso { border: 1px; background-color: rgb(236, 235, 235); color: rgb(0, 0, 0); padding: 0.5em; max-height: 250px; overflow-y: scroll; }

.termos-de-uso h2, .termos-de-uso h3 { text-align: center; }

.termos-de-uso p, .termos-de-uso li { text-align: justify; font-size: 1em; margin-bottom: 1em; text-indent: 2em; }

@media screen and (max-width: 1023px) {
  .modal { width: calc(100% - 40px); padding: 16px; }
  .modal .btn-close { top: 5px; right: 5px; }
  .modal-title { font-size: 1.0625rem; line-height: 20px; }
  .modal-highlight { background-color: rgb(250, 250, 250); border-radius: 10px; color: rgb(0, 0, 0); margin-bottom: 14px; padding: 16px; }
  .modal-highlight p { font-size: 0.75rem; line-height: 15px; }
  .modal-content { width: auto; }
  .modal-actions .btn + .btn { margin-top: 20px; }
  .modal-obs, .modal-warn { margin-left: -20px; margin-right: -20px; }
  .modal-barcode { width: 100%; height: auto; border: 0px; }
  .modal-barcode-value { float: none; width: 100%; border: 0px; padding: 0px; }
  .modal-actions .btn { float: none; width: 100%; }
  .modal-actions .btn:last-child { float: none; }
}

@media screen and (max-width: 500px) {
  .modal-subtitle { text-align: center; }
}
