.opacity-badge-pink {
    background-color: #FBDFE9;
    color: #ed80a8 !important;
    border-radius: 20px !important;
}

.opacity-lila-badge {
    background-color: #ECECF7;
    color: #b6b4df !important;
    border-radius: 20px !important;
}

.opacity-purple-badge {
    background-color: #E7D5EE;
    color: #a25cbf !important;
    border-radius: 20px !important;
}

.opacity-yellow-badge {
    background-color: #FEEDDB;
    color: #F6b973 !important;
    border-radius: 20px !important;
}

.bio-chart {
    width: 15% !important;
}

.bio-desk {
    width: 85% !important;
}

.cardRoundedDash {
    border-radius: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: #FFF;
}

/*Responsive bio chart y bio-desk en dashboard*/
@media (max-width: 1500px) {
    .bio-chart {
        width: 17% !important;
    }
}

@media (max-width: 1500px) {
    .bio-desk {
        width: 80% !important;
    }
}

@media (max-width: 1200px) {
    .bio-chart {
        width: 25% !important;
    }
}

@media (max-width: 1200px) {
    .bio-desk {
        width: 100% !important;
    }
}

@media (max-width: 750px) {
    .bio-chart {
        width: 65% !important;
    }
}

@media (max-width: 750px) {
    .bio-desk {
        width: 100% !important;
    }
}

/*Responsive cards (estudios pendientes)*/
@media (max-width: 600px) {
    .align-textCard {
        text-align: center;
    }
}

@media (min-width: 800px) {
    .align-date {
        text-align: right;
    }
}