/* HEADER */
.header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*height: 10vh;*/
    height: 10rem;
    background-color: white;
}
.icono-hamburguesa{
    width: 1.8rem;
    height: 1.2rem;
    margin-right: 2rem;
    margin-left: 2rem;
}
.icono-hamburguesa:hover{
    cursor: pointer;
}

.user-info{
    display: none;
    line-height: .5;
}
@media only screen and (min-width: 768px){
    .user-info{
        display: block;
    }
    .user-info-sm{
        display: none;
    }
}
.logotipo{
    max-width: 10rem;
}
.user-logo, .user-logo-box-cuentas, .user-logo-box-tarjetas {
    background-color: #438987;
    border-radius: 50%;
    width: 3rem!important;
    height: 3rem!important;
}
.user-logo-tipo-admin {
    background-color: #57585A;
    border-radius: 50%;
    max-width: 3.5rem;
    max-height: 3.5rem;
    margin-right: 2rem;
}
.user-logo-tipo-user {
    background-color: dodgerblue;
    border-radius: 50%;
    width: 3rem!important;
    height: 3rem!important;
}
.user-link:hover{
    text-decoration: none;
}
.user-link{
    margin-right: 4.5rem;
}
@media only screen and (max-width: 1200px) {
    .user-link{
        margin-right: 0;
    }
}
@media only screen and (min-width: 768px) {
    .header{
        height: 10rem;
        /*height: 10vh;*/
        justify-content: normal;
    }
    .icono-notificacion{
        display: block;
        max-width: 3rem;
        max-height: 3rem;
        margin-right: 2rem;
    }
    .user{
        margin-left: auto;
        margin-right: 1rem;
    }
    .user-image {
        height: 2.5rem;
        width: 2.5rem;
    }
    .user-document{
        font-size: 1.2rem;
        color: black;
    }
    .icono-arrow-down{
        display: block;
        width: .8rem;
        height: .4rem;
        margin-right: 4.5rem;
    }
}
.icono-notificacion{
    width: 1.5rem;
    height: 5rem;
    margin-right: 2rem;
}
.user-image {
    height: 2.5rem;
    width: 2.5rem;
    padding: 0.5rem;
}
.user-name{
    font-size: 1.5rem;
}
.user-document{
    font-size: 1.2rem;
    margin-top: 1rem;
}
.icono-arrow-down{
    width: .8rem;
    height: .4rem;
    margin-right: 4.5rem;
}
/** Menu Usuario **/
.menu-dropdown{
    width: 100%;
    min-width: 32rem;
    border-top: none;
    font-size: 1.2rem;
    color: #67676A
}
.otros-perfiles{
    font-size: 1.2rem;
}
.icono-setting{
    width: 1.2rem;
    height: 1.2rem;
}
.item-drop{
    padding: 1rem 1rem 1rem 1rem;
}
.link-perfil{
    margin-bottom: 1.5rem;
    border: none;
    background: white;
}
.link-perfil:hover{
    cursor: pointer;
    border: none;
}
.item-email{
    margin-bottom: 1rem;
}
.user-perfiles{
    line-height: 1;
}