@import url("/App_Themes/Layout/all.css?v=20260321v1");


BODY {
    background-color: #000000;
}

    BODY DIV #mainbg {
        background-color: #000000;
    }

FIELDSET {
    border-color: #1D1D1D;
    background-color: #252525;
}

LEGEND {
    background-color: #252525;
    border-left-color: #1D1D1D;
    border-top-color: #1D1D1D;
    border-right-color: #1D1D1D;
    color: #B8B8B8;
}

A {
    color: #FF9900;
}

    A:hover {
        color: #FF7722;
    }

    a.aspNetDisabled, a.aspNetDisabled:hover {
        color: #FF9900;
    }

.forumTopics a {
    color: #B8B8B8;
}

    .forumTopics a:hover {
        color: #FFF;
    }

.forumTopics .moderators a {
    color: #FF9900;
}

    .forumTopics .moderators a:hover {
        color: #FF7722;
    }

.forumTopics .forumMessages {
    color: #FF9900;
}

    .forumTopics .forumMessages:hover {
        color: #FF7722;
    }

.searchModule a {
    color: #B8B8B8;
}

    .searchModule a:hover {
        color: #FFF;
    }

.searchModule .moduleMaster {
    color: #FF9900;
}

    .searchModule .moduleMaster:hover {
        color: #FF7722;
    }

.moduleRooms a.aspNetDisabled {
    color: #B8B8B8;
}

H1 {
    color: #FE5500;
}

H2 {
    color: #FFFFFF;
}

a H2:hover {
    color: #B7C8D5;
    text-decoration: underline;
}

H3 {
    color: #FE5500;
}

TEXTAREA, INPUT {
    border-color: #1D1D1D;
    color: #B8B8B8;
    background-color: #161616;
}

.gameDices TEXTAREA {
    color: #B8B8B8;
    border-color: #1D1D1D;
    background-color: #161616;
}

BODY #main .content .dmtxt TABLE {
    background-color: #CCC;
}

    BODY #main .content .dmtxt TABLE TD {
        background-color: #000000;
    }

#header {
    background-image: url("../../images/logobg5big_hub.gif");
    background-color: #000000;
}

#left {
    color: #B8B8B8;
}

    #left TD {
        color: #B8B8B8;
    }

#main {
    color: #B8B8B8;
}

    #main .content .lightbg {
        background-color: #252525;
        border-color: #1D1D1D;
        border-style: solid !important;
        color: #B8B8B8;
    }

    #main .content .postcomment .lightbg {
        color: #C59696;
    }

#sidebar {
    color: #B8B8B8;
}

#header #info SPAN {
    color: #B8B8B8;
}

#footer {
    background-image: url("../../images/logofooter6_hub.gif");
    background-color: #373737;
}

    #footer P {
        color: #B8B8B8;
    }

    #footer div.p {
        color: #B8B8B8;
    }

.topline {
    background-color: #B8B8B8;
}

.logo .p {
    color: #630;
}

.topmenu {
    padding-top: 26px;
}

.topmenu .inter {
    padding-left: 0px;
}

.topmenu A {
    color: #fff;
    background-color: #151515;
    border-radius: 20px;
    padding: 2px 1%;
    border: 2px solid #212121;
}

    .topmenu A:hover {
        background-color: #212121;
    }

@media (max-width: 1524px) and (min-width: 1133px) {
    .topmenu {
        padding-top: 7px;
    }
}

@media (max-width: 1132px) {
    .topmenu {
        font-size: 21px;
        padding-top: 0px;
    }
}

    @media (max-width: 1132px) {
        .topmenu A {
            padding: 0px 13px;
        }
    }

#info {
    color: #B8B8B8;
}

BODY #mainbg .headershadow {
    background-color: #000000;
}

.usermenu {
    color: #B8B8B8;
}

.comment {
    color: #B8B8B8;
}

