/* Change overall background color. */
.dark-theme .css-g5y9jx.r-wk8lta,
.dark-theme .r-1991c77 {
    background-color: #000 !important;
}

/* Change header background color and bottom border color. */
.dark-theme .css-g5y9jx.r-qklmqi.r-13awgt0.r-105ug2t {
    background-color: #222 !important;
    border-bottom-color: #222 !important;
}

/* Hide the reset button. */
.css-g5y9jx.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1bez9hd.r-y47klf.r-9mo606.r-rehuqn.r-3o4zer {
    display: none;
}

/* Apply white filter to logo. */
.dark-theme .css-g5y9jx.r-1mlwlqe.r-1udh08x.r-417010.r-1pi2tsx.r-1g94qm0.r-3ew84i {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

/* Change Welcome title color. */
.dark-theme .r-15kgurw,
.dark-theme .r-1khnkhu {
    color: #fff;
}

/* Change Welcome text color. */
.dark-theme .r-181bzza,
.dark-theme .r-djgu52 {
    color: #ccc;
}

/* Change Welcome text bullet color. */
.dark-theme .r-170rx3i {
    color: #45a1fe;
}

/* Change button colors. */
.dark-theme .r-1bez9hd {
    background-color: #45a1fe;
}

/* Change Home screen cards background color. */
.dark-theme .css-g5y9jx.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73 .css-g5y9jx {
    background-color: #222 !important;
}

/* Change Term/Definition modal background color. */
.dark-theme .r-12hoxfw {
    background-color: #222;
}

/* Change modal question text color. */
.dark-theme .r-cqee49 {
    color: #ccc;
}

/* Change modal border colors. */
.dark-theme .r-1hzj6e0 {
    border-top-color: #555;
}

/* Change modal border colors. */
.dark-theme .r-d2ut89 {
    border-right-color: #555;
}

/* Add margin to the Back button. */
.dark-theme .css-g5y9jx.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1bez9hd.r-y47klf.r-rehuqn.r-3o4zer {
    margin-left: 10px;
}

/* Remove margin from the Home button on Group screens.*/
.dark-theme .r-1d48tmi {
    margin-right: -5px;
}

/* Change Group screen background color. */
.dark-theme 
.css-g5y9jx.r-13awgt0.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af
.css-g5y9jx.r-13awgt0 >
.css-g5y9jx.r-13awgt0.r-44m3t9 >
.css-g5y9jx.r-13awgt0 >
.css-g5y9jx,
.dark-theme .css-g5y9jx.r-13awgt0.r-44m3t9 {
    background-color: #000 !important;
}

/* Change Correct/Incorrect screen background color. */
/*
.dark-theme #root .css-g5y9jx.r-1awozwy.r-1p0dtai.r-1777fci.r-1d2f490.r-u8s1d.r-zchlnj.r-imp5af.r-1sg8ghl * {
    background-color: orange !important;
}
*/

/* Change Group screen Show Answer button background color. */
.dark-theme 
.css-g5y9jx.r-13awgt0.r-1p0dtai.r-1d2f490.r-u8s1d.r-zchlnj.r-ipm5af
.css-g5y9jx.r-13awgt0 >
.css-g5y9jx.r-13awgt0.r-44m3t9 >
.css-g5y9jx.r-13awgt0 >
.css-g5y9jx
.css-g5y9jx.r-150rngu.r-eqz5dr.r-16y2uox.r-1wbh5a2.r-agouwx.r-11yh6sk.r-buy8e9.r-19z077z.r-2eszeu 
.css-g5y9jx >
.css-g5y9jx
.css-g5y9jx
.css-g5y9jx.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73 {
    background-color: #45a1fe !important;
}

/* Change search input wrapper background-color. */
.dark-theme .r-ty2mb {
    background-color: #000;
}

/* Change Search screen letter filters background color. */
.dark-theme .css-g5y9jx.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1awozwy.r-1mykbz.r-1f0042m.r-6zzn7w.r-1777fci.r-1xuzw63.r-q1j0wu {
    background-color: #777;
}

/* Change Search screen alternating background color. */
.dark-theme .css-g5y9jx.r-1oqcu8e.r-1s3f6e.r-14lw9ot {
    background-color: #222;
}

/* Change Setting screen option background color. */
.dark-theme .css-g5y9jx .css-g5y9jx.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1awozwy.r-14lw9ot.r-11mg6pl.r-kdyh1x.r-1yadl64.r-6koalj.r-18u37iz.r-1wtj0ep.r-6gpygo.r-1a11zyx.r-1oqcu8e.r-13qz1uu,
.dark-theme .css-g5y9jx .css-g5y9jx.r-14lw9ot.r-11mg6pl.r-kdyh1x.r-1yadl64.r-6koalj.r-6gpygo.r-1a11zyx.r-1oqcu8e.r-13qz1uu {
    background-color: #222;
}

/* Change Setting screen selected option background color. */
.dark-theme .css-g5y9jx .css-g5y9jx.r-1i6wzkk.r-lrvibr.r-1loqt21.r-1otgn73.r-1awozwy.r-kdyh1x.r-1yadl64.r-6koalj.r-18u37iz.r-1wtj0ep.r-6gpygo.r-1a11zyx.r-1oqcu8e.r-13qz1uu.r-1mykbz.r-1l2zh3u {
    background-color: #45a1fe;
}

/* Change random card order toggle color. */
.css-g5y9jx.r-k200y.r-1j16mh1.r-1ewcgjf.r-1c6unfx.r-agouwx.r-13tjlyg.r-rci37q {
    background-color: #fff !important;
}

/* Change navigation background color. */
.dark-theme #root .css-g5y9jx.r-1p0dtai.r-zchlnj.r-1d2f490.r-1wwfsll.r-1h8ys4a.r-105ug2t {
    background-color: #222 !important;
}

/* Hide Appearance options on the Settings screen. */
.dark-theme .css-g5y9jx .css-146c3p1.r-jwli3a.r-1i10wst.r-1kfrs79.r-5oul0u:nth-child(1) {
    display: none;
}

.dark-theme .css-g5y9jx .css-146c3p1.r-jwli3a.r-1i10wst.r-1kfrs79.r-5oul0u:nth-child(3) {
    margin-top: 0 !important;
}