@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;700&display=swap');

/*=========== TABELA DE CONTEÚDO ===========
1.  Geral CSS
2.  Cabeçalho
3.  Menu
4.  Página Inicial (Login)
5.  Página Principal Professor
6.  Habilitar Jogo Professor
7.  Cadastro Professor
8.  Jogo Professor
9.  Resultados Professor
10. Jogo Aluno
10.1 Ícones
10.2 Valores
10.3 Chat
10.4 Quadrande Decisão
11. Resultados Aluno
12. Materiais
13. Responsivos
14. Outros
==========================================*/

/* 1. Geral CSS */
.fim_pg {
    margin-bottom: 100px;
}
.beergame {
    text-align: center;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    color: white;
    font-size: 4rem;
    background-color: #E57819;
}
.menu_texto {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-align: center;
    /* margin: 10px; */
    font-size: 2em;
}
.habilita_jogo {
    font-family: Oswald, Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 1em;
    margin-top: 30px;
    font-weight: bold;
}

/* .fa::before, .fas::before, .far::before, .fal::before, .fad::before {
    font-family:FontAwesome;
    text-rendering: optimizeLegibility;
} */

/* 2. Cabeçalho */
.nav_rodada{
    font-size: 20px !important;
    color: #fff !important;
}

/* 3. Menu */
.bg_menu {
    background-color: #E57819;
}
.navbar-dark .navbar-nav .nav-link {
    color: #ffffff !important;
}

/* 4. Página Inicial (Login)*/
.card_login {
    max-width: 70%;
}
.imagem_login {
    max-width: 100%;
    background-color: #E57819;
}

.cor_orange{
    color: #fd7e14;
}

/* 5. Página Principal Professor */

/* 6. Habilitar Jogo Professor */

/* 7. Cadastro Professor */

/* 8. Jogo Professor */
.cadeia_verde {
    background-color: forestgreen;
    height: 10px;
    cursor: pointer;
}
.cadeia_vermelha {
    background-color: red;
    height: 10px;
    cursor: pointer;
}
.info_cadeia {
    font-size: 16px;
    margin: 10px;
    font-weight: 700;
}
.info_cadeia_legenda {
    font-size: 12px;
    font-weight: 500;
}
.info_cadeia_quantidade {
    font-size: 16px;
}
.info_cadeia_valor {
    font-size: 14px;
    text-align: end;
}
.info_cadeia_elos {
    margin: 6px;
}
.elo_off{
    opacity: 0.5;
}
.btn-warning:disabled, .btn-primary:disabled{
    cursor: not-allowed;
}

/* 9. Resultados Professor */

/* 10. Jogo Aluno */
.box_satisfacao{
    display: flex;
    text-align: center;
    font-size: 3rem;
}
.col_satisfacao_ativa{
    opacity: 1;
}
.col_satisfacao_inativa{
    opacity: 0.5;
}
.box_satisfacao_ruim{
    background-color: #ff3d3d !important;
    border-radius: 20px 0 0 20px;
}
.box_satisfacao_media{
    background-color: #ffff24 !important;
}
.box_satisfacao_boa{
    background-color: #00b900 !important;
    border-radius: 0 20px 20px 0;
}

/* 10.1 Ícones */
.i_caminhao_d{
    font-size: 6rem;
    position: relative;
    top: -30px;
    left: 35px;
}
.i_caminhao_e1{
    font-size: 6rem;
    position: relative;
    top: -1.8rem;
    left: 1rem;
}
.i_caminhao_e2{
    font-size: 6rem;
    position: relative;
    top: 1.4rem;
    left: 1rem;
}
.i_seta{
    font-size: 3rem;
    z-index: 99;
    left: 6.5rem;
    top: 2rem;
    position: relative;
}
.i_seta_d1{
    font-size: 3rem;
    z-index: 99;
    left: -200px;
    position: relative;
    top: -6px;
}
.i_seta_d2{
    font-size: 2rem;
    z-index: 99;
    left: -115px;
    position: relative;
    top: -5px;
}
.i_seta_baixo_e1{
    font-size: 3rem;
    z-index: 99;
    left: -5.5rem;
    position: relative;
    top: 2.5rem;
    transform: rotate(90deg);
}
.i_seta_baixo_d1{
    font-size: 3rem;
    z-index: 99;
    left: -8rem;
    position: relative;
    top: 2.5rem;
    transform: rotate(90deg);
}
.label_caminhao {
    color: #000;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    inline-size: fit-content;
    position: relative;
    top: 7.7rem;
    left: 9.5rem;
}
.label_caminhao_d {
    color: #000;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    inline-size: fit-content;
    left: -25px;
    top: 50px;
    position: relative;
}
.label_caminhao_top {
    color: #000;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    inline-size: fit-content;
    position: relative;
}

