
::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-appearance,
::-webkit-scrollbar,
::-webkit-scrollbar-thumb,
::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration{
display:none;
}

@font-face {
font-family:'Dosis-ExtraBold';
src:url('assets/fonts/Dosis-ExtraBold.ttf') format('truetype');
/* font-weight:400;
font-style:normal; */
font-display:swap;
}

*{
outline:0;
margin:0;
padding:0;
border:0;
/* font-size:0px; */
background:transparent;
box-sizing:border-box;
color:var(--font-color);
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none;
user-select:none;
font-family:'Dosis-ExtraBold', sans-serif;
letter-spacing:0.5px;
text-transform:uppercase;
}

html{
background-color:var(--background-color);
}

.RfedQzXgjb{
position:fixed;
display:block;
top:0px;
left:0px;
right:0px;
bottom:0px;
background-color:var(--background-color);
overflow:hidden;
}

.fhjopEbeCv{
position:absolute;
display:block;
overflow-x:hidden;
overflow-y:scroll;
will-change:transform;
overscroll-behavior-y:none;
top:0px;
left:0px;
right:0px;
bottom:0px;
}







.xSTgahdlji{
position:relative;
display:block;
margin-left:20px;
margin-right:20px;
}

.xSTgahdlji > h1{
position:relative;
display:block;
font-size:13px;
color:var(--font-color);
/* padding-left:10px; */
opacity:0.8;
}

.xSTgahdlji > h2{
position:relative;
display:block;
font-size:10px;
color:var(--font-color);
/* padding-left:10px; */
opacity:0.8;
}

.xSTgahdlji > h3{
position:relative;
display:block;
font-size:20px;
color:var(--font-color);
text-align:center;
}




.hjpfOejicE{
position:relative;
display:block;
/* flex-direction:column; */
/* margin:20px; */
/* -webkit-text-size-adjust:100%; */
/* text-size-adjust:100%; */

margin-left:20px;
margin-right:20px;

}

.hjpfOejicE > title{
position:relative;
display:block;
font-size:30px;
line-height:1.2;
color:var(--font-color);
margin-bottom:10px;
}

.hjpfOejicE > subtitle{
position:relative;
display:block;
font-size:15px;
line-height:1.35;
color:var(--font-color);
margin-bottom:10px;
}

.hjpfOejicE > h1{
position:relative;
display:block;
font-size:var(--font-size);
/* line-height:1.35; */
color:var(--font-color);
margin-bottom:20px;
}

.hjpfOejicE > h2{
position:relative;
display:block;

font-size:13px;
/* line-height:1.35; */
color:var(--font-color);
/* font-weight:normal; */
/* margin-left:10px; */
margin-bottom:10px;
}

.hjpfOejicE > input{
position:relative;
display:block;
width:100%;
height:60px;
line-height:60px;
padding-left:10px;
font-size:var(--font-size);
border:1px solid var(--border-color);
border-radius:var(--radius-size);
background-color:var(--background-color-menu);
text-align:left;
}

.hjpfOejicE > input[type="date"]::-webkit-date-and-time-value{
text-align:left;
}

.hjpfOejicE > input[type="date"]::-webkit-datetime-edit{
text-align:left;
}

.hjpfOejicE > input::placeholder{
color:var(--font-color);
font-size:10px;
opacity:0.5;
}

.hjpfOejicE > input:disabled{
opacity:1;
}

.hjpfOejicE > select{
position:relative;
display:block;
width:100%;
height:60px;
line-height:60px;
/* font-size:var(--font-size); */
padding-left:10px;
/* border:1px solid var(--border-color); */
/* border-radius:var(--radius-size); */
/* background-color:var(--background-color-menu); */
/* box-sizing:border-box; */





}


.hjpfOejicE > select:disabled{
color:var(--font-color);
font-size:var(--font-size);
opacity:1;
}

.hjpfOejicE > select > option{
font-size:var(--font-size);
color:var(--font-color);
border:1px solid var(--border-color);
border-radius:var(--radius-size);
background-color:var(--background-color-menu);
}

.hjpfOejicE > select > option[disabled][selected]{
color:#888;
font-size:var(--font-size-min);
}


.hjpfOejicE > select > option:first-child{
display:none;
}

.hjpfOejicE > span{
position:absolute;
right:0;
bottom:0;
width:60px;
min-height:60px;
display:flex;
align-items:center;
justify-content:center;
/* background-color:var(--main-color); */
/* box-shadow:var(--box-shadow); */
font-size:var(--font-size-icon);
line-height:1;
color:var(--font-color);
text-align:center;
cursor:pointer;

box-sizing:border-box;
border-radius:0 var(--radius-size) var(--radius-size) 0;
}

