.bg-primary {
    background-color: #2196f3!important;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #0c7cd5!important;
}
.bg-secondary {
    background-color: #6c757d!important;
}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #545b62!important;
}
.bg-success {
    background-color: #4caf50!important;
}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: #3d8b40!important;
}
.bg-info {
    background-color: #00bcd4!important;
}
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #008fa1!important;
}
.bg-warning {
    background-color: #ffeb3b!important;
}
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    background-color: #ffe608!important;
}
.bg-danger {
    background-color: #f44336!important;
}
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
    background-color: #ea1c0d!important;
}
.bg-light {
    background-color: #f8f9fa!important;
}
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    background-color: #dae0e5!important;
}
.bg-dark {
    background-color: #343a40!important;
}
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #1d2124!important;
}
.bg-white {
    background-color: #fff!important;
}
.bg-transparent {
    background-color: transparent!important;
}

.card[class*=bg-], .card[class*=bg-] .card-title, .card[class*=bg-] .card-title a, .card[class*=bg-] .icon i, .card [class*=header-], .card [class*=header-] .card-title, .card [class*=header-] .card-title a, .card [class*=header-] .icon i {
    color: #fff;
}
.card[class*=bg-] .icon i, .card [class*=header-] .icon i {
    border-color: hsla(0, 0%, 100%, .25);
}
.card[class*=bg-] .author a, .card[class*=bg-] .card-category, .card[class*=bg-] .card-description, .card[class*=bg-] .stats, .card [class*=header-] .author a, .card [class*=header-] .card-category, .card [class*=header-] .card-description, .card [class*=header-] .stats {
    color: hsla(0, 0%, 100%, .8);
}
.card[class*=bg-] .author a:active, .card[class*=bg-] .author a:focus, .card[class*=bg-] .author a:hover, .card [class*=header-] .author a:active, .card [class*=header-] .author a:focus, .card [class*=header-] .author a:hover {
    color: #fff;
}
.card.bg-primary, .card .card-header-primary, .card.card-rotate.bg-primary .back, .card.card-rotate.bg-primary .front {
    background: linear-gradient(60deg, #ab47bc, #7b1fa2);
}
.card.bg-info, .card .card-header-info, .card.card-rotate.bg-info .back, .card.card-rotate.bg-info .front {
    background: linear-gradient(60deg, #26c6da, #0097a7);
}
.card.bg-success, .card .card-header-success, .card.card-rotate.bg-success .back, .card.card-rotate.bg-success .front {
    background: linear-gradient(60deg, #66bb6a, #388e3c);
}
.card.bg-warning, .card .card-header-warning, .card.card-rotate.bg-warning .back, .card.card-rotate.bg-warning .front {
    background: linear-gradient(60deg, #ffa726, #f57c00);
}
.card.bg-danger, .card .card-header-danger, .card.card-rotate.bg-danger .back, .card.card-rotate.bg-danger .front {
    background: linear-gradient(60deg, #ef5350, #d32f2f);
}
.card.bg-rose, .card .card-header-rose, .card.card-rotate.bg-rose .back, .card.card-rotate.bg-rose .front {
    background: linear-gradient(60deg, #ec407a, #c2185b);
}

.nav, .nav-pills, .flex-column {
    flex-direction: column!important;
}