:root {
    --bankora-green: #007a53;
    --bankora-green-dark: #006241;
    --bankora-gold: #d4af37;
    --bankora-gold-dark: #a97912;
    --bankora-gold-soft: #fff7dc;
}

.text-danger,
.text-red,
.invalid-feedback,
.error {
    color: var(--bankora-gold-dark) !important;
}

.bg-danger,
.badge-danger,
.btn-danger,
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.alert-danger,
.swal2-icon.swal2-error,
.dropdown-item.active,
.dropdown-item:active,
.page-item.active .page-link {
    background-color: var(--bankora-gold) !important;
    border-color: var(--bankora-gold) !important;
    color: #1f1600 !important;
}

.btn-outline-danger {
    color: var(--bankora-gold-dark) !important;
    border-color: var(--bankora-gold) !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background-color: var(--bankora-gold-dark) !important;
    border-color: var(--bankora-gold-dark) !important;
    color: #fff !important;
}

.alert-danger {
    background-color: var(--bankora-gold-soft) !important;
    border-color: var(--bankora-gold) !important;
    color: #4a3400 !important;
}

.border-danger {
    border-color: var(--bankora-gold) !important;
}

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: var(--bankora-gold-soft) !important;
    color: #4a3400 !important;
}

a.text-danger:hover,
a.text-red:hover {
    color: var(--bankora-gold-dark) !important;
}

.horizontal-menu li.active > a,
.horizontal-menu li a:hover,
.horizontal-menu .dropdown-menu a:hover,
.metismenu li.active > a,
.metismenu a:hover {
    background-color: var(--bankora-gold) !important;
    color: #1f1600 !important;
}

.form-control:focus,
.custom-select:focus,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default .select2-selection--single:focus {
    border-color: var(--bankora-gold) !important;
    box-shadow: 0 0 0 0.15rem rgba(212, 175, 55, 0.22) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--bankora-gold) !important;
    border-color: var(--bankora-gold) !important;
    color: #1f1600 !important;
}

button[style*="red"],
span[style*="red"],
div[style*="red"],
a[style*="red"],
button[style*="#dc3545"],
span[style*="#dc3545"],
div[style*="#dc3545"],
a[style*="#dc3545"],
button[style*="#e3342f"],
span[style*="#e3342f"],
div[style*="#e3342f"],
a[style*="#e3342f"],
button[style*="#f44336"],
span[style*="#f44336"],
div[style*="#f44336"],
a[style*="#f44336"] {
    color: var(--bankora-gold-dark) !important;
}

button[style*="background: red"],
button[style*="background-color: red"],
span[style*="background: red"],
span[style*="background-color: red"],
div[style*="background: red"],
div[style*="background-color: red"],
a[style*="background: red"],
a[style*="background-color: red"],
button[style*="background: #dc3545"],
button[style*="background-color: #dc3545"],
span[style*="background: #dc3545"],
span[style*="background-color: #dc3545"],
div[style*="background: #dc3545"],
div[style*="background-color: #dc3545"],
a[style*="background: #dc3545"],
a[style*="background-color: #dc3545"] {
    background: var(--bankora-gold) !important;
    background-color: var(--bankora-gold) !important;
    color: #1f1600 !important;
}

button[style*="border-color: #dc3545"],
span[style*="border-color: #dc3545"],
div[style*="border-color: #dc3545"],
a[style*="border-color: #dc3545"] {
    border-color: var(--bankora-gold) !important;
}