.icons_chat{
    display: none !important;
}
.icon_close_chat{
    display: none !important;
}

/* 10.2 Valores */
.v_elo_anterior{
    font-size: 30px;
    position: relative;
    left: -85px;
    top: -25px;
}
.v_fabrica_esq1{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 30px;
    position: absolute;
    top: 2.8rem;
    left: 0;
    width: 78px;
    display: block;
    text-align: center;
}
.v_elo_anterior_esq1{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 30px;
    position: absolute;
    top: 1.3rem;
    left: 0;
    width: 78px;
    display: block;
    text-align: center;
}
.v_elo_anterior_esq2{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 30px;
    position: absolute;
    top: 1.3rem;
    left: 0;
    width: 78px;
    display: block;
    text-align: center;
}
.v_elo_anterior_dir1{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 30px;
    position: absolute;
    top: 1.3rem;
    left: 0;
    width: 78px;
    display: block;
    text-align: center;
}
.v_elo_anterior_dir2{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 30px;
    position: absolute;
    top: 1.3rem;
    left: 0;
    width: 78px;
    display: block;
    text-align: center;
}

/* 10.3 Chat */
.messages-box {
    max-height: 70%;
    overflow: auto;
}
.messages-box .other .text h5{
    color: #ffa02b;
}
.messages-box .me{
    text-align: right;
}
.messages-box .other{
    text-align: left;
}
.blink_me {
    animation: blinker 1s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/* 10.4 Quadrante Decisão */
.bg_cont{
    background-size: 150px 180px !important;
}
.box_valor{
    font-size: 22px;
    text-align: center;
}
.box_texto{
    text-align: center;
}
.box_decisao{
    height: 18rem;
    background-color: #ffa02b;
    display: grid;
    border-radius: 40px;
}
.row_decisao{
    margin-bottom: -50px !important;
}
.btn_enviar_op{
    width: 40px;
    border: 1px solid #ced4da !important;
}
.ig_envio{
    width: 80% !important;
}
.input_envio{
    height: 50px !important;
    font-size: 1.5rem !important;
    text-align: center;
    padding: 0 !important;
}
.ig_normal{
    background-color: #ffcb9a !important;
    border-radius: 5px;
    width: 60% !important;
    height: 100% !important;
    margin-left: auto;
    margin-right: auto;
}
.input_normal{
    height: 50px !important;
    background-color: transparent !important;
    border-color: transparent !important;
    text-align: center !important;
    font-size: 2rem !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
}
#setas{
    width:100%; cursor: pointer; position: absolute;
}
#setas .arrow{
    left: -3px;
    top: -5px;
}
.arrow {
    position: absolute;
    bottom: 0;
    margin-left:0px;
    width: 12px;
    height: 12px;
    background-size: contain;
    top:15px;
}
.segunda{
    margin-left: 8px;
}
.next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}
@keyframes bounceAlpha {
    0% {opacity: 1; transform: translateX(0px) scale(1);}
    25%{opacity: 0; transform:translateX(10px) scale(0.9);}
    26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
    55% {opacity: 1; transform: translateX(0px) scale(1);}
}
.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

/* 11. Resultados Aluno */
.info_jogo {
    background-color: #bee5eb;
}

/* 12. Materiais */

/* 13. Responsivos */

