.img_logo
{
    margin-top:10px;    
    margin-bottom:10px;
}

.btn_ako
{
 margin-top:10px;    
}


.bottom_20
{
 margin-bottom:20px; 
}


.left_10
{
 margin-left:10px;    
}

.left_20
{
 margin-left:20px;    
}
.derecha_10
{
 margin-right:10px;   
}

.derecha_5
{
 margin-right:5px;   
}

.barra_ako
{
 margin-top:20px;    
}


.top20
{
 margin-top:20px;    
}

.top10
{
 margin-top:10px;    
}

.a_la_derecha
{
    float:right;
}

.span_asunto_mensaje
{
     min-width:100px;
    
}

.span_ako
{
     min-width:140px;
}

.estado_pedido
{
 margin-left:10px;    
 
}

.letra_rotulo
{
    font-size:25px;
}

.app-navbar
{
    margin: 6px 0 22px;
    min-height: 0;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(16, 42, 67, .08);
}

.app-navbar .app-navbar-inner
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    padding: 8px 10px;
}

.app-navbar-main
{
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 10px;
}

.app-navbar-home
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 18px;
    text-decoration: none;
}

.app-navbar-home:hover,
.app-navbar-home:focus
{
    background: #dbeafe;
    color: #1e40af;
    text-decoration: none;
}

.app-navbar-user
{
    max-width: 100%;
    min-height: 36px;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1e3a8a;
    padding: 7px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
}

.app-navbar-exit
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    border-radius: 8px;
    padding: 8px 12px;
    color: #b91c1c;
    font-weight: 700;
    text-decoration: none;
}

.app-navbar-exit:hover,
.app-navbar-exit:focus
{
    background: #fee2e2;
    color: #991b1b;
    text-decoration: none;
}

@media (max-width: 767px)
{
    .app-navbar
    {
        margin-top: 4px;
        margin-bottom: 16px;
    }

    .app-navbar .app-navbar-inner
    {
        align-items: stretch;
        gap: 8px;
    }

    .app-navbar-main
    {
        flex: 1 1 auto;
        min-width: 0;
    }

    .app-navbar-user
    {
        flex: 1 1 auto;
        min-width: 0;
    }

    .app-navbar-exit span:last-child
    {
        display: none;
    }
}