.theme-toggle {
    position: fixed;
    right: 14px;
    bottom: 18px;
    z-index: 10050;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: #033255;
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    padding: 0;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.theme-toggle:hover,
.theme-toggle:focus {
    background: #0a4a7a;
    outline: none;
    color: #fff;
}

html.dark-mode {
    color-scheme: dark;
}

html.dark-mode body,
html.dark-mode body.notranslate {
    background-color: #12171d !important;
    background-image: none !important;
    color: #d7dde5;
}


html.dark-mode a:hover {
    color: #a9d2f5;
}

html.dark-mode .row {
    background-color: rgba(22, 28, 36, 0.92);
}

html.dark-mode header.header,
html.dark-mode .header,
html.dark-mode .headerwrapper {
    background-color: #0b1520;
}

html.dark-mode .menu a {
    color: #c9d4e0;
}

html.dark-mode .menu > li,
html.dark-mode .menu > li:first-child {
    border-color: #2a3542;
}

html.dark-mode .footer {
    background: #0b1520;
    color: #9aa8b6;
}

html.dark-mode .copyrights {
    border-top-color: #2a3542;
    color: #8b98a6;
}

html.dark-mode .mainwrapper:before {
    background-color: #0f1620;
    border-right-color: #2a3542;
}

html.dark-mode .mainpanel,
html.dark-mode .contentpanel,
html.dark-mode .pageheader {
    color: #d7dde5;
    border-color: #2a3542;
}

html.dark-mode .pageheader h4,
html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode h5,
html.dark-mode h6 {
    color: #e8eef4;
}

html.dark-mode .leftpanel,
html.dark-mode .leftpanel .profile-left,
html.dark-mode .leftpanel .media,
html.dark-mode .leftpanel .media-body,
html.dark-mode .leftpanel .nav,
html.dark-mode .leftpanel .nav-pills,
html.dark-mode .leftpanel .nav-stacked {
    background-color: #0f1620 !important;
    background-image: none !important;
    color: #c9d4e0;
    border-color: #2a3542 !important;
    box-shadow: none;
}

html.dark-mode .leftpanel .profile-left {
    border-bottom: 1px solid #2a3542;
}

html.dark-mode .leftpanel .nav {
    border-bottom-color: #2a3542;
}

html.dark-mode .leftpanel .nav > li {
    border-top-color: #2a3542;
}

html.dark-mode .leftpanel .nav > li > a,
html.dark-mode .leftpanel .nav-pills > li > a,
html.dark-mode .leftpanel b {
    color: #d7dde5 !important;
    background-color: transparent !important;
}

html.dark-mode .leftpanel .nav > li > a:hover,
html.dark-mode .leftpanel .nav > li > a:focus,
html.dark-mode .leftpanel .nav > li > a:active,
html.dark-mode .leftpanel .nav > li.parent-focus > a {
    background-color: #1b232c !important;
    color: #e8eef4 !important;
}

html.dark-mode .leftpanel .nav > li.active > a,
html.dark-mode .leftpanel .nav > li.active > a:hover {
    background-color: #033255 !important;
    color: #fff !important;
}

html.dark-mode .leftpanel .nav > li > a i {
    color: #7eb8ea;
}

html.dark-mode .leftpanel .nav > li.active > a i {
    color: #fff;
}

html.dark-mode body > div[style*="background:#e3e3e3"] {
    background: #0b1520 !important;
}

html.dark-mode .panel,
html.dark-mode .panel-body,
html.dark-mode .panel-default,
html.dark-mode .panel-signin,
html.dark-mode .panel-signup,
html.dark-mode .well,
html.dark-mode .thumbnail,
html.dark-mode .modal-content,
html.dark-mode .dropdown-menu,
html.dark-mode .jumbotron,
html.dark-mode .list-group,
html.dark-mode .popover,
html.dark-mode .tooltip-inner {
    background-color: #1b232c !important;
    color: #d7dde5 !important;
    border-color: #2f3c4b !important;
}

html.dark-mode .panel-heading,
html.dark-mode .panel-default > .panel-heading,
html.dark-mode .panel-footer,
html.dark-mode .pageheader .breadcrumb,
html.dark-mode .breadcrumb {
    color: #c9d4e0 !important;
    border-color: #2f3c4b !important;
}

html.dark-mode .btn-default {
    background-color: #2a3542;
    color: #e8eef4;
    border-color: #3a4756;
}

html.dark-mode .btn-default:hover,
html.dark-mode .btn-default:focus {
    background-color: #354354;
    color: #fff;
    border-color: #4a5868;
}

html.dark-mode .table-hover > tbody > tr:hover > td,
html.dark-mode .table-hover > tbody > tr:hover > th {
    background-color: #24303c;
}

html.dark-mode .text-muted {
    color: #9aa8b6;
}

html.dark-mode label,
html.dark-mode .control-label,
html.dark-mode p,
html.dark-mode .media-body,
html.dark-mode td,
html.dark-mode th {
    color: #d7dde5;
}

html.dark-mode pre,
html.dark-mode code,
html.dark-mode kbd {
    background-color: #12171d;
    color: #e8eef4;
    border-color: #2f3c4b;
}

html.dark-mode .progress {
    background-color: #2a3542;
}

html.dark-mode .close {
    color: #e8eef4;
    opacity: 0.8;
}

html.dark-mode .table,
html.dark-mode .table > thead > tr > th,
html.dark-mode .table > tbody > tr > td,
html.dark-mode .table > tbody > tr > th,
html.dark-mode .table-bordered,
html.dark-mode .table-striped > tbody > tr:nth-child(odd) > td {
    padding: 15px;
    background-color: #1b232c;
    color: #d7dde5;
    border-color: #2f3c4b;
}

html.dark-mode .table-striped > tbody > tr:nth-child(even) > td {
    background-color: #161d26;
}

html.dark-mode .form-control,
html.dark-mode input[type="text"],
html.dark-mode input[type="password"],
html.dark-mode input[type="email"],
html.dark-mode input[type="number"],
html.dark-mode input[type="search"],
html.dark-mode textarea,
html.dark-mode select,
html.dark-mode .select2-container .select2-choice,
html.dark-mode .select2-drop,
html.dark-mode .input-group-addon {
    background-color: #12171d !important;
    color: #e8eef4 !important;
    border-color: #3a4756 !important;
}

html.dark-mode .form-control:focus {
    border-color: #4f8fbf !important;
    box-shadow: none;
}

html.dark-mode .nav-tabs > li > a {
    color: #c9d4e0;
    background-color: transparent;
    border-color: #2f3c4b;
}

html.dark-mode .nav-tabs > li.active > a,
html.dark-mode .nav-tabs > li.active > a:hover,
html.dark-mode .nav-tabs > li.active > a:focus {
    background-color: #1b232c;
    color: #e8eef4;
    border-color: #2f3c4b;
}

html.dark-mode .pagination > li > a,
html.dark-mode .pagination > li > span {
    background-color: #1b232c;
    color: #c9d4e0;
    border-color: #2f3c4b;
}

html.dark-mode .list-group-item,
html.dark-mode .breadcrumb,
html.dark-mode .alert-info {
    color: #d7dde5;
    border-color: #2f3c4b;
}

html.dark-mode body.signin {
    background-color: #0b1520;
}

html.dark-mode .latest-feed li,
html.dark-mode .popular-feed h3 a {
    background: #1b232c;
    color: #d7dde5;
}

html.dark-mode .popular-feed li {
    border-color: #2f3c4b;
}

html.dark-mode hr {
    border-color: #2f3c4b;
}

html.dark-mode .theme-toggle {
    background: #2a3a4d;
}

html.dark-mode #sual tr.answer-row:hover {
    background-color: #24303c;
}

html.dark-mode .btn-regular,
html.dark-mode a.btn-regular,
html.dark-mode button.btn-regular {
    background-color: #ffffff !important;
    border: 1px solid #3a4756 !important;
    color: #1b232c !important;
}

html.dark-mode .btn-regular:hover,
html.dark-mode .btn-regular:focus,
html.dark-mode a.btn-regular:hover {
    background-color: #f3f5f7 !important;
    color: #12171d !important;
}

html.dark-mode .pay {
    background: #ffffff;
    border-radius: 10px;
    padding: 10px 12px;
    height: auto;
    min-height: 90px;
}

html.dark-mode .pay a {
    color: #1b232c;
}