#navbar {
    width: 96%;
    position: absolute;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2%;
    transition: all 0.5s ease-in-out;
}

#navbar.consulta_completa {
    width: 100%;
    position: relative;
    z-index: 60;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2%;
    transition: all 0.5s ease-in-out;
    background: #FBFBFB;
}

#navbar.plus{
    background: #ffffff;
    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.1);
    padding: 0 2%;
    height: 80px;
}

#navbar.plus_travado{
    background: #ffffff;
    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.1);
    padding: 0 2%;
    height: 80px;
    /* width: 100%; */
    position: fixed;
}

#navbar img.desktop {
    width: 202px;
    height: 23px;
}

#navbar img.mobile {
    display: none;
}

#navbar .group_nav  {
    display: flex;
    gap: 60px;
}

#navbar .group_nav.noneImportant  {
    display: none !important;
}

#navbar .group_nav .link {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#navbar .group_nav .link.active .ativo {
    height: 2px;
    width: 21px;
    background: #64D5FF;
}

#navbar .group_nav .link a {
    width: fit-content;
    display: flex;
    justify-content: center;
    padding-bottom: 12px;
    
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 300;
    font-size: 16.5px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    text-decoration: none;
    letter-spacing: 1px;
}

#navbar .group_nav .link a.black {
    width: fit-content;
    display: flex;
    justify-content: center;
    padding-bottom: 12px;
    
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 300;
    font-size: 16.5px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #012D3F;
    text-decoration: none;
    letter-spacing: 1px;
}


#navbar .group_nav .link.active a {
    font-weight: 700;
}

#navbar .group_nav .link a:hover {
    color: #FFFFFFCC;
}

#navbar .group_nav .link a.black:hover {
    color: #012D3FCC;
}

#navbar .group_nav .link:hover .ativo {
    height: 2px;
    width: 21px;
    background: #64D5FF;
}

#navbar .button_burguer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #00000080;
    border-radius: 50px;
    min-width: 90px;
    height: 44px;
    padding: 2.5px;
    position: relative;
    gap: 8px;
}

#navbar .button_burguer.light {
    background: #f2f2f2;
}

#navbar .button_burguer.night {
    background: #f8f8f8;
}

.icon_burguer.light {
    background: #C2C2C2;
}

.icon_burguer.night {
    background: #C2C2C2;
}

#navbar .button_burguer .burguer_button{
    cursor: pointer;
    width: 30px;
    display: flex;
}

#navbar .button_burguer .portrait{
    background: #0089BF1A;
    border-radius: 50px;
    padding: 10px 10px 7px 10px;
    margin-left: 2px;
}

#navbar .button_burguer .portrait .color_mobile.light{
    background: #012D3F33;
}

#navbar .button_burguer .portrait .color_mobile.night{
    background: #0089BF1A;
}

#navbar .button_burguer > img{
    width: 39px;
    min-width: 39px;
    height: 39px;
    border-radius: 50%;
    padding: 0 3px;
}

.open_burguer {
    display: flex !important;
}

#navbar .button_burguer .lista_burguer{
    width: 244px;
    height: 214px;
    display: none; /*flex*/
    flex-direction: column;
    justify-content: space-between;
    padding: 24px 0;

    background: #FFFFFF;
    border-radius: 10px;
    position: absolute;
    right: 0px;
    top: 60px;
    z-index: 4;
    box-shadow: -3px 12px 23px -3px #333333a6;
}

#navbar .button_burguer .lista_burguer > p,
#navbar .button_burguer .lista_burguer > a{
    width: fit-content;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;

    padding: 0 30px;
    
    color: #333333;
    cursor: pointer;
    margin: 0;
}

#navbar .button_burguer .lista_burguer > p:hover,
#navbar .button_burguer .lista_burguer > a:hover{
    color: #33333380;
}

#navbar .button_burguer .lista_burguer > .divisor_burguer{
    width: 100%;
    height: 1px;
    background: #D5D5D580;
}

#navbar .button_burguer .lista_burguer .mobile {
    display: none;
}

#navbar .button_burguer .usuario_logado {
    min-width: fit-content;
}

#navbar .button_burguer .usuario_logado > .nome {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;

    color: #012D3F;
    margin: 0;
    white-space: nowrap;
    padding: 0 10px 0 0;
}

#navbar .button_burguer .usuario_logado > .nome.light{
    color: #ffffff;
}

