@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*

#8E672C

*/
:root {
    /* --bs-dark-rgb: rgb(122, 42, 31); */
    --bs-primary: #7a2a1f;
    --bs-secondary: #8E672C;
    /* --bs-success-rgb: 122, 42, 31; */
    --bs-link-color: #333333;
    --bs-link-hover-color: #8E672C;

}

body * {
    font-family: 'Poppins', sans-serif;
}

#main {
    padding-top: 10px;
}

.bg-dark {
    /* --bs-bg-opacity: 1; */
    background-color: #7a2a1f !important;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary); 
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--bs-primary);
}

.nav-pills {
    --bs-nav-pills-border-radius: 0.375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--bs-primary);
}

.progress-bar {
    height: 40px;
}
.progress {
    height: 40px;
}

@media print {

    .hide-print {
        display:none;
    }
    .progress-bar {
        border: 1px solid #198754;
        color: #198754;
        /* Add a border instead of relying on background color */
        background-color: transparent !important;
        /* Ensure background color isn't printed */
    }

    .progress {
        color: #198754;
        border: 1px solid #198754;
        /* Add a border to the outer container */
    }
}