:root {
    --darkerBgColor: #161822;
    --darkerFontColor: #FFFFF4;
    --darkerBorderColor: #615d5d;
    --darkBgColor: #1B1E2A;
    --darkFontColor: #FFFFF4;
    --darkerBorderColor: #615d5d;
}



.stylemode {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 130px;
}

.stylemode:before,
.stylemode:after {
    left: 40px
}


a {
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}


/********************
*** GENERAL ***
*********************/

[data-style-mode="dark"] body,
[data-style-mode="dark"] #login-cp .FormLogin .usernameee a {
    color: #b4b4b4;
}


/* Dark Color */

[data-style-mode="dark"] body,
[data-style-mode="dark"] #header,
[data-style-mode="dark"] .alt1-navbar,
[data-style-mode="dark"] .notifications_mini,
[data-style-mode="dark"] .LeftTopHeaderSearch .LeftTopHeaderSearchinput,
[data-style-mode="dark"] #NoticPage .NoticCounct,
[data-style-mode="dark"] #forumhomeBody,
[data-style-mode="dark"] #forumhomeBody .tcat,
[data-style-mode="dark"] .forumhomestat,
[data-style-mode="dark"] .footerbottom,
[data-style-mode="dark"] .footer-box,
[data-style-mode="dark"] .thead,
[data-style-mode="dark"] .toolbar,
[data-style-mode="dark"] .IconThread,
[data-style-mode="dark"] select,
[data-style-mode="dark"] input[type="submit"],
[data-style-mode="dark"] input[type="reset"],
[data-style-mode="dark"] input[type="button"],
[data-style-mode="dark"] .blockContent,
[data-style-mode="dark"] .statusbar,
[data-style-mode="dark"] .PostTime,
[data-style-mode="dark"] .PostCount,
[data-style-mode="dark"] .Posinffrist,
[data-style-mode="dark"] .TagScreen,
[data-style-mode="dark"] .Tr09QuickReply,
[data-style-mode="dark"] .panel,
[data-style-mode="dark"] .TmpPost .ContentPost .IconTitle,
[data-style-mode="dark"] .TmpPost .HeaderPost,
[data-style-mode="dark"] .TmpPost .FooterPost .Controls li,
[data-style-mode="dark"] #ConPosToolbar .Left .ToolbarMain li,
[data-style-mode="dark"] .page-nav li strong,
[data-style-mode="dark"] .imagebutton:hover,
[data-style-mode="dark"] .TmpComments .TimePostComm,
[data-style-mode="dark"] .CommTitle,
[data-style-mode="dark"] .RightPost,
[data-style-mode="dark"] .TmpComments .LeftPost .CommMessage,
[data-style-mode="dark"] .TmpComments .LeftPost .FooterPost .Controls li,
[data-style-mode="dark"] .page {
    background: var(--darkerBgColor) !important;
    color: var(--darkerFontColor) !important;
    border-color: var(--darkerBgColor) !important;
}


/* Light color */

[data-style-mode="dark"] #header .top-header,
[data-style-mode="dark"] .wel-msg,
[data-style-mode="dark"] .TmpPost,
[data-style-mode="dark"] .TagScreen .IconTag,
[data-style-mode="dark"] textarea,
[data-style-mode="dark"] .tcat,
[data-style-mode="dark"] .controlbar,
[data-style-mode="dark"] .CommUserImg,
[data-style-mode="dark"] .bginput,
[data-style-mode="dark"] .PrevNextThread a,
[data-style-mode="dark"] #forumhomeBody .thead,
[data-style-mode="dark"] #forumhomeBody .alt1Active,
[data-style-mode="dark"] #forumhomeBody .topics-count,
[data-style-mode="dark"] #forumhomeBody .posts-count,
[data-style-mode="dark"] #forumhomeBody .lastpostinfo,
[data-style-mode="dark"] .TmpPost .ContentPost,
[data-style-mode="dark"] .thead,
[data-style-mode="dark"] .panelsurround,
[data-style-mode="dark"] .TagScreen .TagListCell,
[data-style-mode="dark"] .PosLeft,
[data-style-mode="dark"] .msgReply,
[data-style-mode="dark"] .CommUserInfo,
[data-style-mode="dark"] .alt1Active,
[data-style-mode="dark"] .topics-count,
[data-style-mode="dark"] .posts-count,
[data-style-mode="dark"] .lastpostinfo,
[data-style-mode="dark"] .tborder,
[data-style-mode="dark"] .vbmenu_option,
[data-style-mode="dark"] .forumhomestatboxuno,
[data-style-mode="dark"] .forumhomestatboxtres,
[data-style-mode="dark"] .eFooter,
[data-style-mode="dark"] .alt1,
[data-style-mode="dark"] .alt1Active,
[data-style-mode="dark"] .alt2,
[data-style-mode="dark"] .alt2 .ThreadReply,
[data-style-mode="dark"] .alt2Active,
[data-style-mode="dark"] .subforumbar,
[data-style-mode="dark"] #ConPosToolbar,
[data-style-mode="dark"] .SearchSubforum,
[data-style-mode="dark"] .Tborderforum .tcat,
[data-style-mode="dark"] .navbar-bottom,
[data-style-mode="dark"] .ButtonDown,
[data-style-mode="dark"] .SimilarTH,
[data-style-mode="dark"] .fa-border,
[data-style-mode="dark"] .bbcode_quote_main,
[data-style-mode="dark"] .page-nav li a,
[data-style-mode="dark"] #NoticPage {
    background: var(--darkBgColor) !important;
    color: var(--darkFontColor) !important;
    border-color: var(--darkBgColor) !important;
}

