:root {
	--color1: #16151B;
	--color2: #21212F;
	--color3: #3a3a4f;
	--color4: #4e4e66;
	--linear: rgba(255,255,255,0.1);
	--text-body: rgba(255,255,255,0.71);
	--text-primary: #fff;
	--text-secondary: rgba(255,255,255,0.71);
	--a-color: #518bd7;
	--a-hover: #1354aa;
	--side-a: rgba(255,255,255,0.8);
	--side-a-hover: rgb(77, 77, 98);
}
html {
	background: var(--color1);
}
body {
	color: var(--text-body);
}
a {
	color: var(--a-color);
}
a:hover {
	color: var(--a-hover);
}
h1, h2, h3, h4 {
	color: var(--text-primary);
}
.left-sidebar {
	background: var(--color2);
}
.g-content {
	background: var(--color1);
}
.search-bar input.search {
	background: var(--color2);
    color: var(--text-secondary);
}
.game-item {
	background: var(--color2);
}
.g-icon {
    background: #21212f;
}
.list-b-play {
	background: #5372E7;
}
a.nav-link.dropdown-toggle.show {
	background: var(--color3);
}
.dropdown-menu {
	background: var(--color3);
}
.dropdown-menu .dropdown-item:hover {
	background: var(--color4);
}
.category-description {
	background: var(--color2);
}
.page-link.active, .page-link:hover {
	background: var(--color2);
}
.user-dropdown {
	background: var(--color3);
}
.user-dropdown::before {
	background: var(--color3);
}
.user-dropdown .item a:hover {
	background: var(--color4);
}
.sm-widget {
	background: var(--color2);
}
.header-right .btn-capsule {
	background: var(--color2);
}
.game-info .btn-circle {
	background: var(--color2);
}
table.scoreboard thead, table.scoreboard thead th {
	background: var(--color2);
}
table.scoreboard tbody, table.scoreboard tbody th, table.scoreboard tbody td {
	background: var(--color3);
}
.cat-item, .tag-item {
	background: var(--color2);
}
.jquery-comments .textarea-wrapper .textarea {
	background: var(--color2);
}
.leaderboard-row {
	background: var(--color2);
}
.post-list-card {
	background: var(--color2);
}
.user-page .section {
	background-color: var(--color2);
}
.profile-comment-item {
  border: 1px solid var(--color3);
}
input.form-control, textarea.form-control {
	background: var(--color3);
}
input.form-control:active, input.form-control:hover, textarea.form-control:active, textarea.form-control:hover {
	background: var(--color3);
}

/* COMMENTS  */

textarea.tpl-comment-input, textarea.tpl-comment-input:hover {
	background: var(--color2);
}
.tpl-btn-cancel-reply {
  color: #938fb5;
}
a.tpl-comment-reply, a.tpl-btn-show-replies, a.tpl-btn-hide-replies {
    color: #6d6b7d;
}
.tpl-post-comment-btn, .tpl-btn-send-reply {
    background-color: #4848ac;
    border: 0;
}
#tpl-btn-load-more-comments {
  color: #938fb5;
}