/*!
 * TAU-CET 60-30-10 Color Rule - Part 2
 * Additional styling components
 */

/* ============================================
   CARD HEADERS & BORDERS
   ============================================ */

.card .card-header {
    background-color: #1a472a !important;
    color: #ffffff !important;
    border-bottom: 2px solid #c9a227 !important;
}

.card .card-header h6,
.card .card-header h5,
.card .card-header h4 {
    color: #ffffff !important;
}

.card.border-left-primary,
.card.border-left-gold {
    border-left: 4px solid #c9a227 !important;
}

.card.border-left-success,
.card.border-left-green {
    border-left: 4px solid #1a472a !important;
}

/* ============================================
   TEXT & BACKGROUND COLORS
   ============================================ */

.text-primary,
.text-green,
.text-success {
    color: #1a472a !important;
}

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

.bg-primary,
.bg-green {
    background-color: #1a472a !important;
}

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

/* ============================================
   BADGES & PROGRESS
   ============================================ */

.badge-primary,
.badge-gold {
    background-color: #c9a227 !important;
    color: #0f2d1a !important;
}

.badge-success {
    background-color: #1a472a !important;
    color: #ffffff !important;
}

.progress {
    background-color: rgba(26, 71, 42, 0.1) !important;
}

.progress-bar {
    background-color: #c9a227 !important;
}

/* ============================================
   LINKS & NAVIGATION
   ============================================ */

a {
    color: #1a472a !important;
}

a:hover {
    color: #c9a227 !important;
}

.nav-tabs .nav-link.active {
    background-color: #1a472a !important;
    color: #ffffff !important;
    border-color: #1a472a !important;
}

.nav-pills .nav-link.active {
    background-color: #c9a227 !important;
    color: #0f2d1a !important;
}

/* ============================================
   TABLES
   ============================================ */

.table thead th {
    background-color: #1a472a !important;
    color: #ffffff !important;
    border-color: #0f2d1a !important;
}

.table tbody tr:hover {
    background-color: rgba(26, 71, 42, 0.05) !important;
}

/* ============================================
   PAGINATION
   ============================================ */

.pagination .page-item.active .page-link {
    background-color: #c9a227 !important;
    border-color: #c9a227 !important;
    color: #0f2d1a !important;
}

.pagination .page-item .page-link {
    color: #1a472a !important;
}

.pagination .page-item .page-link:hover {
    background-color: rgba(26, 71, 42, 0.05) !important;
}

/* ============================================
   FORMS & INPUTS
   ============================================ */

.form-control:focus {
    border-color: #c9a227 !important;
    box-shadow: 0 0 0 0.2rem rgba(201, 162, 39, 0.25) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #1a472a !important;
    border-color: #1a472a !important;
}

/* ============================================
   DROPDOWNS & MENUS
   ============================================ */

.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item.active {
    background-color: #1a472a !important;
    color: #ffffff !important;
}

.dropdown-menu .dropdown-item:hover {
    background-color: rgba(26, 71, 42, 0.05) !important;
}

/* ============================================
   BREADCRUMB
   ============================================ */

.breadcrumb {
    background-color: #f8f9fc !important;
}

.breadcrumb .breadcrumb-item.active {
    color: #1a472a !important;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: #c9a227 !important;
}

/* ============================================
   LIST GROUPS
   ============================================ */

.list-group-item.active {
    background-color: #1a472a !important;
    border-color: #1a472a !important;
    color: #ffffff !important;
}

/* ============================================
   MODALS
   ============================================ */

.modal .modal-header {
    background-color: #1a472a !important;
    color: #ffffff !important;
}

.modal .modal-header .close {
    color: #ffffff !important;
}

.modal .modal-footer {
    background-color: #f8f9fc !important;
}

/* ============================================
   FOOTER & SCROLL TO TOP
   ============================================ */

.sticky-footer {
    background-color: #ffffff !important;
    border-top: 1px solid #e3e6f0 !important;
}

.sticky-footer .copyright {
    color: #1a472a !important;
}

.scroll-to-top {
    background-color: #c9a227 !important;
    color: #0f2d1a !important;
}

.scroll-to-top:hover,
.scroll-to-top:focus {
    background-color: #a68520 !important;
    color: #ffffff !important;
}

/* ============================================
   ALERTS
   ============================================ */

.alert-primary {
    background-color: rgba(26, 71, 42, 0.1) !important;
    border-color: rgba(26, 71, 42, 0.2) !important;
    color: #0f2d1a !important;
}

.alert-gold {
    background-color: rgba(201, 162, 39, 0.1) !important;
    border-color: rgba(201, 162, 39, 0.2) !important;
    color: #0f2d1a !important;
}

/* ============================================
   BORDERS
   ============================================ */

.border-left-primary,
.border-left-gold {
    border-left: 4px solid #c9a227 !important;
}

.border-left-success,
.border-left-green {
    border-left: 4px solid #1a472a !important;
}

.border-primary {
    border-color: #1a472a !important;
}

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