.card.idiomes {
    border: none;
}
.card.idiomes .card-body{
    position: relative;
    padding: 0px;
}

.card.idiomes .nav {
    display: flex;
}

.card.idiomes ul {
    position: absolute;
    right: 10px;
    top: 11px;
}

.card.idiomes span.bandera {
    display: block;
    width: 17px;
    height: 11px;
    
}

.card.idiomes .nav-link {
    padding: .3rem .3rem;
    position: relative;
    border-color: #e9ecef #e9ecef #dee2e6;
    /*border-color: #f8aeb4 #f8aeb4 #dee2e6;
    
    background-color: #f8d7da;*/
    
}

.card.idiomes .nav-link i {
    position: absolute;
    right: 4px;
    top: -16px;
    color: red;
    font-size: 17px;
}



.card.idiomes .nav-link.active {
background-color: #f7f7f7;
border-color:#ced4da #ced4da #f7f7f7;
}

.card.idiomes img.flag {
    max-width: 17px;
    max-height: 11px;
    display: block;
}