:root {
    --dark-default-color: rgb(232, 234, 237);
    --dark-bg-color: #18191b;
    --dark-bg-2: #242527;
    --dark-bg-3: #3a3b3c;
}

body, .copyright,
select,
select.form-control,
.select2-container--default .select2-selection--single,
.panel,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
	background: var(--dark-bg-color);
	color: var(--dark-default-color);
}

.carousel-block {
	background-image: var(--slider-bg-2);
	background-position: center;
	background-size: cover;
}

.footer-menu,
.footer-tools-bar,
.navbar-inverse,
.ocm-alert,
.woocommerce-error, .woocommerce-info, .woocommerce-message,
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment,
.pager li.disabled a,
.select2-dropdown,
.note {
	background: var(--dark-bg-2);
	color: var(--dark-default-color);
}

.btn-followed {
	background: var(--dark-bg-2) !important;
	color: var(--dark-default-color) !important;
}

.underline-magic {
	background-image: linear-gradient(120deg, var(--dark-bg-2) 0, var(--dark-bg-2) 100%);
}

.comic-chapter,
.breadcrumb,
.table-wrapper thead,
.table-striped>tbody>tr:nth-of-type(odd),
.bs-callout-danger,
#commentform #comment,
.comment-body,
.comment-reply,
.woocommerce-ordering select.orderby,
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a,
#user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a,
.sticker-item,
.salary-box,
code,
.btn-snazzy.disabled,
.sticker-item .sale::after,
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover,
.sticker-panel .nav-tabs>li.active>a,
.sticker-panel .nav-tabs>li.active>a:focus,
.sticker-panel .nav-tabs>li.active>a:hover,
.products-mkt-container {
	background: var(--dark-bg-2);
}

@media (max-width:  767px) {
	.comment-body {
		background: none;
	}

	.comment-reply {
		background: none;
	}
}

.user-info-container,
.noti-container,
.gold-info .shadow-op,
#user-registration,
textarea, input, .form-control,
.search-wrapper .search-txt,
.search-result,
.modal-content,
.panel,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.v-btn.disabled,
.emoji-panel {
	background: var(--dark-bg-color);
}

.search-icon,
.noti-mobile .noti-icon,
.cart-custom-location,
.log-in-btn,
.login-tooltip {
	background: var(--dark-bg-3);
}

.login-tooltip:after {
	border-bottom-color: var(--dark-bg-3);
}

.user-info-container:after,
.noti-container:after,
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods,
.emoji-panel:after {
	border-bottom-color: var(--dark-bg-color);
}

@media (min-width: 768px) {
	.emoji-panel:after {
		border-bottom-color: rgba(255, 255, 255, 0);
		border-left-color: var(--dark-bg-color);
	}
}

.small-title,
#user-registration p,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce div.product form.cart .variations label,
legend {
	color: var(--dark-default-color);
}

.keywords-scroller-container:after {
	background-image: linear-gradient( to right, rgba(255, 255, 255, 0), var(--dark-bg-color) 95% );
}

.breadcrumb-scroller-container:after {
	background-image: linear-gradient( to right, rgba(255, 255, 255, 0), var(--dark-bg-2) 95% );
}

.hide-long-text-shadow {
	background-image: linear-gradient( to bottom,rgba(255,255,255,0),var(--dark-bg-color) 100% );
}

.cmt-content {
	background: var(--dark-bg-2);
	border-color: var(--dark-bg-2);
}

.cmt-content::before,
#user-registration .user-registration-MyAccount-navigation,
#user-registration.horizontal .user-registration-MyAccount-navigation,
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
legend {
	border-bottom-color: var(--dark-bg-2);
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav>li>a:focus,
.nav>li>a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: var(--dark-bg-2);
	border-color: var(--dark-bg-2);
	color: var(--dark-default-color);
}

.nav-tabs,
hr,
.most-views li,
.title-line,
.comment-wrap,
.noti-view-all,
.modal-header,
.modal-footer,
.owl-emoji-panel {
	border-color: var(--dark-bg-2);
}


.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
	background: #333;
}

.blue-row {
	background: var(--dark-bg-2) !important;
}

.badge-demo,
.text-demo-container,
.sticker-item .owl-emoji-panel {
	border-color: var(--dark-bg-color);
}

.divide-bar {
	border-color: #333;
}

.hot-index {
	color: #333;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
	box-shadow: none;
	border: none;
}

.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
	background-color: #323830;
}

.bg-info {
    background-color: #666;
}