/* day mode settings */

.my-textnoaccent {
    color: darkgrey;
}

.my-textaccent {
    color: black;
}

a.text-decoration-none {
    color: black;
}

a.text-decoration-none.bluelink {
    color: var(--primary);
}

#login_container {
    background-color: var(--white);
    border: 1px solid var(--secondary);
}

/* bootstrap colors mapping (day) */
#discusspanel .nm-bg-light {
    background-color: var(--light);
}
#discusspanel .nm-text-muted {
    color: #777;
}

/* night mode settings */
:root {
    --background-color: rgb(5, 5, 5);
    --color: rgb(250, 250, 250);
    --link-color: var(--color); /*rgb(0, 188, 212);*/
    --link-hover: lightblue;
    --icon-filter: invert(100%);
    --icon-filter_hover: invert(40%);
    --image-filter: grayscale(50%);
    --main-headline-color: rgb(233, 30, 99);
    --accent-background-color: rgb(0, 188, 212);
    --accent-color: rgb(5, 5, 5);

    --duration: 0.5s;
    --timing: ease;
}

.night-mode body {
    background-color: var(--background-color);
    color: var(--color);
}

.night-mode :any-link, .night-mode :any-link.btn:hover {
    color: var(--link-color);
}

.night-mode :any-link:hover {
    color: var(--link-hover);
}

.night-mode input, .night-mode textarea, .night-mode select {
    border: 1px solid aliceblue;
    background-color: black;
    outline-offset: inherit;
    color: white;
}

/*.night-mode #aliform input, .night-mode #wxform input, .night-mode #bankform input {*/
/*    background-color: cornsilk;*/
/*}*/

.night-mode input[type="file"] {
    border: unset;
}

.night-mode a.btn, .night-mode #withdraw_ok, .night-mode button {
    color: white;
    background: inherit;
    cursor: pointer;
    text-align: center;
}

.night-mode .btn-outline-primary, .night-mode #withdraw_ok.btn-outline-primary {
    border: 1px solid var(--primary);
}

.night-mode .btn-outline-primary:hover, .night-mode #withdraw_ok.btn-outline-primary:hover, .night-mode button:hover {
    background-color: var(--primary);
}

.night-mode .my-textnoaccent {
    color: darkgrey;
}

.night-mode .my-textaccent {
    color: white;
}

.night-mode a.text-decoration-none {
    color: white;
}

.night-mode #night-mode-symbol {
    color: antiquewhite;
}

/* for login form */
.night-mode #login_container{
    background-color: unset;
    border: 1px solid var(--white);
}

/* bootstrap colors mapping */
.night-mode #discusspanel .nm-bg-light {
    background-color: #444;
}
.night-mode #discusspanel .nm-text-muted {
    color: white;
}