/*============================
BACKGROUND
=============================*/

.bg-primary {
    background: rgba(108, 95, 252, 1) !important;
    color: #fff !important;
}

.bg-secondary {
    background: rgba(5, 195, 251, 1) !important;
    color: #fff !important;
}

.bg-warning {
    background: rgba(247, 183, 49, 1) !important;
    color: #fff !important;
}

.bg-info {
    background: rgba(17, 112, 228, 1) !important;
    color: #fff !important;
}

.bg-success {
    background: rgba(9, 173, 149, 1) !important;
    color: #fff !important;
}

.bg-danger {
    background: rgba(232, 38, 70, 1) !important;
    color: #fff;
}

.bg-light {
    background: rgba(246, 246, 251, 1) !important;
    color: rgb(52, 58, 64) !important;
}

.bg-dark {
    background: rgba(52, 58, 64, 1) !important;
    color: #fff !important;
}

.bg-blue {
    background: rgba(43, 62, 101, 1) !important;
    color: #fff !important;
}

.bg-indigo {
    background: rgba(77, 93, 219, 1) !important;
    color: #fff !important;
}

.bg-purple {
    background: rgba(137, 39, 236, 1) !important;
    color: #fff !important;
}

.bg-pink {
    background: rgba(236, 130, 239, 1) !important;
    color: #fff !important;
}

.bg-red {
    background: rgba(208, 61, 70, 1) !important;
    color: #fff !important;
}

.bg-maroon {
    background: rgba(128, 0, 0, 1) !important;
    color: #fff !important;
}

.bg-orange {
    background: rgba(252, 115, 3, 1) !important;
    color: #fff !important;
}

.bg-yellow {
    background: rgba(255, 193, 2, 1) !important;
    color: #fff !important;
}

.bg-green {
    background: rgba(29, 216, 113, 1) !important;
    color: #fff;
}

.bg-teal {
    background: rgba(28, 175, 159, 1) !important;
    color: #fff !important;
}

.bg-cyan {
    background: rgba(0, 209, 209, 1) !important;
    color: #fff !important;
}

.bg-gray {
    background: rgba(134, 153, 163, 1) !important;
    color: #fff !important;
}

/*============================
TEXT
=============================*/

.text-primary {
    color: rgba(108, 95, 252, 1) !important;
}

.text-secondary {
    color: rgba(5, 195, 251, 1) !important;
}

.text-warning {
    color: rgba(247, 183, 49, 1) !important;
}

.text-info {
    color: rgba(17, 112, 228, 1) !important;
}

.text-success {
    color: rgba(9, 173, 149, 1) !important;
}

.text-danger {
    color: rgba(232, 38, 70, 1) !important;
}

.text-light {
    color: rgba(246, 246, 251, 1) !important;
}

.text-dark {
    color: rgba(52, 58, 64, 1) !important;
}

.text-blue {
    color: rgba(43, 62, 101, 1) !important;
}

.text-indigo {
    color: rgba(77, 93, 219, 1) !important;
}

.text-purple {
    color: rgba(137, 39, 236, 1) !important;
}

.text-pink {
    color: rgba(236, 130, 239, 1) !important;
}

.text-red {
    color: rgba(208, 61, 70, 1) !important;
}

.text-maroon {
    color: rgba(128, 0, 0, 1) !important;
}

.text-orange {
    color: rgba(252, 115, 3, 1) !important;
}

.text-yellow {
    color: rgba(255, 193, 2, 1) !important;
}

.text-green {
    color: rgba(29, 216, 113, 1) !important;
}

.text-teal {
    color: rgba(28, 175, 159, 1) !important;
}

.text-cyan {
    color: rgba(0, 209, 209, 1) !important;
}

.text-gray {
    color: rgba(134, 153, 163, 1) !important;
}

/*============================
BACKGROUND TRANSPARENTE
=============================*/

.bg-transparent-primary {
    background: rgba(108, 95, 252, 0.15) !important;
    color: rgba(108, 95, 252, 1) !important;
    border: 1px solid rgba(108, 95, 252, 1) !important;
}

