/* Colore base */
.bg-groupama-green {
    background-color: #2a6654 !important;
    color: #ffffff !important;
}
/*
.sidebar-dark-groupama-green {
    background-color: #2a6654;
    color: #ffffff;
}

.sidebar-light-groupama-green {
    background-color: #2a6654;
    color: #ffffff;
}
*/




.navbar-groupama-green {
    background-color: #2a6654 !important;
    color: #ffffff !important;
}

.navbar-groupama-green .nav-link,
.navbar-groupama-green .navbar-brand {
    color: #ffffff !important;
}

/* Colore del link interno */
.bg-groupama-green,
.bg-groupama-green > a {
    color: #ffffff !important;
}

/* Hover dei bottoni */
.bg-groupama-green.btn:hover {
    border-color: #204e41;
    color: #ececec;
}

/* Stati attivi dei bottoni */
.bg-groupama-green.btn:not(:disabled):not(.disabled):active,
.bg-groupama-green.btn:not(:disabled):not(.disabled).active,
.bg-groupama-green.btn:active,
.bg-groupama-green.btn.active {
    background-color: #204e41 !important;
    border-color: #1c463a;
    color: #ffffff;
}

/* Gradient (se ti serve una variante gradiente) */
.bg-gradient-groupama-green {
    background: linear-gradient(180deg, #2a6654, #1e4c3e) !important;
    color: #ffffff !important;
}

    /* Pulsanti tool nelle card */
    .bg-groupama-green .btn-tool,
    .bg-gradient-groupama-green .btn-tool,
    .card-groupama-green:not(.card-outline) .btn-tool {
        color: rgba(255, 255, 255, 0.8);
    }

        .bg-groupama-green .btn-tool:hover,
        .bg-gradient-groupama-green .btn-tool:hover,
        .card-groupama-green:not(.card-outline) .btn-tool:hover {
            color: #ffffff;
        }

/* Bootstrap datetimepicker su sfondo groupama */
.card.bg-groupama-green .bootstrap-datetimepicker-widget .table td,
.card.bg-groupama-green .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-groupama-green .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-groupama-green .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-groupama-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-groupama-green .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-groupama-green .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-groupama-green .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-groupama-green .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-groupama-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-groupama-green .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-groupama-green .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-groupama-green .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-groupama-green .bootstrap-datetimepicker-widget table td.second:hover {
    background: #1c463a;
    color: #ffffff;
}

.card.bg-groupama-green .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-groupama-green .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #ffffff;
}

.card.bg-groupama-green .bootstrap-datetimepicker-widget table td.active,
.card.bg-groupama-green .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-groupama-green .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-groupama-green .bootstrap-datetimepicker-widget table td.active:hover {
    background: #3b9077;
    color: #ffffff;
}


/* Background principale */
.bg-groupama-orange {
    background-color: #cb521c !important;
    color: #ffffff !important;
}

