/* Dark theme */

/* Changes header bar background color */
body.dark-theme .r-12vffkv,
body.dark-theme .r-12vffkv > button {
    background-color: #121212 !important;
}

/* Changes tab navigation top border-color */
body.dark-theme .r-1kq6cw8 {
    border-top-color: #252525;
}

/* Changes the home screen and quiz results screen background-color  */
body.dark-theme .r-backgroundColor-1niwhzg,
body.dark-theme .css-175oi2r.r-1niwhzg,
body.dark-theme .r-WebkitOverflowScrolling-150rngu,
body.dark-theme .r-flexBasis-1mlwlqe,
body.dark-theme .css-175oi2r.r-150rngu,
body.dark-theme .css-175oi2r.r-1mlwlqe {
    background-color: #1e1e1e !important;
}

/* Change background-color of results detail answers and rationale */
body.dark-theme .css-175oi2r.r-14lw9ot.r-1xfd6ze.r-117bsoe.r-1oqcu8e .css-175oi2r {
    background-color: #333 !important;
}

/* Changes back arrow icon to white when taking a quiz */
body.dark-theme .css-175oi2r.r-1mlwlqe.r-1udh08x.r-417010.r-1472mwg.r-1bq2mok.r-nygpdh.r-lrsllp img.css-9pa8cd {
    opacity: 1;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

/* Changes all links to a lighten blue color */
body.dark-theme span[role="link"],
body.dark-theme .css-146c3p1.r-lrvibr .css-1jxf684.r-lrvibr.r-1loqt21 {
    color: #45a1fe !important;
    text-decoration-color: #45a1fe !important;
}

/* Changes the background-color of the selected dark mode on the settings page  */
body.dark-theme .css-175oi2r.r-13wvwlv.r-13awgt0.r-1oqcu8e .css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1awozwy.r-1xfd6ze.r-6koalj.r-18u37iz.r-1wtj0ep.r-15d164r.r-1oqcu8e.r-1q65q7j {
    background-color: #45a1fe !important;
}

/* Changes the background-color of the reset data button */
body.dark-theme .css-175oi2r.r-13wvwlv.r-13awgt0.r-1oqcu8e .css-175oi2r.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-uhrvxo.r-1tw7wh.r-1oqcu8e {
    background-color: #d1444a !important;
}

/* Changes text color to white */
body.dark-theme .css-146c3p1.r-q55kq7.r-1inkyih.r-vw2c0b.r-rjixqe,
body.dark-theme .css-146c3p1.r-1khnkhu.r-1x35g6.r-vw2c0b,
body.dark-theme .r-1khnkhu,
body.dark-theme .r-color-q55kq7,
body.dark-theme .css-146c3p1.r-q55kq7,
body.dark-theme .css-146c3p1.r-lrvibr .css-1jxf684.r-lrvibr,
body.dark-theme .r-1862ga2 {
    color: #ffffff !important;
}