.commonTable {
    background: #CCC;
}

    .commonTable TD {
        background: #000000;
    }

    .commonTable .header TD {
        background: #000000;
    }

#mailGrid .mailbox:visited {
    color: #999;
}

    #mailGrid .mailbox.graytext:hover {
        color: #DBDBDB;
        text-decoration: underline;
    }

#main .content .commentItem {
    background-image: none;
    background-color: #161616;
    border-color: #1D1D1D;
    color: #B8B8B8;
    border-style: solid !important;
}

#main .content .diceLine SPAN {
    border-color: #1D1D1D;
    background-color: #252525;
    color: #9CA2BD;
}

#main .content .diceLine A {
    color: #9CA2BD;
}

#main .content .commentItem .diceRollsbg {
    background-color: #252525;
}

#chatArea {
    border-color: #1D1D1D;
    border-style: solid;
}

.chatHeader {
    color: #B8B8B8;
    background: #161616;
}

#adminChat .chatHeader {
    color: #B8B8B8;
    background: #161616;
}

.postcomment,
#main .postcomment B,
#main .postcomment I,
#main .postcomment STRIKE,
#main .postcomment U,
#main .postcomment PRE
#main .postcomment LI {
    color: #C59696;
}

.postcommentGreen,
#main .postcommentGreen B,
#main .postcommentGreen I,
#main .postcommentGreen STRIKE,
#main .postcommentGreen U,
#main .postcommentGreen PRE
#main .postcommentGreen LI {
    color: #80E180;
}

#main .content .portrait, #main .portrait, portrait {
    border-color: #333;
}

.p .portrait {
    border-color: #444 !important;
}

.submenu {
    background-color: #EFEFEF;
    border-color: #CCC;
}

.brackets {
    color: #AB9292;
}

.autoHiddenBrackets {
    background-color: #000000;
}

.pager SPAN {
    color: #FFFFFF;
    background-color: #151515;
    border: 2px solid #FF9900;
    border-radius: 3px;
    padding: 1px 3px 1px 3px;
    cursor: default;
}

    .pager SPAN:hover {
        background-color: #2F2F2F;
    }

.pager A {
    color: #c6c6c6;
    background-color: #151515;
    border-radius: 3px;
    padding: 1px 3px 1px 3px;
}

    .pager a[href*="Page$First"] {
        background-color: #FF9900;
        color: #000000;
    }

    .pager a[href*="Page$Last"] {
        background-color: #FF9900;
        color: #000000;
    }

    .pager A:hover {
        background-color: #2F2F2F;
    }

#main .content .advantageItem {
    background: #EEE;
}

.advantageItem .number {
    color: #DDD;
}

.advantageItem .link A:hover {
    color: #630;
}

.advantageItem .advantage {
    color: #80E180;
}

#main .content .innerAdvert {
    background-color: #161616;
}

#main .content .mainbanner P, #main .content .mainbanner div.p {
    border-color: #CCC;
    background-color: #F5F5DC;
}

#main .content .mainbanner SPAN, #sidebar .content .mainbanner SPAN, #sidebar .mainbanner SPAN {
    color: #CCC;
}

.sidebarAdvert {
    border-color: #CCC;
}

    .sidebarAdvert SPAN {
        color: #CCC;
    }

.defaultOpinion .bg, .defaultOpinion .bg TD {
    background-color: #ebe9da;
    color: #363;
}

.blacktext {
    color: #000;
}

.playerInfo {
    background-color: #161616;
    border-color: #1D1D1D;
    color: #B8B8B8;
}

.gray6 {
    color: #B8B8B8;
}

.gray7 {
    color: #999;
}

BODY #wrapper .gray {
    color: #999;
}

.graytext, .grayText {
    color: #999;
}

#main .chatname A.grayText:hover {
    color: #DBDBDB;
    text-decoration: underline;
}

.lightgraytext, .lightgrayText {
    color: #999;
}

