/* JANELA ADICIONAR LISTA DE TRANSMISSAO ATRAVES DAS CIDADES MOTORISTAS */

.QeoMNcRSWt{
position:fixed;
display:block;
top:50%;
left:50%;
width:800px;
height:600px;
margin-left:-400px;
margin-top:-300px;
background-color: var(--background-color-menu);
overflow:hidden;
box-sizing:border-box;
outline:1px solid var(--border-color);
border-radius:var(--radius-size);
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
z-index:3;
}








.QeoMNcRSWt > div:nth-child(1){
position:absolute;
display:block;
top:0;
left:0;
right:0;
height:50px;
border-bottom:1px solid var(--border-color);
cursor:grab;
}

.QeoMNcRSWt > div:nth-child(1) > div:nth-child(1){
position:absolute;
display:block;
top:0;
left:0;
width:100%;
height:50px;
text-align:left;
padding-left:10px;
padding-right:10px;
z-index:1;
}

.QeoMNcRSWt > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
position:relative;
display:block;
}

.QeoMNcRSWt > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div{
position:relative;
display:inline-block;
font-size:15px;
width:auto;
height:50px;
line-height:50px;
text-align:center;
padding-right:10px;
color:var(--font-color);
text-transform:uppercase;
}

.QeoMNcRSWt > div:nth-child(1) > div:nth-child(2){
position:absolute;
display:block;
top:0;
right:0;
height:50px;
text-align:right;
padding-left:10px;
padding-right:10px;
z-index:2;
}










.xgUScEoVhm{
position:absolute;
display:block;
overflow:scroll;
margin-top:50px;
margin-bottom:50px;
width:400px;
height:500px;
border-right:1px solid var(--border-color);
}

.xgUScEoVhm > div{
position:relative;
display:block;
width:100%;
height:100px;
border-bottom:1px solid var(--border-color);
cursor:pointer;
transition: all 0.3s ease;
}

.xgUScEoVhm > div:last-child{
border-bottom:none;
}

.xgUScEoVhm > div:hover{
background-color:rgba(255,0,0,0.2);
}

/* VEICULO SELECIONADO */
.nhZPWQTulE{
background-color:rgba(255,0,0,0.2);
}

/* CARROCERIA SELECIONADA */
.XzbwDgQiBy{
background-color:rgba(255,0,0,0.2);
}




.xgUScEoVhm > div > div:nth-child(1){
position:absolute;
display:block;
width:100px;
height:100px;
left:10px;
}

.xgUScEoVhm > div > div:nth-child(1) > div:nth-child(1){
position:absolute;
display:block;
width:80px;
height:80px;
top:10px;
left:10px;
border-radius:50%;
background-color:var(--main-color);
}

.xgUScEoVhm > div > div:nth-child(1) > div:nth-child(2){
position:absolute;
display:block;
width:76px;
height:76px;
top:12px;
left:12px;
border-radius:50%;
background-color:var(--background-color);
}

.xgUScEoVhm > div > div:nth-child(1) > div:nth-child(3){
position:absolute;
display:block;
width:72px;
height:72px;
top:14px;
left:14px;
border-radius:50%;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-color:var(--main-color);
}

.xgUScEoVhm > div > div:nth-child(2){
position:absolute;
display:block;
width:auto;
height:33.33px;
line-height:33.33px;
top:11.11px;
left:120px;
font-size:13px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-transform:uppercase;
user-select:none;
}

.xgUScEoVhm > div > div:nth-child(3){
position:absolute;
display:block;
width:auto;
height:33.33px;
line-height:33.33px;
top:33.33px;
left:120px;
font-size:13px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-transform:uppercase;
user-select:none;
}

.xgUScEoVhm > div > div:nth-child(4){
position:absolute;
display:block;
width:auto;
height:33.33px;
line-height:33.33px;
top:55.55px;
left:120px;
font-size:13px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-transform:uppercase;
user-select:none;
}

.xgUScEoVhm > div > div:nth-child(5){
position:absolute;
display:block;
width:auto;
height:33.33px;
line-height:33.33px;
top:11.11px;
text-align:right;
right:20px;
font-size:13px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-transform:uppercase;
user-select:none;
}

.xgUScEoVhm > div > div:nth-child(6){
position:absolute;
display:block;
width:auto;
height:33.33px;
line-height:33.33px;
top:33.33px;
text-align:right;
right:20px;
font-size:13px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-transform:uppercase;
user-select:none;
}

.xgUScEoVhm > div > div:nth-child(7){
position:absolute;
display:block;
width:auto;
height:33.33px;
line-height:33.33px;
top:55.55px;
text-align:right;
right:20px;
font-size:13px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-transform:uppercase;
user-select:none;
}



/* VERDE WHATSAPP */
.dxhQvfTtgg{
background-color: #25D366;
padding-top:1px;
padding-left:1px;
}

/* AZUL */
.mdhjfWUubn{
background-color: #007BFF;
padding-top:1px;
padding-left:1px;
}

/* LARANJA */
.slrhUeRjqk{
background-color: #fb6340;
padding-top:1px;
padding-left:1px;
}












/* SEGUNDA DIVISAO  - FILTROS */


.QeoMNcRSWt > .flXSqobVrB{


position:absolute;
display:block;
overflow:scroll;
/* left:400px; */
margin-top:50px;
margin-bottom:50px;
width:400px;
height:500px;
border-right:1px solid var(--border-color);
}