/* Estilos especificos para mobile */
@media only screen and (max-width: 1279px) and (min-width: 1000px){
    .i_seta{
        top: 0rem;
        left: 3rem;
    }
    .label_caminhao{
        top: -8.7rem;
        left: 2rem;
    }
}

@media only screen and (max-width: 1280px) and (min-width: 1200px){
    .input_envio{
        height: 50px !important;
    }
    .ig_envio{
        width: 60% !important;
    }
    .input_normal{
        height: 70px !important;
    }
}

@media only screen and (max-width: 449px) and (min-width: 350px) {
    .input_envio{
        height: 70px !important;
    }
    .btn_enviar_op{
        width: 30px !important;
    }
    .input_normal{
        height: 70px !important;
        width: 250px !important;
        padding: 0 !important;
    }
    .i_caminhao_d{
        font-size: 3rem;
        position: relative;
        top: -5px;
        left: -25px;
    }
    .i_caminhao_e1{
        font-size: 3rem;
        position: relative;
        top: 0.4rem;
        left: -0.5rem;
    }
    .i_caminhao_e2{
        font-size: 3rem;
        position: relative;
        top: 0.4rem;
        left: -0.5rem;
    }
    .i_caminhao_top{
        font-size: 8rem;
        position: relative;
        top: 2.4rem;
        left: -0.5rem;
    }

    .col_caminhao_d{
        margin-bottom: 2.2rem;
    }
    .label_caminhao{
        left: -0.5rem;
    }
    .label_caminhao_d{
        top: 0.6rem;
    }
    .v_fabrica_esq1{
        font-size: 18px;
        position: relative;
        top: 1.4rem;
    }
    .v_elo_anterior_esq1{
        font-size: 18px;
        position: relative;
        top: 0.8rem;
    }
    .v_elo_anterior_esq2{
        font-size: 18px;
        position: relative;
        top: 0.8rem;
    }
    .v_elo_anterior_dir1{
        font-size: 18px;
        position: relative;
        top: 0.1rem;
    }
    .v_elo_anterior_dir2{
        font-size: 18px;
        position: relative;
        top: 0.1rem;
    }
    .i_seta{
        font-size: 2rem;
        z-index: 99;
        left: -0.2rem;
        top: 0.7rem;
        position: relative;
    }
    .i_seta_d1{
        font-size: 2rem;
        z-index: 99;
        left: -7.5rem;
        position: relative;
        top: -0.3rem;
    }
    .box_chat_fabrica, .box_chat_distribuidor, .box_chat_atacadista, .box_chat_varejista{
        display: none;
    }
    .icon_open_chat{
        font-size: 3rem;
        cursor: pointer;
    }
    .icon_close_chat{
        font-size: 1.5rem;
        cursor: pointer;
        display: block !important;
    }
    .icons_chat{
        display: flex !important;
    }
}

@media only screen and (max-width: 450px) and (min-width: 376px) {
    .i_caminhao_d{
        font-size: 3rem;
        position: relative;
        top: -5px;
        left: -25px;
    }
    .i_caminhao_e1{
        font-size: 3rem;
        position: relative;
        top: -0.4rem;
        left: -0.5rem;
    }
    .i_caminhao_e2{
        font-size: 3rem;
        position: relative;
        top: 5rem;
        left: -0.5rem;
    }
    .col_caminhao_d{
        margin-bottom: 2.2rem;
    }
    .label_caminhao{
        top: 0.7rem;
    }
    .label_caminhao_d{
        top: 0.6rem;
    }
    .v_fabrica_esq1{
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-size: 18px;
        position: absolute;
        top: 1.4rem;
        left: 0;
        width: 38px;
        display: block;
        text-align: center;
    }
    .v_elo_anterior_esq1{
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-size: 18px;
        position: absolute;
        top: 0.7rem;
        left: 0;
        width: 38px;
        display: block;
        text-align: center;
    }
    .v_elo_anterior_esq2{
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-size: 18px;
        position: absolute;
        top: 0.7rem;
        left: 0;
        width: 38px;
        display: block;
        text-align: center;
    }
    .v_elo_anterior_dir1{
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-size: 18px;
        position: absolute;
        top: 0.7rem;
        left: 0;
        width: 38px;
        display: block;
        text-align: center;
    }
    .v_elo_anterior_dir2{
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-size: 18px;
        position: absolute;
        top: 0.7rem;
        left: 0;
        width: 38px;
        display: block;
        text-align: center;
    }
    .i_seta{
        font-size: 2rem;
        z-index: 99;
        left: -0.2rem;
        top: 5rem;
        position: relative;
    }
    .i_seta_d1{
        font-size: 2rem;
        z-index: 99;
        left: -7.5rem;
        position: relative;
        top: -0.3rem;
    }
    .i_seta_baixo_e1{
        font-size: 2rem;
        z-index: 99;
        left: -4rem;
        position: relative;
        top: 4rem;
        transform: rotate(90deg);
    }
    .i_seta_baixo_d1{
        font-size: 2rem;
        z-index: 99;
        left: -7rem;
        position: relative;
        top: 2.8rem;
        transform: rotate(90deg);
    }
}