.quote {
    background-color: #252525;
    border-left-color: #637081;
}

.mod {
    background-color: #3A3B44;
    border-left-color: #80E180;
    color: #D8D8D8;
}

.commonTable {
    background-color: #CCC;
    color: #B8B8B8;
}

    .commonTable .header TD {
        background-color: #000000;
    }

    .commonTable TR TD {
        background-color: #000000;
    }

#links A, #links {
    color: #CCC;
}

#ScrollTopButton {
    color: #DDD;
}

    #ScrollTopButton:hover {
        background-image: linear-gradient(to top, #333, #666);
    }

.TextScrollTopButton {
    color: #FF9900;
}

.indicator-all {
    border-color: #313437;
    background-image: -webkit-linear-gradient(top,#CDCABC,#F0F0F0,#CDCABC);
    background-image: -moz-linear-gradient(top,#CDCABC,#F0F0F0 50%,#CDCABC);
    background-image: -ms-linear-gradient(top,#CDCABC,#F0F0F0 50%,#CDCABC);
}

.indicator-part1 {
    background-image: -webkit-linear-gradient(bottom,#ebe9da,#d49737,#ebe9da); /* Chrome 10+,Safari 5.1+ */
    background-image: -moz-linear-gradient(bottom, #ebe9da, #d49737 50%, #ebe9da); /* Fx 3.6+ */
    background-image: -ms-linear-gradient(bottom, #ebe9da, #d49737 50%, #ebe9da); /* IE10+ */
    box-shadow: 2px 0 4px #352519;
    color: #505050;
}

.indicator-header {
    color: #FE5500;
}

    .indicator-header:hover {
        color: #CFAEA2;
    }

.txtDMTextBoxCtrl {
    color: #B8B8B8;
    border-color: #1D1D1D;
    background-color: #161616;
    border-style: solid !important;
}


.positiveRating {
    color: #80E180;
}

.negativeRating {
    color: #FF5555;
}

.userIsOnline {
    color: #80E180;
}

.userIsOffline {
    color: #999;
}

.progressTemplate {
    color: #999;
}

.currentSelection {
    color: #999;
}

.newModule {
    color: #80E180;
}

    .newModule:hover {
        color: #98FD98;
        text-decoration: underline;
    }


.listNoInfo {
    color: #B8B8B8;
}

.roomType {
    color: #767575;
}

    .roomType.roomAccessible {
        color: #85C385;
    }

.unreadMessagesNotification {
    color: #80E180;
}

    .unreadMessagesNotification:hover {
        color: #98FD98;
    }

.activeWatcher {
    color: grey;
}

.alternateTableRow {
    background-color: #161616;
}

    .alternateTableRow .avatarBorder {
        border-color: #444;
    }

.avatarBorder {
    border-color: #333;
}

.createUserButtonStyle {
    border-color: #CCCCCC;
    color: #999;
    background-color: #EAEAEA;
}

.table-bordered td, .table-bordered th {
    border-color: #484848;
}

.greenText,
#main .greenText,
#main .content .greenText,
#main .content .greenText B,
#main .content .greenText I,
#main .content .greenText SPAN,
#main .content .greenText U,
#main .content .greenText DIV,
#main .content .greenText STRIKE,
#sidebar #info .greenText,
#header #info .greenText {
    color: #80E180;
}

#main A.greenText:hover {
    color: #98FD98;
}

A.greenText:hover {
    color: #98FD98;
    text-decoration: underline;
}

.redText, #main .redText, #main .content .redText,
#main .content .redText B,
#main .content .redText I,
#main .content .redText SPAN,
#main .content .redText U,
#main .content .redText DIV,
#main .content .redText STRIKE,
#sidebar #info .redText, #header #info .redText {
    color: #FF5555;
}

#main A.redText:hover {
    color: #FFAB9A;
}

A.redText:hover {
    color: #FFAB9A;
    text-decoration: underline;
}

.divOpinion {
}

    .divOpinion .opinionText {
        background-color: #161616;
        color: #B8B8B8
    }

        /* Стрелка */
        .divOpinion .opinionText::before {
            content: url('/images/downArrowIconWhite.svg');
        }

        /* Плавное исчезновение текста */
        .divOpinion .opinionText::after {
            background: linear-gradient( to bottom, #16161600 0%, #161616FF 45% );
        }

.opinionLink .opinionLinkImg {
    background-image: url("../../images/opinionlink_hub.gif");
}

.liveinternetCounter {
    opacity: 50%;
}

.delimiter, #main .contents .delimiter {
    background: url("../../images/delimiterbg.gif") repeat-x left center;
    padding: 10px 0px;
    width: 99%;
    opacity: 60%;
}

.slimdelimiter, #main .contents .slimdelimiter {
    background: url("../../images/delimiterbg.gif") repeat-x left center;
    height: 10px;
    margin-left: 7px;
    width: 90%;
    opacity: 60%;
}

.chatdelimiter, #main .contents .chatdelimiter {
    background: url("../../images/delimiterbg.gif") repeat-x left center;
    height: 10px;
    margin-left: 7px;
    width: 99%;
    opacity: 60%;
}

