:root {
    --high-contrast-bg: #000;
    --high-contrast-text: #fff;
    --high-contrast-link: #ff0;
    --high-contrast-btn-bg: #fff;
    --high-contrast-btn-text: #000;
    --high-contrast-alert-danger-bg: #ff0000;

}

body.high-contrast {
    background-color: var(--high-contrast-bg) !important;
    color: var(--high-contrast-text) !important;
}

body.high-contrast nav {
    background-color: var(--high-contrast-bg) !important;
    color: var(--high-contrast-text) !important;
}

body.high-contrast a {
    color: var(--high-contrast-link) !important;
    text-decoration: underline !important;
}

body.high-contrast .hide-on-contrast {
    display: none !important;
}


body.high-contrast .rap-question, body.high-contrast .rap-material {
    color: var(--high-contrast-btn-text) !important;

}

body.high-contrast .rap-question a, body.high-contrast .rap-material a {
    color: var(--high-contrast-btn-text) !important;
}

body.high-contrast .btn {
    background-color: var(--high-contrast-btn-bg) !important;
    color: var(--high-contrast-btn-text) !important;
    border-color: var(--high-contrast-btn-bg) !important;
}


body.high-contrast .btn.active {
    background: var(--high-contrast-link) !important;
}

body.high-contrast .rap-block {
    background-color: var(--high-contrast-bg) !important;
    color: var(--high-contrast-text) !important;
    border-color: var(--high-contrast-link) !important;
    border: 5px solid;
}

body.high-contrast .text-muted {
    color: var(--high-contrast-text) !important;
}

body.high-contrast .table-responsive {
    background-color: var(--high-contrast-bg) !important;
    color: var(--high-contrast-text) !important;
    border-color: var(--high-contrast-link) !important;
}


body.high-contrast .table-responsive td {
    color: var(--high-contrast-text) !important;
}

body.high-contrast .table-responsive td small {
    color: var(--high-contrast-text) !important;
}

body.high-contrast .rap-form input[type="text"],
body.high-contrast .rap-form input[type="select"],
body.high-contrast .rap-form input[type="number"],
body.high-contrast .rap-form input[type="email"],
body.high-contrast .rap-form input[type="password"],
body.high-contrast .rap-form input[type="time"],
body.high-contrast .rap-form textarea,
body.high-contrast .rap-form select {
    background-color: var(--high-contrast-bg) !important;
    color: var(--high-contrast-text) !important;
}


body.high-contrast .progress-bar {
    color: var(--high-contrast-btn-text) !important;
}

body.high-contrast .alert-rap-warning, body.high-contrast .alert-rap-warning a {
    color: var(--high-contrast-btn-text) !important;

}

body.high-contrast .alert-rap-success, body.high-contrast .alert-rap-success a {
    color: var(--high-contrast-btn-text) !important;
}

body.high-contrast .alert-rap-danger,
body.high-contrast .alert-rap-danger a {
    text-shadow: var(--high-contrast-text) !important;
    background-color: var(--high-contrast-alert-danger-bg) !important;
}


body.high-contrast .modal-dialog {

    color: var(--high-contrast-bg) !important;
}

/*class="dropdown-item"*/
body.high-contrast .dropdown-item {
    background-color: var(--high-contrast-bg) !important;
    color: var(--high-contrast-text) !important;
}

/*rap-even*/
body.high-contrast .rap-event {
    background-color: var(--high-contrast-bg) !important;
    color: var(--high-contrast-text) !important;
    border: 5px solid var(--high-contrast-link) !important;
}