.bg-transparent-secondary {
    background: rgba(5, 195, 251, 0.15) !important;
    color: rgba(5, 195, 251, 1) !important;
    border: 1px solid rgba(5, 195, 251, 1) !important;
}

.bg-transparent-warning {
    background: rgba(247, 183, 49, 0.15) !important;
    color: rgba(247, 183, 49, 1) !important;
    border: 1px solid rgba(247, 183, 49, 1) !important;
}

.bg-transparent-info {
    background: rgba(17, 112, 228, 0.15) !important;
    color: rgba(17, 112, 228, 1) !important;
    border: 1px solid rgba(17, 112, 228, 1) !important;
}

.bg-transparent-success {
    background: rgba(9, 173, 149, 0.15) !important;
    color: rgba(9, 173, 149, 1) !important;
    border: 1px solid rgba(9, 173, 149, 1) !important;
}

.bg-transparent-danger {
    background: rgba(232, 38, 70, 0.15) !important;
    color: rgba(232, 38, 70, 1) !important;
    border: 1px solid rgba(232, 38, 70, 1) !important;
}

.bg-transparent-light {
    background: rgba(246, 246, 251, 0.15) !important;
    color: rgba(246, 246, 251, 1) !important;
    border: 1px solid rgba(246, 246, 251, 1) !important;
}

.bg-transparent-dark {
    background: rgba(52, 58, 64, 0.15) !important;
    color: rgba(52, 58, 64, 1) !important;
    border: 1px solid rgba(52, 58, 64, 1) !important;
}

.bg-transparent-blue {
    background: rgba(43, 62, 101, 0.15) !important;
    color: rgba(43, 62, 101, 1) !important;
    border: 1px solid rgba(43, 62, 101, 1) !important;
}

.bg-transparent-indigo {
    background: rgba(77, 93, 219, 0.15) !important;
    color: rgba(77, 93, 219, 1) !important;
    border: 1px solid rgba(77, 93, 219, 1) !important;
}

.bg-transparent-purple {
    background: rgba(137, 39, 236, 0.15) !important;
    color: rgba(137, 39, 236, 1) !important;
    border: 1px solid rgba(137, 39, 236, 1) !important;
}

.bg-transparent-pink {
    background: rgba(236, 130, 239, 0.15) !important;
    color: rgba(236, 130, 239, 1) !important;
    border: 1px solid rgba(236, 130, 239, 1) !important;
}

.bg-transparent-red {
    background: rgba(208, 61, 70, 0.15) !important;
    color: rgba(208, 61, 70, 1) !important;
    border: 1px solid rgba(208, 61, 70, 1) !important;
}

.bg-transparent-maroon {
    background: rgba(128, 0, 0, 0.15) !important;
    color: rgba(128, 0, 0, 1) !important;
    border: 1px solid rgba(128, 0, 0, 1) !important;
}

.bg-transparent-orange {
    background: rgba(252, 115, 3, 0.15) !important;
    color: rgba(252, 115, 3, 1) !important;
    border: 1px solid rgba(252, 115, 3, 1) !important;
}

.bg-transparent-yellow {
    background: rgba(255, 193, 2, 0.15) !important;
    color: rgba(255, 193, 2, 1) !important;
    border: 1px solid rgba(255, 193, 2, 1) !important;
}

.bg-transparent-green {
    background: rgba(29, 216, 113, 0.15) !important;
    color: rgba(29, 216, 113, 1) !important;
    border: 1px solid rgba(29, 216, 113, 1) !important;
}

.bg-transparent-teal {
    background: rgba(28, 175, 159, 0.15) !important;
    color: rgba(28, 175, 159, 1) !important;
    border: 1px solid rgba(28, 175, 159, 1) !important;
}

.bg-transparent-cyan {
    background: rgba(0, 209, 209, 0.15) !important;
    color: rgba(0, 209, 209, 1) !important;
    border: 1px solid rgba(0, 209, 209, 1) !important;
}

