/* Primary #007bff */
.hover-bg-primary:hover     { background-color:#007bff!important; color:#fff; }
.bg-primary-l50 { background-color: #ffffff!important; }
.bg-primary-l40 { background-color: #cce5ff!important; }
.bg-primary-l30 { background-color: #99caff!important; }                    
.bg-primary-l20 { background-color: #66b0ff!important; }
.bg-primary-l10 { background-color: #3395ff!important; }
.bg-primary-d10 { background-color: #0062cc!important; }
.bg-primary-d20 { background-color: #004a99!important; }
.bg-primary-d30 { background-color: #003166!important; }
.bg-primary-d40 { background-color: #001933!important; }

.text-primary-l50 { color: #ffffff!important; }
.text-primary-l40 { color: #cce5ff!important; }
.text-primary-l30 { color: #99caff!important; }                    
.text-primary-l20 { color: #66b0ff!important; }
.text-primary-l10 { color: #3395ff!important; }
.text-primary-d10 { color: #0062cc!important; }
.text-primary-d20 { color: #004a99!important; }
.text-primary-d30 { color: #003166!important; }
.text-primary-d40 { color: #001933!important; }


/* Secondary #868e96 */
.bg-secondary-l40 { background-color: #f3f4f5!important; }
.bg-secondary-l30 { background-color: #d8dadd!important; }                    
.bg-secondary-l20 { background-color: #bdc1c5!important; }
.bg-secondary-l10 { background-color: #a1a7ae!important; }
.bg-secondary-d10 { background-color: #6c747d!important; }
.bg-secondary-d20 { background-color: #555b61!important; }
.bg-secondary-d30 { background-color: #3d4146!important; }
.bg-secondary-d40 { background-color: #25282b!important; }
.bg-secondary-d50 { background-color: #0d0e10!important; }

.text-secondary-l40 { color: #f3f4f5!important; }
.text-secondary-l30 { color: #d8dadd!important; }                    
.text-secondary-l20 { color: #bdc1c5!important; }
.text-secondary-l10 { color: #a1a7ae!important; }
.text-secondary-d10 { color: #6c747d!important; }
.text-secondary-d20 { color: #555b61!important; }
.text-secondary-d30 { color: #3d4146!important; }
.text-secondary-d40 { color: #25282b!important; }
.text-secondary-d50 { color: #0d0e10!important; }

/* Success #28a745 */
.bg-success-l50 { background-color: #d8f6df!important; }
.bg-success-l40 { background-color: #afecbd!important; }
.bg-success-l30 { background-color: #86e29b!important; }                    
.bg-success-l20 { background-color: #5dd879!important; }
.bg-success-l10 { background-color: #34ce57!important; }
.bg-success-d10 { background-color: #1e7e34!important; }
.bg-success-d20 { background-color: #145523!important; }
.bg-success-d30 { background-color: #0a2c12!important; }
.bg-success-d40 { background-color: #010201!important; }

.text-success-l50 { color: #d8f6df!important; }
.text-success-l40 { color: #afecbd!important; }
.text-success-l30 { color: #86e29b!important; }                    
.text-success-l20 { color: #5dd879!important; }
.text-success-l10 { color: #34ce57!important; }
.text-success-d10 { color: #1e7e34!important; }
.text-success-d20 { color: #145523!important; }
.text-success-d30 { color: #0a2c12!important; }
.text-success-d40 { color: #010201!important; }

/* Danger #dc3545 */
.bg-danger-l40 { background-color: #fae3e5!important; }
.bg-danger-l30 { background-color: #f3b7bd!important; }                    
.bg-danger-l20 { background-color: #eb8c95!important; }
.bg-danger-l10 { background-color: #e4606d!important; }
.bg-danger-d10 { background-color: #bd2130!important; }
.bg-danger-d20 { background-color: #921925!important; }
.bg-danger-d30 { background-color: #66121a!important; }
.bg-danger-d40 { background-color: #3b0a0f!important; }
.bg-danger-d50 { background-color: #0f0304!important; }

.text-danger-l40 { color: #fae3e5!important; }
.text-danger-l30 { color: #f3b7bd!important; }                    
.text-danger-l20 { color: #eb8c95!important; }
.text-danger-l10 { color: #e4606d!important; }
.text-danger-d10 { color: #bd2130!important; }
.text-danger-d20 { color: #921925!important; }
.text-danger-d30 { color: #66121a!important; }
.text-danger-d40 { color: #3b0a0f!important; }
.text-danger-d50 { color: #0f0304!important; }


/* Warning #ffc107 */
.bg-warning-l40 { background-color: #fff4d3!important; }
.bg-warning-l30 { background-color: #ffe7a0!important; }                    
.bg-warning-l20 { background-color: #ffda6d!important; }
.bg-warning-l10 { background-color: #ffce3a!important; }
.bg-warning-d10 { background-color: #d39e00!important; }
.bg-warning-d20 { background-color: #a07800!important; }
.bg-warning-d30 { background-color: #6d5200!important; }
.bg-warning-d40 { background-color: #3a2b00!important; }
.bg-warning-d50 { background-color: #070500!important; }

.text-warning-l40 { color: #fff4d3!important; }
.text-warning-l30 { color: #ffe7a0!important; }                    
.text-warning-l20 { color: #ffda6d!important; }
.text-warning-l10 { color: #ffce3a!important; }
.text-warning-d10 { color: #d39e00!important; }
.text-warning-d20 { color: #a07800!important; }
.text-warning-d30 { color: #6d5200!important; }
.text-warning-d40 { color: #3a2b00!important; }
.text-warning-d50 { color: #070500!important; }

/* Dark #343a40 */
.bg-dark-l50 { background-color: #b2b9c1!important; }
.bg-dark-l40 { background-color: #96a0aa!important; }
.bg-dark-l30 { background-color: #7a8693!important; }
.bg-dark-l20 { background-color: #626d78!important; }
.bg-dark-l10 { background-color: #4b535c!important; }

/* Info #17a2b8 */
.bg-info-l25 { background-color: #63d9eb!important; }
.bg-info-l10 { background-color: #1fc8e3!important; }
.bg-info-d10 { background-color: #117a8b!important; }
.bg-info-d25 { background-color: #093e47!important; }

/* indigo: #6610f2; */
.text-indigo     { color:#6610f2!important; }
.badge-indigo    { background-color:#6610f2; color:#fff; }


/* Purple: #6f42c1; */
.text-purple     { color:#6f42c1!important; }
.badge-purple    { background-color:#6f42c1; color:#fff; }

/* Pink: #e83e8c; */
.text-pink     { color:#e83e8c!important; }
.badge-pink    { background-color:#e83e8c; color:#fff; }

/* orange: #fd7e14; */
.text-orange     { color:#fd7e14!important; }
.badge-orange    { background-color:#fd7e14; color:#fff; }

/* yellow: #ffc107; */
.text-yellow     { color:#ffc107!important; }
.badge-yellow    { background-color:#ffc107; color:#fff; }