#navbar .button_burguer .usuario_logado > .nome.night{
    color: #012D3F;
}

#navbar .button_burguer .usuario_logado > .nome span{
    font-weight: 700;
}

#navbar .placa_pesquisada {
    width: 364px;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    background: #F8F8F8;
    border-radius: 50px;
    padding: 0 5px 0 27px;
}

#navbar .placa_pesquisada.inConsultaFake {
    width: fit-content;
}

#navbar .placa_pesquisada.navbar_pesquisada{
    display: none;
}

#navbar .placa_pesquisada > .p_pesquisada{
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    display: flex;
    align-items: center;

    color: #012D3F;
    margin: 0;
}

#navbar .placa_pesquisada > .p_placa{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 23px;
    line-height: 34px;
    display: flex;
    align-items: center;
    color: #012D3F;
    margin: 0;
}

#navbar .placa_pesquisada > input.p_placa{
    border: none;
    background: #F8F8F8;
    width: 150px;
    text-transform: uppercase;
}

#navbar .placa_pesquisada > input.p_placa:focus{
    box-shadow: 0 0 0 0;
    outline: 0;
}

#navbar .placa_pesquisada > .verificado{
    background: #00C1B4;
    border-radius: 50px;
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#navbar .placa_pesquisada > .verificado.azul_lupa{
    background: #009CD6;
    cursor: pointer;
}

.modal_default .modal_content_default.small,
.modal_login .modal_content_default.recuperar,
.modal_login .modal_content_default.login{
    width: 350px;
}

.modal_login .modal_content_default.cadastrar{
    width: 496px;
}

.modal_default .modal_content_default.small .container,
.modal_login .modal_content_default .container{
    display: flex;
    flex-direction: column;
    padding: 0 42px 29px;
}

.modal_login .modal_content_default .container.login{
    width: 76%;
}

.modal_login .modal_content_default .container.cadastrar{
    width: 83%;
}

.modal_default .modal_content_default.small .container .text_info {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;

    color: #012D3F;
    margin: 0;
}

.modal_default .modal_content_default.small .container .title_login,
.modal_login .modal_content_default .container .title_login{
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;

    color: #012D3F;
    margin: 0 0 32px;
}

.modal_login .modal_content_default .container_entrar_social{
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal_login .modal_content_default .container_entrar_social .title{
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;

    color: #012D3F;
    margin: 0;
}

.modal_login .modal_content_default .container_entrar_social .entrar_com  {
    display: flex;
    align-items: center;
    gap: 10px;
}

.modal_login .modal_content_default .container_entrar_social .entrar_com .entrar_p{
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;

    color: #012D3F;
    margin: 0;
}

.modal_login .modal_content_default .container_entrar_social .entrar_com .box_icon_social{
    padding: 10px;
    background: #F0F0F0;
    border-radius: 6px;
    cursor: pointer;
}


#buttonGoogle [aria-labelledby="button-label"] {
    background: #F0F0F0;
    border: 0;
    border-radius: 0;
}

.modal_login .modal_content_default .container .dados_login {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

#modal_login.modal_login .modal_content_default .container .container__input {
    margin-top: 16px;
}

#modal_login.modal_login .modal_content_default .container .dados_login > form{
    width: 100%;
}

.modal_login .modal_content_default .container .dados_login label{
    display: flex;
    flex-direction: column;    
    gap: 6px;

    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;

    text-transform: uppercase;

    color: #012D3F;
    width: 100%;
}

.modal_login .modal_content_default .container .dados_login label .esqueceu_senha{
    display: flex;
    flex-direction: column;    
    gap: 6px;

    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;

    color: #009CD6;
    width: 100%;
    text-transform: none;

    cursor: pointer; 
}

.modal_login .modal_content_default .container .dados_login input{
    background: #F0F0F0;
    border-radius: 7px;
    padding: 14px 16px;
    border: none;
}

.modal_default .modal_content_default.small .container > .container__button {
    margin-top: 20px;
}

.modal_default .modal_content_default.small .container > .container__button button,
.modal_login .modal_content_default .container .dados_login button{
    background: #012D3F;
    border-radius: 10px;
    border: 1px solid #012D3F;

    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    /* identical to box height */

    display: flex;
    align-items: center;

    color: #FFFFFF;
    padding: 17px 30px;
    transition: all .3s ease-in-out;
}