.bg-transparent-gray {
    background: rgba(134, 153, 163, 0.15) !important;
    color: rgba(134, 153, 163, 1) !important;
    border: 1px solid rgba(134, 153, 163, 1) !important;
}

/*============================
TEXTO TRANSPARENTE
=============================*/

.text-transparent-primary {
    background: transparent !important;
    color: rgba(108, 95, 252, 1) !important;
    border: 1px solid rgba(108, 95, 252, 1) !important;
}

.text-transparent-secondary {
    background: transparent !important;
    color: rgba(5, 195, 251, 1) !important;
    border: 1px solid rgba(5, 195, 251, 1) !important;
}

.text-transparent-warning {
    background: transparent !important;
    color: rgba(247, 183, 49, 1) !important;
    border: 1px solid rgba(247, 183, 49, 1) !important;
}

.text-transparent-info {
    background: transparent !important;
    color: rgba(17, 112, 228, 1) !important;
    border: 1px solid rgba(17, 112, 228, 1) !important;
}

.text-transparent-success {
    background: transparent !important;
    color: rgba(9, 173, 149, 1) !important;
    border: 1px solid rgba(9, 173, 149, 1) !important;
}

.text-transparent-danger {
    background: transparent !important;
    color: rgba(232, 38, 70, 1) !important;
    border: 1px solid rgba(232, 38, 70, 1) !important;
}

.text-transparent-light {
    background: transparent !important;
    color: rgba(246, 246, 251, 1) !important;
    border: 1px solid rgba(246, 246, 251, 1) !important;
}

.text-transparent-dark {
    background: transparent !important;
    color: rgba(52, 58, 64, 1) !important;
    border: 1px solid rgba(52, 58, 64, 1) !important;
}

.text-transparent-blue {
    background: transparent !important;
    color: rgba(43, 62, 101, 1) !important;
    border: 1px solid rgba(43, 62, 101, 1) !important;
}

.text-transparent-indigo {
    background: transparent !important;
    color: rgba(77, 93, 219, 1) !important;
    border: 1px solid rgba(77, 93, 219, 1) !important;
}

.text-transparent-purple {
    background: transparent !important;
    color: rgba(137, 39, 236, 1) !important;
    border: 1px solid rgba(137, 39, 236, 1) !important;
}

.text-transparent-pink {
    background: transparent !important;
    color: rgba(236, 130, 239, 1) !important;
    border: 1px solid rgba(236, 130, 239, 1) !important;
}

.text-transparent-red {
    background: transparent !important;
    color: rgba(208, 61, 70, 1) !important;
    border: 1px solid rgba(208, 61, 70, 1) !important;
}

.text-transparent-maroon {
    background: transparent !important;
    color: rgba(128, 0, 0, 1) !important;
    border: 1px solid rgba(128, 0, 0, 1) !important;
}

.text-transparent-orange {
    background: transparent !important;
    color: rgba(252, 115, 3, 1) !important;
    border: 1px solid rgba(252, 115, 3, 1) !important;
}

.text-transparent-yellow {
    background: transparent !important;
    color: rgba(255, 193, 2, 1) !important;
    border: 1px solid rgba(255, 193, 2, 1) !important;
}

.text-transparent-green {
    background: transparent !important;
    color: rgba(29, 216, 113, 1) !important;
    border: 1px solid rgba(29, 216, 113, 1) !important;
}

.text-transparent-teal {
    background: transparent !important;
    color: rgba(28, 175, 159, 1) !important;
    border: 1px solid rgba(28, 175, 159, 1) !important;
}

.text-transparent-cyan {
    background: transparent !important;
    color: rgba(0, 209, 209, 1) !important;
    border: 1px solid rgba(0, 209, 209, 1) !important;
}

.text-transparent-gray {
    background: transparent !important;
    color: rgba(134, 153, 163, 1) !important;
    border: 1px solid rgba(134, 153, 163, 1) !important;
}