/* Custom styles for BetterRetter Feedback Form */

/* Override Bootstrap primary color with green */
:root {
    --bs-primary: #198754;
    --bs-primary-rgb: 40, 167, 69;
}

.bg-primary {
    background-color: #198754 !important;
}

.btn-primary {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}

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

.text-primary {
    color: #198754 !important;
}

body {
    background-color: #f8f9fa;
    font-family: 'Arial', sans-serif;
}

.nav-container {
    background-color: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.nav-bar {
    padding: 10px 20px;
}

.module.left {
    float: left;
}

.card {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.card-header {
    font-weight: bold;
}

footer {
    margin-top: 50px;
}

footer a:hover {
    text-decoration: underline;
    color: #f8f9fa !important;
}

/* Form styles */
.form-check {
    margin-bottom: 10px;
}

.form-check-label {
    font-weight: normal;
}

/* Progress bar */
.progress {
    height: 25px;
    font-size: 14px;
    font-weight: bold;
}

/* Admin dashboard */
.card-title {
    font-size: 2rem;
    text-align: center;
}

/* Results table */
.table-responsive {
    max-height: 600px;
    overflow-y: auto;
}

.table th {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    z-index: 1;
}

/* Other input fields */
input[data-for] {
    display: none; /* Hidden by default */
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
}

/* Ensure other input fields are visible when shown */
input[data-for][style*="display: block"] {
    display: block !important;
}