/* RedEye Dynamic Theme CSS - Generated on demand */

:root {
    --primary-color: #1a1a1a;
    --secondary-color: #2d2d2d;
    --accent-color: #cc0000;
    --background-color: #0f0f0f;
    --container-bg: #1a1a1a;
    --footer-bg: #0a0a0a;
    --text-primary: #ffffff;
    --text-secondary: #cccccc;
    --link-color: #cc0000;
    --link-hover: #ff3333;
    --navbar-bg: #121212;
    --navbar-link: #cc0000;
    --navbar-link-hover: #ff3333;
}

/* Body and Background */
body {
    background-color: #0f0f0f;
    color: #ffffff;
    background-image: url('/templates/RedEye/img/background1.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

@media (min-width: 2000px) {
    body {
        background-image: url('/templates/RedEye/img/background1.jpg');
    }
}

/* Links */
a {
    color: #cc0000;
    transition: color 0.3s;
}

a:hover {
    color: #ff3333;
}

/* Navbar */
.navbar, .navbar-default {
    background-color: #121212;
    border-color: #121212;
}

.navbar-default .navbar-nav > li > a {
    color: #cc0000;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #ff3333;
}

/* Container */
.container {
    background-color: #1a1a1a;
}

/* Footer */
.footer-container {
    background-color: #0a0a0a;
    color: #cccccc;
}

.footer-container a {
    color: #cccccc;
}

/* Header Info */
.topbar {
    background-color: #0d0d0d;
    color: #cc0000;
}

.header-info {
    background-color: #000000;
    color: #ffffff;
}

/* Online Bar */
.online-bar {
    background-color: #1a1a1a;
}

.online-bar-progress, .webengine-online-bar-progress {
    background-color: #cc0000;
}

/* Accent Elements */
.badge, .label, .btn-primary {
    background-color: #cc0000;
}

.btn-primary:hover {
    background-color: #ff3333;
}

/* Panels */
.panel-heading {
    background-color: #2d2d2d;
    color: #ffffff;
}

.well {
    background-color: #1a1a1a;
    color: #ffffff;
    border-color: #cc0000;
}

/* Tables */
table {
    color: #ffffff;
}

table thead th {
    background-color: #2d2d2d;
    color: #ffffff;
}

/* Forms */
.form-control, input, textarea, select {
    background-color: #2d2d2d;
    color: #ffffff;
    border-color: #cc0000;
}

/* End of RedEye Dynamic CSS */
