/* todo
color palette
https://colorscheme.ru/#3y11TkWRsw0w0
https://colorscheme.ru/#00x1TK-hWpBpB  gray


*/

body.main-page {
    background-image: url("/static/images/backgrounds/balls-dark.svg");
}

.header .logo,
.common-info .logo,
.footer .logo {
    background-image: url("/static/images/logo/vonline-dark.svg");
}

.common-info .image .logo {
    background-image: url("/static/images/logo/e-dark.svg");
}

.footer .logo {
    opacity: 1;
}

/* BLACK WHITE */

body {
    color: whitesmoke;
}

html,
body,
.hmenu,
.fullstory-text .image-container,
.next-url {
    background-color: #2B2B2B;
}

.body.main-page {
    /*background-color: white; */
}

hr,
.text_spoiler,
table thead,
.main-chat .link,
.header hr {
    border-color: rgb(83 83 83 / 20%);
}

.lang,
#loading-layer,
.notice-wrapper {
    background-color: rgba(0, 0, 0, 0.9);
    color: black;
}

a,
.info-message,
.menu-main > a {
    color: whitesmoke;
}

.blocky,
.shortstory,
.mini-block,
.menu-main > a,
.main-chat .link {
    background-color: #323232;
}

/* header font color */

.header,
.header .row,
.menu-container {
    background-color: #323232;
}

.header {
    color: whitesmoke;
}

.footer {
    background-color: #323232;
    color: whitesmoke;
}


/* other white color */

.any-chat .buttons.fixed > .icon,
.any-chat .buttons.static > .icon,
.warning-message,
.notice.full {
    color: whitesmoke;
}

.lang .item,
.lang a:hover,
.lang a.active {
    color: whitesmoke !important;
}


/* MAIN COLOR */

.lang a:hover,
.lang a.active {
    background-color: #59A5E4;
}

.color-main {
    color: #59A5E4;
}

/* MAIN OTHER */

.age-lang .home-link,
.age-lang .lang-button,
.notice.nofull .button.agree {
    background-color: #1D5E94;
    color: #E7F6FF !important;
}

.notice.full .button.agree {
    background-color: #1D5E94;
}

.notice.nofull {
    box-shadow: 0 0 10px #2B2B2B;
}

/*  EXTRA */

.menu-main .link::after {
    background-color: #A1CDF2 !important;
    color: whitesmoke;
}

.age-lang .age,
.color-extra {
    color: whitesmoke;
}

.age-lang .age {
    background: #A66C1D;
}


/* EXTRA HIGHTLIGHT LINKS MAIN*/

.fullstory-text a:hover:not(.highslide):not(.attachment),
.shortstory a:hover:not(* .reveal-button),
a:hover,
.menu-main > a:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover:not(.dleplyrplayer *) {
    color: #A1CDF2 !important;
}

.button,
input[type="button"],
input[type="submit"],
button,
.fullstory-text a:not(.attachment):not(.highslide):not(.pages a) {
    background-color: rgba(29, 94, 148, 0.3); /* opacity 10% */
    color: whitesmoke;
}

/* GRAY */

.speedbar,
.shortstory-a .text,
.fullstory-text .image-container,
.fullstory-text .image-desc {
    color: gray;
}

/* CHAT */

.preloader,
.any-chat .buttons.fixed > .icon,
.any-chat .buttons.static > .icon {
    background-color: #2B2B2B;
}

.lang .item,
.notice.full,
.any-chat .buttons.static {
    color: whitesmoke;
    background-color: #1E1E1E;
}

.notice.full .button {
    color: whitesmoke !important;
    background-color: #323232;
}


/* DARK */

body.dark {
    background-color: #2B2B2B;
}

.dark .logo {
    background-image: url("/static/images/logo/vonline-dark.svg");
}

.dark .header hr,
.dark .main-chat .link {
    border-color: #323232
}

.dark .header a,
.dark .header .menu-main a {
    color: whitesmoke;
}

.dark .menu-container,
.dark .main-chat .link,
.dark .header > .row {
    color: whitesmoke;
    background-color: #2B2B2B;
}

.dark .header .menu-main a:hover {
    color: #A1CDF2 !important;
}

.dark .age-lang .lang-button {
    color: whitesmoke !important;
    background-color: #5D88AB !important;
}

.dark .age-lang .age {
    color: whitesmoke !important;
    background-color: #A66C1D !important;
}

.dark .menu-main .link::after,
.dark .header .menu-main > .item:hover:not(.exclude) .link::after {
    background-color: #A1CDF2 !important;
}