html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

nav {
    background-color: black;
    height: 122px;
}

.logo {
    height: 122px;
    margin-left: 30px;
}

.nav-bar {
    background-color: black;
    color: white;
}

.btn-primary {
    background-color: #d66e20;
    border-color: #d66e20;
}

    .btn-primary:hover, .btn-primary:focus {
        background-color: #960019;
        border-color: #d66e20;
        box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
    }

a {
    color: #d66e20;
}

.nav-pills .nav-link.active {
    background-color: #d66e20;
}

.nav-pills .nav-link {
    color: #d66e20;
}

@media print {
    * {
    }

    html, body {
    }

    header {
        display: none;
        width: 0px;
        height: 0px;
        visibility: hidden;
    }

    body * {
        visibility: hidden; /* Hide everything initially */        
    }

    .print-section, .print-section * {
        visibility: visible; /* Show specific section */
        display: block;
    }

    .print-section {
        visibility: visible; /* Show specific section */
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto; /* Ensure content fits */
    }

    table {
        width: 100%; /* Ensure table fits within printable area */
        table-layout: fixed;
    }

    tr, td {
        padding: 1px;
    }

    /* Hide the print button and heading when printing */
    .no-print {
        visibility: hidden;
        display: none;
        height: 0px;
        width: 0px;
        padding: 0;
        margin: 0;
    }
}