header {
  background-color: #000;
}

body {
  background-color: var(--jdi-light-bg);
}

footer {
  background-color: #444;
  color: #eee;
}

a,
a:hover {
  color: #444;
}

.required::after {
  color: darkred;
}

.word-count--alert {
  color: darkred;
}

.word-count {
  color: #555;
}

.readdocument__child__link--highlight {
  color: darkgreen;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active,
[type="radio"]:checked + .custom-radio-button,
.checkbox-button:checked + label,
.wizard-form__form [type="radio"]:checked + label
{
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.wizard-form__form .form-check-input:focus + label,
.wizard-form__form .form-check-input:focus-visible + label {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
}

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

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

.btn-link {
  color: #0071EB;
}

.oc-link-v2 .user-view-comment svg path,
.oc-link-v2 .user-map-button svg path,
.oc-link-v2 .maplist-btn svg path {
    fill: #fff;
}

.oc-link-v2 .user-view-comment:hover svg path,
.oc-link-v2 .user-map-button:hover svg path,
.oc-link-v2 .maplist-btn:hover svg path {
    fill: #fff;
}

.progress-bar {
    background-color: #0071EB;
}

.black-bar-top-background {
  background-color: #000;
}

.black-bar {
  color: #fff !important;
  background-color: rgba(0,0,0,0.75);
}

#oc2connect_black_bar .black-bar {
  background-color: black;
}

.black-bar a {
  color: #fff !important;
}

.black-bar a:hover,
.black-bar a:focus {
  color: #fff !important;
  background-color: transparent !important;
}

.black-bar__user-login__green {
  color: #00bb00;
}

.black-bar__user-login__red {
  color: #8b0000;
}

.opuscon-footer {
  background: #000;
  color: #fff;
}

.opsucon-footer__link {
  color: #fff !important;
}

.opsucon-footer__link:hover {
  color: #fff !important;
  background-color: #000 !important;
}

.login-password-reset-link {
  color: #333;
}
/*
.list-item h4 {
  color: #000;
}
*/
#back-to-top-static {
  background-color: #fff;
  color: #000;
  border: solid 1px #888;
}

#back-to-top-static a {
  color: #000;
}

#back-to-top-static:hover {
  background-color: #888;
}

#back-to-top-static:focus {
    outline: 3px solid blue;
    outline-offset: 2px;
    background-color: #888;
}


.not-logged-in-to-make-rep {
  color: darkred;
  font-size: 1rem;
  margin-bottom: 1rem;
}

.footer_home-link {
  color: #eee;
}

.page-item.active .page-link {
  color: #fff;
  background-color: #0071EB;
  border-color: #0071EB;
}

.registration-privacy-policy a {

}

.registration-privacy-policy a:hover {

}

.login-google {
  border-color: #c73413 !important;
  background-color: #c73413 !important;
}

.login-google:hover {
  border-color: #ff4318 !important;
  background-color: #ff4318 !important;
}

.login-google:active:hover,
.login-google:active:focus {
  border-color: #a22a0f !important;
  background-color: #a22a0f !important;
}

.login-facebook {
  border-color: #3f579d !important;
  background-color: #3f579d !important;
}

.login-facebook:hover {
  border-color: #4e6cc4 !important;
  background-color: #4e6cc4 !important;
}

.login-facebook:active:hover,
.login-facebook:active:focus {
  border-color: #31447a !important;
  background-color: #31447a !important;
}
/*
.jdi-modal h4 {
  color: #856404 !important;
}

.jdi-modal .alert-danger h4 {
  color: darkred !important;
}

.jdi-modal .alert-info h4 {
  color: #0c5460 !important;
}
*/
.help-block.form-error,
.error.help-block {
  color: darkred; /*rgb(185, 74, 72);*/
}

.help-instructions-block {
  background-color: #fff;
}

.help-warning-block {
  border-color: darkred;
  background-color: lightpink;
}

/* override bootstrap colours as not accessible */
.form-login .bg-danger {
  color: #000;
}

.contact-us-form {
  border-color: silver;
  background: #efefef;
}

span.insert, span.insert p, span.insert ul, span.insert ol {
  background-color: #E8FFD2;
}

div.insert {
  border: 2px solid green;
  margin:5px;
  padding:5px;
  background-color:#E8FFD2;
}

div.insert h5{
    color: green;
    font-size: 1.2em;
    padding:0px;
    margin:0px;
}

div.insert em.change {
    font-style:normal;
    text-decoration:underline;
}

div.insert em.change sup{
    color:blue;
    font-style:normal;
    text-decoration:none;
}

div.insert p.comment {
    font-weight:bold;
}

span.delete, span.delete p, span.delete ul, span.delete ol {
  background-color: #FFE3CD;
}

div.delete {
  border: 2px solid red;
  margin:5px;
  padding:5px;
  background-color:#FFE3CD;
}

div.delete h5{
    color: red;
    font-size: 1.2em;
    padding:0px;
    margin:0px;
}

div.delete em.change {
    font-style:normal;
    text-decoration:underline;
}

div.delete em.change sup{
    color:blue;
    font-style:normal;
    text-decoration:none;
}

div.delete p.comment {
    font-weight:bold;
}

span.insertlabel {
  color: green;
}

span.deletelabel {
  color: #CC0000;
}

.progress-bar[aria-valuenow="0"] {
    color: black;
}

.form-control {
    border: 1px solid #8E92A9; /* added to pass accessibility issue #2962 */
}

/* Chapter blocks */

.chapter-block-item {
    margin-bottom: 30px;
}

.chapter-block {
    width: 100%;
    height: 150px;
    background-color: rgba(33, 68, 132, 1.0);
    color: white;
    display : flex;
    align-items : center;
    justify-content : center;
    font-size: 1.45rem;
}

.chapter-block span {
    text-align: center;
    width: 90%;
}