/*------------------------------------
- COLOR gold
------------------------------------*/
.alert-gold {
    color: #846f00;
    background-color: #fff7cc;
    border-color: #fff3b7;
}

    .alert-gold hr {
        border-top-color: #ffef9e;
    }

    .alert-gold .alert-link {
        color: #514400;
    }

.badge-gold {
    color: #212529;
    background-color: #ffd700;
}

    .badge-gold[href]:hover, .badge-gold[href]:focus {
        color: #212529;
        background-color: #ccac00;
    }

.bg-gold {
    background-color: #ffd700 !important;
}

a.bg-gold:hover, a.bg-gold:focus,
button.bg-gold:hover,
button.bg-gold:focus {
    background-color: #ccac00 !important;
}

.border-gold {
    border-color: #ffd700 !important;
}

.btn-gold {
    color: blue;    /* #212529; */
    background-color: #ffd700;
    border-color: #ffd700;
}

    .btn-gold:hover {
        color: #ffd700;
        background-color: blue; /* #dbb800 */
        border-color: #ffd700;
    }

    .btn-gold:focus, .btn-gold.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.5);
    }

    .btn-gold.disabled, .btn-gold:disabled {
        color: #212529;
        background-color: #ffd700;
        border-color: #ffd700;
    }

    .btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle {
        color: #212529;
        background-color: #ccac00;
        border-color: #bc9f00;
    }

        .btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.5);
        }

.btn-outline-gold {
    color: #ffd700;
    background-color: transparent;
    border-color: #ffd700;
}

    .btn-outline-gold:hover {
        color: #212529;
        background-color: #ffd700;
        border-color: #ffd700;
    }

    .btn-outline-gold:focus, .btn-outline-gold.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.5);
    }

    .btn-outline-gold.disabled, .btn-outline-gold:disabled {
        color: #ffd700;
        background-color: transparent;
    }

    .btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle {
        color: #212529;
        background-color: #ffd700;
        border-color: #ffd700;
    }

        .btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.5);
        }

.list-group-item-gold {
    color: #846f00;
    background-color: #fff3b7;
}

    .list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus {
        color: #846f00;
        background-color: #ffef9e;
    }

    .list-group-item-gold.list-group-item-action.active {
        color: #212529;
        background-color: #846f00;
        border-color: #846f00;
    }

.table-gold,
.table-gold > th,
.table-gold > td {
    background-color: #fff3b7;
}

.table-hover .table-gold:hover {
    background-color: #ffef9e;
}

    .table-hover .table-gold:hover > td,
    .table-hover .table-gold:hover > th {
        background-color: #ffef9e;
    }

.text-gold {
    color: #ffd700 !important;
}

a.text-gold:hover, a.text-gold:focus {
    color: #ccac00 !important;
}



/*------------------------------------
- COLOR blue
------------------------------------*/
.alert-blue {
    color: #000084;
    background-color: #ccccff;
    border-color: #b7b7ff;
}

    .alert-blue hr {
        border-top-color: #9e9eff;
    }

    .alert-blue .alert-link {
        color: #000051;
    }

.badge-blue {
    color: #fff;
    background-color: #0000ff;
}

    .badge-blue[href]:hover, .badge-blue[href]:focus {
        color: #fff;
        background-color: #0000cc;
    }

.bg-blue {
    background-color: #0000ff !important;
}

a.bg-blue:hover, a.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:focus {
    background-color: #0000cc !important;
}

.border-blue {
    border-color: #0000ff !important;
}

.btn-blue {
    color: #fff;
    background-color: #0000ff;
    border-color: #0000ff;
}

    .btn-blue:hover {
        color: #fff;
        background-color: #0000db;
        border-color: #0000cc;
    }

    .btn-blue:focus, .btn-blue.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 0, 255, 0.5);
    }

    .btn-blue.disabled, .btn-blue:disabled {
        color: #fff;
        background-color: #0000ff;
        border-color: #0000ff;
    }

    .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active, .show > .btn-blue.dropdown-toggle {
        color: #fff;
        background-color: #0000cc;
        border-color: #0000bc;
    }

        .btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus, .show > .btn-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 0, 255, 0.5);
        }

.btn-outline-blue {
    color: #0000ff;
    background-color: transparent;
    border-color: #0000ff;
}

    .btn-outline-blue:hover {
        color: #fff;
        background-color: #0000ff;
        border-color: #0000ff;
    }

    .btn-outline-blue:focus, .btn-outline-blue.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 0, 255, 0.5);
    }

    .btn-outline-blue.disabled, .btn-outline-blue:disabled {
        color: #0000ff;
        background-color: transparent;
    }

    .btn-outline-blue:not(:disabled):not(.disabled):active, .btn-outline-blue:not(:disabled):not(.disabled).active, .show > .btn-outline-blue.dropdown-toggle {
        color: #fff;
        background-color: #0000ff;
        border-color: #0000ff;
    }

        .btn-outline-blue:not(:disabled):not(.disabled):active:focus, .btn-outline-blue:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 0, 255, 0.5);
        }

.list-group-item-blue {
    color: #000084;
    background-color: #b7b7ff;
}

    .list-group-item-blue.list-group-item-action:hover, .list-group-item-blue.list-group-item-action:focus {
        color: #000084;
        background-color: #9e9eff;
    }

    .list-group-item-blue.list-group-item-action.active {
        color: #fff;
        background-color: #000084;
        border-color: #000084;
    }

.table-blue,
.table-blue > th,
.table-blue > td {
    background-color: #b7b7ff;
}

.table-hover .table-blue:hover {
    background-color: #9e9eff;
}

    .table-hover .table-blue:hover > td,
    .table-hover .table-blue:hover > th {
        background-color: #9e9eff;
    }

.text-blue {
    color: #0000ff !important;
}

a.text-blue:hover, a.text-blue:focus {
    color: #FF00cc !important;
}