.ddgFBwRgoI{
position:relative;
display:block;
margin:20px;

margin-bottom:10px;
}

.ddgFBwRgoI > div{
font-size:15px;
line-height:20px;
text-transform:uppercase;
color:var(--nav-font-color);
user-select:none;
}


/* BOTOES DE FILTRO */

.NlOdrVrgpY{
position:relative;
display:block;
margin:20px;
}

.NlOdrVrgpY > div{
position:relative;
display:inline-block;
font-size:15px;
line-height:30px;
padding-left:10px;
padding-right:10px;
margin-right:10px;
margin-bottom:10px;
background-color:var(--main-color);
border-radius:3px;
color:#fff;
text-transform:uppercase;
cursor:pointer;
user-select:none;
box-shadow: var(--box-shadow);
transition: all 0.3s ease;
}




/* TERCEIRA DIVISAO - MENSGEM */

.QeoMNcRSWt .kStbcZpjaW{
position:absolute;
display:block;
overflow:scroll;
left:400px;
margin-top:50px;
margin-bottom:50px;
width:400px;
height:500px;
}

.QeoMNcRSWt .kStbcZpjaW > .ddgFBwRgoI{
position:relative;
display:block;
margin:20px;
}

.QeoMNcRSWt .kStbcZpjaW > .ddgFBwRgoI > div{
font-size:13px;
line-height:20px;
text-transform:uppercase;
color:var(--nav-font-color);
}

.QeoMNcRSWt .kStbcZpjaW > .sQfvQubYm5{
position:relative;
display:inline-block;
margin:20px;
}

.QeoMNcRSWt .kStbcZpjaW > .sQfvQubYm5 > div{
position:relative;
display:block;
font-size:13px;
line-height:30px;
padding-left:7px;
padding-right:7px;
text-transform:uppercase;
background-color:var(--main-color);
border-radius:var(--radius-size);

cursor:pointer;
}



/* RODAPE */

.QeoMNcRSWt > .goRSpmdikU{
position:absolute;
display:block;
bottom:0;
left:0;
right:0;
height:50px;
outline:1px solid var(--border-color);
z-index:3;
}

.QeoMNcRSWt > .goRSpmdikU > div{
position:absolute;
display:block;
width:100%;
height:50px;
text-align:right;
padding-right:10px;
}






/* MAPAS GEOLOCALIZACAO */

.OWmTYXxszD{
position:fixed;
display:block;
top:50%;
left:50%;
bottom:0;
width:600px;
height:600px;
margin-left:-300px;
margin-top:-300px;
background-color: var(--background-color-menu);
overflow:hidden;
box-sizing:border-box;
outline:1px solid var(--border-color);
border-radius:var(--radius-size);
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
z-index:3;
}

.OWmTYXxszD > div:nth-child(1){
position:absolute;
display:block;
top:0;
left:0;
right:0;
height:50px;
border-bottom:1px solid var(--border-color);
cursor:grab;
}

.OWmTYXxszD > div:nth-child(1) > div:nth-child(1){
position:absolute;
display:block;
top:0;
left:0;
width:50%;
height:50px;
padding-left:10px;
}

.OWmTYXxszD > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
position:relative;
display:inline-block;
text-transform:uppercase;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
padding-right:5px;
line-height:50px;
font-size:15px;
color:#ecd453;
text-transform:uppercase;
user-select:none;
}

.OWmTYXxszD > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){
position:relative;
display:inline-block;
text-transform:uppercase;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
padding-right:5px;
line-height:50px;
font-size:15px;
color:#ea868f;
text-transform:uppercase;
user-select:none;
}

.OWmTYXxszD > div:nth-child(1) > div:nth-child(2){
position:absolute;
display:block;
top:0;
right:0;
width:50%;
height:50px;
text-align:right;
padding-right:10px;
}

.OWmTYXxszD > div:nth-child(2){
position:absolute;
display:block;
margin-top:50px;
width:600px;
height:550px;
}













/* LISTA MOTORITAS TABELA */


.iXDgdyPNwx{
position:absolute;
display:block;
overflow:scroll;
margin-top:50px;
margin-bottom:50px;
width:400px;
height:500px;
border-right:1px solid var(--border-color);
}

.iXDgdyPNwx > div{
position:relative;
display:block;
width:100%;
height:50px;
border-bottom:1px solid var(--border-color);
cursor:pointer;
transition: all 0.3s ease;
}

.iXDgdyPNwx > div:last-child{
border-bottom:none;
}

.iXDgdyPNwx > div:hover{
background-color:rgba(255,0,0,0.2);
}

.iXDgdyPNwx > div > div:nth-child(1){
position:absolute;
display:block;
width:auto;
height:50px;
line-height:50px;
/* top:10px; */
left:10px;
font-size:13px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-transform:uppercase;
user-select:none;
}

.iXDgdyPNwx > div > div:nth-child(2){
position:absolute;
display:block;
width:auto;
height:50px;
line-height:50px;
/* top:10px; */
left:100px;
font-size:13px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-transform:uppercase;
user-select:none;
}

.iXDgdyPNwx > div > div:nth-child(3){
position:absolute;
display:block;
width:auto;
height:50px;
line-height:50px;
/* top:10px; */
left:200px;
font-size:13px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-transform:uppercase;
user-select:none;
}