/* Variante gradient */
.bg-gradient-groupama-orange {
    background: linear-gradient(180deg, #cb521c, #a53f15) !important;
    color: #ffffff !important;
}

/* Pulsanti */
.bg-groupama-orange.btn:hover {
    border-color: #a53f15;
    color: #ececec;
}

.bg-groupama-orange.btn:active,
.bg-groupama-orange.btn.active,
.bg-groupama-orange.btn:not(:disabled):not(.disabled):active {
    background-color: #a53f15 !important;
    border-color: #923812;
    color: #ffffff;
}

/* Navbar */
.navbar-groupama-orange {
    background-color: #cb521c !important;
    color: #ffffff !important;
}

    .navbar-groupama-orange .nav-link,
    .navbar-groupama-orange .navbar-brand {
        color: #ffffff !important;
    }

/* Sidebar dark/light */
/*
.sidebar-dark-groupama-orange {
    background-color: #cb521c !important;
    color: #ffffff;
}

.sidebar-light-groupama-orange {
    background-color: #cb521c !important;
    color: #ffffff;
}*/



/*
.sidebar-dark-groupama-orange .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-groupama-orange .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #fd7e14;
    color: #1F2D3D;
}*/


/* Colore principale */
.bg-groupama-yellow {
    background-color: #C4D600 !important;
    color: #000000 !important;
}

/* Variante gradient */
.bg-gradient-groupama-yellow {
    background: linear-gradient(180deg, #C4D600, #a9bb00) !important;
    color: #000000 !important;
}

/* Pulsanti */
.bg-groupama-yellow.btn:hover {
    border-color: #a9bb00;
    color: #333333;
}

.bg-groupama-yellow.btn:active,
.bg-groupama-yellow.btn.active,
.bg-groupama-yellow.btn:not(:disabled):not(.disabled):active {
    background-color: #a9bb00 !important;
    border-color: #8ea000;
    color: #000000;
}

/* Navbar */
.navbar-groupama-yellow {
    background-color: #C4D600 !important;
    color: #000000 !important;
}

.navbar-groupama-yellow .nav-link,
.navbar-groupama-yellow .navbar-brand {
    color: #000000 !important;
}

/* Sidebar dark/light */
/*
.sidebar-dark-groupama-yellow {
    background-color: #C4D600 !important;
    color: #000000;
}

.sidebar-light-groupama-yellow {
    background-color: #C4D600 !important;
    color: #000000;
}*/

/*

    SIDE BAR


*/



.sidebar-dark-groupama-orange .nav-sidebar .nav-link.active,
.sidebar-light-groupama-orange .nav-sidebar .nav-link.active {
    background-color: #cb5215 !important;
    color: #ffffff !important;
}
.sidebar-dark-groupama-orange .nav-sidebar .nav-link:hover,
.sidebar-light-groupama-orange .nav-sidebar .nav-link:hover {
    background-color: #b84a19 !important;
    color: #ffffff !important;
}


.sidebar-dark-groupama-yellow .nav-sidebar .nav-link.active,
.sidebar-light-groupama-yellow .nav-sidebar .nav-link.active {
    background-color: #c4d600 !important;
    color: #ffffff !important;
}
.sidebar-dark-groupama-yellow .nav-sidebar .nav-link:hover,
.sidebar-light-groupama-yellow .nav-sidebar .nav-link:hover {
    background-color: #b8cb00 !important;
    color: #ffffff !important;
}



.sidebar-dark-groupama-green .nav-sidebar .nav-link.active,
.sidebar-light-groupama-green .nav-sidebar .nav-link.active {
    background-color: #2a6654 !important; 
    color: #ffffff !important;
}

.sidebar-dark-groupama-green .nav-sidebar .nav-link:hover,
.sidebar-light-groupama-green .nav-sidebar .nav-link:hover {
    background-color: #2f7b67 !important; /* versione pi� chiara/accesa */
    color: #ffffff !important;
}

/*
    PURE BLACK CUSTOM COLOR
*/

/* Colore base */
.bg-pure-black {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Variante gradient */
.bg-gradient-pure-black {
    background: linear-gradient(180deg, #000000, #1a1a1a) !important;
    color: #ffffff !important;
}

/* Colore del link interno */
.bg-pure-black,
.bg-pure-black > a {
    color: #ffffff !important;
}

/* Hover dei bottoni */
.bg-pure-black.btn:hover {
    border-color: #1a1a1a;
    color: #ececec;
}

/* Stati attivi dei bottoni */
.bg-pure-black.btn:not(:disabled):not(.disabled):active,
.bg-pure-black.btn:not(:disabled):not(.disabled).active,
.bg-pure-black.btn:active,
.bg-pure-black.btn.active {
    background-color: #1a1a1a !important;
    border-color: #0d0d0d;
    color: #ffffff;
}

/* Navbar */
.navbar-pure-black {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.navbar-pure-black .nav-link,
.navbar-pure-black .navbar-brand {
    color: #ffffff !important;
}

/* Pulsanti tool nelle card */
.bg-pure-black .btn-tool,
.bg-gradient-pure-black .btn-tool,
.card-pure-black:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.bg-pure-black .btn-tool:hover,
.bg-gradient-pure-black .btn-tool:hover,
.card-pure-black:not(.card-outline) .btn-tool:hover {
    color: #ffffff;
}

/* Sidebar dark/light */
.sidebar-dark-pure-black .nav-sidebar .nav-link.active,
.sidebar-light-pure-black .nav-sidebar .nav-link.active {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.sidebar-dark-pure-black .nav-sidebar .nav-link:hover,
.sidebar-light-pure-black .nav-sidebar .nav-link:hover {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* Bootstrap datetimepicker su sfondo pure-black */
.card.bg-pure-black .bootstrap-datetimepicker-widget .table td,
.card.bg-pure-black .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-pure-black .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-pure-black .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-pure-black .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-pure-black .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-pure-black .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-pure-black .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-pure-black .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-pure-black .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-pure-black .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-pure-black .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-pure-black .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-pure-black .bootstrap-datetimepicker-widget table td.second:hover {
    background: #1a1a1a;
    color: #ffffff;
}

.card.bg-pure-black .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-pure-black .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #ffffff;
}

.card.bg-pure-black .bootstrap-datetimepicker-widget table td.active,
.card.bg-pure-black .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-pure-black .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-pure-black .bootstrap-datetimepicker-widget table td.active:hover {
    background: #333333;
    color: #ffffff;
}


/* ========================================
   NUOVI COLORI PERSONALIZZATI
   ======================================== */

/* 1. DEEP BLUE #003781 */
.bg-deep-blue {
    background-color: #003781 !important;
    color: #ffffff !important;
}
.navbar-deep-blue {
    background-color: #003781 !important;
    color: #ffffff !important;
}
.navbar-deep-blue .nav-link,
.navbar-deep-blue .navbar-brand {
    color: #ffffff !important;
}
.bg-deep-blue.btn:hover {
    border-color: #002a61;
    color: #ececec;
}
.bg-deep-blue.btn:active,
.bg-deep-blue.btn.active {
    background-color: #002a61 !important;
    color: #ffffff;
}
.sidebar-dark-deep-blue .nav-sidebar .nav-link.active,
.sidebar-light-deep-blue .nav-sidebar .nav-link.active {
    background-color: #003781 !important;
    color: #ffffff !important;
}
.sidebar-dark-deep-blue .nav-sidebar .nav-link:hover,
.sidebar-light-deep-blue .nav-sidebar .nav-link:hover {
    background-color: #004699 !important;
    color: #ffffff !important;
}

/* 2. PURE WHITE #FFFFFF */
.bg-pure-white {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}
.navbar-pure-white {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}
.navbar-pure-white .nav-link,
.navbar-pure-white .navbar-brand {
    color: #000000 !important;
}
.bg-pure-white.btn:hover {
    border-color: #e6e6e6;
    color: #333333;
}
.bg-pure-white.btn:active,
.bg-pure-white.btn.active {
    background-color: #f0f0f0 !important;
    color: #000000;
}
.sidebar-dark-pure-white .nav-sidebar .nav-link.active,
.sidebar-light-pure-white .nav-sidebar .nav-link.active {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}
.sidebar-dark-pure-white .nav-sidebar .nav-link:hover,
.sidebar-light-pure-white .nav-sidebar .nav-link:hover {
    background-color: #f5f5f5 !important;
    color: #000000 !important;
}

/* 3. DARK GRAY #414141 */
.bg-dark-gray {
    background-color: #414141 !important;
    color: #ffffff !important;
}
.navbar-dark-gray {
    background-color: #414141 !important;
    color: #ffffff !important;
}
.navbar-dark-gray .nav-link,
.navbar-dark-gray .navbar-brand {
    color: #ffffff !important;
}
.bg-dark-gray.btn:hover {
    border-color: #333333;
    color: #ececec;
}
.bg-dark-gray.btn:active,
.bg-dark-gray.btn.active {
    background-color: #333333 !important;
    color: #ffffff;
}
.sidebar-dark-dark-gray .nav-sidebar .nav-link.active,
.sidebar-light-dark-gray .nav-sidebar .nav-link.active {
    background-color: #414141 !important;
    color: #ffffff !important;
}
.sidebar-dark-dark-gray .nav-sidebar .nav-link:hover,
.sidebar-light-dark-gray .nav-sidebar .nav-link:hover {
    background-color: #4f4f4f !important;
    color: #ffffff !important;
}

/* 4. MEDIUM BLUE #006192 */
.bg-medium-blue {
    background-color: #006192 !important;
    color: #ffffff !important;
}
.navbar-medium-blue {
    background-color: #006192 !important;
    color: #ffffff !important;
}
.navbar-medium-blue .nav-link,
.navbar-medium-blue .navbar-brand {
    color: #ffffff !important;
}
.bg-medium-blue.btn:hover {
    border-color: #004d73;
    color: #ececec;
}
.bg-medium-blue.btn:active,
.bg-medium-blue.btn.active {
    background-color: #004d73 !important;
    color: #ffffff;
}
.sidebar-dark-medium-blue .nav-sidebar .nav-link.active,
.sidebar-light-medium-blue .nav-sidebar .nav-link.active {
    background-color: #006192 !important;
    color: #ffffff !important;
}
.sidebar-dark-medium-blue .nav-sidebar .nav-link:hover,
.sidebar-light-medium-blue .nav-sidebar .nav-link:hover {
    background-color: #0075b0 !important;
    color: #ffffff !important;
}

/* 5. LIGHT BLUE #007ab3 */
.bg-light-blue-custom {
    background-color: #007ab3 !important;
    color: #ffffff !important;
}
.navbar-light-blue-custom {
    background-color: #007ab3 !important;
    color: #ffffff !important;
}
.navbar-light-blue-custom .nav-link,
.navbar-light-blue-custom .navbar-brand {
    color: #ffffff !important;
}
.bg-light-blue-custom.btn:hover {
    border-color: #006192;
    color: #ececec;
}
.bg-light-blue-custom.btn:active,
.bg-light-blue-custom.btn.active {
    background-color: #006192 !important;
    color: #ffffff;
}
.sidebar-dark-light-blue-custom .nav-sidebar .nav-link.active,
.sidebar-light-light-blue-custom .nav-sidebar .nav-link.active {
    background-color: #007ab3 !important;
    color: #ffffff !important;
}
.sidebar-dark-light-blue-custom .nav-sidebar .nav-link:hover,
.sidebar-light-light-blue-custom .nav-sidebar .nav-link:hover {
    background-color: #0093d4 !important;
    color: #ffffff !important;
}

/* 6. NAVY BLUE #122654 */
.bg-navy-blue {
    background-color: #122654 !important;
    color: #ffffff !important;
}
.navbar-navy-blue {
    background-color: #122654 !important;
    color: #ffffff !important;
}
.navbar-navy-blue .nav-link,
.navbar-navy-blue .navbar-brand {
    color: #ffffff !important;
}
.bg-navy-blue.btn:hover {
    border-color: #0d1a3d;
    color: #ececec;
}
.bg-navy-blue.btn:active,
.bg-navy-blue.btn.active {
    background-color: #0d1a3d !important;
    color: #ffffff;
}
.sidebar-dark-navy-blue .nav-sidebar .nav-link.active,
.sidebar-light-navy-blue .nav-sidebar .nav-link.active {
    background-color: #122654 !important;
    color: #ffffff !important;
}
.sidebar-dark-navy-blue .nav-sidebar .nav-link:hover,
.sidebar-light-navy-blue .nav-sidebar .nav-link:hover {
    background-color: #17326b !important;
    color: #ffffff !important;
}

/* 7. SKY BLUE #13a0d3 */
.bg-sky-blue {
    background-color: #13a0d3 !important;
    color: #ffffff !important;
}
.navbar-sky-blue {
    background-color: #13a0d3 !important;
    color: #ffffff !important;
}
.navbar-sky-blue .nav-link,
.navbar-sky-blue .navbar-brand {
    color: #ffffff !important;
}
.bg-sky-blue.btn:hover {
    border-color: #1088b8;
    color: #ececec;
}
.bg-sky-blue.btn:active,
.bg-sky-blue.btn.active {
    background-color: #1088b8 !important;
    color: #ffffff;
}
.sidebar-dark-sky-blue .nav-sidebar .nav-link.active,
.sidebar-light-sky-blue .nav-sidebar .nav-link.active {
    background-color: #13a0d3 !important;
    color: #ffffff !important;
}
.sidebar-dark-sky-blue .nav-sidebar .nav-link:hover,
.sidebar-light-sky-blue .nav-sidebar .nav-link:hover {
    background-color: #16b8ee !important;
    color: #ffffff !important;
}

/* 8. PALE BLUE #dfeff2 */
.bg-pale-blue {
    background-color: #dfeff2 !important;
    color: #000000 !important;
}
.navbar-pale-blue {
    background-color: #dfeff2 !important;
    color: #000000 !important;
}
.navbar-pale-blue .nav-link,
.navbar-pale-blue .navbar-brand {
    color: #000000 !important;
}
.bg-pale-blue.btn:hover {
    border-color: #c8e4e9;
    color: #333333;
}
.bg-pale-blue.btn:active,
.bg-pale-blue.btn.active {
    background-color: #c8e4e9 !important;
    color: #000000;
}
.sidebar-dark-pale-blue .nav-sidebar .nav-link.active,
.sidebar-light-pale-blue .nav-sidebar .nav-link.active {
    background-color: #dfeff2 !important;
    color: #000000 !important;
}
.sidebar-dark-pale-blue .nav-sidebar .nav-link:hover,
.sidebar-light-pale-blue .nav-sidebar .nav-link:hover {
    background-color: #cce8ed !important;
    color: #000000 !important;
}

/* 9. TEAL GREEN #00908d */
.bg-teal-green {
    background-color: #00908d !important;
    color: #ffffff !important;
}
.navbar-teal-green {
    background-color: #00908d !important;
    color: #ffffff !important;
}
.navbar-teal-green .nav-link,
.navbar-teal-green .navbar-brand {
    color: #ffffff !important;
}
.bg-teal-green.btn:hover {
    border-color: #007371;
    color: #ececec;
}
.bg-teal-green.btn:active,
.bg-teal-green.btn.active {
    background-color: #007371 !important;
    color: #ffffff;
}
.sidebar-dark-teal-green .nav-sidebar .nav-link.active,
.sidebar-light-teal-green .nav-sidebar .nav-link.active {
    background-color: #00908d !important;
    color: #ffffff !important;
}
.sidebar-dark-teal-green .nav-sidebar .nav-link:hover,
.sidebar-light-teal-green .nav-sidebar .nav-link:hover {
    background-color: #00ada9 !important;
    color: #ffffff !important;
}

/* 10. LIGHT GREEN #5fcd8a */
.bg-light-green-custom {
    background-color: #5fcd8a !important;
    color: #ffffff !important;
}
.navbar-light-green-custom {
    background-color: #5fcd8a !important;
    color: #ffffff !important;
}
.navbar-light-green-custom .nav-link,
.navbar-light-green-custom .navbar-brand {
    color: #ffffff !important;
}
.bg-light-green-custom.btn:hover {
    border-color: #4ab873;
    color: #ececec;
}
.bg-light-green-custom.btn:active,
.bg-light-green-custom.btn.active {
    background-color: #4ab873 !important;
    color: #ffffff;
}
.sidebar-dark-light-green-custom .nav-sidebar .nav-link.active,
.sidebar-light-light-green-custom .nav-sidebar .nav-link.active {
    background-color: #5fcd8a !important;
    color: #ffffff !important;
}
.sidebar-dark-light-green-custom .nav-sidebar .nav-link:hover,
.sidebar-light-light-green-custom .nav-sidebar .nav-link:hover {
    background-color: #74e2a1 !important;
    color: #ffffff !important;
}

/* 11. MAGENTA #a6276f */
.bg-magenta {
    background-color: #a6276f !important;
    color: #ffffff !important;
}
.navbar-magenta {
    background-color: #a6276f !important;
    color: #ffffff !important;
}
.navbar-magenta .nav-link,
.navbar-magenta .navbar-brand {
    color: #ffffff !important;
}
.bg-magenta.btn:hover {
    border-color: #881f5a;
    color: #ececec;
}
.bg-magenta.btn:active,
.bg-magenta.btn.active {
    background-color: #881f5a !important;
    color: #ffffff;
}
.sidebar-dark-magenta .nav-sidebar .nav-link.active,
.sidebar-light-magenta .nav-sidebar .nav-link.active {
    background-color: #a6276f !important;
    color: #ffffff !important;
}
.sidebar-dark-magenta .nav-sidebar .nav-link:hover,
.sidebar-light-magenta .nav-sidebar .nav-link:hover {
    background-color: #c42f84 !important;
    color: #ffffff !important;
}

/* 12. HOT PINK #f62459 */
.bg-hot-pink {
    background-color: #f62459 !important;
    color: #ffffff !important;
}
.navbar-hot-pink {
    background-color: #f62459 !important;
    color: #ffffff !important;
}
.navbar-hot-pink .nav-link,
.navbar-hot-pink .navbar-brand {
    color: #ffffff !important;
}
.bg-hot-pink.btn:hover {
    border-color: #d41042;
    color: #ececec;
}
.bg-hot-pink.btn:active,
.bg-hot-pink.btn.active {
    background-color: #d41042 !important;
    color: #ffffff;
}
.sidebar-dark-hot-pink .nav-sidebar .nav-link.active,
.sidebar-light-hot-pink .nav-sidebar .nav-link.active {
    background-color: #f62459 !important;
    color: #ffffff !important;
}
.sidebar-dark-hot-pink .nav-sidebar .nav-link:hover,
.sidebar-light-hot-pink .nav-sidebar .nav-link:hover {
    background-color: #f83870 !important;
    color: #ffffff !important;
}

/* 13. BRIGHT RED #e2001a */
.bg-bright-red {
    background-color: #e2001a !important;
    color: #ffffff !important;
}
.navbar-bright-red {
    background-color: #e2001a !important;
    color: #ffffff !important;
}
.navbar-bright-red .nav-link,
.navbar-bright-red .navbar-brand {
    color: #ffffff !important;
}
.bg-bright-red.btn:hover {
    border-color: #b80015;
    color: #ececec;
}
.bg-bright-red.btn:active,
.bg-bright-red.btn.active {
    background-color: #b80015 !important;
    color: #ffffff;
}
.sidebar-dark-bright-red .nav-sidebar .nav-link.active,
.sidebar-light-bright-red .nav-sidebar .nav-link.active {
    background-color: #e2001a !important;
    color: #ffffff !important;
}
.sidebar-dark-bright-red .nav-sidebar .nav-link:hover,
.sidebar-light-bright-red .nav-sidebar .nav-link:hover {
    background-color: #ff0020 !important;
    color: #ffffff !important;
}

/* 14. BRIGHT ORANGE #f86200 */
.bg-bright-orange {
    background-color: #f86200 !important;
    color: #ffffff !important;
}
.navbar-bright-orange {
    background-color: #f86200 !important;
    color: #ffffff !important;
}
.navbar-bright-orange .nav-link,
.navbar-bright-orange .navbar-brand {
    color: #ffffff !important;
}
.bg-bright-orange.btn:hover {
    border-color: #d45400;
    color: #ececec;
}
.bg-bright-orange.btn:active,
.bg-bright-orange.btn.active {
    background-color: #d45400 !important;
    color: #ffffff;
}
.sidebar-dark-bright-orange .nav-sidebar .nav-link.active,
.sidebar-light-bright-orange .nav-sidebar .nav-link.active {
    background-color: #f86200 !important;
    color: #ffffff !important;
}
.sidebar-dark-bright-orange .nav-sidebar .nav-link:hover,
.sidebar-light-bright-orange .nav-sidebar .nav-link:hover {
    background-color: #ff7019 !important;
    color: #ffffff !important;
}

/* 15. GOLD #fab600 */
.bg-gold {
    background-color: #fab600 !important;
    color: #000000 !important;
}
.navbar-gold {
    background-color: #fab600 !important;
    color: #000000 !important;
}
.navbar-gold .nav-link,
.navbar-gold .navbar-brand {
    color: #000000 !important;
}
.bg-gold.btn:hover {
    border-color: #d69a00;
    color: #333333;
}
.bg-gold.btn:active,
.bg-gold.btn.active {
    background-color: #d69a00 !important;
    color: #000000;
}
.sidebar-dark-gold .nav-sidebar .nav-link.active,
.sidebar-light-gold .nav-sidebar .nav-link.active {
    background-color: #fab600 !important;
    color: #000000 !important;
}
.sidebar-dark-gold .nav-sidebar .nav-link:hover,
.sidebar-light-gold .nav-sidebar .nav-link:hover {
    background-color: #ffc419 !important;
    color: #000000 !important;
}