SELECT.aspNetDisabled {
    color: #888 !important;
    background-color: #101010 !important;
    border-color: #444 !important;
}

SELECT option:checked {
    color: #E1E1E1;
    background: #2C4872;
}

/*Needs to be applied to checkboxes without "checkbox" class too*/
input[type=checkbox] {
    filter: invert(80%) hue-rotate(3rad);
}

input[type=file]::file-selector-button {
    border-color: #888;
    color: #B8B8B8;
    background-color: #373737;
    border-width: 1px;
    border-style: Solid;
    font-size: 15px;
    font-weight: bold;
}

input[type=file] {
    color: #B8B8B8;
    background-color: #000000;
    border-color: #1D1D1D;
}

input[type=submit] {
    border-style: solid !important;
}

input[type=text] {
    border-style: solid !important;
}

.nsfw-tag .nsfw-content-grid .nsfw-alert {
    color: #F28069 !important;
    background-color: rgba(128, 52, 52, 0.5);
}

.roomPlayers {
    color: #B8B8B8;
    background-color: #161616;
    border-color: #1D1D1D;
}

.newCharacteristic {
    background: #161616;
}

.newCharacteristicPanel {
    border-color: #1D1D1D;
}

.banRequest {
    background-color: #361C1C;
    color: #B8B8B8;
}

/*Fixes black color of the left border on focus*/
TEXTAREA:focus {
    outline: none !important;
    border: 1px solid #FFF;
    border-radius: 4px;
}

/*Scrollbar fixes in Chrome, Opera, Edge and Safari*/
/*Doesn't work without setting up width*/
::-webkit-scrollbar {
    width: 16px;
}

::-webkit-scrollbar-track {
    background: #1D1D1F;
}

::-webkit-scrollbar-thumb {
    background: #757577;
}

::-webkit-scrollbar-thumb:hover {
    background: #626264;
}

::-webkit-scrollbar-button:single-button {
    background-color: #1A1A1D;
    display: block;
    background-size: 10px;
    background-repeat: no-repeat;
}

::-webkit-scrollbar-button:single-button:vertical:decrement {
    width: 16px;
    height: 16px;
    background-position: center 5px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235F5F60'><polygon points='50,00 0,50 100,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:increment {
    width: 16px;
    height: 16px;
    background-position: center 6px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235F5F60'><polygon points='0,0 100,0 50,50'/></svg>");
}

/* Стрелка */
.mailGrid::before {
    content: url('/images/downArrowIconWhite.svg');
}

/* Плавное исчезновение текста */
.mailGrid::after {
    background: linear-gradient( to bottom, #00000000 0%, #000000FF 60% );
}