:root {
    --bg0: rgb(60, 60, 60);
    --bg0-light: rgb(70, 70, 70);
    --bg1: rgb(51, 51, 51);
    --bg2: rgb(48, 48, 48);
    --bg3: rgb(45, 45, 45);
    --bg4: rgb(42, 42, 42);
    --bg5: rgb(39, 39, 39);
    --bg6: rgb(36, 36, 36);
    --bg7: rgb(33, 33, 33);
    --text-color: hsl(0, 0%, 80%);
    --green-text: #49a949;
    --red-text: #d96d6d;
    --blue-text: #4967a9;
    --input-bg: #BBB;
    --link-color: #68a6e0;
    --link-hover-color: #b78e8e;
    --border-color: #424242;
}
::placeholder {
    color: #666;
    opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
    color: #666;
}

body {
    background: #1f1f1f linear-gradient(to bottom, hsl(0, 0%, 15%), hsl(0, 0%, 12%) 250px) no-repeat;
}
body, label {
    color: var(--text-color);
}

.center-column-content, .dashboard-block {
    background: var(--bg5);
}

input, select, textarea {
    background: var(--input-bg);
    color: black;
}
input[type=checkbox] {
    accent-color: #666;
}

a {
    color: var(--link-color);
}
a:hover {
    color: var(--link-hover-color);
}

.bg-super-light-1, .bg-texture-1 {
    background: var(--bg1);
    /*background: #34322e;*/
}
.bg-super-light-2 {
    background: var(--bg2);
}
.bg-super-light-3 {
    background: var(--bg3);
}
.bg-super-light-4 {
    background: var(--bg4);
}

.bg-light-1 {
    background: var(--bg5) !important;
}
.bg-light-2 {
    background: var(--bg6) !important;
    /*background: #2e2d29 !important;*/
}
.bg-medium-1 {
    background: var(--bg7) !important;
}

.table th, .table td {
    border-top-color: var(--border-color);
}
.table-bordered, .table-bordered th, .table-bordered td {
    border-color: var(--border-color);
}

.btn {
    background: linear-gradient(to bottom, hsl(37, 7%, 30%), hsl(37, 7%, 22%) 100%);
    color: #DDD;
    border-color: hsl(37, 7%, 22%);
}
.btn:hover {
    color: white;
    background: linear-gradient(to bottom, hsl(37, 7%, 28%), hsl(37, 7%, 20%) 100%);
}
.btn.active {
    background: linear-gradient(to bottom, hsl(37, 7%, 40%), hsl(37, 7%, 32%) 100%);
}
.btn.disabled, .btn[disabled] {
    color: #DDD;
    background: linear-gradient(to bottom, hsl(37, 7%, 60%), hsl(37, 7%, 56%) 100%) !important;
}

.btn-success {
    background: linear-gradient(to bottom, hsl(114, 21%, 28%), hsl(114, 21%, 24%) 100%);
    border-color: hsl(114, 21%, 26%);
}
.btn-success:hover {
    background: linear-gradient(to bottom, hsl(114, 21%, 26%), hsl(114, 21%, 24%) 100%);
}
.btn-success.active {
    background: linear-gradient(to bottom, hsl(114, 21%, 38%), hsl(114, 21%, 36%) 100%);
}

.btn-primary {
    background: linear-gradient(to bottom, hsl(222, 41%, 36%), hsl(222, 41%, 34%) 100%);
    border-color: hsl(222, 28%, 23%);
}
.btn-primary:hover {
    background: linear-gradient(to bottom, hsl(222, 41%, 34%), hsl(222, 41%, 32%) 100%);
}
.btn-primary.active {
    background: linear-gradient(to bottom, hsl(222, 41%, 46%), hsl(222, 41%, 44%) 100%);}

.btn-danger {
    background: linear-gradient(to bottom, hsl(0, 28%, 25%), hsl(0, 28%, 23%) 100%);
    border-color: hsl(0, 28%, 23%);
}
.btn-danger:hover {
    background: linear-gradient(to bottom, hsl(0, 28%, 23%), hsl(0, 28%, 21%) 100%);
}
.btn-danger.active {
    background: linear-gradient(to bottom, hsl(0, 28%, 35%), hsl(0, 28%, 33%) 100%);
}