@media only screen and (max-width: 750px) and (min-width: 651px) {
    .i_caminhao_e1 {
        font-size: 5rem;
        position: relative;
        top: 0.1rem;
        left: -0.2rem;
    }
    .i_caminhao_e2 {
        font-size: 5rem;
        position: relative;
        top: 0.1rem;
        left: -0.2rem;
    }
    .i_caminhao_d{
        font-size: 5rem;
        position: relative;
        top: -5px;
        left: -25px;
    }
    .i_seta {
        font-size: 2.5rem;
        z-index: 99;
        left: 1rem;
        top: 0rem;
        position: relative;
    }
    .i_seta_d1 {
        font-size: 2.5rem;
        z-index: 99;
        left: -11rem;
        position: relative;
        top: 0.3rem;
    }
    .label_caminhao {
        color: #000;
        font-weight: bold;
        font-size: 12px;
        text-align: center;
        inline-size: fit-content;
        position: relative;
        top: -7rem;
        left: 0.5rem;
    }
    .label_caminhao_d {
        color: #000;
        font-weight: bold;
        font-size: 12px;
        text-align: center;
        inline-size: fit-content;
        left: -1rem;
        top: 0.8rem;
        position: relative;
    }
    .v_fabrica_esq1 {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-size: 30px;
        position: absolute;
        top: 2.3rem;
        left: 0;
        width: 64px;
        display: block;
        text-align: center;
    }
    .v_elo_anterior_esq1 {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-size: 30px;
        position: absolute;
        top: 1rem;
        left: 0;
        width: 64px;
        display: block;
        text-align: center;
    }
    .v_elo_anterior_esq2 {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-size: 30px;
        position: absolute;
        top: 1rem;
        left: 0;
        width: 64px;
        display: block;
        text-align: center;
    }
    .v_elo_anterior_dir1 {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-size: 30px;
        position: absolute;
        top: 1rem;
        left: 0;
        width: 64px;
        display: block;
        text-align: center;
    }
    .v_elo_anterior_dir2 {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-size: 30px;
        position: absolute;
        top: 1rem;
        left: 0;
        width: 64px;
        display: block;
        text-align: center;
    }
    .i_seta_baixo_e1 {
        font-size: 3rem;
        z-index: 99;
        left: -9rem;
        position: relative;
        top: 2.5rem;
        transform: rotate(90deg);
        margin: 30px 0;
    }
    .i_seta_baixo_d1 {
        font-size: 3rem;
        z-index: 99;
        left: -9rem;
        position: relative;
        top: 2.5rem;
        transform: rotate(90deg);
        margin: 30px 0;
    }
}

