.bg-outline-primary {
    background-color: rgba(0, 0, 0, 0);
    color: #e91e63;
    border: 1px solid #e91e63;
}

.bg-outline-secondary {
    background-color: rgba(0, 0, 0, 0);
    color: #7b809a;
    border: 1px solid #7b809a;
}

.bg-outline-success {
    background-color: rgba(0, 0, 0, 0);
    color: #4CAF50;
    border: 1px solid #4CAF50;
}

.bg-outline-info {
    background-color: rgba(0, 0, 0, 0);
    color: #1A73E8;
    border: 1px solid #1A73E8;
}

.bg-outline-warning {
    background-color: rgba(0, 0, 0, 0);
    color: #fb8c00;
    border: 1px solid #fb8c00;
}


.bg-outline-danger {
    background-color: rgba(0, 0, 0, 0);
    color: #F44335;
    border: 1px solid #F44335;
}

.bg-outline-light {
    background-color: rgba(0, 0, 0, 0);
    color: #f0f2f5;
    border: 1px solid #f0f2f5;
}

.bg-outline-dark {
    background-color: rgba(0, 0, 0, 0);
    color: #344767;
    border: 1px solid #344767;
}