.btn-info {
    background: linear-gradient(to bottom, hsl(180, 22%, 22%), hsl(180, 22%, 20%) 100%);
    border-color: hsl(180, 22%, 20%);
}
.btn-info:hover {
    background: linear-gradient(to bottom, hsl(180, 22%, 20%), hsl(180, 22%, 18%) 100%);
}
.btn-info.active {
    background: linear-gradient(to bottom, hsl(180, 22%, 30%), hsl(180, 22%, 28%) 100%);
}


.control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline {
    color: var(--red-text);
}


.sidebar-nav li a, .user-nav li a {
    color: #BBB;
}

.sidebar-nav li a:hover, .user-nav li a:not(.user-link):hover, .menu-container .nav li:has(.subnav:hover) > a {
    background-color: #694000 !important;
    color: #DDDDDD !important;
}

.site-menu .main-nav > li .float-nav {
    background: var(--bg5);
    border-color: var(--border-color);
}

.has-subnav .chevron {
    color: var(--text-color);
}

.ratings-nav li.active a {
    background-color: var(--bg0-light) !important;
}
.ratings-nav li.active a, .ratings-nav li a  {
    border-color: var(--border-color) !important;
}


.dashboard-block .block-actions {
    border-top-color: var(--border-color);
}
#feed .feed_item, .dashboard-block .forum-block li {
    border-bottom-color: var(--border-color);
}
.dashboard-quest-badge.default {
    background: var(--bg1);
}
.dashboard-quest-badge.score {
    background: var(--bg1);
}


.label {
    color: #ccc;
    background-color: #525252;
}
.label-info {
    background-color: #384146;
}
.tournaments .timeLeft.label-important {
    background-color: rgb(87, 60, 60);
}
.label-success {
    background-color: #364236;
}

table.smallboard  {
    background-color: #34322e !important;
}


.pagination a:hover, .pagination .active a {
    background-color: var(--bg0);
    border-color: var(--border-color);
}
.pagination a {
    border-color: var(--border-color);
}

.breadcrumb {
    background: var(--bg0);
    text-shadow: none;
    box-shadow: none;
    border-color: var(--border-color);
}
.breadcrumb li {
    text-shadow: none;
}


#uInfo {
    border-color: #444;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    color: #DDD;
    background-color: var(--bg2);
    border-color: hsl(0, 0%, 35%);
    border-bottom-color: transparent;
}
.nav-tabs {
    border-color: var(--border-color);
}
.nav a:hover {
    background: var(--bg1) !important;
}
.nav-tabs > li > a:hover {
    border-color: hsl(0, 0%, 35%);
}


.tabs-left .nav-tabs {
    border-color: var(--border-color);
}

.tabs-left .nav-tabs .active > a, .tabs-left .nav-tabs .active > a:hover {
    border-color: var(--border-color);
    border-right-color: transparent;
}

.form-actions {
    background-color: rgb(48, 48, 48);
    border-top-color: hsl(0, 0%, 27%)
}


.alert {
    background-color: var(--bg1);
    border-color: var(--border-color);
    text-shadow: none;
}
.alert .close {
    color: var(--text-color);
}

.alert-danger, .alert-error {
    color: var(--red-text);
    background-color: hsl(0, 20%, 20%);
    border-color: hsl(0, 20%, 15%);
}
.alert-success {
    color: var(--green-text);
    background-color: hsl(147, 20%, 20%);
    border-color: hsl(123, 20%, 15%);
}
.alert-info {
    color: #49a99e;
    background-color: hsl(173, 20%, 20%);
    border-color: hsl(173, 20%, 15%);
}
.alert-warning {
    background-color: hsl(54, 20%, 20%);
    border-color: hsl(54, 20%, 15%);
}


.part-head-menu {
    background-color: var(--bg4);
}

.well {
    background-color: var(--bg1);
}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: var(--bg1);
}

.dropdown-menu {
    background-color: var(--bg0-light);
}
.dropdown-menu a {
    color: var(--text-color);
}


.h2-game-with-computer {
    color: hsl(0, 0%, 90%) !important;
}

