:root {
    color-scheme: light dark;
    --footer-background-color: (#e6e4e4, #343a40);
    --jdratotalscore-background: (#ffffff, #000000);
    --jdratotalscore-background-color: (#fffaf0, #f0f5ff);
    --inputreadonly-background-color: (#dddddd, #222222);
    --inputreadonly-background-color-focus: (#eeeeee, #111111);
}

html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1 0 auto;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}

    .blockquote-footer::before {
        content: "\2014\00A0";
    }

.footer {
    flex-shrink: 0;
    background-color: var(--footer-background-color)
}

.inputreadonly {
    background-color: var(--inputreadonly-background-color);
}

    .inputreadonly:focus {
        background-color: var(--inputreadonly-background-color-focus);
    }

.jdratotalscore {
    background: var(--jdratotalscore-background);
    background-color: var(--jdratotalscore-background-color);
    border: 10px solid;
    border-radius: 5px;
    padding: 20px;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    font-family: 'Karla', 'Open Sans', Arial, Helvetica, sans-serif;
}

    .nav-link:hover, .nav-link:focus {
        text-decoration: none;
    }

/* Back to Top */
.backToTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 999;
    cursor: pointer;
}

/* Print Styles */
@media print {

    header h1 {
        font-size: 1.5em;
    }

    #reportPrint #reportContainer {
        min-width: 100%;
        flex: 100%;
    }

    #reportPrint .card {
        border: 0px;
    }

    #reportPrint .card-body {
        padding: 0 0;
    }

    .noprint {
        display: none;
    }
}

.color-modal-muted-body {
    background-color: #EBEBEB;
}

.color-modal-muted-header {
    background-color: #ABBAEA;
}

.imageThumbnail {
    height: 64px;
    width: auto;
}

.imageLarger {
    height: 128px;
    width: auto;
}

.invert {
    filter: invert(100%);
}

/* Buttons */
.btn-primary {
    color: #FFF;
    background-color: #9E9CAC;
    border-color: #9E9CAC;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #8a879b;
        border-color: #838095;
    }

    .btn-check:focus + .btn-primary, .btn-primary:focus {
        color: #fff;
        background-color: #8a879b;
        border-color: #838095;
        box-shadow: 0 0 0 0.2rem rgba(139, 138, 152, 0.5);
    }

    .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #838095;
        border-color: #7c798f;
    }

        .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(139, 138, 152, 0.5);
        }

    .btn-primary:disabled, .btn-primary.disabled {
        color: #212529;
        background-color: #9E9CAC;
        border-color: #9E9CAC;
    }

.btn-secondary {
    color: #FFF;
    background-color: #CEC15A;
    border-color: #CEC15A;
}

    .btn-secondary:hover {
        color: #212529;
        background-color: #c5b63d;
        border-color: #bdae38;
    }

    .btn-check:focus + .btn-secondary, .btn-secondary:focus {
        color: #212529;
        background-color: #c5b63d;
        border-color: #bdae38;
        box-shadow: 0 0 0 0.2rem rgba(180, 170, 83, 0.5);
    }

    .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
        color: #212529;
        background-color: #bdae38;
        border-color: #b3a535;
    }

        .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(180, 170, 83, 0.5);
        }

    .btn-secondary:disabled, .btn-secondary.disabled {
        color: #212529;
        background-color: #CEC15A;
        border-color: #CEC15A;
    }

.btn-success {
    color: #fff;
    background-color: #65A96C;
    border-color: #65A96C;
}

    .btn-success:hover {
        color: #fff;
        background-color: #53955a;
        border-color: #4e8d55;
    }

    .btn-check:focus + .btn-success, .btn-success:focus {
        color: #fff;
        background-color: #53955a;
        border-color: #4e8d55;
        box-shadow: 0 0 0 0.2rem rgba(124, 182, 130, 0.5);
    }

    .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #4e8d55;
        border-color: #4a8450;
    }

        .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(124, 182, 130, 0.5);
        }

    .btn-success:disabled, .btn-success.disabled {
        color: #fff;
        background-color: #65A96C;
        border-color: #65A96C;
    }

.btn-info {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn-info:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

    .btn-check:focus + .btn-info, .btn-info:focus {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }

    .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }

        .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
        }

    .btn-info:disabled, .btn-info.disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

.btn-warning {
    color: #FFF;
    background-color: #E29934;
    border-color: #E29934;
}

    .btn-warning:hover {
        color: #fff;
        background-color: #d2861e;
        border-color: #c77f1c;
    }

    .btn-check:focus + .btn-warning, .btn-warning:focus {
        color: #fff;
        background-color: #d2861e;
        border-color: #c77f1c;
        box-shadow: 0 0 0 0.2rem rgba(197, 136, 50, 0.5);
    }

    .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #c77f1c;
        border-color: #bb781b;
    }

        .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(197, 136, 50, 0.5);
        }

    .btn-warning:disabled, .btn-warning.disabled {
        color: #212529;
        background-color: #E29934;
        border-color: #E29934
    }

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
    }

    .btn-check:focus + .btn-danger, .btn-danger:focus {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
        box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
    }

    .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d;
    }

        .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
        }

    .btn-danger:disabled, .btn-danger.disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

    .btn-check:focus + .btn-light, .btn-light:focus {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
        box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
    }

    .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df;
    }

        .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
        }

    .btn-light:disabled, .btn-light.disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