.hjpfOejicE > button{
position:relative;
display:flex;
align-items:center;
justify-content:center;
font-size:var(--font-size);
color:#fff;
/* box-shadow:var(--box-shadow); */
border-radius:var(--radius-size);
/* font-weight:normal; */
width:100%;
height:60px;
line-height:60px;
background-color:var(--main-color);
cursor:pointer;
font-weight:bold;
}

.hjpfOejicE > textarea{
position:relative;
display:block;
width:100%;
height:200px;
line-height:20px;
padding:10px;
font-size:var(--font-size);
border:1px solid var(--border-color);
border-radius:var(--radius-size);
background-color:var(--background-color-menu);
resize:none;
}




















/* LISTA COM 2 ELEMENTOS */

.TocengiYlR{
position:relative;
display:block;
width:auto;
height:70px;
line-height:70px;
overflow:hidden;
margin-left:20px;
margin-right:20px;
border-bottom:1px solid var(--border-color);
/* background-color:var(--background-color-menu); */
}

.TocengiYlR > div:nth-child(1){
position:absolute;
display:block;
left:0;
width:70px;
height:70px;
line-height:70px;
font-size:var(--font-size-icon);
text-align:center;
color:var(--font-color);
}

.TocengiYlR > div:nth-child(2){
position:absolute;
display:block;
left:70px;
line-height:68px;
color:var(--font-color);
font-size:var(--font-size);
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* LISTA COM 3 ELEMENTOS */

.nUYbXlgxew{
position:relative;
display:block;
width:auto;
height:70px;
line-height:70px;
overflow:hidden;
margin-left:20px;
margin-right:20px;
border-bottom:1px solid var(--border-color);
/* background-color:var(--background-color-menu); */
}

.nUYbXlgxew > div:nth-child(1){
position:absolute;
display:block;
left:0;
width:70px;
height:70px;
line-height:70px;
font-size:var(--font-size-icon);
text-align:center;
color:var(--font-color);
}

.nUYbXlgxew > div:nth-child(2){
position:absolute;
display:block;
top:15px;
left:70px;
line-height:20px;
color:var(--font-color);
font-size:var(--font-size);
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.nUYbXlgxew > div:nth-child(3){
position:absolute;
display:block;
top:35px;
left:70px;
right:20px;
line-height:20px;
color:var(--font-color);
font-size:10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}















/* LISTA DE FRETES */




.hAXgkmOZhq{
position:relative;
display:flex !important;
flex-direction:column;
/* margin-left:20px; */
/* margin-right:20px; */
/* cursor:pointer; */
/* border-top:1px solid var(--border-color); */
border-bottom:1px solid var(--border-color);

}

.hAXgkmOZhq > div{
margin-left:20px;
margin-right:20px;
}





.hAXgkmOZhq > .bBypXodVOR{
position:relative;
display:flex;
align-items:center;
/* border-bottom:1px solid var(--border-color); */
overflow:hidden;
height:40px;
box-sizing:border-box;
gap:10px;
/* padding-left:10px; */
padding-top:5px;
}

.hAXgkmOZhq > .bBypXodVOR > div{
position:relative;
display:flex;
align-items:center;
justify-content:center;
gap:5px;
/* opacity:0.5; */
margin-left:0px;
white-space: nowrap;
flex-shrink:0;
}

.hAXgkmOZhq > .bBypXodVOR > div > div:nth-child(1){
display:flex;
align-items:center;
justify-content:center;
font-size:10px;
color:var(--font-color);
}

.hAXgkmOZhq > .bBypXodVOR > div > div:nth-child(2){
position:relative;
display:flex;
align-items:center;
font-size:10px;
text-align:center;
color:var(--font-color);
}




.hAXgkmOZhq > .lvByidWYZn{
position:relative;
display:flex;
flex-direction:column;
margin-bottom:10px;
}

.hAXgkmOZhq > .lvByidWYZn > .oxhwlmyChi{
position:relative;
display:flex;
gap:5px;
}

.hAXgkmOZhq > .lvByidWYZn > .oxhwlmyChi > div:nth-child(1){
position:relative;
display:inline-block;
font-size:10px;
line-height:25px;
opacity:0.5;
}

.hAXgkmOZhq > .lvByidWYZn > .oxhwlmyChi > div:nth-child(2){
position:relative;
display:inline-block;
font-size:15px;
line-height:25px;
font-weight:bold;
}

.hAXgkmOZhq > .lvByidWYZn > .omheOrfnVg{
position:relative;
display:flex;
/* gap:5px; */
}

.hAXgkmOZhq > .lvByidWYZn > .omheOrfnVg > div:nth-child(1){
display:flex;
align-items:center;
justify-content:center;
min-width:20px;
height:30px;
line-height:normal;
font-size:10px;
color:var(--font-color);
opacity:0.5;
text-align:center;
}

.hAXgkmOZhq > .lvByidWYZn > .omheOrfnVg > div:nth-child(2){
position:relative;
display:inline-block;
font-size:15px;
line-height:30px;
}





/* RODAPE */

.hAXgkmOZhq > .yZAdaWxDBj{
position:relative;
display:flex;
align-items:center;
/* justify-content:flex-end; */
overflow:hidden;
/* height:40px; */
margin-bottom:15px;
gap:10px;
}

.hAXgkmOZhq > .yZAdaWxDBj > div{
position:relative;
display:flex;
align-items:center;
justify-content:center;
gap:5px;
/* opacity:0.5; */
margin-left:0px;
white-space: nowrap;
flex-shrink:0;
}

.hAXgkmOZhq > .yZAdaWxDBj > div > div:nth-child(1){
display:flex;
/* align-items:center; */
/* justify-content:center; */
font-size:10px;
/* min-width:20px; */
color:var(--font-color);
}

.hAXgkmOZhq > .yZAdaWxDBj > div > div:nth-child(2){
position:relative;
display:flex;
align-items:center;
font-size:10px;
text-align:center;
color:var(--font-color);
}


/* MENU */

.hAXgkmOZhq > .uPlbwxdcYB{
position:absolute;
display:flex;
width:50px;
height:50px;
right:0px;
top:50%;
transform:translateY(-50%);
z-index:10;
align-items:center;
justify-content:center;
}

.hAXgkmOZhq > .uPlbwxdcYB > div{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
font-size:15px;
color:var(--font-color);
cursor:pointer;

}

.elQdDljkhY{
position:absolute;
display:flex;
width:100px;
height:60px;
right:20px;
top:50%;
transform:translateY(-50%);
z-index:10;
align-items:center;
justify-content:center;
/* border:1px solid var(--border-color); */
background-color:#fff;
/* box-shadow:var(--box-shadow); */
border-radius:var(--radius-size);
background-size:110%;
background-position:center;
background-repeat:no-repeat;
}




.hAXgkmOZhq > .uodrpikBzY{
position:relative;
display:flex;
align-items:center;
/* justify-content:center; */
margin-bottom:20px;

}

.hAXgkmOZhq > .uodrpikBzY > div{
position:relative;
display:flex;
align-items:center;
justify-content:center;
gap:7px;

padding:12px 15px;
border-radius:var(--radius-size);
background-color:var(--main-color);
}

.hAXgkmOZhq > .uodrpikBzY > div > div:nth-child(1){
display:flex;
align-items:center;
justify-content:center;
font-size:var(--font-size);
color:#fff;
}

.hAXgkmOZhq > .uodrpikBzY > div > div:nth-child(2){
display:flex;
align-items:center;
justify-content:center;
font-size:var(--font-size-icon);
color:#fff;
margin-top:-5px;
}

/* MENU */

.hAXgkmOZhq > .iBuewcfShq{
position:absolute;
display:flex;
width:50px;
height:50px;
right:0px;
top:50%;
transform:translateY(-50%);
z-index:10;
align-items:center;
justify-content:center;
}

.hAXgkmOZhq > .iBuewcfShq > div{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
font-size:var(--font-size-icon);
color:var(--font-color);
cursor:pointer;

}
















.CZVeNxiaml{
position:relative;
display:block;
border-bottom:1px solid var(--border-color);
}

.CZVeNxiaml:last-child{
border:none;
}

.CZVeNxiaml > .jChNhcngug{
position:relative;
display:block;
margin-left:20px;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;
}

.CZVeNxiaml > .jChNhcngug > div:nth-child(1){
position:relative;
display:block;
float:left;
width:50px;
height:50px;
line-height:50px;
font-size:var(--font-size-icon);
text-align:center;
color:var(--main-color);
}

.CZVeNxiaml > .jChNhcngug > div:nth-child(2){
position:relative;
display:block;
margin-left:50px;
font-size:13px;
color:var(--font-color);
line-height:25px;
}

.CZVeNxiaml > .jChNhcngug > div:nth-child(3){
position:relative;
display:block;
margin-left:50px;
font-size:var(--font-size);
color:var(--font-color);
line-height:25px;
/* font-weight:bold; */
}





/* MENU */

.pZbvxDuNad{
position:relative;
display:flex;
align-items:center;
gap:5px;
margin-left:20px;
margin-right:20px;
}
.pZbvxDuNad > div:nth-child(1){
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
color:var(--font-color);
height:50px;
flex-shrink:0;
}
.pZbvxDuNad > div:nth-child(2){
/* display:flex;
align-items:center; */
font-size:20px;
color:var(--font-color);
}



/* MENU */

.UBshXEeaSn{
position:relative;
display:block;
margin-left:20px;
margin-right:20px;
}

.UBshXEeaSn > div:nth-child(1){
position:relative;
display:block;
float:left;
width:50px;
height:50px;
line-height:50px;
font-size:var(--font-size-icon);
text-align:center;
/* color:var(--main-color); */
}

.UBshXEeaSn > div:nth-child(2){
position:relative;
display:block;
margin-left:50px;
font-size:15px;
padding-top:7px;
color:var(--font-color);

}

.UBshXEeaSn > div:nth-child(3){
position:relative;
display:block;
margin-left:50px;
font-size:13px;
color:var(--font-color);

/* font-weight:bold; */
}





.wlTOuAUnEi{
position: fixed;
inset:0;
z-index:1000;
/* backdrop-filter:blur(4px); */
display: flex;
align-items: center;
justify-content: center;
}

.spinner{
width: 56px;
height: 56px;
border-radius: 50%;
border: 4px solid rgba(255,255,255,.2);
border-top-color: var(--main-color);
animation: spin 0.9s linear infinite;
position: relative;
}

.spinner::after{
content: "";
position: absolute;
inset: 8px;
border-radius: 50%;
border: 4px solid transparent;
border-bottom-color: var(--main-color);
animation: spinReverse 0.6s linear infinite;
}

@keyframes spin{
to{ transform: rotate(360deg); }
}

@keyframes spinReverse{
to{ transform: rotate(-360deg); }
}

.uQqlNOwkcT{
position:fixed;
display:flex;
align-items:center;
bottom:0px;
left:0px;
right:0px;
height:50px;
z-index:10;
gap:10px;
}

.uQqlNOwkcT > div:nth-child(1){
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
color:#fff;
flex-shrink:0;
margin-left:20px;
}

.uQqlNOwkcT > div:nth-child(2){
display:flex;
align-items:center;
font-size:15px;
color:#fff;
}




/* ROXO */
.VhjSmkualY{
background-color:#6F42C1!important;
}

/* LARANJA */
.TXhQgnmNrE{
background-color:#FD7E14!important;
}

/* VERDE */
.QfkxutYlak{
background-color:#4CAF50!important;
}

/* AZUL */
.jlZqtznWBk{
background-color:#007BFF!important;
}

/* VERMELHO */
.XmuVWficeg{
background-color:#F44336!important;
}

/* TEXTO ROXO */
.YwAkqNondR{
color:#6F42C1!important;
}

/* LARANJA */
.osONgnzhhZ{
color:#FD7E14!important;
}

/* VERDE */
.wZdjYDeNma{
color:#4CAF50!important;
}

/* AZUL */
.vsUkWdQaSZ{
color:#007bff!important;
}

/* VERMELHO */
.nhyigmQrTW{
color:#F44336!important;
}

/* VERMELHO */
.iwbYicXnlg{
color:#FF2D2D!important;
}








/* IMAGEM DE PERFIL */

.lmWuNtnikD{
position:relative;
display:block;
width:auto;
height:auto;
}



.BEgiunYTmf{
position: relative;
display: block;
width:100%;
height:200px;
margin:20px auto;
cursor:pointer;
}

.BEgiunYTmf > .lEjWdTvqXV{
position: absolute;
width: 200px;
height: 200px;
border:5px solid var(--main-color);
border-radius:50px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
top:50%;
left:50%;
transform: translate(-50%, -50%);
}




/* .BEgiunYTmf > .BqcPAeysZm{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 50%;
border: 5px solid var(--main-color);
top:100%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
user-select: none;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}

.BEgiunYTmf > .BqcPAeysZm > div:nth-child(1){
position:relative;
display:flex;
align-items:center;
justify-content:center;
font-size:var(--font-size-icon);
width:40px;
min-height:40px;
line-height:1;
text-align:center;
color:#000;
} */







/* NOME MOTORISTA */
.jfwxlzqmhW{
text-align:center;
position: relative;
display: block;
font-size:15px;
/* text-align:center; */
}

/* CONTATO MOTORISTA */

.svOmNejjCT{
text-align:center;
position: relative;
display: block;
font-size:13px;
/* text-align:center; */
opacity:80%;
}



/* PULSANTE PISCANDO */

.ecysPBSnRt{
    animation: ecysPBSnRt-font 2s ease-in-out infinite;
}

@keyframes ecysPBSnRt-font {
    0%, 100% {
        font-size: 10px;
    }
    50% {
        font-size: 11px;
    }
}