.modal_default .modal_content_default.small .container > .container__button button:hover,
.modal_login .modal_content_default .container .dados_cadastro .container_button button.cadastrar:hover,
.modal_login .modal_content_default .container .dados_login button:hover{
    color: #012D3F;
    border: 1px solid #012D3F;
    background: #FFFFFF;
}

.modal_login .modal_content_default .container .dividir {
    height: 1px;
    background: #E9EBEC;
    margin: 32px 0 25px;
}

.modal_login.open {
    display: block;
}

.modal_login .modal_content_default .container .dados_cadastro {
    display: flex;
    flex-direction: column;
}

.modal_login .modal_content_default .container .dados_cadastro .dados {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.modal_login .modal_content_default .container .dados_cadastro .dados .pessoalCnpj.nao {
    display: none;
}

.modal_login .modal_content_default .container .dados_cadastro .width_endereco,
.modal_login .modal_content_default .container .dados_cadastro .width_nome {
    /* width: 251px; */
    width: 243px;
}

.modal_login .modal_content_default .container .dados_cadastro .width_cep ,
.modal_login .modal_content_default .container .dados_cadastro .width_cpf {
    width: 152px;
}

.modal_login .modal_content_default .container .dados_cadastro .width_igual ,
.modal_login .modal_content_default .container .dados_cadastro .width_tel ,
.modal_login .modal_content_default .container .dados_cadastro .width_date {
    width: 197.8px;
}

.modal_login .modal_content_default .container .dados_cadastro .width_numero ,
.modal_login .modal_content_default .container .dados_cadastro .width_complemento ,
.modal_login .modal_content_default .container .dados_cadastro .width_bairro {
    width: 126.5px;
}



.modal_login .modal_content_default .container .dados_cadastro .dados label{
    display: flex;
    flex-direction: column;    
    gap: 6px;

    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;

    text-transform: uppercase;

    color: #012D3F;
}

.modal_login .modal_content_default .container .dados_cadastro .dados input{
    background: #F0F0F0;
    border-radius: 7px;
    padding: 14px 16px;
    border: none;
}

.modal_login .modal_content_default .container .dados_cadastro .error_footer{
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    
    color: #FF4B6A;
    padding: 10px 0 26px;
    display: unset;
}

.modal_login .modal_content_default .container .dados_cadastro .error_footer.nao{
    display: none;
}

.modal_login .modal_content_default .container .dados_cadastro .declaro{
    display: flex;
    align-items: center;
    padding: 20px 0 0;
}

.modal_login .modal_content_default .container .dados_cadastro .declaro label{
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;

    color: #012D3FCC;

    display: flex;
    gap: 6px;
}

.modal_login .modal_content_default .container .dados_cadastro .declaro label span{
    font-weight: 500;

    color: #009CD6;
    text-decoration: underline;
    cursor: pointer;
}

.modal_login .modal_content_default .container .dados_cadastro .declaro label input[type="checkbox"]{
    padding: 0;
    margin: 0;
    accent-color: #1E2A4E;
}

.modal_login .modal_content_default .container .dados_cadastro .container_button{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 26px;
}

.modal_login .modal_content_default .container .dados_cadastro .container_button button.cadastrar{
    background: #012D3F;
    border-radius: 10px; 
    padding: 17px 30px;

    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;

    color: #FFFFFF;
}

.modal_login .modal_content_default .container .dados_cadastro .group_radio{
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 14px 0 23px;
}

.modal_login .modal_content_default .container .dados_cadastro .group_radio label input[type="radio"]{
    padding: 0;
    margin: 0;
    accent-color: #1E2A4E;
}

.modal_login .modal_content_default .container .dados_cadastro .group_radio label {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;

    color: #012D3F;

    display: flex;
    gap: 5px;
}

.nowrap {
    white-space: nowrap !important;
}

.help-block {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 100%;

    color: #FF4B6A;
}

.help-block::before {
    content: '';
    background-image: url(/theassets/images/new_layout/historicar_3_0/icons/warning.svg);
    background-size: 11px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 10px;
}



/***
Notes
***/
.msg-danger {position: fixed;z-index: 99999999;bottom: 0;left: 0;width: 100%;text-align: center;background: #eb8282;box-sizing: border-box;/* padding: 2em 15% 1.5em; */box-shadow: 0 -3px 5px #0000001c;}
.msg-danger p {width: 100%;text-align: center;float: left;color: #FFF;opacity: 1;font-size: 14px !important;font-weight: 700 !important;}