.btn-dark {
    color: #fff;
    background-color: #3F3E49;
    border-color: #3F3E49;
}

    .btn-dark:hover {
        color: #fff;
        background-color: #2d2c34;
        border-color: #27272d;
    }

    .btn-check:focus + .btn-dark, .btn-dark:focus {
        color: #fff;
        background-color: #2d2c34;
        border-color: #27272d;
        box-shadow: 0 0 0 0.2rem rgba(92, 91, 100, 0.5);
    }

    .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #27272d;
        border-color: #212127;
    }

        .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(92, 91, 100, 0.5);
        }

    .btn-dark:disabled, .btn-dark.disabled {
        color: #fff;
        background-color: #3F3E49;
        border-color: #3F3E49;
    }

.btn-outline-primary {
    color: #9E9CAC;
    border-color: #9E9CAC;
}

    .btn-outline-primary:hover {
        color: #212529;
        background-color: #9E9CAC;
        border-color: #9E9CAC;
    }

    .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(158, 156, 172, 0.5);
    }

    .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
        color: #212529;
        background-color: #9E9CAC;
        border-color: #9E9CAC;
    }

        .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.2rem rgba(158, 156, 172, 0.5);
        }

    .btn-outline-primary:disabled, .btn-outline-primary.disabled {
        color: #9E9CAC;
        background-color: transparent;
    }

.btn-outline-secondary {
    color: #CEC15A;
    border-color: #CEC15A;
}

    .btn-outline-secondary:hover {
        color: #212529;
        background-color: #CEC15A;
        border-color: #CEC15A;
    }

    .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
        box-shadow: 0 0 0 0.2rem rgba(206, 193, 90, 0.5);
    }

    .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
        color: #212529;
        background-color: #CEC15A;
        border-color: #CEC15A;
    }

        .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.2rem rgba(206, 193, 90, 0.5);
        }

    .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
        color: #CEC15A;
        background-color: transparent;
    }

.btn-outline-success {
    color: #65A96C;
    border-color: #65A96C;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #65A96C;
        border-color: #65A96C;
    }

    .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
        box-shadow: 0 0 0 0.2rem rgba(101, 169, 108, 0.5);
    }

    .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
        color: #fff;
        background-color: #65A96C;
        border-color: #65A96C;
    }

        .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.2rem rgba(101, 169, 108, 0.5);
        }

    .btn-outline-success:disabled, .btn-outline-success.disabled {
        color: #65A96C;
        background-color: transparent;
    }

.btn-outline-info {
    color: #6c757d;
    border-color: #6c757d;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    }

    .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

        .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
        }

    .btn-outline-info:disabled, .btn-outline-info.disabled {
        color: #6c757d;
        background-color: transparent;
    }

.btn-outline-warning {
    color: #E29934;
    border-color: #E29934;
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #E29934;
        border-color: #E29934;
    }

    .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
        box-shadow: 0 0 0 0.2rem rgba(226, 153, 52, 0.5);
    }

    .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
        color: #212529;
        background-color: #E29934;
        border-color: #E29934;
    }

        .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.2rem rgba(226, 153, 52, 0.5);
        }

    .btn-outline-warning:disabled, .btn-outline-warning.disabled {
        color: #E29934;
        background-color: transparent;
    }

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

    .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

        .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
        }

    .btn-outline-danger:disabled, .btn-outline-danger.disabled {
        color: #dc3545;
        background-color: transparent;
    }

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    }

    .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

        .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
        }

    .btn-outline-light:disabled, .btn-outline-light.disabled {
        color: #f8f9fa;
        background-color: transparent;
    }

.btn-outline-dark {
    color: #3F3E49;
    border-color: #3F3E49;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #3F3E49;
        border-color: #3F3E49;
    }

    .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
        box-shadow: 0 0 0 0.2rem rgba(63, 62, 73, 0.5);
    }

    .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
        color: #fff;
        background-color: #3F3E49;
        border-color: #3F3E49;
    }

        .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.2rem rgba(63, 62, 73, 0.5);
        }

    .btn-outline-dark:disabled, .btn-outline-dark.disabled {
        color: #3F3E49;
        background-color: transparent;
    }

.btn-link {
    font-weight: 400;
    color: #9E9CAC;
    text-decoration: none;
}

    .btn-link:hover {
        color: #757389;
        text-decoration: underline;
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6c757d;
        pointer-events: none;
    }

.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 0.5rem;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}
/* End Buttons */