@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Open+Sans:wght@400;600&display=swap');

html, body, #body {
    background-image: url("https://i.ibb.co/6ndf09g6/wolvden-christmas-bg.jpg") !important;
    background-position: center center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    font-family: 'Open Sans', sans-serif !important;
    color: #2c3e29 !important;
}

#main, #sidebar, #fra_chatContainer, .card, .table, .bg-light, #main .card {
    background-color: rgba(249, 246, 240, 0.88) !important;
    border: 2px solid #d4af37 !important;
    border-radius: 8px !important;
}

h1, h2, h3, h4, h5, h6, .table th, .card-header, #lblPackLeaderTitle, .breadcrumb-item.active {
    font-family: 'Great Vibes', cursive !important;
    font-size: 36px !important;
    color: #8b1e0f !important;
    text-shadow: 1px 1px 2px rgba(212, 175, 55, 0.6) !important;
    text-align: center !important;
}

.table th, .table th a {
    background-color: #2c3e29 !important;
    color: #d4af37 !important;
    font-size: 24px !important;
}

a, .nav-tabs .nav-link {
    color: #8b1e0f !important;
    font-weight: bold !important;
}
a:hover, .nav-tabs .nav-link:hover {
    color: #d4af37 !important;
    text-decoration: none !important;
}

#header .navbar-main, #footer, .navbar-status {
    background-color: #2c3e29 !important;
    border-bottom: 3px solid #d4af37 !important;
}
#header .navbar-main .nav-link, #footer a, #footer .copyright {
    color: #f9f6f0 !important;
}

.navbar-status, .navbar-status a {
    background-color: #8b1e0f !important;
    color: #f9f6f0 !important;
}

.progress { background: rgba(0, 0, 0, 0.2) !important; }
.bg-warning, #main .bg-success { background-color: #c9a63b !important; } 
#sidebar .bg-danger, .bg-primary { background-color: #a63a2b !important; } 
#sidebar .bg-success { background-color: #426b42 !important; }