[data-style-mode="dark"] .img-count,
[data-style-mode="dark"] .Forumsimilar,
[data-style-mode="dark"] #forumhomeBody .img-count {
    /* background: #343434 !important;
    color: #969696 !important;
    border-color: #615d5d !important; */
    background: var(--darkBgColor) !important;
    color: var(--darkFontColor) !important;
    border-color: var(--darkBgColor) !important;
}

[data-style-mode="dark"] .TmpComments {
    border-color: var(--darkBgColor);
    background: var(--darkBgColor) !important;
}

[data-style-mode="dark"] .TmpPost{
    border-color: var(--darkerBgColor);
}

[data-style-mode="dark"] .states
 {
    background: #708291;
}

[data-style-mode="dark"] .TmpComments .RightPost .CommUserInfo .Memberpost,
[data-style-mode="dark"] .mainicon {
    background-color: transparent;
}


/* href and text */

[data-style-mode="dark"] .badge,
[data-style-mode="dark"] #footer .eFooter .Footercount .copy_bg .copyrights,
[data-style-mode="dark"] #footer .footerbottom .footerLinks li a,
[data-style-mode="dark"] #footer .footerbottom .link_foot .navbar-nav li a,
[data-style-mode="dark"] strong,
[data-style-mode="dark"] .alt1-navbar a:link,
[data-style-mode="dark"] .alt1-navbar a:visited,
[data-style-mode="dark"] .alt1-navbar a:hover,
[data-style-mode="dark"] .rotate,
[data-style-mode="dark"] #ConPosToolbar .Left .IconToolSize,
[data-style-mode="dark"] .rotate a,
[data-style-mode="dark"] .forum-desc,
[data-style-mode="dark"] a,
[data-style-mode="dark"] .NewsTime,
[data-style-mode="dark"] body_alink,
[data-style-mode="dark"] #footer .eFooter .Footercount .FaSc li,
[data-style-mode="dark"] .NewsReply {
    color: #d3d3d3 !important;
}


/* Blue hrefs and text */

[data-style-mode="dark"] .blockContent h6,
[data-style-mode="dark"] a:visited,
[data-style-mode="dark"] a:hover,
[data-style-mode="dark"] .TmpComments .TimePostComm .CommTime,
[data-style-mode="dark"] legend,
[data-style-mode="dark"] .Forumsimilardes,
[data-style-mode="dark"] .navbar {
    color: #0186cc !important;
}

[data-style-mode="dark"] .notifications_mini:before {
    border-bottom-color: #615d5d;
}

[data-style-mode="dark"] .notifications_mini:after {
    border-bottom-color: #1a1a1a;
}

[data-style-mode="dark"] .bbcode_quote_main{

}

.active_mode {
    color: #e67e22 !important;
    border: 1px solid #e67e22;
    padding: 5px 10px;
    border-radius: 2px;
}


[data-style-mode="dark"] #hero_box {
    color: #a0a0a0;
    background: #171717;
}


[data-style-mode="dark"] #hero_box h1 {
    color: #FFFFF4;
}


/********************
*** Font options ***
*********************/


[data-style-mode="dark"] .font_options {
    background: #171717;
    border-top: 1px solid #282828;
    border-bottom: 1px solid #282828;
}


[data-style-mode="dark"] #nav.affix {
    background: rgba(23, 23, 23, 0.8);
}


[data-style-mode="dark"] .navbar-toggle {
    color: #fff;
}


[data-style-mode="dark"] .navbar-nav>li {
    border-left: 1px solid #282828;
}


[data-style-mode="dark"] .navbar-nav>li.size_select {
    border-right: 1px solid #282828;
}



/********************
*** Icon font details ***
*********************/

[data-style-mode="dark"] #content {
    background: #1a1a1a;
}

[data-style-mode="dark"] .font-icon-detail span:first-child {
    border: 1px solid #2b2b2b;
    color: #fff;
}


[data-style-mode="dark"] .font-icon-list:hover .font-icon-detail span:first-child {
    color: #1a1a1a;
    background: #fff;
}


[data-style-mode="dark"] .font-icon-list:hover .font-icon-name,
[data-style-mode="dark"] .font-icon-list:hover .code-value,
[data-style-mode="dark"] .font-icon-list:hover .unicode,
[data-style-mode="dark"] .font-icon-list:hover .unicode-text {
    color: #fff;
}



[data-style-mode="dark"] #docs_box {
    background: #1a1a1a;
    border-top: 1px solid #282828;
}



[data-style-mode="dark"] .checkbox+label:before {
    background: #323232;
    border: 1px solid #000;
    color: #a0a0a0;
}

[data-style-mode="dark"] .LeftTopHeaderSearch .LeftTopHeaderSearchbutton {
    box-shadow: 0 0 0;
}


[data-style-mode="dark"] .Tborderforum {
    border: 0;
}

/*******************************
*** RESPONSIVE Media Queries ***
********************************/

@media (max-width: 767px) {


    [data-style-mode="dark"] .navbar-collapse.in,
    [data-style-mode="dark"] .navbar-collapse.collapsing {
        box-shadow: inset 0 1px 0 #282828;
    }

}