@media only screen and (max-width: 375px) and (min-width: 300px){
    .i_caminhao_e1{
        font-size: 2.5rem;
        position: relative;
        top: -0.3rem;
        left: -0.5rem;
    }
    .i_caminhao_e2{
        font-size: 2.5rem;
        position: relative;
        top: 4.6rem;
        left: -0.5rem;
    }
    .i_caminhao_d {
        font-size: 2.5rem;
        position: relative;
        left: -1.6rem;
    }
    .i_caminhao_d2 {
        font-size: 2.5rem;
        position: relative;
        left: -1.6rem;
    }
    .i_seta_baixo_e1 {
        font-size: 2rem;
        left: -4rem;
        top: 3rem;
    }
    .i_seta_baixo_d1 {
        font-size: 2rem;
        left: -7rem;
    }
    .v_fabrica_esq1 {
        font-size: 18px;
        position: relative;
        top: -1.6rem;
        width: 32px;
    }
    .v_elo_anterior_esq1 {
        font-size: 18px;
        position: relative;
        top: -2.2rem;
        width: 32px;
    }
    .v_elo_anterior_esq2 {
        font-size: 18px;
        position: relative;
        top: -2.2rem;
        width: 32px;
    }
    .label_caminhao {
        left: -0.5rem;
        top: 0.6rem;
    }
    .v_elo_anterior_dir1 {
        font-size: 18px;
        position: relative;
        top: -2.2rem;
        width: 33px;
    }
    .v_elo_anterior_dir2 {
        font-size: 18px;
        position: relative;
        top: -2.2rem;
        width: 32px;
    }
    .input_envio {
        height: 60px !important;
    }
    .ig_envio {
        width: 75% !important;
    }
    .ig_normal{
        width: 60% !important;
    }
    .ig_normal_estoque{
        width: 65% !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .input_normal{
        height: 60px !important;
        width: 230px !important;
    }
    .col_decisao:nth-child(2){
        margin-left: -1.5rem !important;
    }
    .i_seta {
        left: 0.5rem;
        top: 4.5rem;
    }
    .i_seta_d1 {
        left: -7rem;
    }
    .col_caminhao_d {
        margin-bottom: 1.7rem;
    }
    .box_chat_fabrica, .box_chat_distribuidor, .box_chat_atacadista, .box_chat_varejista{
        display: none;
    }
    .icon_open_chat{
        font-size: 3rem;
        cursor: pointer;
    }
    .icon_close_chat{
        font-size: 1.5rem;
        cursor: pointer;
        display: block !important;
    }
    .icons_chat{
        display: flex !important;
    }
}

@media only screen and (max-width: 650px) and (min-width: 600px){
    .i_caminhao_e1{
        font-size: 4.5rem;
        left: -0.2rem;
    }
    .i_caminhao_e2{
        font-size: 4.5rem;
        left: -0.2rem;
    }
    .v_fabrica_esq1{
        top: 1.8rem;
        width: 59px;
    }
    .v_elo_anterior_esq1{
        top: 1rem;
        width: 59px;
    }
    .v_elo_anterior_esq2{
        top: 1rem;
        width: 59px;
    }
    .label_caminhao{
        top: -7.2rem;
        left: 0.3rem;
    }
    .label_caminhao_d{
        top: 0.5rem;
        left: -1rem;
    }
    .i_seta {
        font-size: 2.5rem;
        left: 1.5rem;
        top: 0rem;
    }
    .i_caminhao_d{
        font-size: 4.5rem;
        top: -0.5rem;
        left: -1.5rem;
    }
    .i_caminhao_d2{
        font-size: 4.5rem;
    }
    .v_elo_anterior_dir1 {
        width: 60px;
        top: 1rem;
    }
    .v_elo_anterior_dir2 {
        width: 60px;
        top: 1rem;
    }
    .i_seta_d1{
        font-size: 2.5rem;
        left: -10rem;
    }
    .i_seta_baixo_e1{
        font-size: 2.5rem;
        left: -9rem;
        top: 3rem;
    }
    .i_seta_baixo_d1{
        font-size: 2.5rem;
        left: -9rem;
        top: 3rem;
    }
    .col_caminhao_d{
        margin-bottom: 1.5rem;
    }
}

/* 14. Outros */
.oculta_campo {
    display: none;
}