: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,
.navbar-hidden {
    background: var(--dark-bg-color);
    color: var(--dark-default-color);
}

nav.sub-nav {
    background: var(--dark-bg-2);
    color: var(--dark-default-color);
}

.navbar-inverse {
    background: var(--dark-bg-color);
    color: var(--dark-default-color);
}

.footer-menu,
.footer-tools-bar,
.ocm-alert,
.pager li.disabled a,
.select2-dropdown,
.owl-carousel,
.sidebar .widget,
.shadow-box,
.comic-item-box,
.password-form-container {
    background: var(--dark-bg-2);
    color: var(--dark-default-color);
}

#user-registration {
    background: var(--dark-bg-2) !important;
    color: var(--dark-default-color) !important;
}

#user-registration p {
    color: var(--dark-default-color) !important;
}

.note {
    background: var(--dark-bg-3);
}

#user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a,
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a,
.ur-frontend-form .ur-form-row .ur-form-grid input[readonly],
.ur-frontend-form .ur-form-row .ur-form-grid select[readonly],
.ur-frontend-form .ur-form-row .ur-form-grid textarea[readonly] {
    background: var(--dark-bg-3) !important;
}

#user-registration.horizontal .user-registration-MyAccount-navigation,
#user-registration .user-registration-MyAccount-navigation {
    border-bottom-color: var(--dark-bg-3) !important;
}

.btn-followed {
    background: var(--dark-bg-3) !important;
    color: var(--dark-default-color) !important;
}

.btn-followed:hover {
    background: var(--dark-bg-color) !important;
}

.button.user_registration_profile_picture_upload {
	background: var(--dark-bg-color) !important;
    box-shadow: none !important;
    border-radius: 6px !important;
}

.button.user_registration_profile_picture_upload:hover {
	background: var(--dark-bg-3) !important;
}

.ur-frontend-form button,
.ur-frontend-form input[type=submit],
.ur-frontend-form button[type=submit] {
    border-style: none !important;
}

.underline-magic {
    background-image: linear-gradient(120deg, var(--dark-bg-2) 0, var(--dark-bg-2) 100%);
}

.comic-chapter,
.table-wrapper thead,
.table-striped>tbody>tr:nth-of-type(odd),
.comment-body,
.comment-reply,
#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,
.sticker-item .sale::after,
.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-3);
}

.breadcrumb {
    background: var(--dark-bg-2);
}

.btn-snazzy.disabled,
.tags-scroller::-webkit-scrollbar-track,
.single-chapter-list::-webkit-scrollbar-track {
    background: var(--dark-bg-3);
}

.bs-callout-danger,
.like-number {
    background: var(--dark-bg-3);
}

.like-number:after {
    border-right-color: var(--dark-bg-3);
}

@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,
#commentform #comment,
.search-wrapper .search-txt,
.search-result,
.modal-content,
.panel,
.v-btn.disabled,
.emoji-panel {
    background: var(--dark-bg-color);
}

.search-icon,
.noti-mobile .noti-icon,
.log-in-btn,
.login-tooltip {
    background: var(--dark-bg-color);
}

.login-tooltip:after {
    border-bottom-color: var(--dark-bg-3);
}

.user-info-container:after,
.noti-container:after,
#add_payment_method #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,
legend,
.color-black {
    color: var(--dark-default-color);
}

.keywords-scroller-container:after {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--dark-bg-2) 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-2) 100%);
}

.cmt-content {
    background: var(--dark-bg-3);
    border-color: var(--dark-bg-3);
}

.ur-frontend-form {
    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,
legend {
    border-bottom-color: var(--dark-bg-3);
}

.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 {
    background: var(--dark-bg-3);
    border-color: var(--dark-bg-3);
    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-3);
}


.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;
}

.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;
}

@media (max-width: 767px) {
    .comment-body.vip-body .cmt-content {
        background: url(../images/cmt-bg.jpg) bottom right no-repeat;
        background-size: cover;
        border-color: transparent;
    }
}

@media (min-width: 768px) {
    .comment-body.vip-body {
        background: url(../images/cmt-bg.jpg) bottom right no-repeat;
        background-size: cover;
    }
}

.list-vip-bg {
    background: url(../images/cmt-bg.jpg) bottom right no-repeat;
    background-size: cover;
}