.playerInfo {
    background-color: var(--bg1) !important;
}
.playerInfo .game-time {
    color: #999;
}
.playerInfo.currentMove {
    border: 1px solid #026702;
    background-color: var(--bg0) !important;
}
.playerInfo.currentMove .game-time {
    color: var(--text-color);
}
.game-your-move {
    color: var(--green-text);
}
.notation-el {
    border-color: var(--border-color) !important;
}

.my-friends-block  {
    border-color: var(--border-color) !important;
}


.quest {
    background-color: var(--bg1) !important;
    border-color: var(--border-color) !important;
}
.quest .title {
    border-color: var(--border-color) !important;
}
.quest .award, .quest .progress {
    background-color: var(--bg0-light) !important;
    color: white
}
.quest .info-badge .hint {
    color: var(--text-color) !important;
}
.quest.finished {
    background-color: var(--bg3) !important;
}
.quest .description h3 {
    color: var(--green-text) !important;
}
.quest.finished .info-badge.progress .value {
    color: var(--green-text) !important;
}
.how-to .head  {
    color: var(--text-color) !important;
}
.quest-stat {
    background-color: var(--bg1) !important;
    color: var(--text-color) !important;
}
.quest-stat .desc {
    color: var(--text-color) !important;
}
.quest-stat .hint {
    color: var(--red-text) !important;
}
.award-block {
    background-color: var(--bg1) !important;
    border-color: var(--border-color) !important;
}
.award-block .top-block {
    background-color: var(--bg0) !important;
}


.adv-acc-page .adv-col {
    border-color: var(--border-color) !important;
    background-color: var(--bg0) !important;
}
.adv-acc-page .adv-col.pos {
    color: var(--green-text) !important;
}
.adv-acc-page .free-col  {
    background-color: var(--bg2) !important;
}
.adv-acc-page .free-col.neg {
    color: var(--red-text) !important;
}
.adv-acc-page .free-col.pos {
    color: var(--green-text) !important;
}
.adv-acc-page th.adv-col {
    background-color: var(--bg1) !important;
}
.adv-acc-page th.free-col  {
    background-color: var(--bg2) !important;
}
.adv-acc-page .compare-table td, .adv-acc-page .compare-table th {
    border-color: var(--border-color) !important;
}
.adv-acc-page .name {
    background-color: var(--bg2) !important;
}
.adv-acc-page .base-price {
    color: var(--red-text);
}
.adv-acc-page .result-price {
    color: var(--blue-text);
}
.adv-acc-page .price-advantage {
    color: var(--green-text);
}
.adv-acc-page .price-desc {
    color: var(--text-color);
}
.adv-acc-page .per-month {
    color: var(--text-color);
}

.landing-head {
    background-color: var(--bg0);
}
.landing h1 {
    color: var(--text-color);
}
.landing {
    background-color: var(--bg1);
}
.landing .features-list li span {
    background-color: var(--bg1);
}
.landing-hero.hero-unit .well {
    background-color: var(--bg1) !important;
    border-color: var(--border-color);
}
.landing-container li {
    color: var(--text-color) !important;
}
.landing-container li span {
    color: var(--text-color) !important;
    font-weight: bold;
    color: white;
}


.dc-placeholder {
    background-color: var(--bg1) !important;
}
.dc-about {
    border-color: var(--border-color) !important;
}
.dc-previous-item {
    border-color: var(--border-color) !important;
}


#t-left-fixed, #t-right-fixed {
    background-color: var(--bg5);
}

.ui-widget-content, .ui-widget-header {
    background: var(--bg0-light) !important;
    border-color: var(--border-color);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #999;
}


.forum-message {
    background-color: var(--bg3);
}
.forum-message .top-part {
    border-color: var(--border-color);
}


.input-prepend .add-on, .input-append .add-on {
    background-color: var(--bg0);
    text-shadow: none;
    border-color: var(--border-color);
}

.linkCell {
    background-color: var(--bg0) !important;
}

@media screen and (max-width: 900px) {
    .menu-container .site-menu, .site-menu .main-nav > li .float-nav, .user-menu-mobile-container {
        background-color: var(--bg3);
    }
    .user-menu-toggle {
        border-color: var(--border-color);
    }
}

.list-row {
    border-color: var(--border-color) !important;
}

.dropdown-menu a.text-important {
    color: #ec8686;
}

.t-info-param {
    background-color: var(--bg4) !important;
}