body,#container,#content {
    background: #161616!important;
    font-family: 'Roboto',sans-serif
}

.topBarMenu {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #202020;
    position: relative;
    z-index: 100
}

.topBarMenu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    -webkit-animation: fixedShowUp forwards 400ms;
    animation: fixedShowUp forwards 400ms;
    z-index: 999999;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.12);
    box-shadow: 0 3px 6px rgba(0,0,0,0.12)
}

@-webkit-keyframes fixedShowUp {
    from {
        top: -60px
}

to {
        top: 0
}


}

@keyframes fixedShowUp {
    from {
        top: -60px
}

to {
        top: 0
}


}

.pageShadow {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    right: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 0;
    background: rgba(0,0,0,0.65)
}

.pageShadow.active {
    opacity: 1;
    visibility: visible
}

.awardOptions {
    border-radius: 3px;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;
    font-weight: 600;
    margin-bottom: 5px;
    border: 1px solid rgba(0,0,0,0.12);
    overflow: hidden;
    background: rgba(0,0,0,0.10);
    display: none
}

.awardOptions .awardName {
    color: #e74c3c
}

.awardOptions:before {
    content: "\f688";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    font-size: 70px;
    color: rgba(255,255,255,0.05);
    bottom: -30px;
    right: 20px
}

.post-offer {
    color: rgba(255,255,255,0.70);
    padding: 8px 16px;
    border: 0;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    font-size: 12px;
    font-weight: 600;
    background: #6674DE;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    border-radius: 3px
}

.price {
    background: rgba(255,255,255,0.10);
    padding: 6px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 8px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    color: rgba(255,255,255,0.70);
    margin-bottom: 30px
}

.price input {
    background: transparent;
    border: 0;
    color: rgba(255,255,255,0.70);
    outline: none;
    width: 175px
}

.iconBorder {
    border-radius: 3px;
    padding: 3px;
    width: 18px;
    height: 18px
}

.postbitAwards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0
}

.postbitAwards .icon {
    margin: 5px 4px
}

.sellRadioBox {
    display: inline-block
}

.sellRadioBox .iconBorder {
    padding: 7px;
    cursor: pointer;
    background: rgba(0,0,0,0.10);
    margin: 5px 0;
    border: 2px solid rgba(0,0,0,0.12);
    margin-right: 5px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.sellRadioBox .iconBorder:hover {
    background: rgba(0,0,0,0.20)
}

.sellRadioBox input {
    display: none
}

.sellRadioBox input:checked + .icon .iconBorder {
    border-color: #6674DE
}

.iconBorder.trusted {
    border: 2px solid #957ca5;
    background: rgba(47,113,177,0.10)
}

.iconName.trusted {
    color: #957ca5
}

.iconBorder.cracker {
    border: 2px solid #607D8B;
    background: rgba(96,125,139,0.10)
}

.iconName.cracker {
    color: #607D8B
}

.iconBorder.spam-fighter {
    border: 2px solid #d2cfc4;
    background: rgba(154,88,180,0.10)
}

.iconName.spam-fighter {
    color: #d2cfc4
}

.iconBorder.spam-fighter2 {
    border: 2px solid #636bcf;
    background: rgba(154,88,180,0.10)
}

.iconName.spam-fighter2 {
    color: #636bcf
}

.iconBorder.designer {
    border: 2px solid #e196c5;
    background: rgba(129,225,229,0.10)
}

.iconName.designer {
    color: #e196c5
}

.iconBorder.lucky {
    border: 2px solid #c71b66;
    background: rgba(46,204,113,0.10)
}

.iconName.lucky {
    color: #c71b66
}

.iconBorder.two-factor {
    border: 2px solid #41b8a4;
    background: rgba(155,89,182,0.10)
}

.iconName.two-factor {
    color: #41b8a4
}

.iconBorder.mindster {
    border: 2px solid #8496b4;
    background: rgba(32,0,39,0.10)
}

.iconName.mindster {
    color: #8496b4
}

.iconBorder.insane {
    border: 2px solid #8496b4;
    background: rgba(32,0,39,0.10)
}

.iconName.insane {
    color: #8496b4
}

.iconBorder.bitcoin {
    border: 2px solid #F0C30F;
    background: rgba(240,195,15,0.10)
}

.iconName.bitcoin {
    color: #F0C30F
}

.iconBorder.donator {
    border: 2px solid #FFA000;
    background: rgba(255,160,0,0.10)
}

.iconName.donator {
    color: #FFA000
}

.iconBorder.m-donator {
    border: 2px solid #80db79;
    background: rgba(229,76,60,0.10)
}

.iconName.m-donator {
    color: #80db79
}

.iconBorder.helping-hand {
    border: 2px solid #9c44f8;
    background: rgba(129,115,43,0.10)
}

.iconName.helping-hand {
    color: #9c44f8
}

.iconBorder.vip {
    border: 2px solid #BC39A9;
    background: rgba(188,57,169,0.10)
}

.iconName.vip {
    color: #BC39A9
}

.iconBorder.nova {
    border: 2px solid #DB7922;
    background: rgba(219,121,34,0.10)
}

.iconName.nova {
    color: #DB7922
}

.iconBorder.diamond {
    border: 2px solid #00cec9;
    background: rgba(27,152,245,0.10)
}

.iconName.diamond {
    color: #00cec9
}

.iconBorder.soul {
    border: 2px solid #649550;
    background: rgba(33,125,128,0.10)
}

.iconName.soul {
    color: #649550
}

.iconBorder.honor {
    border: 2px solid #BB901E;
    background: rgba(100,100,100,0.10)
}

.iconName.honor {
    color: #BB901E
}

.iconBorder.stellar {
    border: 2px solid #9C34C8;
    background: rgba(172,172,172,0.10)
}

.iconName.stellar {
    color: #9C34C8
}

.iconBorder.cool {
    border: 2px solid #A937C1;
    background: rgba(36,137,79,0.10)
}

.iconName.cool {
    color: #A937C1
}

.iconBorder.radiant {
    border: 2px solid #5F7F90;
    background: rgba(36,137,79,0.10)
}

.iconName.radiant {
    color: #5F7F90
}

.iconBorder.peak {
    border: 2px solid #81A0CE;
    background: rgba(36,137,79,0.10)
}

.iconName.peak {
    color: #81A0CE
}

.iconBorder.new-poster {
    border: 2px solid #7F9296;
    background: rgba(36,137,79,0.10)
}

.iconName.new-poster {
    color: #7F9296
}

.iconBorder.junior-poster {
    border: 2px solid #BC9CA4;
    background: rgba(36,137,79,0.10)
}

.iconName.junior-poster {
    color: #BC9CA4
}

.iconBorder.senior-poster {
    border: 2px solid #945BF4;
    background: rgba(36,137,79,0.10)
}

.iconName.senior-poster {
    color: #945BF4
}

.iconBorder.hq-poster {
    border: 2px solid #4B88C0;
    background: rgba(36,137,79,0.10)
}

.iconName.hq-poster {
    color: #4B88C0
}

.iconBorder.uhq-poster {
    border: 2px solid #CCA274;
    background: rgba(36,137,79,0.10)
}

.iconName.uhq-poster {
    color: #CCA274
}

.iconBorder.nirvana {
    border: 2px solid #F6F6E5;
    background: rgba(214,73,58,0.10)
}

.iconName.nirvana {
    color: #F6F6E5
}

.iconBorder.regulus {
    border: 2px solid #F1210A;
    background: rgba(214,73,58,0.10)
}

.iconName.regulus {
    color: #F1210A
}

.iconBorder.pioneer {
    border: 2px solid #7C6C84;
    background: rgba(214,73,58,0.10)
}

.iconName.pioneer {
    color: #7C6C84
}

.iconBorder.moon {
    border: 2px solid #BBB;
    background: rgba(214,73,58,0.10)
}

.iconName.moon {
    color: #BBB
}

.iconBorder.monarch {
    border: 2px solid #A79A5F;
    background: rgba(104,83,45,0.10)
}

.iconName.monarch {
    color: #A79A5F
}

.iconBorder.majestic {
    border: 2px solid #44CCBC;
    background: rgba(104,83,45,0.10)
}

.iconName.majestic {
    color: #44CCBC
}

.iconBorder.infinity {
    border: 2px solid #E281B2;
    background: rgba(104,83,45,0.10)
}

.iconName.infinity {
    color: #E281B2
}

.iconBorder.trophy {
    border: 2px solid #C8B2DE;
    background: rgba(104,83,45,0.10)
}

.iconName.aurora {
    color: #FBC9C6
}

.iconBorder.aurora {
    border: 2px solid #FBC9C6;
    background: rgba(104,83,45,0.10)
}

.iconName.trophy {
    color: #C8B2DE
}

.iconBorder.noble {
    border: 2px solid #E58B1F;
    background: rgba(214,73,58,0.10)
}

.iconName.noble {
    color: #E58B1F
}

.iconBorder.magic {
    border: 2px solid #EAA629;
    background: rgba(214,73,58,0.10)
}

.iconName.magic {
    color: #EAA629
}

.iconBorder.money-king {
    border: 2px solid #acb49c;
    background: rgba(192,158,23,0.10)
}

.iconName.money-king {
    color: #acb49c
}

.iconBorder.corona {
    border: 2px solid #256669;
    background: rgba(37,102,105,0.10)
}

.iconName.corona {
    color: #256669
}

.iconBorder.gambler {
    border: 2px solid #d15555;
    background: rgba(209,85,85,0.10)
}

.iconName.gambler {
    color: #d15555
}

.iconBorder.reverser,.iconBorder.bug-reporter {
    border: 2px solid #000;
    background: rgba(0,0,0,0.10)
}

.iconName.reverser,.iconName.bug-reporter {
    color: #000
}

.iconBorder.insane-dev {
    border: 2px solid #56AC18;
    background: rgba(86,172,24,0.10)
}

.iconName.insane-dev {
    color: #56AC18
}

.iconBorder.crypto {
    border: 2px solid #d7d01a;
    background: rgba(215,208,26,0.10)
}

.iconName.crypto {
    color: #d7d01a
}

.iconBorder.halloweentrick {
    border: 2px solid #e48d1b;
    background: rgba(208,208,174,0.10)
}

.iconName.halloweentrick {
    color: #e48d1b
}

.iconBorder.halloweentreat {
    border: 2px solid #e48d1b;
    background: rgba(208,208,174,0.10)
}

.iconName.halloweentreat {
    color: #e48d1b
}

.iconBorder.merrychristmas {
    border: 2px solid #f5f6fa;
    background: rgba(208,208,174,0.10)
}

.iconName.merrychristmas {
    color: #f5f6fa
}

.iconBorder.regal {
    border: 2px solid #9E9E9E;
    background: rgba(208,208,174,0.10)
}

.iconName.exalted {
    color: #E46C34
}

.iconBorder.exalted {
    border: 2px solid #E46C34;
    background: rgba(208,208,174,0.10)
}

.iconName.regal {
    color: #9E9E9E
}

.iconName {
    font-weight: 500
}

.iconBorder .awardIcon {
    width: 18px;
    height: 18px
}

body#index li a.index,body#auth li a.auth,body#credits li a.credits,body#search-body li a.search,body#awards li a.awards,body#upgrade li a.upgrade {
    background: #6674DE;
    color: #fff
}

.itemIcon {
    max-width: 18px;
    height: 18px
}

.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    background: rgba(0,0,0,0.05);
    border: 2px solid rgba(0,0,0,0.08);
    width: 30px;
    height: 30px;
    border-radius: 3px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    margin-right: 7px;
    margin-top: 10px
}

.item.active {
    border-color: #6674DE
}

.xfernoSelect {
    width: 100%;
    margin-top: 5px;
    border: 1px solid rgba(0,0,0,0.24);
    padding: 6px 3px;
    background: rgba(255,255,255,0.05)
}

.plans {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (33%)[3];
    grid-template-columns: repeat(3,33%);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.planBlock {
    border-radius: 3px;
    border: 2px solid rgba(0,0,0,0.12);
    background: rgba(0,0,0,0.12)
}

.planBlock .buyButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px 0
}

.planBlock .buyButton button {
    background: rgba(255,255,255,0.05);
    border-radius: 3px;
    border: 0;
    padding: 10px 12px;
    font-weight: 500;
    font-size: 12px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.planBlock .buyButton button:not(.disabled):hover {
    background: rgba(255,255,255,0.10)
}

.planBlock .buyButton button.vip {
    color: #FC427B;
    text-shadow: 1px 2px rgba(252,66,123,0.12)
}

.planBlock .buyButton button.nova {
    color: #f60
}

.planBlock .buyButton button.diamond {
    color: #00cec9
}

.planHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.planLength {
    padding: 8px 10px;
    color: rgba(255,255,255,0.70);
    font-size: 12px
}

.planLength span {
    float: right
}

.planUserBar,.planPerks {
    background: rgba(255,255,255,0.04);
    padding: 10px;
    text-align: center
}

.userBar.vip {
    color: #FC427B;
    text-shadow: 1px 2px rgba(252,66,123,0.12)
}

.userBar.nova {
    color: #f60
}

.userBar.diamond {
    color: #00cec9
}

.planHead.vip {
    background: #e84393
}

.planUserBanner {
    padding: 10px 0;
    text-align: center
}

.planUserBanner img {
    width: 200px;
    margin: 0 auto;
    height: auto
}

.planSpecs li {
    list-style: none;
    padding: 13px 8px;
    border-bottom: 1px solid rgba(0,0,0,0.16)
}

.planSpecs li .right {
    float: right;
    display: inline-block;
    margin-top: 2px
}

.planSpecs li .right .awardIco {
    width: 22px;
    height: auto
}

.planHead.nova {
    background: #f60
}

.planHead.diamond {
    background: #00cec9
}

.planHead .planName {
    font-weight: bolder;
    padding: 12px 8px;
    font-size: 16px
}

.planHead .planPrice {
    display: block;
    padding: 12px 16px;
    font-size: 16px;
    background: rgba(0,0,0,0.30);
    font-weight: bolder
}

.staffList {
    display: -ms-grid;
    display: grid;
    margin-top: 10px;
    -ms-grid-columns: (49.50%)[2];
    grid-template-columns: repeat(2,49.50%);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.staffBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 10px;
    border: 1px solid rgba(0,0,0,0.05);
    background: rgba(0,0,0,0.12)
}

.staffBlock .avatar img {
    width: 32px;
    height: 32px;
    border-radius: 6px
}

.staffBlock .data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.staffBlock .status {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.staffBlock .status span {
    padding: 4px 8px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px
}

.staffBlock .status .staff-online {
    background: #27ae60
}

.staffBlock .status .staff-offline {
    background: #e74c3c
}

.awardsGrid {
    display: -ms-grid;
    display: grid;
    margin-top: 15px;
    -ms-grid-columns: (49.33%)[2];
    grid-template-columns: repeat(2,49.33%);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.awardsGrid.special,.awardsGrid.reqBased,.awardsGrid.upgrades {
    display: none
}

.award {
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.10);
    background: rgba(0,0,0,0.10);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    padding: 10px 16px
}

.award .data {
    margin-left: 10px
}

.award .data a {
    color: #fff;
    font-weight: 500;
    display: inline-block
}

.award .data .desc {
    font-size: 12px;
    color: rgba(255,255,255,0.60)
}

.awardTabs {
    margin-top: 5px;
    height: 35px
}

.awardTabs li {
    float: left;
    list-style: none
}

.awardTabs li a {
    background: #333;
    border-radius: 6px;
    color: rgba(255,255,255,0.65);
    display: inline-block;
    padding: 6px 15px;
    margin-right: 7px
}

.awardTabs li a.active {
    background: #6674DE
}

.richestList,.lastTransactions {
    width: 49.50%
}

.creditsInfo {
    border-radius: 3px;
    background: rgba(0,0,0,0.16);
    margin-bottom: 3px;
    margin-top: 5px;
    padding: 12px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.05)
}

.creditsInfo:before {
    content: "\f05a";
    position: absolute;
    color: rgba(255,255,255,0.03);
    font-size: 40px;
    bottom: -15px;
    right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -webkit-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    transform: rotate(-35deg)
}

.transactionInputs {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.transactionInputs .inputBlock {
    height: 32px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.12);
    background: rgba(0,0,0,0.12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.transactionInputs .inputBlock label {
    height: 100%;
    background: rgba(0,0,0,0.12);
    padding: 0 10px
}

.transactionInputs .inputBlock label i {
    margin-top: 10px
}

.buttonArea {
    margin-top: 55px;
    padding: 12px;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: -8px;
    background: rgba(0,0,0,0.07);
    border-top: 1px dashed rgba(0,0,0,0.18)
}

.errorArea {
    float: right
}

table.marketplace {
    width: 100%;
    border-collapse: collapse
}

.highlights {
    margin-top: 20px
}

.highlights .radioBlock {
    background: rgba(255,255,255,0.05);
    border-radius: 3px;
    padding: 6px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    margin-bottom: 7px;
    overflow: hidden
}

.highlightedPost {
    background: rgba(255,255,255,0.05);
    border-radius: 3px;
    padding: 6px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    margin-top: 4px 0;
    overflow: hidden
}

.highlight1 {
    color: #2980b9!important;
    text-shadow: 1px 2px 1px #000
}

.highlight2 {
    color: #8e44ad!important;
    text-shadow: 1px 2px 1px #000
}

.highlight3 {
    color: #d35400!important;
    text-shadow: 1px 2px 1px #000
}

.highlight4 {
    color: #f39c12!important;
    text-shadow: 1px 2px 1px #000
}

.highlight5 {
    color: #16a085!important;
    text-shadow: 1px 2px 1px #000
}

.highlight6 {
    color: #01a3a4!important;
    text-shadow: 1px 2px 1px #000
}

.highlight7 {
    color: #f368e0!important;
    text-shadow: 1px 2px 1px #000
}

.highlight8 {
    color: #0FF!important;
    text-shadow: 1px 2px 1px #000
}

.highlight9 {
    color: #0F6!important;
    text-shadow: 1px 2px 1px #000
}

.highlight10 {
    color: #F00!important;
    text-shadow: 1px 2px 1px #000
}

.highlight11 {
    color: #FF0!important;
    text-shadow: 1px 2px 1px #000
}

.highlight12 {
    background: -o-linear-gradient(left,#66f,#09f,#0f0,#f39,#66f);
    background: -webkit-gradient(linear,left top,right top,from(#66f),color-stop(#09f),color-stop(#0f0),color-stop(#f39),to(#66f));
    background: linear-gradient(to right,#66f,#09f,#0f0,#f39,#66f);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent!important;
    -webkit-animation: highlight12_animated 6s ease-in-out infinite;
    animation: highlight12_animated 6s ease-in-out infinite;
    background-size: 400% 100%
}

@-webkit-keyframes highlight12_animated {
    0%,100% {
        background-position: 0 0
}

50% {
        background-position: 100% 0
}


}

@keyframes highlight12_animated {
    0%,100% {
        background-position: 0 0
}

50% {
        background-position: 100% 0
}


}

.highlights .radioBlock label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative
}

.highlights .radioBlock label input {
    display: none
}

.highlights .radioBlock .selected {
    font-size: 10px;
    color: rgba(255,255,255,0.65);
    border-radius: 3px;
    line-height: 23px;
    min-width: 90px;
    margin-right: 10px;
    text-align: center;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    background: #6674DE;
    opacity: 0;
    margin-left: -90px;
    visibility: hidden
}

.highlights .radioBlock input:checked ~ .selected {
    opacity: 1;
    margin-left: 0;
    visibility: visible
}

.highlights .radioBlock .h-demo {
    font-weight: bolder;
    margin-top: 3px
}

.highlights .radioBlock .h-banner {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 75px
}

.highlights .radioBlock .h-banner .topicBanner {
    width: 85px;
    height: auto
}

.highlights .radioBlock .h-price {
    padding: 0px 12px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.70);
    font-size: 12px;
    margin-top: -8px;
    margin-bottom: -8px
}

.marketplace .head td {
    background: rgba(0,0,0,0.24);
    padding: 8px 12px
}

.marketplace td {
    padding: 12px;
    font-weight: 500;
    color: rgba(255,255,255,0.60);
    border-right: 1px solid rgba(0,0,0,0.18)
}

.marketplace tr td .awardIcon {
    padding: 5px;
    border-radius: 3px;
    background: rgba(0,0,0,0.12);
    margin-top: 2px
}

.marketplace tr td .awardName {
    margin-left: 5px
}

.marketplace tr td .t {
    color: rgba(255,255,255,0.60);
    font-size: 13px
}

.marketplace tr td .buyButton {
    background: #6674DE;
    border-radius: 3px;
    position: relative;
    border: 0;
    padding: 5px 12px;
    color: rgba(255,255,255,0.60);
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12)
}

.agreement {
    position: fixed;
    left: 50%;
    top: 45%;
    width: 550px;
    z-index: 99999;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in
}

.agreement.active {
    top: 50%!important;
    opacity: 1!important;
    visibility: visible!important
}

.agreement .awardIcon {
    padding: 5px;
    border-radius: 3px;
    background: rgba(0,0,0,0.12);
    margin-top: 2px
}

.agreement .awardIcon img {
    width: 17px;
    height: 17px;
    vertical-align: -4px
}

.agreement .title {
    display: block;
    background: #6674DE;
    padding: 10px 16px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.agreement .title .close-agreement {
    float: right;
    width: 27px;
    height: 27px;
    text-align: center;
    background: rgba(0,0,0,0.10);
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    margin-top: -5px
}

.agreement .title .close-agreement i {
    margin-top: 8px
}

.agreement .title .close-agreement:hover {
    background: rgba(0,0,0,0.19)
}

.agreement .desc {
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #292929;
    display: block
}

.agreement-buttons {
    padding: 8px 16px;
    background: #232323;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    height: 30px
}

.agreement-buttons .yes,.agreement-buttons .no {
    display: inline-block;
    cursor: pointer;
    margin-top: 2px;
    padding: 5px 10px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    border-radius: 3px;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in
}

.agreement-buttons .yes {
    background: #6674DE;
    margin-right: 10px
}

.agreement-buttons .no {
    background: rgba(255,255,255,0.12)
}

.agreement-buttons .no:hover {
    background: rgba(255,255,255,0.08)
}

.agreement .desc b {
    color: red
}

.marketplace tr td .buyButton.disabled {
    background: rgba(255,255,255,0.10)!important
}

.marketplace tr td .buyButton:not(.disabled):hover,.post-offer:hover,.authKeyButton:hover,.yes:hover {
    background: #5565da
}

.marketplace tr td .awardIcon img {
    width: 17px;
    height: 17px;
    vertical-align: -4px
}

.creditsButton {
    border: 0;
    outline: none;
    background: rgba(0,0,0,0.15);
    border-radius: 3px;
    padding: 10px 20px;
    font-size: 12px;
    color: rgba(255,255,255,0.75)
}

.creditsInput {
    background: transparent;
    border-radius: 3px;
    color: rgba(255,255,255,0.65);
    padding: 0 5px;
    border: 0;
    outline: none
}

.creditsInfo li {
    list-style: none;
    padding-left: 12px;
    position: relative;
    margin: 3px 0
}

.creditsInfo li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: 4px;
    height: 4px;
    background: #6674DE
}

.creditsMenu li {
    margin-top: -8px;
    list-style: none
}

.creditsMenu li a {
    color: rgba(255,255,255,0.60);
    font-weight: 500;
    margin: 10px 0;
    display: inline-block;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.creditsMenu li a:hover {
    color: #6674DE;
    margin-left: 5px
}

.menuSepTitle {
    margin: 0 -12px;
    display: block;
    background: rgba(0,0,0,0.24);
    padding: 6px 12px;
    margin-bottom: 10px
}

.authKey {
    text-align: center
}

.leftMenu {
    width: 14%
}

.creditsContent {
    width: 84%
}

.creditsContent .overview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px
}

.keyInput {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0,0,0,0.16)
}

.keyInput .key-input {
    line-height: 23px;
    border-radius: 3px;
    width: 250px;
    background: #c0c0c0;
    text-align: center;
    outline: none;
    border: 0;
    font-size: 12px
}

.authKeyButton {
    border: 0;
    color: rgba(255,255,255,0.70);
    background: #6674DE;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    line-height: 22px
}

.keyTitle {
    font-size: 18px;
    color: #6674DE;
    display: block;
    margin: 10px 0;
    font-weight: 500
}

.authKey .icon i {
    margin-top: 7px
}

.authBox {
    width: 500px;
    border-radius: 3px;
    background: rgba(0,0,0,0.12);
    border: 1px solid rgba(0,0,0,0.10);
    margin: 10px auto
}

.authTitle {
    font-size: 20px;
    color: #6674DE;
    text-align: center;
    display: block;
    margin-top: 7px;
    font-weight: 500
}

.authStatus {
    display: block;
    text-align: center;
    padding: 4px 8px;
    font-size: 17px;
    color: rgba(255,255,255,0.75);
    border-radius: 3px
}

.authBox .requirements {
    border-top: 1px dotted rgba(255,255,255,0.05);
    margin-top: 10px;
    text-align: center
}

.requirements li {
    list-style: none;
    display: block;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    text-align: center;
    color: rgba(255,255,255,0.60)
}

.requirements .status.can {
    color: #27ae60
}

.requirements .status.cant {
    color: #ee5253
}

.authreqgreen {
    color: #1d9d74
}

.authreqred {
    color: #ee5253
}

#xferno-chat {
    margin-bottom: 20px
}

.staffType {
    padding: 8px 16px;
    margin: 10px 0;
    border-radius: 6px;
    background: rgba(0,0,0,0.25)
}

.author_avatar img {
    border-radius: 6px
}

.chatContainer {
    background: #303030;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    position: relative;
    overflow: hidden;
    border-left: 1px solid rgba(255,255,255,0.03);
    border-right: 1px solid rgba(255,255,255,0.03);
    border-bottom: 1px solid rgba(255,255,255,0.01)
}

.chatContainer .loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0,0,0,0.65)
}

.chatContainer .loading span {
    color: rgba(255,255,255,0.85);
    font-weight: 500;
    font-size: 15px
}

.chatContent {
    background: #292929;
    height: 325px;
    overflow-y: auto;
    border-top: 1px solid rgba(0,0,0,0.16)
}

.marketplace-feed,.threads-feed {
    display: none
}

.chatEntry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0
}

.chatEntry .input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.chatEntry .insert-emote {
    position: relative
}

.emoteList {
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.emoteList .emote {
    width: 40px;
    cursor: pointer;
    height: 40px;
    margin: 3px;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    display: inline-block
}

.emoteList .emote:hover {
    background: rgba(0,0,0,0.20)
}

.emoteList .emote img {
    max-height: 100%;
    height: 100%;
    width: auto;
    max-width: 100%
}

.emoteSelector {
    position: absolute;
    right: -30px;
    border: 1px solid #232323;
    top: -220px;
    display: none;
    z-index: 999999;
    width: 300px;
    border-radius: 5px;
    overflow: hidden
}

.emoteSelector .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 6px 8px;
    background: #232323
}

.emoteSelector .head .title {
    color: rgba(255,255,255,0.75);
    font-weight: 500
}

.emoteSelector .head .current {
    font-size: 12px;
    color: rgba(255,255,255,0.70);
    padding: 4px 8px;
    border-radius: 4px;
    background: rgba(255,255,255,0.05);
    display: inline-block
}

.emoteSelector .content {
    background: #282828;
    overflow-y: auto;
    min-height: 175px;
    max-height: 175px
}

.chatEntry .insert-emote .emoteSelectorBtn {
    display: block;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    background: #444;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    border-radius: 0;
    color: rgba(255,255,255,0.70);
    border: 0;
    border-right: 1px solid rgba(0,0,0,0.25);
    outline: none
}

.chatEntry .input input {
    width: 100%;
    line-height: 32px;
    background: #202020;
    border: 0;
    border-radius: 0;
    outline: none;
    color: rgba(255,255,255,0.60);
    padding: 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.chatEntry .send-button {
    line-height: 32px;
    display: block;
    background: #444;
    border-radius: 0;
    color: rgba(255,255,255,0.70);
    border: 0;
    padding: 0 12px!important;
    outline: none;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.chatEntry .send-button:hover,.chatEntry .insert-emote .emoteSelectorBtn:hover {
    background: #373737
}

.chatAttention {
    color: rgba(255,255,255,0.60);
    padding: 6px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0,0,0,0.12);
    font-size: 12px
}

.chatAttention a {
    color: rgba(255,255,255,0.85)
}

.chatAttention .icon {
    font-size: 20px;
    margin-right: 10px
}

.chatTabs {
    height: 30px;
    padding: 0 12px;
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.chatTabs li {
    float: left;
    list-style: none
}

.chatTabs li a {
    display: block;
    line-height: 23px;
    border-top: 1px solid rgba(0,0,0,0.24);
    border-right: 1px solid rgba(0,0,0,0.16);
    border-left: 1px solid rgba(0,0,0,0.16);
    border-top-left-radius: 3px;
    background: #303030;
    padding: 0 12px;
    border-top-right-radius: 3px;
    font-size: 12px;
    color: rgba(255,255,255,0.60);
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    vertical-align: bottom
}

.chatTabs li:not(:first-child) {
    margin-left: -1px
}

.chatTabs li a.active {
    line-height: 27px;
    background: #292929
}

.latestContent div {
    display: none
}

.replyNum {
    position: relative;
    margin-top: -13px;
    background: #333;
    border-radius: 4px;
    font-weight: bolder;
    display: block;
    padding: 3px 8px
}

.replyNum:before {
    content: "";
    position: absolute;
    left: -19px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    border-top: 10px solid transparent;
    border-right: 10px solid #333;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent
}

.latestContent div.active {
    display: block!important
}

a.latestTab {
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    font-size: 12px;
    line-height: 35px;
    background: #303030;
    color: rgba(255,255,255,0.65)
}

a.latestTab.active {
    background: #282828
}

.latestTabs {
    margin: 0 -3px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (33.33%)[3];
    grid-template-columns: repeat(3,33.33%);
    height: 35px;
    margin-top: -8px;
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(0,0,0,0.15)
}

.help {
    padding: 6px 0;
    background: #292929;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.05);
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.helpNum {
    display: inline-block;
    margin-right: 10px;
    color: #6674DE;
    margin-left: 5px;
    padding: 2px 12px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.05);
    background: rgba(0,0,0,0.12);
    height: 100%;
    font-weight: bolder
}


/* START FORUMCONS */
.ficons_16:before {
    content: "\f0a1"
}

.ficons_20:before {
    content: "\f1b3"
}

.ficons_21:before {
    content: "\f27a"
}

.ficons_23:before {
    content: "\f1cd"
}

.ficons_10:before {
    content: "\f05e"
}

.ficons_11:before {
    content: "\f1b8"
}

.ficons_29:before {
    content: "\f4b8"
}

.ficons_15:before {
    content: "\f2b5"
}



.ficons_32:before {
    content: "\f555"
}

.ficons_33:before {
    content: "\f0c0"
}

.ficons_19:before {
    content: "\f001"
}

.ficons_20:before {
    content: "\f008"
}

.ficons_37:before {
    content: "\f3e0"
}
.ficons_47:before {
    content: "\f06b"
}
.ficons_38:before {
    content: "\f091"
}

.ficons_21:before,.ficons_39:before,.ficons_26:before,.ficons_27:before,.ficons_28:before,.ficons_126:before {
    content: "\f11b"
}

.ficons_44:before {
    content: "\f53f"
}

.ficons_35:before {
    content: "\f1fc"
}

.ficons_36:before {
    content: "\f543"
}

.ficons_51:before {
    content: "\f552"
}

.ficons_52:before {
    content: "\f51c"
}

.ficons_42:before,.ficons_43:before,.ficons_45:before,.ficons_106:before,.ficons_120:before,.ficons_123:before {
    content: "\f1c9"
}

.ficons_60:before {
    content: "\f542"
}

.ficons_61:before {
    content: "\f07c"
}

.ficons_63:before {
    content: "\f7d9"
}

.ficons_64:before {
    content: "\f2bd"
}

.ficons_72:before {
    content: "\f3cd"
}


.ficons_53:before {
    content: "\f1c9";
   
}

.ficons_75:before {
    content: "\f02d"
}

.ficons_86:before.ficons_80:before,.ficons_81:before,.ficons_82:before,.ficons_83:before,.ficons_84:before {
    content: "\f121"
}

.ficons_77:before,.ficons_127:before {
    content: "\f228"
}

.ficons_79:before {
    content: "\f4be"
}

.ficons_86:before {
    content: "\f086"
}

.ficons_87:before {
    content: "\f059"
}

.ficons_88:before {
    content: "\f0ad"
}

.ficons_90:before {
    content: "\f155"
}

.ficons_91:before {
    content: "\e068"
}

.ficons_92:before {
    content: "\f651"
}

.ficons_93:before {
    content: "\f0b1"
}

.ficons_94:before {
    content: "\f379";
    font-family: "Font Awesome 5 Brands"!important
}

.ficons_96:before {
    content: "\f756"
}

.ficons_76:before {
    content: "\f121"
}

.ficons_77:before {
    content: "\f024"
}

.ficons_98:before {
    content: "\f54f"
}

.ficons_85:before {
    content: "\f02c"
}

,.ficons_84:before {
    content: "\f2bd"
}



.ficons_103:before {
    content: "\f07a"
}

.ficons_107:before {
    content: "\f788"
}



.ficons_109:before {
    content: "\f021"
}


.ficons_111:before {
    content: "\f812"
}

.ficons_101:before {
    content: "\f02d"
}

.ficons_92:before {
    content: "\f2b5"
}

.ficons_93:before {
    content: "\f5a2"
}

.ficons_114:before {
    content: "\f187"
}

.ficons_116:before,.ficons_117:before,.ficons_118:before {
    content: "\f005"
}

.ficons_99:before {
    content: "\f46d"
}

.ficons_100:before {
    content: "\f2bd"
}

.ficons_101:before {
    content: "\f02d"
}

.ficons_103:before,.ficons_104:before {
    content: "\f058"
}

.ficons_105:before {
    content: "\f0e2"
}

.ficons_108:before {
    content: "\f004"
}

.ficons_109:before {
    content: "\e068"
}

.ficons_110:before {
    content: "\f1c0"
}

.ficons_110:before {
    content: "\f468"
}

.ficons_112:before {
    content: "\f005"
}

.ficons_114:before {
    content: "\f7a2"
}

.ficons_78:before {
    content: "\f07c"
}


.ficons_121:before {
    content: "\f0a3"
}

.ficons_122:before {
    content: "\f058"
}

.ficons_124:before {
    content: "\f0e3"
}

.ficons_128:before {
    content: "\f07a"
}

.ficons_125:before {
    content: "\f2e7"
}

.ficons_129:before {
    content: "\f03d"
}

.ficons_130:before {
    content: "\f0ac"
}

.user .avatar img,.notif .avatar img,.avatarep_img,.author_avatar img,.topProfileImg,.controlCenterPane .cpProfileImg {
    object-fit: cover;
    object-position: center
}

.user-groups {
    padding: 8px 12px;
    border-radius: 3px;
    font-weight: 500;
    color: rgba(255,255,255,0.55);
    background: #202020;
    border-left: 1px solid rgba(255,255,255,0.06);
    border-right: 1px solid rgba(255,255,255,0.06);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12)
}

.profileWrapper {
    background: #202020;
    padding: 10px;
    width: 100%;
    border-radius: 3px
}

.cover {
    width: 100%;
    height: 210px;
    border-radius: 3px;
    z-index: 1;
    position: relative;
    background-size: cover
}

.cover-controls {
    position: absolute;
    top: 20px;
    right: 20px
}

.cover-controls li {
    float: left;
    list-style: none
}

.cover-controls li a {
    padding: 8px 16px;
    background: rgba(0,0,0,0.30);
    margin-right: 7px;
    color: rgba(255,255,255,0.90);
    border-radius: 3px;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    display: block
}

.cover-controls li a:hover {
    background: rgba(0,0,0,0.60)
}

.statistics-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cover:before {
    content: "";
    position: absolute;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    top: 0;
    background: rgba(0,0,0,0.55)
}

.incover-content {
    z-index: 100
}

.middle {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.respect {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.respect .rep,.like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    background: #282828;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    padding: 20px 0;
    border-radius: 3px;
    color: rgba(255,255,255,0.70)
}

.details .information {
    margin-top: 25px
}

.details .thead .title {
    font-size: 13px;
    padding: 4px 8px;
    background: rgba(0,0,0,0.12);
    border-radius: 3px;
    color: rgba(255,255,255,0.70)
}

.information .user-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: rgba(255,255,255,0.60);
    padding: 8px 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,0.03)
}

.user-statistics .user-stat {
    display: block;
    color: rgba(255,255,255,0.60);
    padding: 8px 12px;
    border-bottom: 1px solid rgba(255,255,255,0.03)
}

.user-info .info-value {
    margin-left: 15px
}

.user-stat .icon {
    display: inline-block;
    text-align: center;
    padding: 5px;
    margin-right: 5px;
    border-radius: 3px;
    background: rgba(0,0,0,0.15);
    color: rgba(255,255,255,0.55)
}

.profile-content {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #282828;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.09);
    box-shadow: 0 1px 2px rgba(0,0,0,0.09);
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rep .value,.like .value {
    font-weight: 700;
    font-size: 18px
}

.incover-content .user {
    position: absolute;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 50px;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.user .avatar img {
    width: 125px;
    height: 125px;
    border-radius: 6px
}

.user .data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 20px;
    position: relative
}

.user .ban-info {
    background: #282828;
    border-radius: 4px;
    position: relative;
    padding: 4px 8px;
    font-size: 13px;
    font-weight: 300;
    margin-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(255,255,255,0.70)
}

.user .ban-info span {
    font-weight: 500
}

.user .ban-info:before {
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid #282828;
    position: absolute;
    left: -16px;
    top: 5px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent
}

.details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 20px
}

.data .user-group-banner img {
    width: 165px;
    height: auto
}

.data .user-name {
    font-size: 18px;
    color: rgba(255,255,255,0.70);
    font-weight: 500
}

.data .user-group {
    font-size: 12px;
    font-weight: 500;
    color: rgba(255,255,255,0.80);
    display: block;
    margin-bottom: 10px
}

.user-groups li {
    display: inline-block;
    list-style: none;
    margin: 0 3px
}

.forum-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.forum-stats .stat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 1%;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12)
}

.forum-stats .stat .value {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 6px 12px;
    background: #252525;
    color: rgba(255,255,255,0.70);
    font-weight: 500;
    border: 1px solid rgba(255,255,255,0.06);
    box-sizing: border-box
}

.forum-stats .stat .type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 6px 12px;
    background: #303030;
    color: rgba(255,255,255,0.50)
}

.topBarMenu .leftPull > ul {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -50px
}

.topBarMenu .rightPull ul.parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.welcomeBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px
}

.welcomeBlock > ul > li {
    position: relative
}

.logoutButton {
    margin-top: 10px;
    margin-bottom: 2px;
    display: block;
    text-align: center;
    background: #6674DE;
    border-radius: 3px;
    padding: 6px 12px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    color: rgba(255,255,255,0.70)!important;
    -webkit-transition: all 275ms ease-in-out;
    -o-transition: all 275ms ease-in-out;
    transition: all 275ms ease-in-out
}

.logoutButton:hover {
    background: #5161d9
}

.welcomeBlock > ul > li > a.controlCenter {
    color: rgba(255,255,255,0.70);
    font-weight: 500;
    margin-left: 5px;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in
}

.welcomeBlock ul.notifCenter,.welcomeBlock ul.messageCenter {
    top: 50px;
    display: block;
    position: absolute;
    padding: 0;
    left: 50%;
    overflow: hidden;
    visibility: hidden;
    z-index: 150;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    opacity: 0;
    border-left: 1px solid rgba(0,0,0,0.10);
    border-right: 1px solid rgba(0,0,0,0.10);
    width: 300px;
    color: rgba(255,255,255,0.50);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    background: #292929;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.12);
    box-shadow: 0 2px 3px rgba(0,0,0,0.12)
}

.welcomeBlock ul.notifCenter .content,.welcomeBlock ul.messageCenter .content {
    max-height: 375px;
    overflow-y: auto;
    padding-bottom: 25px
}

.welcomeBlock ul.notifCenter.active,.welcomeBlock ul.messageCenter.active {
    visibility: visible;
    opacity: 1
}

.notifCenter .ncTitle,.messageCenter .mcTitle {
    display: block;
    background: rgba(0,0,0,0.20);
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 500;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.notifCenter .extra,.messageCenter .extra {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #232323;
    border-top: 1px solid rgba(0,0,0,0.12);
    padding: 6px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.notifCenter .extra a,.messageCenter .extra a {
    font-weight: 500;
    color: rgba(255,255,255,0.50);
    font-size: 12px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.notifCenter .extra a:hover,.messageCenter .extra a:hover {
    color: #6674DE
}

.notifCenter .notifBlock,.messageCenter .messageBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0,0,0,0.12)
}

.notifBlock:first-child {
    margin-top: -8px
}

.notifBlock:last-child {
    margin-bottom: -8px
}

.notifBlock .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background: rgba(0,0,0,0.20);
    border-radius: 3px;
    margin-right: 7px;
    font-size: 18px
}

.notifBlock .notif {
    width: 85%
}

.notifBlock .notif .date {
    font-size: 12px;
    display: block;
    color: rgba(255,255,255,0.30)
}

.welcomeBlock ul.controlCenterPane {
    top: 29px;
    display: block;
    position: absolute;
    padding: 8px 12px!important;
    left: 50%;
    width: 300px;
    color: rgba(255,255,255,0.50);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    background: #292929;
    border-bottom-left-radius: 6px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    z-index: 150;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    border-bottom-right-radius: 6px;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.12);
    box-shadow: 0 2px 3px rgba(0,0,0,0.12)
}

.controlCenterPane.active {
    opacity: 1!important;
    top: 39px!important;
    visibility: visible!important
}

.controlCenterPane .cpTitle {
    display: block;
    background: rgba(0,0,0,0.20);
    margin: -8px -12px;
    padding: 6px 12px;
    font-size: 12px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.currencyWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.currencyBox {
    width: 32%;
    cursor: pointer;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    color: rgba(255,255,255,0.60);
    font-weight: 500;
    text-align: center;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.currencyBox:hover {
    background: rgba(0,0,0,0.08)
}

.currencyBox .value {
    display: none
}

.currencyBox .icon {
    font-size: 45px;
    margin: 10px 0;
    color: #bababa
}

.currencyBox .icon .rippleIcon {
    width: 45px;
    height: auto
}

.controlCenterPane .row {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 10px
}

.controlCenterPane .row .icon {
    font-size: 22px;
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    background: rgba(0,0,0,0.15)
}

.controlCenterPane .row .icon i {
    margin-top: 14px
}

.controlCenterPane .row .title {
    display: block;
    margin-bottom: 5px
}

.controlCenterPane .data {
    padding-left: 10px;
    padding-right: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 50px)
}

.controlCenterPane .row ul {
    margin: 0;
    padding: 0
}

.controlCenterPane .row ul li {
    float: left
}

.controlCenterPane .row ul li a {
    font-size: 12px;
    margin-right: 10px;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    display: block;
    color: rgba(255,255,255,0.65);
    padding: 3px 0
}

.controlCenterPane .cpProfileImg {
    width: 75px;
    height: 75px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    border-radius: 3px
}

.controlCenterPane .userInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.controlCenterPane .userInfo .data {
    margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.controlCenterPane .userInfo .data li {
    list-style: none;
    float: left
}

.controlCenterPane .userInfo .data li a {
    font-size: 12px;
    color: rgba(255,255,255,0.65);
    margin-right: 10px;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.userInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.welcomeBlock > ul > li > a.notifCenterButton {
    display: block;
    margin-right: 10px;
    border-radius: 3px;
    color: rgba(255,255,255,0.70);
    width: 40px;
    text-align: center;
    height: 40px;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    position: relative;
    font-size: 18px
}

.welcomeBlock > ul > li > a.notifCenterButton .icon {
    display: inline-block;
    margin-top: 10px
}

.welcomeBlock > ul > li> a.messageCenterButton .icon {
    display: inline-block;
    margin-top: 10px
}

.welcomeBlock > ul > li > a.notifCenterButton .notifCounter {
    background: #e74c3c;
    border-radius: 2px;
    padding: 1px 4px;
    color: #fff;
    font-size: 9px;
    position: absolute;
    right: 5px;
    top: 6px
}

.welcomeBlock > ul > li > a.messageCenterButton:hover,.welcomeBlock a.notifCenterButton:hover {
    background: rgba(0,0,0,0.12)
}

.welcomeBlock > ul > li > a.messageCenterButton {
    display: block;
    margin-right: 5px;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    color: rgba(255,255,255,0.70);
    position: relative;
    border-radius: 3px;
    width: 40px;
    text-align: center;
    height: 40px;
    font-size: 18px
}

.welcomeBlock > ul > li > a.messageCenterButton .notifCounter {
    background: #e74c3c;
    border-radius: 2px;
    padding: 1px 4px;
    color: #fff;
    font-size: 9px;
    position: absolute;
    right: 5px;
    top: 6px
}

.welcomeBlock > ul > li > a.controlCenter:hover {
    color: #6674DE
}

.topBarMenu .leftPull {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px
}

.topBarMenu .rightPull {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px
}

.topBarMenu .rightPull ul.guest li a {
    display: block;
    color: rgba(255,255,255,0.65);
    font-size: 13px;
    background: rgba(0,0,0,0.20);
    padding: 10px 20px;
    font-weight: 500;
    margin: 0 3px;
    border-radius: 6px;
    text-decoration: none;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.topBarMenu .rightPull ul.guest li a.register {
    background: #6674DE
}

.topBarMenu .rightPull ul.guest li a.register:hover {
    background: #5161d9
}

.topBarMenu .rightPull ul.guest li a.login {
    background: #333;
    margin-right: 5px
}

.topBarMenu .rightPull ul.guest li a.login:hover {
    background: rgba(255,255,255,0.03)
}

.topBarMenu .rightPull ul.guest li a:hover {
    background: rgba(0,0,0,0.40)
}

.topBarMenu ul > li {
    float: left;
    list-style: none;
    position: relative
}

div.logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.site-logo {
    max-height: 125px;
    width: auto
}

.topBarMenu .leftPull ul > li > ul {
    position: absolute;
    width: 150px;
    left: 1px;
    padding: 0;
    margin-top: 1px;
    background: #292929;
    opacity: 0;
    visibility: hidden;
    border: 1px solid rgba(0,0,0,0.16);
    border-top: 1px solid rgba(0,0,0,0.06);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 3px
}

.topBarMenu .leftPull ul > li > ul.active {
    opacity: 1;
    visibility: visible
}

.topBarMenu .leftPull > ul > li > ul > li {
    width: 100%
}

.topBarMenu .leftPull > ul > li > a.dropdown.active {
    background: #333;
    border-bottom-right-radius: 0;
    color: #fff;
    border-bottom-left-radius: 0
}

.topBarMenu .leftPull > ul > li > a.dropdown i.fa-angle-down {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms
}

.topBarMenu .leftPull > ul > li > a.dropdown.active i.fa-angle-down {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.topBarMenu .leftPull > ul > li > ul > li > a {
    font-size: 13px;
    display: block;
    padding: 6px 12px
}

.topBarMenu .leftPull ul > li > a {
    display: block;
    color: rgba(255,255,255,0.5);
    font-size: 13px;
    padding: 10px 20px;
    font-weight: 600;
    margin: 0 3px;
    border-radius: 3px;
    text-decoration: none;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.topBarMenu .leftPull ul > li > a:hover {
    color: #fff;
    background: #333
}

.midBar {
    height: 200px;
    background: url(/background_pto.png) no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
    display: -webkit-box;
    padding-bottom: 35px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.midBar:after {
    content: "";
    position: absolute;
    background: linear-gradient(to bottom,rgba(0,0,0,0.16),#1A1A1A);
    left: 0;
    right: 0;
    z-index: -1;
    top: 0;
    bottom: 0
}

.upgrade-info {
    border-radius: 6px;
    padding: 8px;
    font-size: 14px;
    display: flex;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    align-items: center;
    background: #333;
    border: 1px solid rgba(255,255,255,0.06);
    box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    color: rgba(255,255,255,0.6)
}

.upgrade-info:not(.pp) {
    color: #fff;
    font-weight: 500;
    font-size: 13px
}

.upgrade-info .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    font-size: 18px;
    height: 35px;
    color: rgba(255,255,255,0.7);
    border-radius: 6px;
    margin: 0 5px;
    background: rgba(255,255,255,0.09)
}

.upgrade-info .text {
    flex: 1;
    text-align: center
}

.upgrade-info a {
    color: #fff
}

.xfernoForumWrapper {
    padding: 12px
}

.usersBrowsing {
    padding: 8px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    background: #282828;
    position: relative;
    z-index: 1;
    margin-top: 15px;
    border-radius: 3px;
    border: 1px solid rgba(255,255,255,0.05);
    margin-bottom: -5px
}

.topProfileImg {
    height: 30px;
    width: auto;
    margin-left: 7px;
    border-radius: 3px
}

.user {
    display: block;
    font-size: 12px;
    font-weight: 600
}

.user.offline {
    color: #e74c3c
}

.user.online {
    color: #27ae60
}

.user.away {
    color: #f39c12
}

.forumStat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.threads .num,.comments .num {
    font-weight: bolder;
    color: #fff;
    font-size: 15px
}

.threads .text,.comments .text {
    font-size: 12px;
    color: rgba(255,255,255,0.70)
}

.breadcrumb {
    height: 50px;
    width: 85%;
    padding: 0 18px;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: -35px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    background: #202020;
    border-bottom: 9px solid #121212;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    position: relative
}

.breadcrumb:after {
    left: 0;
    position: absolute;
    bottom: -30px;
    content: "";
    border-right: 18px solid #151515;
    border-bottom: 24px solid transparent
}

.breadcrumb:before {
    right: 0;
    position: absolute;
    bottom: -30px;
    content: "";
    border-left: 18px solid #151515;
    border-bottom: 24px solid transparent
}

.breadcrumb-bg {
    background: #202020;
    height: 35px;
    position: absolute;
    left: 0;
    right: 0
}

.user-service {
    display: table;
    background-color: #252525;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.16);
    margin: 5px 0;
    padding: 3px 8px
}

.user-service--postbit {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 85%;
    padding: 10px
}

.user-service span {
    color: Snow;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase
}

.user-service span[data-years="1"] {
    background-image: url(https://i.imgur.com/EPoMqqh.gif);
    background-position: center;
    color: #b1d8d5;
    font-size: 13px
}

.user-service span[data-years="2"] {
    background-image: url(https://i.imgur.com/EPoMqqh.gif);
    background-position: center;
    color: #0ff
}

@-webkit-keyframes oneyearservice {
    0% {
        color: #39f
}

15% {
        color: #8bc5d1
}

30% {
        color: #f8cb4a
}

45% {
        color: #95b850
}

60% {
        color: #944893
}

75% {
        color: #c71f00
}

90% {
        color: #bdb280
}

100% {
        color: #39f
}


}

@-webkit-keyframes twoyearservice {
    0% {
        color: #39f
}

15% {
        color: #8bc5d1
}

30% {
        color: #f8cb4a
}

45% {
        color: #95b850
}

60% {
        color: #944893
}

75% {
        color: #c71f00
}

90% {
        color: #bdb280
}

100% {
        color: #39f
}


}

.user-service span[data-months="1"] {
    color: #12b2ff
}

.user-service span[data-months="2"] {
    color: #12b2ff
}

.user-service span[data-months="3"] {
    color: #e74c3c
}

.user-service span[data-months="4"] {
    color: #e74c3c
}

.user-service span[data-months="5"] {
    color: #f1c40f;
    border-bottom-style: solid;
    border-width: 1px;
    background: url(../../.././images/sparkles.gif)
}

.user-service span[data-months="6"] {
    color: #f1c40f;
    border-bottom-style: solid;
    border-width: 1px;
    background: url(../../.././images/sparkles.gif)
}

.user-service span[data-months="7"] {
    color: #8e44ad;
    border-bottom-style: solid;
    border-width: 1px;
    background: url(../../.././images/sparkles.gif)
}

.user-service span[data-months="8"] {
    color: #8e44ad;
    border-bottom-style: solid;
    border-width: 1px;
    background: url(../../.././images/sparkles.gif)
}

.user-service span[data-months="9"] {
    color: #2ecc71;
    border-bottom-style: solid;
    border-width: 1px;
    background: url(../../.././images/sparkles.gif)
}

.user-service span[data-months="10"] {
    color: #2ecc71;
    border-bottom-style: solid;
    border-width: 1px;
    background: url(../../.././images/sparkles.gif)
}

.user-service span[data-months="11"] {
    color: #ff073a;
    border-bottom-style: solid;
    border-width: 1px;
    background: url(../../.././images/sparkles.gif)
}

.user-service span[data-months="12"] {
    color: #ff073a;
    border-bottom-style: solid;
    border-width: 1px;
    background: url(../../.././images/sparkles.gif)
}

.user-service span[data-weeks] {
    color: #d35400
}

.user-service span[data-days] {
}

.user-service span[data-hours] {
}

.user-service span[data-minutes] {
}

.user-service span[data-years="5"],.user-service span[data-years="6"],.user-service span[data-years="7"],.user-service span[data-years="8"],.user-service span[data-years="9"],.user-service span[data-years="10"] {
    background: -o-linear-gradient(left,Orange,Yellow,Green,Cyan,Blue,Violet);
    background: -webkit-gradient(linear,left top,right top,from(Orange),color-stop(Yellow),color-stop(Green),color-stop(Cyan),color-stop(Blue),to(Violet));
    background: linear-gradient(to right,Orange,Yellow,Green,Cyan,Blue,Violet);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.breadcrumb .rightPull {
    float: right
}

.breadcrumb span {
    display: inline-block
}

.breadcrumb span.active {
    line-height: 42px
}

.breadcrumb .leftPull {
    float: left;
    font-weight: 500;
    color: rgba(255,255,255,0.50)
}

.breadcrumb .leftPull ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0
}

.breadcrumb .navLink {
    display: inline-block;
    line-height: 42px
}

.breadcrumb ol li {
    list-style: none;
    padding-right: 20px;
    position: relative
}

.breadcrumb ol li:not(:last-child):before {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    right: 6px;
    top: 13px
}

.userRep {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.userRep .rep,.likes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100px;
    margin-top: 15px;
    margin-bottom: 10px;
    position: relative;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.threadTitle {
    color: #fff;
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 3px;
    background: rgba(0,0,0,0.1);
    display: inline-block;
    font-weight: bolder
}

.userRep .rep:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    right: 0;
    top: 0;
    background: rgba(255,255,255,0.10)
}

.userRep .rep .num,.likes .num {
    color: rgba(255,255,255,0.65);
    font-size: 18px;
    font-weight: 500
}

.userDesc {
    color: #6674DE;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
    width: 100%;
    border-radius: 3px;
    padding: 8px 12px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0,0,0,0.20)
}

.xferno-postbit {
    width: 100%
}

.postbit-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 5px
}

.postbit-box .icon {
    width: 15%;
    padding: 7px 0;
    background: #252525;
    border-top: 1px solid rgba(0,0,0,0.12);
    border-right: 1px solid rgba(0,0,0,0.12);
    border-bottom: 1px solid rgba(0,0,0,0.12);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.postbit-box .icon i {
    margin-top: 2px;
    color: rgba(255,255,255,0.70)
}

.postbit-box .data {
    width: 85%;
    border-top-right-radius: 3px;
    background: rgba(0,0,0,0.12);
    border-right: 1px solid rgba(0,0,0,0.24);
    border-top: 1px solid rgba(0,0,0,0.24);
    border-bottom: 1px solid rgba(0,0,0,0.24);
    padding: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom-right-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.postbit-box .data .value {
    font-weight: bolder;
    color: rgba(255,255,255,0.80)
}

.component {
    margin-bottom: 20px
}

.componentTitle {
    padding: 4px 12px;
    display: block;
    text-shadow: 1px 1px rgba(0,0,0,0.25);
    font-weight: 500
}

.componentContent {
    background: #282828;
    padding: 8px 12px;
    color: rgba(255,255,255,0.70);
    border-bottom-left-radius: 6px;
    border: 1px solid rgba(255,255,255,0.03);
    border-bottom-right-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.postNumber {
    border-radius: 6px;
    padding: 3.5px 4px;
    font-size: 11px;
    background: rgba(0,0,0,0.12);
    border: 1px solid rgba(255,255,255,0.09);
    color: rgba(255,255,255,0.60)!important
}

.bc-homeLink {
    color: rgba(255,255,255,0.8)!important;
    line-height: 42px;
    font-size: 12px!important;
    font-weight: bolder!important;
    display: inline-block;
    padding: 0 5px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in
}

.footerGrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 36px 24px
}

.forumSection {
    width: 76%;
    display: inline-block
}

.sideBar {
    width: 22%;
    float: right;
    vertical-align: top
}

#end {
    background: #191919;
    height: 45px
}

#end .leftPull {
    float: left
}

#end .rightPull {
    float: right
}

#end a {
    font-weight: 400;
    color: #6674DE
}

#end span {
    font-weight: 300;
    display: block;
    line-height: 45px;
    font-size: 12px;
    color: rgba(255,255,255,0.50)
}

.thead.error {
    background: #eb4d4b!important
}

.tborder {
    background: transparent
}

.post_controls {
    background: linear-gradient(to top,#2c2c2c,transparent);
    padding: 12px;
    z-index: 15;
    position: absolute;
    left: 230px;
    right: 0;
    bottom: 0
}

.button {
	background: #6674DE;
	border: none!important;
	border-radius: 3px!important;
	padding: 6px 12px!important;
	margin-left: 5px;
	-webkit-transition: all 250ms ease-in;
	-o-transition: all 250ms ease-in;
	transition: all 250ms ease-in;
	
	font-size: 12px!important;
	font-weight: 600;
}

.button:hover {
    background: #5260CA
}

.post_author {
    text-align: center;
    border-radius: 0!important;
    padding: 0!important
}

.post_content {
    padding-top: 15px!important;
    position: relative
}

.post_content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 40px;
    background: linear-gradient(to bottom,#2c2c2c,transparent)
}

.smalltext {
    color: rgba(255,255,255,0.55)!important
}

.post.classic {
    padding-top: 0!important;
    border-radius: 6px;
    position: relative;
    background: #303030;
    margin-bottom: 15px;
    display: flex;
    border: 1px solid rgba(255,255,255,0.03)
}

.post_controls {
    overflow: visible!important
}

.tfoot {
    background: #222!important;
    border-top: none!important;
    padding: 6px 12px
}

.thead a,.xfernoTitle {
    color: #fff;
    font-size: 13px;
    padding: 4px 12px;
    border-radius: 3px;
    background: rgba(0,0,0,0.1);
    display: inline-block;
    font-weight: bolder
}

.tborder {
    border: 0!important;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12)
}

.trow1 {
    background: #282828;
    padding: 8px 12px!important;
    color: rgba(255,255,255,0.70);
    border-color: transparent!important
}

.trow1.forumdisplay_regular {
    padding: 6px 12px!important
}

.trow2 {
    background: #282828;
    border-color: transparent!important;
    color: rgba(255,255,255,0.70);
    padding: 12px
}

.textbox {
    background: #232323!important;
    color: rgba(255,255,255,0.75)!important;
    border: 1px solid rgba(0,0,0,0.25)!important;
    padding: 4px!important;
    border-radius: 4px!important
}

.register .textbox {
    padding: 0!important;
    border: 0!important;
    background: transparent!important
}

.trow1.forum a,.trow2.forum a {
    font-size: 14px
}

.trow1 a,.trow2 a {
    text-decoration: none;
    color: #fff;
    word-break: break-word
}

.trow1 a:hover,.trow2 a:hover {
    color: rgba(255,255,255,0.6)!important
}

tr.xferno {
    margin: 10px
}

.expander {
    cursor: pointer;
    width: 25px;
    height: 25px;
    margin-right: 15px;
    border-radius: 25px;
    margin-top: 3px;
    background: rgba(0,0,0,0.1);
    color: rgba(255,255,255,0.7);
    font-size: 12px;
    text-align: center
}

.expanderIcon {
    margin-top: 7px
}

.pm_alert a {
    color: #6674DE
}

.pm_alert {
    padding: 10px 10px;
    position: relative;
    overflow: hidden
}

.pm_alert .icon {
    position: absolute;
    left: 0;
    background: rgba(0,0,0,0.12);
    border-right: 1px solid rgba(0,0,0,0.05);
    height: 100%;
    padding: 0 10px;
    top: 0;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#tab_nav .trow2 {
    background: transparent!important;
    border: 0!important;
    padding: 0!important
}

.componentContent .variable {
    padding: 8px 0;
    border-radius: 5px;
    border-bottom: 1px solid rgba(0,0,0,0.12)
}

.componentContent .variable i {
    margin-right: 10px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.18)
}

.componentContent .variable .val {
    float: right;
    font-weight: bolder
}

.textbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.profileIcon {
    width: 24px;
    vertical-align: -5px;
    height: auto
}

.register-input-block {
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 3px;
    position: relative;
    border: 1px solid rgba(0,0,0,0.24);
    background: rgba(0,0,0,0.12)
}

.register-input-block label.error {
    position: absolute;
    right: 0;
    top: -25px
}

input.error,textarea.error,select.error {
    color: rgba(255,255,255,0.70)
}

input.valid,textarea.valid,select.valid {
    border-color: transparent!important;
    color: rgba(255,255,255,0.70)
}

.register-input-block .icon {
    margin: -8px;
    margin-left: -9px;
    line-height: 15px;
    padding: 0 12px;
    background: rgba(0,0,0,0.24)
}

.register-input-block .icon i {
    margin-top: 10px
}

.register-input {
    border: 0!important;
    background: transparent;
    width: 300px;
    color: rgba(255,255,255,0.70);
    outline: none;
    margin-left: 10px
}

.register-tos {
    color: rgba(255,255,255,0.60);
    display: block;
    text-align: center;
    margin-top: 15px
}

.register-tos a {
    color: #fff
}

.editor_control_bar {
    background: #6674DE!important;
    margin-top: 10px!important;
    display: block;
    border: 0!important;
    padding: 4px 8px!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #292929
}

::-webkit-scrollbar-thumb {
    background: #6674DE
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

.edit_button_wrapper {
    display: inline-block;
    z-index: 1;
    position: relative
}

.edit_button_wrapper > a {
    background: #292929!important;
    display: block;
    border: 1px solid rgba(0,0,0,0.28)!important;
    border-radius: 3px!important;
    padding: 4px 12px!important;
    font-weight: 600!important;
    font-size: 12px!important;
    color: rgba(255,255,255,0.65)!important;
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in
}

.post_edit_dd {
    position: absolute;
    background: #292929;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    border: 1px solid rgba(0,0,0,0.28);
    border-radius: 3px;
    z-index: 99999;
    top: -48px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    padding: 4px;
    left: 0
}

.post_edit_dd.active {
    opacity: 1;
    visibility: visible;
    top: -70px
}

.post_edit_dd ul {
    padding: 0;
    margin: 0
}

.post_edit_dd ul li {
    list-style: none
}

.post_edit_dd ul li a {
    display: block;
    padding: 3px;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    color: rgba(255,255,255,0.85);
    border-radius: 3px;
    margin: 2px 0
}

.post_edit_dd ul li a:hover {
    background: #5260CA!important
}

.hidden-content-title {
    font-weight: bold;
    background: #262626;
    font-style: normal;
    display: block;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 10px 18px;
    text-align: center;
    margin-top: 10px
}

.hidden-content-body {
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    overflow: hidden;
    text-align: center;
    background: rgba(255,255,255,0.06)!important;
    border-bottom-left-radius: 4px!important;
    border-bottom-right-radius: 4px!important;
    padding: 8px 16px!important;
    position: relative!important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.10)!important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.10)!important;
    overflow: hidden!important
}

.hidden-content-body a {
    text-decoration: underline
}

.ug-1,.ug-2,.ug-5 {
    color: rgba(255,255,255,0.65)
}

.ug-3 {
    color: #16a085
}

.ug-4 {
    color: #ff3a3a
}

.ug-6 {
    color: #0c5a4a
}

.ug-9 {
    color: #f1c40f
}

.ug-10 {
    color: #E44A9C
}

.ug-11 {
    color: #fd9644
}

.ug-12 {
    color: #00cec9
}

.ug-13 {
    color: #74b9ff
}

.ug-14 {
    color: #f39c12
}

.ug-19 {
    color: #6c5ce7
}

.ug-17 {
    color: #FF006C
}

.ug-20 {
    color: #3498db
}

.ug-21 {
    color: #27ae60
}

.trow2.forum a span,.trow1.forum a span {
    font-size: 12px!important
}

.usercp_nav_item {
    -webkit-transition: all 275ms ease-in;
    -o-transition: all 275ms ease-in;
    transition: all 275ms ease-in
}

.usercp_nav_item:hover {
    color: #6674DE
}

.post_head {
    position: relative
}

.post_bg {
    background-size: cover!important;
    position: absolute;
    z-index: 1;
    padding: 20px 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.30
}

.post_bg.active:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: -o-linear-gradient(top,transparent,#282828);
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#282828));
    background-image: linear-gradient(to bottom,transparent,#282828)
}

.author_avatar {
    position: relative;
    z-index: 999
}

.author_avatar.none {
    min-height: 200px
}

.lastpost_useritem {
    width: 15px;
    vertical-align: -3px;
    height: auto;
    margin-left: 2px
}

.annTriangle {
    position: relative;
    display: block;
    float: right;
    font-size: 15px;
    margin-top: -5px;
    z-index: 1;
    margin-right: 10px;
    font-weight: 500
}

.annTriangle:before {
    content: "";
    left: 50%;
    z-index: -1;
    top: -40px;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    position: absolute;
    border-top: 30px solid transparent;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 30px solid #222
}

.trow_selected td {
    color: rgba(255,255,255,0.50)!important;
    background: #202020!important
}

.trow_selected td a {
    color: rgba(255,255,255,0.50)!important
}

.reputationBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reputationBlock > span {
    width: 85%
}

.reputationBlock .repPoint {
    width: 10%
}

.reputationBlock .negative,.reputationBlock .positive,.reputationBlock .neutral {
    padding: 4px 0;
    width: 25px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 25px;
    margin-top: 5px;
    color: #fff;
    position: relative
}

.reputationBlock .negative {
    background: #e74c3c
}

.reputationBlock .neutral {
    background: rgba(255,255,255,0.10)
}

.reputationBlock .positive {
    background: #27ae60
}

.nice-select .list {
    max-height: 300px;
    overflow: auto
}

.trow_deleted {
    background: rgba(0,0,0,0.02)!important
}

.chat-messages.hasInput {
    padding-bottom: 40px
}

.chat-messages .message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 2px solid transparent;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.chat-messages .message:nth-child(even) {
    background: rgba(255,255,255,0.02)
}

.chat-messages .message:hover {
    border-color: #6674DE;
    background: rgba(0,0,0,0.08)
}

.chat-messages .message .sender {
    min-width: 135px;
    padding: 8px 16px
}

.chat-messages .message .content {
    color: rgba(255,255,255,0.70);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 8px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-word
}

.message .mention {
    cursor: pointer;
    margin-right: 3px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    vertical-align: 2px
}

.chat-messages .message .date {
    font-size: 12px;
    margin-top: 2px;
    padding: 8px 16px;
    color: rgba(255,255,255,0.55)
}

.chatItemIcon {
    width: 13px;
    height: 13px;
    vertical-align: -2px;
    margin-left: 3px
}

div.author_information {
    position: relative;
    z-index: 111
}

#context-menu {
    position: absolute;
    z-index: 9999;
    width: 225px;
    display: none;
    background: #222;
    color: rgba(255,255,255,0.60);
    overflow: hidden;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12)
}

#context-menu .user-info div {
    padding: 8px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

#context-menu .messageId {
    padding: 5px;
    font-size: 12px;
    text-align: center;
    display: block
}

#context-menu .user-discord {
    background: #7289da;
    color: rgba(255,255,255,0.80)
}

#context-menu a {
    display: block;
    text-align: center;
    padding: 8px 0;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 5px;
    font-size: 12px;
    color: rgba(255,255,255,0.70);
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    background: rgba(255,255,255,0.04)
}

#context-menu a:hover {
    background: rgba(255,255,255,0.08)
}

#context-menu a.banuser {
    color: #c0392b
}

.checkout-shoppy:hover {
    background-color: #39699c !important
}

.checkout-shoppy {
    background-color: #518ffe !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff !important;
    padding: 10px !important;
    font-size: .85em !important;
    cursor: pointer
}

.checkout-shoppy img {
    width: 25px;
    height: 25px;
    margin-right: .5rem
}

.sellix_embed_button {
    background-color: #6b3ce2;
    padding: 8px 10px;
    border: 0;
    color: #fff;
    border-radius: 2px;
    font-weight: bold;
    cursor: pointer;
    font-family: inherit
}

.chatEmote {
    width: 25px;
    height: auto;
    cursor: pointer;
    vertical-align: middle
}

.sellix_embed_button img {
    vertical-align: middle;
    margin-right: 4px;
    display: inline-block
}

.spoiler {
    margin: 10px 0
}

.spoilerHead {
    border-top-left-radius: 4px;
    background: #262626;
    padding: 10px 16px;
    border-top-right-radius: 4px
}

.spoiler_content {
    border-bottom-right-radius: 4px;
    padding: 8px 16px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    overflow: hidden;
    background: rgba(255,255,255,0.06);
    border-bottom-left-radius: 4px;
    position: relative
}

.spoiler_content:before {
    content: "\f06e";
    font-family: "Font Awesome 5 Free";
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    font-weight: 400;
    position: absolute;
    bottom: -20px;
    font-size: 45px;
    right: 15px;
    color: rgba(0,0,0,0.10)
}

.spoilerButton {
    padding: 5px 12px;
    border: 0;
    display: inline-block;
    margin-top: -3px;
    outline: none;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    border-radius: 3px;
    background: rgba(255,255,255,0.09);
    font-size: 13px;
    font-weight: 500
}

.spoilerButton:hover {
    background: rgba(255,255,255,0.24)
}

.sellix_embed_button:hover {
    background-color: #6b3ce2 !Important;
    opacity: 0.8
}

.stafflist {
    padding: 0 12px
}

.shoppy {
    margin-bottom: 5px
}

.shoppy-head {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: rgb(98,135,247);
    padding: 6px 12px;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 500;
    text-transform: uppercase
}

.shoppy-content {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 6px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    background: rgba(98,135,247,0.10)
}

.shoppy-content .image {
    width: 50px;
    border-radius: 6px;
    border: 4px solid rgba(255,255,255,0.20);
    height: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

.shoppy-content .data {
    margin-left: 10px;
    margin-top: 5px
}

.shoppy-content .data .product-price {
    font-weight: 500
}

.shoppy-content .image img {
    max-width: 100%;
    height: 100%
}

.shoppy-content .products {
    margin-top: 3px
}

.shoppy-content .products .product {
    background: rgba(255,255,255,0.12);
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.09);
    box-shadow: 0 2px 4px rgba(0,0,0,0.09);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    padding-right: 10px
}

.shoppy-content .products .product:hover {
    background: rgba(255,255,255,0.24)
}

.shoppy-content .products .product img {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.rank_list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.rank_list .rank {
    display: inline-block;
    margin: 5px
}

.rank_list img {
    width: 150px;
    height: auto
}

.stafflist a {
    display: inline-block;
    margin: 0 3px
}

.onlineCounter {
    display: inline-block;
    border-radius: 4px;
    position: relative;
    background: rgba(0,0,0,0.15);
    margin-left: 15px;
    padding: 6px 12px;
    font-size: 12px
}

.onlineCounter:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-right: 8px solid rgba(0,0,0,0.15);
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent
}

.no-notif {
    text-align: center;
    padding: 12px
}

.notif {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 12px;
    min-height: 50px;
    border-bottom: 1px solid rgba(0,0,0,0.18)
}

.notif .avatar {
    margin-right: 10px
}

.notif .avatar img {
    width: 36px;
    height: 36px;
    border-radius: 5px
}

.pprefix {
    color: #fff;
    border-radius: 2px;
    padding: 2px 5px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    -webkit-box-shadow: 1px 1px 2px rgb(0 0 0 / 28%);
    box-shadow: 1px 1px 2px rgb(0 0 0 / 28%);
    vertical-align: 1px
}

.pprefix-loli {
    background-color: #27ae60
}

.pprefix-anom {
    background-color: #e74c3c
}

.pprefix-auth {
    background-color: #BE0000
}

.pprefix-notice {
    background-color: #FF5200
}

.pprefix-feedback {
    background-color: #2EC1AC
}

.pprefix-suggestions {
    background-color: #153E90
}

.pprefix-solved {
    background-color: #272121
}

.pprefix-comboacc {
    background-color: #FD3A69
}

.pprefix-proxy {
    background-color: #323EDD
}

.pprefix-contributor {
    background-color: #f1c40f
}

.pprefix-vip {
    background-color: #E44A9C
}

.pprefix-nova {
    background-color: #f60
}

.pprefix-diamond {
    background-color: #00cec9
}

.pprefix-royal {
    background-color: #74b9ff
}

.pprefix-coder {
    background-color: #6c5ce7
}

.pprefix-legendary {
    background-color: #f39c12
}

.pprefix-glory {
    background-color: #FF006C
}

.pprefix-developer {
    background-color: #3498db
}

.pprefix-staff {
    background-color: #16a085
}

.pprefix-reverser {
    background-color: #27ae60
}

.pprefix-admin {
    background-color: #ff3a3a
}

.pprefix-shoppy {
    background-color: #518ffe
}

.pprefix-sellix {
    background-color: #6b3ce2
}

.pprefix-exclusive {
    background-color: #eb2f06
}

.pprefix-nonauth {
    background-color: #e67e22
}

.pprefix-bug {
    background-color: #F00
}

.pprefix-tier1-auth {
    background-color: #e91e63
}

.pprefix-tier2-auth {
    background-color: #009688
}

.sidePanelAvatar {
    float: left;
    margin-right: 7px;
    border-radius: 6px;
    width: 32px;
    height: 32px;
    margin-top: 1px
}

.sidePanel tr:not(:last-child) td {
    border-bottom: 1px solid rgba(0,0,0,0.16)!important
}

.jumpIcon {
    font-size: 12px
}

@keyframes gloryframes {
    from {
        -webkit-filter: hue-rotate(0deg)
}

to {
        -webkit-filter: hue-rotate(360deg)
}


}

@-webkit-keyframes gloryframes {
    from {
        -webkit-filter: hue-rotate(0deg)
}

to {
        -webkit-filter: hue-rotate(360deg)
}


}

.likeOverview {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin-right: 3px;
    font-weight: 500;
    color: #fff
}

.likeOverview .listButton {
    cursor: pointer;
    padding: 4px 12px;
    margin-right: 3px;
    background: #2c2c2c;
    border: 1px solid #222!important;
    border-radius: 3px
}

.likeOverview .listButton.positive {
    background: #27ae60
}

.likeOverview .listButton.negative {
    background: #e74c3c
}

.likeOverview .likeList {
    position: absolute;
    left: -7px;
    width: 250px;
    display: none;
    z-index: 999;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    background: #272727
}

.likeList:before {
    position: absolute;
    content: "";
    left: 10px;
    bottom: -24px;
    border-top: 12px solid #232323;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid transparent
}

.likeList .title {
    line-height: 32px;
    padding: 0 12px;
    font-weight: 500;
    display: block;
    background: #222
}

.likeList .list {
    padding: 6px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 250px;
    overflow-y: auto
}

.likeList .list ul {
    padding: 0;
    margin: 0
}

.likeList .list ul li {
    list-style: none;
    margin: 5px 0
}

.likeList .list ul li .date {
    float: right;
    font-size: 12px;
    color: rgba(255,255,255,0.60)
}

.list ul li .postlike.negative {
    font-size: 9px;
    padding: 4px;
    border-radius: 4px;
    background: #e74c3c
}

.list ul li .postlike.positive {
    font-size: 9px;
    padding: 4px;
    border-radius: 4px;
    background: #27ae60
}

.list ul li a {
    font-size: 13px
}

.list ul li a:hover {
    background: transparent!important
}

.ratesWrapper {
    display: block;
    text-align: center
}

.rate {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 12px;
    padding: 8px 16px;
    text-align: center;
    z-index: 1;
    overflow: hidden;
    width: 500px;
    max-width: 100%;
    box-sizing: border-box;
    background: #434343
}

.ratesWrapper:first-child .rate {
    margin-top: 30px!important
}

.rate.working:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 150px;
    z-index: -1;
    opacity: 0.35;
    background: -o-linear-gradient(left,#10ac84,transparent);
    background: -webkit-gradient(linear,left top,right top,from(#10ac84),to(transparent));
    background: linear-gradient(to right,#10ac84,transparent)
}

.rate.broken:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 150px;
    z-index: -1;
    opacity: 0.35;
    background: -o-linear-gradient(left,#f39c12,transparent);
    background: -webkit-gradient(linear,left top,right top,from(#f39c12),to(transparent));
    background: linear-gradient(to right,#f39c12,transparent)
}

.rate.infected:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 150px;
    z-index: -1;
    opacity: 0.35;
    background: -o-linear-gradient(left,#ee5253,transparent);
    background: -webkit-gradient(linear,left top,right top,from(#ee5253),to(transparent));
    background: linear-gradient(to right,#ee5253,transparent)
}

.rate .icon {
    display: inline-block;
    text-align: center;
    width: 30px;
    border-radius: 40px;
    height: 30px;
    margin-right: 20px;
    font-size: 13px;
    background: rgba(255,255,255,0.85)
}

.rate .icon i {
    margin-top: 9px
}

.rate .rateContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rate .text {
    display: inline-block;
    text-align: left;
    font-size: 13px;
    color: rgba(255,255,255,0.65)
}

.rate .text .title {
    display: block;
    font-size: 15px;
    font-weight: 500
}

.rate.infected .title {
    color: #ee5253
}

.rate.infected .icon {
    color: #ee5253
}

.rate.broken .title {
    color: #f39c12
}

.rate.broken .icon {
    color: #f39c12
}

.rate.working .title {
    color: #10ac84
}

.rate.working .icon {
    color: #10ac84
}

.rateWrapper {
    display: inline-block;
    margin-left: 4px;
    position: relative
}

.rateButton {
    border: 1px solid #191919!important;
    border-radius: 3px!important;
    padding: 4px 12px!important;
    font-weight: 600;
    font-size: 12px!important;
    color: rgba(255,255,255,0.65)!important;
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    -webkit-animation: rateBtnAnim 5s infinite;
    animation: rateBtnAnim 5s infinite;
    cursor: pointer
}

.rateButton.rated-i {
    background: #d63031;
    -webkit-animation: none;
    animation: none
}

.rateButton.rated-w {
    background: #27ae60;
    -webkit-animation: none;
    animation: none
}

.rateButton.rated-nw {
    background: #f39c12;
    -webkit-animation: none;
    animation: none
}

@-webkit-keyframes rateBtnAnim {
    0% {
        background: #27ae60
}

33% {
        background: #f39c12
}

66% {
        background: #d63031
}

100% {
        background: #27ae60
}


}

@keyframes rateBtnAnim {
    0% {
        background: #27ae60
}

33% {
        background: #f39c12
}

66% {
        background: #d63031
}

100% {
        background: #27ae60
}


}

.rates {
    position: absolute;
    border-radius: 3px;
    z-index: 99999;
    bottom: 25px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    padding: 4px 0;
    visibility: hidden;
    opacity: 0;
    left: 0;
    right: 0
}

.rates.active {
    opacity: 1;
    visibility: visible
}

.rates li {
    list-style: none
}

.rates li a {
    display: block;
    padding: 3px;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    color: rgba(255,255,255,0.85);
    border-radius: 3px;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
    margin: 5px 0;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.16);
    box-shadow: 0 2px 4px rgba(0,0,0,0.16)
}

.rates li a.working {
    background: #2ecc71
}

.rates li a.working:hover {
    background: #27ae60
}

.rates li a.notworking {
    background: #f39c12
}

.rates li a.notworking:hover {
    background: #e67e22
}

.rates li a.infected {
    background: #e74c3c
}

.rates li a.infected:hover {
    background: #c0392b
}

.post_body {
    padding-bottom: 50px!important;
    position: relative;
    color: #ddd
}

.post_body a {
    text-decoration: underline
}

.likeButtons {
    position: absolute;
    right: -10px;
    bottom: 15px
}

.likeButton {
    height: 30px;
    width: 30px;
    border-radius: 25px;
    font-weight: 500;
    margin: 0 3px;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    background: #2ecc71
}

.dislikeButton {
    height: 30px;
    width: 30px;
    border-radius: 25px;
    display: inline-block;
    margin: 0 3px;
    text-align: center;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    cursor: pointer;
    font-size: 12px;
    background: #e74c3c
}

.likeButton:hover {
    background: #27ae60
}

.dislikeButton:hover {
    background: #c0392b
}

.dislikeButton i,.likeButton i {
    margin-top: 9px
}

.editWrapper {
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 50%;
    width: 400px;
    right: 50%;
    z-index: 100;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.editWrapper.active {
    opacity: 1;
    visibility: visible
}

.editHead {
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #6674DE;
    padding: 8px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    color: rgba(255,255,255,0.65)
}

.originalMessage {
    background: #282828;
    padding: 6px 12px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(255,255,255,0.65)
}

.editArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.editArea input {
    border-bottom-left-radius: 4px;
    background: #202020;
    outline: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 26px;
    padding: 0 12px;
    color: rgba(255,255,255,0.70);
    border: 0
}

.editArea button {
    background: #444;
    border: 0;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    line-height: 26px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 16px;
    border-bottom-right-radius: 4px
}

.editArea button:hover {
    background: #373737
}

.chat-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    top: 0;
    background: rgba(0,0,0,0.75);
    opacity: 0;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    visibility: hidden
}

.chat-overlay.active {
    visibility: visible;
    opacity: 1
}

.thread-info {
    margin: 24px 0
}

.thread-info .forum {
    display: block;
    margin-bottom: 10px;
    color: #6674DE;
    font-weight: 500;
    font-size: 17px
}

.thread-info .title {
    color: #fff;
    margin: 0;
    font-size: 20px
}

.thread-info .author {
    font-weight: 500;
    color: rgba(255,255,255,0.50);
    font-size: 13px;
    margin: 0
}

.banned {
    position: absolute;
    left: 50%;
    right: 50%;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 600px;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 6px;
    background: #222;
    padding: 12px;
    bottom: 20px;
    overflow: hidden
}

.banned.fixed {
    position: relative!important;
    width: 100%;
    margin-top: 40px
}

.banned2 {
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    position: relative;
    display: flex;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 6px;
    background: #222;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    margin: 7px 0;
    overflow: hidden
}

.notice {
    display: -webkit-box;
    display: -ms-flexbox;
    z-index: 1;
    position: relative;
    display: flex;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 6px;
    background: #222;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    margin: 7px 0;
    overflow: hidden
}

.notice:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: -1;
    opacity: 0.08;
    background: -o-linear-gradient(bottom,#6674DE,transparent);
    background: -webkit-gradient(linear,left bottom,left top,from(#6674DE),to(transparent));
    background: linear-gradient(to top,#6674DE,transparent)
}

.banned:before,.banned2:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    opacity: 0.08;
    background: -o-linear-gradient(bottom,#ee5253,transparent);
    background: -webkit-gradient(linear,left bottom,left top,from(#ee5253),to(transparent));
    background: linear-gradient(to top,#ee5253,transparent)
}

.banned .icon,.banned2 .icon {
    height: 30px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    background: #ee5253;
    color: #fff;
    text-align: center;
    width: 30px;
    margin-right: 10px
}

.notice .icon {
    height: 25px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    background: #ee5253;
    color: #fff;
    text-align: center;
    width: 25px;
    margin-right: 10px
}

.banned .icon i,.banned2 .icon i {
    margin-top: 10px
}

.notice .icon i {
    margin-top: 7px
}

.banned .text .title,.banned2 .text .title,.notice .text .title {
    font-weight: 500;
    font-size: 14px;
    color: #ee5253
}

.banned .text,.banned2 .text,.notice .text {
    font-size: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: rgba(255,255,255,0.50)
}

.cke_message {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: 1px solid rgba(0,0,0,0.06)
}

.cke_top {
    background-image: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    background: #1f1f1f!important;
    border: 0!important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.cke_chrome {
    border: 1px solid rgba(0,0,0,0.12)!important;
    border-radius: 6px!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.cke_inner {
    background: transparent!important
}

.cke_resizer_ltr {
    margin-right: 0!important
}

.cke_resizer {
    margin-top: 1px!important
}

.cke_bottom {
    background-image: none!important;
    border: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

a.cke_button {
    background: rgba(255,255,255,0.06)!important;
    margin-right: 4px!important;
    -webkit-box-shadow: 0!important;
    box-shadow: 0!important;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    border-radius: 3px!important
}

.cke_toolbar_separator {
    display: none!important
}

a.cke_combo_button {
    background: rgba(255,255,255,0.06)!important;
    border: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    margin: 0 6px 0 0!important;
    -webkit-transition: all 250ms ease-in!important;
    -o-transition: all 250ms ease-in!important;
    transition: all 250ms ease-in!important
}

a.cke_combo_button:hover {
    background: rgba(255,255,255,0.16)!important
}

a.cke_button_off {
    -webkit-transition: all 250ms ease-in!important;
    -o-transition: all 250ms ease-in!important;
    transition: all 250ms ease-in!important
}

a.cke_button_off:hover {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    background: rgba(255,255,255,0.16)!important;
    border-color: transparent!important
}

a.cke_button_disabled:hover {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-color: transparent!important;
    background: rgba(255,255,255,0.06)!important
}

.cke_toolgroup {
    background-image: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: 0!important;
    background: 0 0!important;
    margin: 0!important;
    margin-bottom: 5px!important
}

.messenger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px
}

.messenger .leftPanel {
    width: 15%
}

.messenger .content {
    width: 84%
}

.composeButton {
    padding: 12px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    background: #6674DE
}

.searchPM {
    line-height: 30px;
    border-radius: 4px;
    outline: none;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.10);
    box-shadow: 0 1px 2px rgba(0,0,0,0.10);
    color: rgba(255,255,255,0.60);
    padding-left: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    width: 100%;
    margin-top: 10px;
    border: 0;
    background: rgba(255,255,255,0.15)
}

.pmfolders ul {
    margin: 0;
    padding: 0
}

.pmfolders ul li {
    list-style: none;
    margin-top: -8px
}

.pmfolders ul li a {
    display: inline-block;
    margin: 10px 0;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    color: rgba(255,255,255,0.60)
}

.pmfolders ul li a:hover {
    color: #6674DE;
    margin-left: 5px
}

.pmfolders ul li .counter {
    float: right;
    font-size: 10px;
    border-radius: 3px;
    margin-top: 10px;
    padding: 3px 6px;
    color: rgba(255,255,255,0.60);
    background: rgba(0,0,0,0.12)
}

.pmfolders a.managePM {
    display: block;
    color: rgba(255,255,255,0.70);
    padding: 8px 16px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0,0,0,0.16);
    border-radius: 6px
}

.usageBar {
    width: 100%;
    background: rgba(255,255,255,0.12);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    height: 4px
}

.usage {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 57%;
    overflow: hidden;
    background: #6674DE;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.usage:before {
    content: "";
    background: -o-linear-gradient(left,transparent,rgba(255,255,255,0.50));
    background: -webkit-gradient(linear,left top,right top,from(transparent),to(rgba(255,255,255,0.50)));
    background: linear-gradient(to right,transparent,rgba(255,255,255,0.50));
    position: absolute;
    right: 0;
    width: 25px;
    bottom: 0;
    top: 0
}

.pm-stats {
    margin-bottom: 10px
}

.pm-stats .stat {
    margin: 5px 0
}

.pm-stats .title {
    font-weight: 600
}

.closed_button {
    background: #c0392b!important;
    color: #fff!important
}

.closed_button:hover {
    background: #c0392b!important
}

.pm-stats .value {
    float: right
}

#jGrowl {
    z-index: 9999999
}

select {
    background: #252525!important;
    border-radius: 4px!important
}

.mycode_img {
    max-width: 100%;
    height: auto
}

.hidden-content {
    margin-bottom: 10px
}

.mycode_img:last-child {
    margin-bottom: 10px
}

.statCards {
    display: -ms-grid;
    display: grid;
    width: 100%;
    -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
    grid-template-columns: repeat(4,1fr);
    -ms-grid-rows: 85px;
    grid-template-rows: 85px;
    grid-gap: 15px;
    margin-top: 20px;
    margin-bottom: 20px
}

.statCards > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.statCards > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.statCards > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5
}

.statCards > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7
}

.statCards .card {
    padding: 8px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    border-radius: 5px;
    position: relative
}

.card.members {
    background: -o-linear-gradient(45deg,#FA7CBB,#F14568);
    background: linear-gradient(45deg,#FA7CBB,#F14568)
}

.card.posts {
    background: -o-linear-gradient(45deg,#0B63F6,#003CC5);
    background: linear-gradient(45deg,#0B63F6,#003CC5)
}

.card.thread {
    background: -o-linear-gradient(45deg,#DF98FA,#9055FF);
    background: linear-gradient(45deg,#DF98FA,#9055FF)
}

.card.newest {
    background: -o-linear-gradient(45deg,#F14658,#DC2537);
    background: linear-gradient(45deg,#F14658,#DC2537)
}

.statCards .card .content {
    margin-top: 15px
}

[class^="icon-"]::before,[class*=" icon-"]::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    font-weight: 600;
    text-decoration: inherit
}

.icon-members:before {
    content: "\f0c0";
    font-size: 38px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(transparent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: initial;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icon-posts:before {
    content: "\f086";
    font-size: 38px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(transparent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: initial;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icon-threads:before {
    content: "\f02e";
    font-size: 38px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(transparent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: initial;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icon-times:before {
    content: "\f057";
    font-size: 38px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(transparent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: initial;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icon-check:before {
    content: "\f058";
    font-size: 38px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(transparent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: initial;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icon-member:before {
    content: "\f007";
    font-size: 38px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(transparent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: initial;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.statCards .card .title {
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    opacity: 0.70;
    text-shadow: 0 1px 2px rgba(0,0,0,0.12);
    font-weight: 500
}

.statCards .card .val {
    font-size: 16px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.12);
    font-weight: 500
}

.topStats {
    margin-top: 25px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 15px
}

.auth.leftPull .status {
    padding: 12px;
    border-radius: 6px;
    font-weight: 500;
    overflow: hidden;
    margin-top: 3px;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    box-shadow: 0 1px 2px rgba(0,0,0,0.12)
}

.auth .status.success {
    background: rgba(39,174,96,0.12);
    border: 2px solid #27ae60;
    color: rgba(255,255,255,0.65);
    font-weight: 400
}

.auth .status.fail {
    border: 2px solid #e74c3c;
    background: rgba(231,76,60,0.12);
    color: rgba(255,255,255,0.65);
    font-weight: 400
}

.auth .status .title {
    display: block;
    font-weight: bolder
}

.auth .status .title.success {
    color: #27ae60
}

.auth .status .title.fail {
    color: #e74c3c
}

.auth.leftPull .requirements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: -10px
}

.auth.rightPull {
    background: rgba(0,0,0,0.16);
    border-radius: 6px;
    padding: 12px 18px;
    height: 205px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 5px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.05);
    position: relative
}

.auth.rightPull:before {
    content: "\f518";
    position: absolute;
    right: -5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: rgba(255,255,255,0.03);
    -webkit-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    transform: rotate(-35deg);
    bottom: -20px;
    font-size: 75px
}

#auth .sep {
    width: 100%;
    text-align: center;
    position: relative;
    margin-top: 17px;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1
}

#auth .sep .text {
    background: #282828;
    padding: 0 8px;
    display: inline-block;
    margin: 0 auto;
    z-index: 1;
    font-weight: 500;
    letter-spacing: 2px
}

#auth .sep:before {
    content: "";
    height: 2px;
    left: 10px;
    right: 10px;
    border-radius: 3px;
    top: 50%;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(255,255,255,0.09);
    position: absolute
}

.auth.leftPull .keyBlock {
    padding: 8px 12px;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    margin-top: 10px;
    background: rgba(0,0,0,0.12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.auth.leftPull .keyBlock input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    outline: none;
    background: transparent;
    color: rgba(255,255,255,0.60);
    font-weight: 500;
    border: 0
}

.auth.leftPull .keyBlock button {
    outline: none;
    margin-left: 10px;
    border: 0;
    background: #6674DE;
    color: #fff;
    border-radius: 4px;
    font-weight: 500;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    padding: 6px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in
}

.auth.leftPull .keyBlock button:hover {
    background: #5565da
}

.auth.rightPull .guideTitle {
    font-size: 16px;
    position: relative;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px
}

.auth.rightPull .guide {
    padding-left: 15px!important
}

.auth.rightPull .guide li {
    list-style: none;
    position: relative;
    margin-bottom: 3px;
    color: rgba(255,255,255,0.70)
}

.auth.rightPull .guide li:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
    height: 2px;
    background: #6674DE
}

.auth.rightPull .guideTitle:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 30px;
    height: 2px;
    background: #6674DE
}

.requirements .req {
    width: 49%;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 12px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.12)
}

.requirements .data {
    width: calc(100% - 75px)
}

.requirements .req .title {
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 15px
}

.requirements .req .target {
    font-size: 20px;
    color: #fff;
    margin-top: -5px;
    display: block
}

.requirements .req .progress {
    margin-top: 10px;
    width: 100%
}

.req .progress .progressBar {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 5px;
    margin-top: 5px;
    background: rgba(0,0,0,0.20);
    width: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.08);
    box-shadow: 0 1px 2px rgba(0,0,0,0.08)
}

.req .progress .progressBar .line {
    position: absolute;
    left: 0;
    background: rgba(255,255,255,0.60);
    border-radius: 4px;
    height: 5px;
    overflow: hidden
}

.req .progress .progressBar .line:before {
    content: "";
    position: absolute;
    right: 0;
    width: 20px;
    height: 100%;
    background: -webkit-gradient(linear,right top,left top,from(#fff),to(rgba(255,255,255,0)));
    background: -o-linear-gradient(right,#fff,rgba(255,255,255,0));
    background: linear-gradient(to left,#fff,rgba(255,255,255,0))
}

.requirements .req.success {
    background: -webkit-gradient(linear,left top,right top,from(#48CFAD),to(#19A784));
    background: -o-linear-gradient(left,#48CFAD,#19A784);
    background: linear-gradient(to right,#48CFAD,#19A784)
}

.requirements .req.failed {
    background: -webkit-gradient(linear,left top,right top,from(#ED5565),to(#D62739));
    background: -o-linear-gradient(left,#ED5565,#D62739);
    background: linear-gradient(to right,#ED5565,#D62739)
}

.headAds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    width: 100%;
    margin-bottom: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.headAds .advertisement {
    margin: 0 5px;
    width: 350px
}

.headAds .advertisement img {
    border-radius: 6px;
    width: 100%;
    height: 100%
}

.chatAvatar {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    margin-left: 15px;
    border-radius: 4px
}

.pricing {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.plan {
    width: 32%;
    vertical-align: top;
    background: #242424;
    border-radius: 5px;
    z-index: 1;
    border-left: 1px inset rgba(255,255,255,0.06);
    border-right: 1px inset rgba(255,255,255,0.06);
    border-bottom: 1px inset rgba(255,255,255,0.06);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    position: relative;
    overflow: hidden;
    padding-bottom: 85px
}

.plan.vip:before {
    content: "";
    background: url(../../../images/vip.png);
    background-size: cover;
    width: 100%;
    height: 150px;
    opacity: 0.70;
    position: absolute;
    z-index: -1;
    bottom: 0
}

.plan.dia:before {
    content: "";
    background: url(../../../images/diamond.png);
    width: 100%;
    height: 150px;
    z-index: -1;
    background-size: cover;
    opacity: 0.70;
    position: absolute;
    bottom: 0
}

.plan.nova:before {
    content: "";
    background: url(../../../images/nova.png);
    width: 100%;
    height: 150px;
    background-size: cover;
    opacity: 0.70;
    z-index: -1;
    position: absolute;
    bottom: 0
}

.plan .plan-head {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quick-moderation {
    background: rgba(102,116,222,0.60);
    padding: 5px 0;
    color: rgba(255,255,255,0.85);
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0,0,0,0.12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.plan .plan-head .icon {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 3px rgba(0,0,0,0.24);
    margin-right: 15px;
    font-size: 18px
}

.plan .buyButtons {
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.buyUpgrade {
    padding-left: 12px!important;
    padding-right: 12px!important;
    padding-top: 6px!important;
    padding-bottom: 6px!important;
    font-family: 'Roboto',sans-serif;
    font-size: 12px;
    border-radius: 4px;
    position: relative;
    height: auto!important;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    min-width: 100px;
    margin-right: 5px!important;
    border: 0
}

.buyUpgrade.disabled {
    background: #191919;
    color: #fff
}

.buyUpgrade.vip,.buyUpgrade.vip:hover {
    background: -o-linear-gradient(45deg,#e84393,#af1560)!important;
    background: linear-gradient(45deg,#e84393,#af1560)!important;
    color: #fff
}

.buyUpgrade.nova,.buyUpgrade.nova:hover {
    background: -o-linear-gradient(45deg,#f60,#b34700)!important;
    background: linear-gradient(45deg,#f60,#b34700)!important;
    color: #fff
}

.buyUpgrade.dia,.buyUpgrade.dia:hover {
    background: -o-linear-gradient(45deg,#00cec9,#00817e)!important;
    background: linear-gradient(45deg,#00cec9,#00817e)!important;
    color: #fff
}

.buyUpgrade .icon {
    padding-left: 6px;
    padding-right: 8px;
    margin-right: -2px;
    display: inline-block;
    float: left;
    height: 30px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    background: #e52883;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    position: relative
}

.buyUpgrade .icon:before {
    content: "";
    position: absolute;
    right: -13px;
    border-top: 8px solid transparent;
    border-left: 8px solid #e52883;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.buyUpgrade .icon i {
    margin-top: 8px
}

.giftUpgrade {
    padding: 6px;
    font-size: 12px;
    color: rgba(255,255,255,0.85);
    text-shadow: 1px 2px rgba(0,0,0,0.12);
    border-radius: 5px;
    background: rgba(255,255,255,0.06);
    font-weight: 500;
    display: block
}

.giftUpgrade i {
    margin-top: 2px
}

.plan .plan-head .icon i {
    margin-top: 12px
}

.plan .plan-head.vip .icon {
    background: #e84393
}

.plan .plan-head.nova .icon {
    background: #f60
}

.plan .plan-head.dia .icon {
    background: #00cec9
}

.plan .plan-perks {
    margin: 12px
}

.perk-title {
    display: block;
    text-align: center;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.75);
    z-index: 1
}

.perk-title:before {
    content: "";
    width: 75%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    height: 2px;
    border-radius: 4px;
    background: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(255,255,255,0.16)),to(transparent));
    background: -o-linear-gradient(left,transparent,rgba(255,255,255,0.16),transparent);
    background: linear-gradient(to right,transparent,rgba(255,255,255,0.16),transparent)
}

.plan .plan-name {
    font-size: 15px;
    font-weight: 600;
    display: block;
    margin-bottom: -5px
}

.plan .plan-price {
    font-size: 24px;
    font-weight: lighten;
    font-weight: 400;
    margin-top: 5px;
    position: relative;
    color: rgba(255,255,255,0.75)
}

.plan .plan-price span {
    position: absolute;
    top: 0;
    right: -50px;
    font-weight: 300;
    color: rgba(255,255,255,0.45);
    font-size: 14px
}

.plan .perk-list {
    margin: 15px 0
}

.plan .perk-list li {
    list-style: none;
    color: rgba(255,255,255,0.75);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 12px 0;
    margin-left: 15px;
    position: relative;
    padding: 0 8px
}

.plan .perk-list li:before {
    content: "";
    width: 3px;
    height: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -6px;
    top: 5px;
    position: absolute
}

.plan .perk-list.vip li:before {
    border: 2px solid #e84393
}

.plan .perk-list.nova li:before {
    border: 2px solid #f60
}

.plan .perk-list.dia li:before {
    border: 2px solid #00cec9
}

.plan.vip {
    border-top: 3px solid #e84393
}

.plan.vip .plan-name {
    color: #e84393
}

.plan.nova {
    border-top: 3px solid #f60
}

.plan.nova .plan-name {
    color: #f60
}

.plan.dia {
    border-top: 3px solid #00cec9
}

.plan.dia .plan-name {
    color: #00cec9
}

.upgrade-award {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 5px 50%;
    grid-template-columns: repeat(2,50%);
    grid-column-gap: 5px;
    width: 100%;
    padding: 12px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.upgrade-award .awardBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: rgba(0,0,0,0.10);
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.upgrade-award .awardBox .data {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px
}

.upgrade-award .awardBox .data .name {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 500
}

.upgrade-award .awardBox .data .desc {
    font-size: 12px;
    color: rgba(255,255,255,0.60)
}

.discordBox {
    border: 0;
    font-family: 'Roboto',sans-serif;
    border-radius: 6px;
    border: 2px solid #7289da;
    background: rgba(114,137,218,0.16);
    padding: 16px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.discordBox:hover {
    background: #7289da
}

.discordBox:hover i,.discordBox:hover span {
    color: #fff
}

.discordBox i {
    font-size: 30px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    color: #7289da
}

.discordBox span {
    font-size: 14px;
    display: block;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    color: #7289da;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 500
}

#loginOverlay {
    z-index: 9999999;
    background: rgba(0,0,0,0.70)
}

#loginWrapper {
    width: 100%;
    z-index: 99999999
}

#loginWrapper .login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#loginWrapper .login .closeButton,#registerWrapper .register .closeButton {
    width: 35px;
    height: 35px;
    border-radius: 6px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    background: rgba(255,255,255,0.06);
    position: absolute;
    color: rgba(255,255,255,0.65);
    font-size: 16px;
    text-align: center;
    z-index: 99999;
    top: 20px;
    right: 20px;
    cursor: pointer
}

#loginWrapper .login .closeButton i,#registerWrapper .register .closeButton i {
    margin-top: 10px
}

#loginWrapper .login .closeButton:hover,#registerWrapper .register .closeButton:hover {
    background: #e74c3c;
    color: #fff
}

#loginWrapper .login .leftPull {
    width: 45%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    position: relative;
    text-align: left;
    padding: 36px 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 500px;
    background: url(https://images.unsplash.com/photo-1579412690850-bd41cd0af397?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=765&q=80) no-repeat center;
    background-size: cover;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1
}

#loginWrapper .login .leftPull:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -o-linear-gradient(45deg,#588EFD,#843DE6);
    background: linear-gradient(45deg,#588EFD,#843DE6);
    z-index: -1;
    opacity: 0.95
}

#loginWrapper .login .leftPull .brand {
    opacity: .7;
    color: #fff;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 14px
}

#loginWrapper .login .leftPull .desc {
    font-size: 34px;
    color: #fff;
    font-weight: 600;
    margin-top: 125px
}

#loginWrapper .login .leftPull .bottom .register {
    color: rgba(255,255,255,0.60);
    font-weight: 400
}

#loginWrapper .login .leftPull .bottom .register a {
    color: #fff
}

#loginWrapper .login .leftPull .bottom .links ul li {
    list-style: none;
    border-right: 1px solid rgba(255,255,255,0.16);
    float: left
}

#loginWrapper .login .leftPull .bottom .links ul li a {
    display: block;
    padding: 0 5px;
    margin: 0 10px
}

#loginWrapper .login .leftPull .bottom .links ul {
    padding-left: 0
}

#loginWrapper .login .rightPull {
    width: 55%;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 36px 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 500px;
    background: #202020;
    text-align: left;
    border: 2px inset rgba(255,255,255,0.06);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#loginWrapper .login .rightPull .welcum {
    color: #fff;
    font-size: 23px
}

#loginWrapper .login .rightPull label {
    display: block;
    width: 500px;
    margin: 0;
    padding: 0;
    margin: 0 auto
}

#loginWrapper .login .rightPull label .loginInput {
    padding: 12px 16px;
    border-radius: 6px;
    width: 100%;
    color: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    background: rgba(255,255,255,0.06);
    border: 1px solid transparent;
    outline: none;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

#loginWrapper .login .rightPull .loginInput:focus {
    border-color: #588EFD
}

#loginWrapper .login .rightPull .loginButton {
    width: 100%;
    border-radius: 6px;
    background: -o-linear-gradient(45deg,#588EFD,#843DE6);
    background: linear-gradient(45deg,#588EFD,#843DE6);
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    font-family: 'Roboto',sans-serif;
    border: 0;
    padding: 12px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#loginWrapper .login .rightPull .welcumDesc {
    color: rgba(255,255,255,0.45);
    font-size: 12px
}

#loginWrapper .login .rightPull .loginCheckbox {
    display: none
}

#loginWrapper .login .rightPull .loginCheckbox:checked ~ .customCheckbox {
    background: #588EFD
}

#loginWrapper .login .rightPull .loginCheckbox:checked ~ .customCheckbox span {
    color: #fff
}

#loginWrapper .login .rightPull .customCheckbox {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    text-align: center;
    background: rgba(255,255,255,0.06);
    margin-bottom: 12px;
    margin-top: 7px;
    display: inline-block
}

#loginWrapper .login .rightPull .customCheckbox span {
    font-size: 9px;
    display: block;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    color: transparent;
    margin-top: 4px
}

#loginWrapper .login .rightPull .loginForms,#loginWrapper .login .leftPull .desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.componentContent.auth label {
    display: inline-block;
    position: relative;
    margin: 5px 0
}

.componentContent.auth label .label {
    float: left;
    margin-bottom: 5px;
    display: block;
    font-weight: 500
}

.componentContent.auth label input {
    width: 350px;
    padding: 8px;
    padding-left: 33px;
    background: #282828;
    border-radius: 5px;
    outline: none;
    font-weight: 500;
    color: rgba(255,255,255,0.75);
    border: 2px solid rgba(0,0,0,0.12);
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.componentContent.auth label input:focus {
    border-color: #6674DE
}

.componentContent.auth .authButton {
    background: #6674DE;
    border-radius: 5px;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    border: 0;
    font-family: 'Roboto',sans-serif;
    padding: 8px 20px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    -webkit-box-shadow: 0px 5px 32px -10px rgba(102,116,222,0.60);
    box-shadow: 0px 5px 32px -10px rgba(102,116,222,0.60);
    margin-bottom: 5px
}

.componentContent.auth label.checkbox input {
    display: none
}

.componentContent.auth label .icon {
    position: absolute;
    left: 10px;
    color: rgba(255,255,255,0.7);
    top: 33px
}

.componentContent.auth label.checkbox .customCheckbox {
    width: 18px;
    display: inline-block;
    height: 18px;
    border-radius: 3px;
    float: left;
    margin-right: 5px;
    background: rgba(255,255,255,0.09);
    text-align: center;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.componentContent.auth label.checkbox input:checked + .customCheckbox {
    background: #6674DE
}

.componentContent.auth label.checkbox input:checked + .customCheckbox .checkSign {
    color: #fff
}

.componentContent.auth label.checkbox .text {
    font-weight: 600;
    font-size: 13px;
    margin-top: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block
}

.componentContent.auth label.checkbox .customCheckbox .checkSign {
    font-size: 10px;
    display: block;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    color: transparent;
    margin-top: 3px
}

.componentContent.auth .authButton:hover {
    background: #5161d9
}

#registerWrapper {
    width: 100%;
    z-index: 99999999
}

#registerWrapper .register {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#registerWrapper .register .leftPull {
    height: 600px;
    width: 55%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top-left-radius: 6px;
    text-align: left;
    border-bottom-left-radius: 6px;
    background: #202020;
    padding: 36px 32px;
    position: relative;
    border: 2px inset rgba(255,255,255,0.03)
}

#registerWrapper .register .rightPull {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    height: 600px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45%;
    text-align: left;
    background: url(https://images.unsplash.com/photo-1579412690850-bd41cd0af397?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=765&q=80) no-repeat center;
    background-size: cover;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 36px 32px;
    z-index: 1;
    position: relative
}

#registerWrapper .leftPull .title {
    color: #fff;
    font-size: 23px
}

#registerWrapper .register .rightPull:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -o-linear-gradient(45deg,#588EFD,#843DE6);
    background: linear-gradient(45deg,#588EFD,#843DE6);
    z-index: -1;
    opacity: 0.95
}

#registerWrapper .register .leftPull .buttons .tos {
    display: block;
    margin-bottom: 7px;
    color: rgba(255,255,255,0.50);
    font-weight: 500;
    font-size: 13px;
    text-align: center
}

#registerWrapper .register .rightPull .bottom .login {
    color: rgba(255,255,255,0.60);
    font-weight: 400
}

.registerForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.registerForm .buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.registerForm label {
    position: relative;
    margin-bottom: 7px
}

.registerForm .inputIcon {
    position: absolute;
    left: 12px;
    top: 15px;
    color: rgba(255,255,255,0.65);
    pointer-events: none
}

.registerForm label input {
    padding: 12px 16px;
    padding-left: 35px;
    border-radius: 6px;
    width: 100%;
    color: #fff;
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    background: rgba(255,255,255,0.06);
    border: 1px solid transparent;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.registerForm label input.invalid {
    border-color: #e74c3c;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.registerError {
    background: #e74c3c;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 100%;
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px
}

.registerForm label input:focus {
    border-color: #588EFD
}

#registerWrapper .register .rightPull .brand {
    opacity: .7;
    color: #fff;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 14px
}

#registerWrapper .register .registerButton {
    width: 100%;
    border-radius: 6px;
    background: -o-linear-gradient(45deg,#588EFD,#843DE6);
    background: linear-gradient(45deg,#588EFD,#843DE6);
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    font-family: 'Roboto',sans-serif;
    border: 0;
    padding: 12px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#registerWrapper .register .leftPull .desc {
    display: block;
    color: rgba(255,255,255,0.45);
    font-size: 12px
}

#registerWrapper .register .rightPull .desc {
    font-size: 34px;
    color: #fff;
    font-weight: 600
}

#registerWrapper .register .leftPull .registerForm label {
    display: block;
    width: 500px;
    margin-bottom: 10px
}

#registerWrapper .register .rightPull .introduction,#registerWrapper .register .leftPull .registerForm {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.thead.away {
    background: rgb(243,156,18)!important
}

.profile-content.away {
    color: rgba(255,255,255,0.60);
    padding: 8px 18px
}

.profile-content.away strong {
    color: rgba(255,255,255,0.80)
}

.toggleMenu {
    height: 60px;
    font-size: 23px;
    float: left;
    cursor: pointer;
    padding: 0 12px;
    color: rgba(255,255,255,0.60);
    display: none;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.toggleMenu:hover {
    background: rgba(0,0,0,0.09)
}

.toggleMenu.active {
    background: rgba(0,0,0,0.16)
}

.mobile-postbit {
    background: rgba(0,0,0,0.12);
    border-top: 1px solid rgba(0,0,0,0.24);
    border-bottom: 1px solid rgba(0,0,0,0.12);
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.mpost-container .avatar {
    width: 50px;
    height: 50px;
    border-radius: 6px
}

.mpost-container .mpost-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mpost-head .data {
    margin-left: 15px;
    font-size: 15px
}

.toggleMenu i {
    margin-top: 17px
}

#ucpContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#ucpContainer .leftPull {
    width: 230px
}

#ucpContainer .rightPull {
    width: calc(100% - 245px)
}

#ucpContainer .profile {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 200px;
    z-index: 1
}

#ucpContainer .profile-data {
    padding: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #242424;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    position: relative
}

#ucpContainer .profile-data .usercp-avatar {
    top: -50px;
    position: absolute;
    z-index: 2;
    width: 100px;
    height: 100px;
    left: 50px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    box-shadow: 0 1px 2px rgba(0,0,0,0.12)
}

#ucpContainer .profile:before {
    content: "";
    position: absolute;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    top: 0;
    background: rgba(0,0,0,0.55)
}

.usercp-nav {
    background: #282828;
    padding: 12px 16px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.03);
    width: 100%;
    z-index: 1;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    box-shadow: 0 1px 2px rgba(0,0,0,0.12)
}

.usercp-nav:before {
    content: "";
    width: 100%;
    z-index: -1;
    height: 75px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(102,116,222,0.25)),to(transparent));
    background: -o-linear-gradient(top,rgba(102,116,222,0.25),transparent);
    background: linear-gradient(to bottom,rgba(102,116,222,0.25),transparent);
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.usercp-nav .navsep {
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.03)
}

.usercp-nav .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.usercp-nav .head img {
    width: 45px;
    height: 45px;
    border-radius: 6px
}

.usercp-nav .head .data {
    margin-left: 15px
}

.usercp-nav .section-title {
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.40)
}

.usercp-nav .head .data .username {
    font-weight: 500;
    color: rgba(255,255,255,0.80);
    font-size: 15px
}

.usercp-nav .head .data .ugroup {
    color: rgba(255,255,255,0.50);
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 10px
}

.usercp-nav .menu {
    padding: 0
}

.usercp-nav .menu li {
    list-style: none
}

.usercp-nav .menu li a {
    font-size: 12px;
    color: rgba(255,255,255,0.65);
    font-weight: 500;
    padding: 8px 0;
    margin: 3px 0;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.usercp-nav .menu li a:hover {
    color: #fff
}

.usercp-nav .menu li a.dropdown {
    margin-left: -10px;
    padding: 8px 10px;
    margin-right: -10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent
}

.usercp-nav .menu li a.dropdown.active {
    background: #1c1c1c;
    border-color: rgba(255,255,255,0.05);
    color: #fff
}

.usercp-nav .menu li ul.dropdown {
    background: #1c1c1c;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 1px solid rgba(255,255,255,0.05);
    border-top: 0;
    margin-left: -10px;
    margin-right: -10px;
    display: none;
    margin-top: -3px;
    margin-bottom: 10px;
    padding: 3px 10px
}

.usercp-nav .menu li ul.dropdown li a {
    font-size: 12px;
    padding: 5px 0
}

.usercp-nav .menu li a .counter {
    float: right;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    background: rgba(255,255,255,0.10);
    font-size: 9px;
    margin-top: -2px;
    color: #fff
}

.usercp-nav .menu li a i.fa-chevron-down {
    font-size: 9px;
    float: right;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 5px;
    -webkit-transition: -webkit-transform 300ms ease-in;
    transition: -webkit-transform 300ms ease-in;
    -o-transition: transform 300ms ease-in;
    transition: transform 300ms ease-in;
    transition: transform 300ms ease-in,-webkit-transform 300ms ease-in
}

.usercp-nav .menu li a.active i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.usercp-nav .menu li a .onoff-indicator {
    float: right;
    width: 7px;
    height: 7px;
    position: relative;
    margin-top: 5px;
    border-radius: 7px
}

.usercp-nav .menu li a .onoff-indicator.off {
    background: #eb4d4b;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(235,77,75,0.47);
    box-shadow: 0px 0px 10px 1px rgba(235,77,75,0.47)
}

.usercp-nav .menu li a .onoff-indicator.on {
    background: #6ab04c;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(106,176,76,1);
    box-shadow: 0px 0px 10px 1px rgba(106,176,76,1)
}

.usercp-nav .menu li a .counter span {
    display: block;
    margin-top: 4px
}

.usercp-nav .menu li a i {
    font-size: 15px;
    margin-right: 7px;
    vertical-align: -1px
}

.ucp-dashboard .user-stats {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (24%)[4];
    grid-template-columns: repeat(4,24%);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ucp-widget {
    background: #282828;
    padding: 12px 16px;
    margin-bottom: 15px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,0.03);
    border-radius: 6px
}

.ucp-widget span.title {
    color: #fff;
    font-weight: 500;
    font-size: 20px
}

.ucp-widget span.title .counter {
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 6px;
    position: relative;
    color: #6674DE;
    background: rgba(102,116,222,0.19);
    margin-left: 6px;
    vertical-align: 2px;
    font-weight: 500
}

.ucp-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ucp-options .left {
    width: 350px;
    border-right: 1px solid rgba(255,255,255,0.03);
    padding-top: 16px
}

.ucp-options .right {
    width: calc(100% - 350px);
    padding-left: 20px;
    padding-top: 16px;
    padding-bottom: 30px
}

.ucp-options .option-menu {
    margin-top: 30px
}

.ucp-options .option-menu ul {
    padding: 0;
    margin-left: -16px;
    margin-bottom: -1px
}

.ucp-options .option-menu ul li {
    list-style: none
}

.ucp-options .right > div:not(:first-child) {
    display: none
}

.ucp-action {
    background: #6674DE;
    border-radius: 6px;
    padding: 10px 16px;
    border: 0;
    -webkit-box-shadow: 0 2px 4px rgba(102,116,222,0.11);
    box-shadow: 0 2px 4px rgba(102,116,222,0.11);
    font-size: 12px;
    color: #fff;
    text-shadow: 1px 1px rgba(0,0,0,0.12);
    cursor: pointer;
    letter-spacing: 1px;
    font-family: 'Roboto',sans-serif;
    font-weight: 500;
    position: absolute;
    bottom: 20px;
    right: 20px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.ucp-action.delete {
    background: #eb4d4b
}

.option-flex {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.option-flex .option-right,.option-flex .option-left {
    width: 49%
}

.ucp-mid-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ucp-action-mid {
    background: #6674DE;
    border-radius: 6px;
    padding: 10px 16px;
    border: 0;
    -webkit-box-shadow: 0 2px 4px rgba(102,116,222,0.11);
    box-shadow: 0 2px 4px rgba(102,116,222,0.11);
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    text-shadow: 1px 1px rgba(0,0,0,0.12);
    letter-spacing: 1px;
    font-family: 'Roboto',sans-serif;
    font-weight: 500;
    margin: 0 10px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.ucp-action-mid:hover {
    background: #5161d9
}

.ucp-action:not(.delete):hover {
    background: #5161d9
}

.ucp-delete-mid {
    background: #eb4d4b;
    border-radius: 6px;
    padding: 10px 16px;
    border: 0;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 4px rgba(102,116,222,0.11);
    box-shadow: 0 2px 4px rgba(102,116,222,0.11);
    font-size: 12px;
    color: #fff;
    text-shadow: 1px 1px rgba(0,0,0,0.12);
    letter-spacing: 1px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    font-family: 'Roboto',sans-serif;
    font-weight: 500
}

.ucp-delete-mid:hover {
    background: #e83634
}

.ucp-options .option-set {
    margin-top: 30px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (49%)[2];
    grid-template-columns: repeat(2,49%);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 16px
}

.ucp-options .option-set:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,0.03)
}

.ucp-options .input-box {
    margin-top: 15px;
    min-height: 50px
}

.input-box.search {
    border-top: 1px solid rgba(255,255,255,0.03);
    padding: 16px 0
}

.inputlabel {
    color: rgba(255,255,255,0.7);
    font-size: 13px;
    font-weight: 500
}

.ucp-options .input-box label,.search-grid .input-box label:not(.xferno-radio) {
    display: block;
    color: rgba(255,255,255,0.60);
    font-size: 12px;
    margin-bottom: -5px
}

.ucp-widget .title-2 {
    color: rgba(255,255,255,0.90);
    font-size: 15px;
    font-weight: 500
}

.ucp-options .option-menu ul li a,.ucp-options .option-menu ul li label {
    padding: 16px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid rgba(255,255,255,0.03);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    color: rgba(255,255,255,0.90);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ucp-options .option-menu ul li a:hover,.ucp-options .option-menu ul li label:hover {
    background: rgba(255,255,255,0.02)
}

.ucp-options .option-menu ul li a.active,.ucp-options .option-menu ul li label.active {
    border-top-color: rgba(255,255,255,0.03);
    background: rgba(255,2555,255,0.04)
}

.ucp-options .option-menu ul li a.active .itemData .itemDesc,.ucp-options .option-menu ul li a.active .itemData .itemName {
    color: rgba(255,255,255,0.90)
}

.ucp-options .option-menu ul li a.active .icon {
    color: #6674DE;
    background: rgba(102,116,222,0.16)
}

.ucp-options .option-menu ul li a .icon {
    width: 32px;
    height: 32px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    background: rgba(255,255,255,0.10);
    border-radius: 8px;
    margin-right: 5px;
    text-align: center;
    color: rgba(255,255,255,0.60)
}

.ucp-options .option-menu ul li a .icon i {
    margin-top: 9px
}

.ucp-options .option-menu ul li a .arrowIcon {
    color: rgba(255,255,255,0.60);
    font-size: 18px
}

.ucp-options .option-menu ul li a .itemData {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px
}

.ucp-options .option-menu ul li a .itemData .itemName {
    color: rgba(255,255,255,0.50);
    font-size: 14px
}

.ucp-options .option-menu ul li a .itemData .itemDesc {
    color: rgba(255,255,255,0.50);
    font-size: 12px
}

.ucp-dashboard .user-stats .stat-box {
    background: #282828;
    padding: 12px 16px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid rgba(255,255,255,0.03);
    border-radius: 6px;
    overflow: hidden
}

.ucp-dashboard .user-stats .stat-box .data .num {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    display: block
}

.ucp-dashboard .user-stats .stat-box .data .text {
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(255,255,255,0.70)
}

.ucp-dashboard .user-stats .stat-box .icon {
    font-size: 27px;
    color: rgba(255,255,255,0.82)
}

.ucp-dashboard .user-stats .stat-box:before {
    content: "";
    position: absolute;
    right: -50px;
    top: -65px;
    width: 100px;
    height: 100px;
    padding: 24px;
    -webkit-filter: blur(1px);
    background: -o-radial-gradient(rgba(102,116,222,0.12) 30%,transparent 70%);
    background: radial-gradient(rgba(102,116,222,0.12) 30%,transparent 70%)
}

.user-details {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 10px 50%;
    grid-template-columns: repeat(2,50%);
    grid-column-gap: 10px;
    background: #282828;
    margin-top: 15px;
    border: 1px solid rgba(255,255,255,0.03);
    border-radius: 6px;
    padding: 12px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.user-details .infos {
    border-right: 1px solid rgba(255,255,255,0.03);
    padding-right: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.user-details .title {
    display: block;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 500;
    font-size: 16px
}

.user-details .infos li {
    list-style: none;
    padding: 7px 0;
    border-bottom: 1px solid rgba(255,255,255,0.03);
    text-align: right;
    color: rgba(255,255,255,0.45)
}

.user-details .infos li .blurred {
    filter: blur(4px);
    -webkit-filter: blur(4px);
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.user-details .infos li .blurred:hover {
    -webkit-filter: blur(0);
    filter: blur(0)
}

.user-details .infos li > span:not(.blurred) {
    float: left;
    font-weight: 500;
    color: rgba(255,255,255,0.60)
}

.user-details .milestones {
    padding-right: 16px;
    padding-left: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.user-details .milestones .milestoneContainer {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-grid-columns: (47%)[2];
    grid-template-columns: repeat(2,47%);
    grid-row-gap: 20px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255,255,255,0.03)
}

.milestones div.post-milestones,.milestones div.thread-milestones,.milestones div.rep-milestones,.milestones div.rank-milestones {
    display: none
}

.user-details .milestone .progressBar {
    overflow: hidden;
    border-radius: 6px;
    height: 5px;
    width: 100%;
    position: relative;
    background: rgba(255,255,255,0.06)
}

.user-details .milestone span {
    color: rgba(255,255,255,0.45)
}

.user-details .milestone .progressBar .line {
    position: absolute;
    height: 100%;
    border-radius: 6px;
    overflow: hidden
}

.user-details .milestone .progressBar .line:before {
    content: "";
    width: 15%;
    right: 0;
    background: -webkit-gradient(linear,left top,right top,from(transparent),to(rgba(255,255,255,0.50)));
    background: -o-linear-gradient(left,transparent,rgba(255,255,255,0.50));
    background: linear-gradient(to right,transparent,rgba(255,255,255,0.50));
    position: absolute;
    height: 100%
}

.user-details .milestone span.soul-award {
    color: #217D80;
    font-weight: 600
}

.user-details .milestone .progress-info {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 12px;
    margin-top: 5px
}

.user-details .milestone span.cosmic-award {
    color: #ACACAC;
    font-weight: 600
}

.user-details .milestone span.honor-award {
    color: #646464;
    font-weight: 600
}

.user-details .milestone span.cool-award {
    color: #24894F;
    font-weight: 600
}

.user-details .milestone span.tribute-award {
    color: #ce91b1;
    font-weight: 600
}

.user-details .milestone span.magic-award {
    color: #29b562;
    font-weight: 600
}

.user-details .milestone span.onek-award,.user-details .milestone span.hqp-award {
    color: #4B88C0;
    font-weight: 600
}

.user-details .milestone span.famous-award {
    color: #D6493A;
    font-weight: 600
}

.user-details .milestone span.willed-award {
    color: #68532D;
    font-weight: 600
}

.user-details .milestone span.porty-award {
    color: #f96e04;
    font-weight: 600
}

.user-details .milestone span.thoul-award {
    color: #2bb0f6;
    font-weight: 600
}

.user-details .milestone span.contributor-rank {
    color: #f1c40f;
    font-weight: 600
}

.user-details .milestone span.royal-rank {
    color: #74b9ff;
    font-weight: 600
}

.user-details .milestone span.legendary-rank {
    color: #f39c12;
    font-weight: 600
}

.user-details .milestone span.glory-rank {
    color: #FF006C;
    font-weight: 600
}

.milestone-type {
    font-weight: 600;
    letter-spacing: 2px;
    display: block;
    color: rgba(255,255,255,0.45);
    font-size: 10px;
    cursor: pointer;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    padding: 10px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.milestone-type.active {
    color: rgba(255,255,255,0.80)
}

.milestone-type.active i.fa-chevron-down {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    margin-right: 2px
}

.milestone-type i.fa-chevron-down {
    float: right;
    -webkit-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in
}

.f-announcement a {
    background: -webkit-gradient(linear,left top,right top,from(#ff9f1a),to(#ffaf40));
    background: -o-linear-gradient(left,#ff9f1a,#ffaf40);
    background: linear-gradient(to right,#ff9f1a,#9c27b0);
    display: block;
    margin: 10px 0;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    color: #fff;
    text-shadow: 1px 1px rgba(0,0,0,0.12);
    text-align: center
}

.ucp-avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ucp-avatar .left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 15px
}

.hrline {
    width: 100%;
    margin: 20px 0;
    height: 1px;
    background: rgba(255,255,255,0.03)
}

.ucp-avatar .left .limit {
    font-size: 13px;
    color: rgba(255,255,255,0.60)
}

.ucp-avatar .right {
    margin-top: 5px
}

.ucp-widget .desc-2 {
    color: rgba(255,255,255,0.50);
    font-size: 12px
}

.change-avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.change-avatar .upload,.change-avatar .url {
    width: 49%;
    position: relative
}

.change-avatar .upload {
    border-right: 1px solid rgba(255,255,255,0.03)
}

.disabled-message {
    background: rgba(0,0,0,0.06);
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 6px;
    border: 1px dashed rgba(255,255,255,0.06);
    padding: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 0;
    top: 0;
    text-align: center
}

.disabled-message {
    font-size: 35px;
    color: #fff
}

.sig-bot {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sig-bot .options,.sig-bot .limitations {
    width: 49%;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sig-bot .limitations ul.limits {
    padding: 0;
    margin: 0;
    margin-left: -10px
}

.sig-bot .limitations ul.limits li {
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    font-size: 12px;
    color: rgba(255,255,255,0.65);
    border-bottom: 1px solid rgba(255,255,255,0.03)
}

.sig-bot .limitations ul.limits li span {
    float: right
}

.sig-bot .limitations ul.limits li span.on {
    color: #6ab04c
}

.sig-bot .limitations ul.limits li span.off {
    color: #eb4d4b
}

.sig-bot .options {
    border-right: 1px solid rgba(255,255,255,0.03)
}

.radio-box label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.radio-box label input {
    display: none
}

.radio-box label .ucp-radio {
    width: 14px;
    display: inline-block;
    height: 14px;
    border-radius: 14px;
    background: rgba(255,255,255,0.36);
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.radio-box label input:checked + .ucp-radio {
    background: #6674DE
}

.radio-box .label {
    color: rgba(255,255,255,0.65);
    vertical-align: 2px;
    display: inline-block;
    margin-left: 3px
}

.radio-box label input:checked + .ucp-radio .ucp-radio-dot {
    opacity: 1
}

.radio-box label .ucp-radio-dot {
    display: block;
    height: 6px;
    margin-left: 4px;
    margin-top: 4px;
    width: 6px;
    background: #fff;
    opacity: 0;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    border-radius: 6px
}

.ucp-widget .info-2 {
    padding: 5px 10px;
    display: inline-block;
    border-radius: 6px;
    margin-top: 10px;
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.70);
    font-size: 12px
}

.fileupload.hqucp {
    color: rgba(255,255,255,0.60)
}

.post-upgrade {
    font-size: 12px;
    background: #6674DE;
    color: #fff;
    display: inline-block;
    border-radius: 6px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    padding: 6px 12px;
    -webkit-box-shadow: 0 0 0 0 rgba(102,116,222,.50);
    box-shadow: 0 0 0 0 rgba(102,116,222,.50);
    -webkit-animation: post-upgrade-scale 2s infinite;
    animation: post-upgrade-scale 2s infinite
}

@-webkit-keyframes post-upgrade-scale {
    0% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97)
}

70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(102,116,222,0);
        box-shadow: 0 0 0 10px rgba(102,116,222,0)
}

100% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
        -webkit-box-shadow: 0 0 0 0 rgba(102,116,222,0);
        box-shadow: 0 0 0 0 rgba(102,116,222,0)
}


}

@keyframes post-upgrade-scale {
    0% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97)
}

70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 10px rgba(102,116,222,0);
        box-shadow: 0 0 0 10px rgba(102,116,222,0)
}

100% {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
        -webkit-box-shadow: 0 0 0 0 rgba(102,116,222,0);
        box-shadow: 0 0 0 0 rgba(102,116,222,0)
}


}

.ucp-widget .change-email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ucp-widget .change-email .password-confirmation {
    width: 50%;
    padding: 12px 0;
    padding-right: 12px;
    border-right: 1px solid rgba(255,255,255,0.03);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ucp-widget .change-email .new-email {
    width: 50%;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ucp-input {
    border: 0;
    color: rgba(255,255,255,0.80)!important;
    border: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.03)!important;
    height: 32px!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-left: 12px;
    margin-bottom: 10px;
    line-height: 32px!important;
    outline: none;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 0 0 rgba(102,116,222,0.09);
    box-shadow: 0 0 0 0 rgba(102,116,222,0.09);
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.ucp-input:focus {
    border-color: #6674DE;
    -webkit-box-shadow: 0 0 0 4px rgba(102,116,222,0.09);
    box-shadow: 0 0 0 4px rgba(102,116,222,0.09)
}

.ucp-warning {
    font-size: 12px;
    background: rgba(240,147,43,0.12);
    border-radius: 12px;
    border: 1px solid rgba(240,147,43,0.24);
    font-weight: 500;
    color: rgba(255,255,255,0.80);
    padding: 6px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ucp-success {
    font-size: 12px;
    background: rgba(106,176,76,0.12);
    border-radius: 12px;
    border: 1px solid rgba(106,176,76,0.24);
    font-weight: 500;
    color: rgba(255,255,255,0.80);
    padding: 6px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ucp-warning .icon {
    border-radius: 12px;
    background: rgba(240,147,43,1);
    color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    width: 30px;
    margin-right: 10px;
    margin-left: 8px;
    font-size: 15px;
    text-align: center;
    height: 30px;
    display: inline-block
}

.ucp-success .icon {
    border-radius: 12px;
    background: rgba(106,176,76,1);
    color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    width: 30px;
    margin-right: 10px;
    margin-left: 8px;
    font-size: 15px;
    text-align: center;
    height: 30px;
    display: inline-block
}

.ucp-widget .info {
    padding: 6px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    margin-top: 10px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.70);
    font-size: 12px
}

.ucp-widget .info .icon {
    border-radius: 9px;
    background: rgba(255,255,255,0.24);
    color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    width: 25px;
    margin-right: 10px;
    margin-left: 8px;
    font-size: 13px;
    text-align: center;
    height: 25px;
    display: inline-block
}

.ucp-warning .icon i,.ucp-success .icon i {
    margin-top: 7px
}

.ucp-widget .info .icon i {
    margin-top: 6px
}

.ucp-avatar .right img {
    border-radius: 4px;
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center
}

.ucp-table {
    width: 100%;
    border-spacing: 0
}

.ucp-table tr:not(.head) td {
    padding: 6px 14px;
    background: #1f1f1f;
    border-bottom: 1px solid rgba(255,255,255,0.06)
}

.ucp-table tr.head td {
    padding: 8px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #1c1c1c;
    font-weight: 500;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    border-top: 1px solid rgba(255,255,255,0.06)
}

.ucp-table tr.head td:first-child {
    border-top-left-radius: 6px;
    border-left: 1px solid rgba(255,255,255,0.06)
}

.ucp-table tr:not(.head) td:first-child {
    border-left: 1px solid rgba(255,255,255,0.06)
}

.ucp-table tr:not(.head) td:last-child {
    border-right: 1px solid rgba(255,255,255,0.06)
}

.ucp-table tr:last-child td:first-child {
    border-bottom-left-radius: 6px
}

.ucp-table tr:last-child td:last-child {
    border-bottom-right-radius: 6px
}

.ucp-table tr.head td:last-child {
    border-top-right-radius: 6px;
    border-right: 1px solid rgba(255,255,255,0.06)
}

.two-factor .setup-options {
    margin-top: 20px;
    padding-right: 24px
}

.two-factor .trusted-devices {
    margin-top: 20px
}

.two-factor .option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.03);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 0
}

.two-factor .option .data .option-name {
    color: #fff;
    display: block;
    font-size: 15px
}

.two-factor .option .data .option-desc {
    font-size: 13px;
    color: rgba(255,255,255,0.60)
}

.two-factor .option .action .tfa-action {
    padding: 4px 12px;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 6px;
    text-shadow: 1px 1px rgba(0,0,0,0.12);
    display: block
}

.two-factor .option .action .tfa-action.enable {
    background: #6674DE
}

.two-factor .option .action .tfa-action.disable {
    background: rgba(255,255,255,0.12)
}

#popup-alert {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999999;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 450px;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.06);
    background: #222;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.24);
    box-shadow: 0 2px 4px rgba(0,0,0,0.24)
}

#popup-alert .close-popup {
    position: absolute;
    right: 10px;
    background: #eb4d4b;
    color: #fff;
    top: 10px;
    -webkit-box-shadow: 0 2px 4px rgba(235,77,75,0.30);
    box-shadow: 0 2px 4px rgba(235,77,75,0.30);
    width: 26px;
    border-radius: 6px;
    height: 26px
}

#popup-alert .close-popup i {
    margin-top: 7px
}

#popup-alert .title {
    border-bottom: 1px solid rgba(255,255,255,0.06);
    padding: 8px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 500
}

#popup-alert .desc {
    padding: 8px 16px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(255,255,255,0.70)
}

.xferno-checkbox {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    margin-bottom: 10px
}

.xferno-checkbox input {
    display: none
}

.xferno-checkbox input:checked + .cbox {
    background: #6674DE
}

.xferno-checkbox input:checked + .cbox span i {
    color: #fff
}

.xferno-checkbox .cbox {
    width: 16px;
    height: 16px;
    border: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.12);
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.birthday-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.birthday-inputs .input-box {
    width: 32%!important
}

.birthday-inputs .input-box input,.birthday-inputs .input-box .nice-select,.birthday-inputs .input-box .nice-select .list {
    width: 100%
}

.xferno-checkbox .text {
    color: rgba(255,255,255,0.7);
    font-size: 13px;
    margin-left: 3px;
    vertical-align: -1px
}

.xferno-checkbox .cbox span {
    color: transparent;
    font-size: 9px
}

.xferno-radio {
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.xferno-radio input {
    display: none
}

.xferno-radio input:checked + .custom-radio {
    background: #6674DE
}

.xferno-radio input:checked + .custom-radio .dot {
    background: #fff
}

.xferno-radio .custom-radio {
    width: 15px;
    height: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.12)
}

.xferno-radio .custom-radio .dot {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    background: transparent
}

.xferno-radio .text {
    color: rgba(255,255,255,0.7);
    font-size: 13px;
    margin-left: 3px;
    vertical-align: -1px
}

.ucp-widget .head-options {
    background: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(3%,rgba(0,0,0,0.08)),color-stop(97%,rgba(0,0,0,0.08)),to(rgba(0,0,0,0)));
    background: -o-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 3%,rgba(0,0,0,0.08) 97%,rgba(0,0,0,0) 100%);
    background: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 3%,rgba(0,0,0,0.08) 97%,rgba(0,0,0,0) 100%);
    padding: 6px 16px;
    margin-top: -20px;
    position: relative;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 20px
}

.ucp-widget .head-options:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -1px;
    height: 1px;
    background: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(6%,rgba(255,255,255,0.06)),color-stop(94%,rgba(255,255,255,0.06)),to(rgba(0,0,0,0)));
    background: -o-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(255,255,255,0.06) 6%,rgba(255,255,255,0.06) 94%,rgba(0,0,0,0) 100%);
    background: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(255,255,255,0.06) 6%,rgba(255,255,255,0.06) 94%,rgba(0,0,0,0) 100%)
}

.ucp-widget .head-options .head-option-button {
    padding: 5px 0;
    display: inline-block;
    color: rgba(255,255,255,0.65);
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    margin-right: 15px
}

.ucp-widget .alert-list {
    margin-top: 10px
}

.ucp-widget .alert-list .alert-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,0.03);
    padding: 6px 0
}

.ucp-widget .alert-list .alert-box .alert-data {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 15px
}

.ucp-widhet .alert-list .alert-box .alert-data a span {
    color: rgba(255,255,255,0.67)!important
}

.ucp-widget .alert-list .alert-box .avatar {
    width: 48px;
    height: 48px
}

.ucp-widget .alert-list .alert-box .alert-actions a {
    display: block;
    padding: 5px 12px;
    margin: 5px 0;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    text-shadow: 1px 1px rgba(0,0,0,0.12)
}

.ucp-widget .alert-no-alert {
    text-align: center;
    padding: 32px
}

.ucp-widget .alert-no-alert i {
    font-size: 60px;
    color: rgba(255,255,255,0.40)
}

.no-drafts {
    padding: 32px;
    text-align: center
}

.no-drafts .icon i {
    font-size: 60px;
    color: rgba(255,255,255,0.40)
}

.ucp-widget .nice-select {
    height: 32px!important;
    width: 400px;
    max-width: 100%!important;
    line-height: 32px!important;
    color: rgba(255,255,255,0.80)!important;
    border: 1px solid rgba(255,255,255,0.06)!important;
    background: rgba(255,255,255,0.03)!important
}

.ucp-widget .nice-select .list {
    width: 400px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(255,255,255,0.06)!important;
    background: #333!important
}

.no-drafts .text {
    font-size: 18px;
    color: rgba(255,255,255,0.70);
    display: block;
    margin-top: 15px
}

.ucp-widget .alert-no-alert .no-text {
    font-size: 18px;
    color: rgba(255,255,255,0.70);
    display: block;
    margin-top: 15px
}

.alert-box .alert-actions a.primary {
    background: rgba(102,116,222,0.12);
    color: #6674DE!important
}

.alert-box .alert-actions a.delete {
    background: rgba(235,77,75,0.12);
    color: #eb4d4b!important
}

.ucp-widget .alert-list .alert-box .avatar img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    -o-object-fit: cover;
    object-fit: cover
}

.ucp-widget .alert-list .alert-box .alert-data .datetime {
    font-size: 12px;
    margin-top: 5px;
    display: block;
    color: rgba(255,255,255,0.55)
}

.ucp-widget .head-options .head-option-button:hover {
    color: #fff
}

.ucp-sub-thread {
    padding: 12px;
    background: rgba(0,0,0,0.06);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.04);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ucp-sub-thread .main-data {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ucp-sub-thread .lastpost-data {
    padding: 0 24px;
    margin-left: 5px
}

.ucp-sub-thread .thread-data {
    padding: 0 24px;
    margin: 0 5px;
    text-align: center
}

.ucp-bot-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: -12px;
    border-top: 1px solid rgba(255,255,255,0.03)
}

.sub-del-button {
    background: rgba(235,77,75,0.09);
    color: rgba(235,77,75,0.75)!important;
    font-weight: 500;
    font-size: 12px;
    padding: 6px 12px;
    display: inline-block;
    border-radius: 4px
}

.ucp-secondary-button {
    padding: 5px 10px;
    font-size: 13px;
    color: #fff;
    font-weight: bolder
}

.ucp-sub-thread .num {
    font-weight: bolder;
    color: #fff;
    font-size: 15px;
    display: block
}

.ucp-sub-thread .text {
    font-size: 12px;
    color: rgba(255,255,255,0.70)
}

.ucp-sub-thread .main-data .sub-notif {
    color: rgba(255,255,255,0.75);
    font-size: 12px
}

.ucp-table .intable-button {
    font-size: 12px;
    background: #6674DE;
    padding: 5px 12px;
    color: #fff;
    border: 0;
    outline: none;
    border-radius: 6px
}

.ucp-table .intable-button.disabled {
    background: #333
}

.ucp-widget .post.classic {
    background: transparent!important;
    color: rgba(255,255,255,0.85);
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -12px
}

.ucp-widget .post_author {
    background: transparent!important;
    border: 0!important;
    border-right: 1px solid rgba(255,255,255,0.03)!important;
    margin: 10px 0
}

.ucp-widget .pm-search-input {
    line-height: 18px;
    padding: 3px 6px;
    font-size: 12px;
    width: 200px;
    border: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.03);
    border-radius: 6px;
    outline: none;
    margin-right: 5px;
    color: rgba(255,255,255,0.75);
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.ucp-widget .pm-search-button {
    background: #6674DE;
    border-radius: 6px;
    color: #fff;
    text-shadow: 1px 1px rgba(0,0,0,0.12);
    padding: 5px 12px;
    display: inline-block;
    font-weight: 500;
    font-size: 12px;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    cursor: pointer
}

.ucp-widget.pm-shortcuts ul {
    margin: 0;
    padding: 0;
    height: 16px
}

.ucp-widget.pm-shortcuts ul li {
    list-style: none;
    float: left
}

.ucp-widget.pm-shortcuts ul li a {
    display: block;
    margin: 0 5px;
    padding: 0 5px;
    color: rgba(255,255,255,0.60);
    font-size: 12px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.ucp-widget.pm-shortcuts ul li:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,0.06)
}

.ucp-widget.pm-shortcuts ul li a:hover {
    color: #6674DE
}

.ucp-widget.pm-shortcuts .pm-usage {
    float: right;
    margin-top: -23px
}

.ucp-widget.pm-shortcuts .pm-usage .text {
    margin-bottom: 3px
}

.ucp-widget.pm-shortcuts .pm-usage .text .label {
    color: rgba(255,255,255,0.75)
}

.ucp-widget.pm-shortcuts .pm-usage .text .percentage {
    float: right;
    color: rgba(255,255,255,0.60)
}

.ucp-widget.pm-shortcuts .pm-usage .progressBar {
    display: inline-block;
    width: 200px;
    border-radius: 4px;
    height: 5px;
    position: relative;
    overflow: hidden;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06)
}

.ucp-widget.pm-shortcuts .pm-usage .progressBar .bar {
    position: absolute;
    left: 0;
    height: 100%;
    width: 12%;
    background: #6674DE;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden
}

.ucp-widget.pm-shortcuts .pm-usage .progressBar .bar:before {
    content: "";
    background: -webkit-gradient(linear,left top,right top,from(transparent),to(rgba(255,255,255,0.60)));
    background: -o-linear-gradient(left,transparent,rgba(255,255,255,0.60));
    background: linear-gradient(to right,transparent,rgba(255,255,255,0.60));
    position: absolute;
    right: 0;
    height: 100%;
    width: 15px
}

.xferno-checkbox .cbox span i {
    margin-top: 3px;
    -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.ucp-multiselect {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 6px;
    padding: 6px;
    height: 118px;
    width: 100%
}

.xferno-error,.xferno-success {
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #222;
    margin-bottom: 10px;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.06);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.xferno-error:before {
    content: "";
    left: 0;
    right: 0;
    height: 100%;
    position: absolute;
    opacity: 0.08;
    background: -o-linear-gradient(bottom,#ee5253,transparent);
    background: -webkit-gradient(linear,left bottom,left top,from(#ee5253),to(transparent));
    background: linear-gradient(to top,#ee5253,transparent)
}

.xferno-success:before {
    content: "";
    left: 0;
    right: 0;
    height: 100%;
    position: absolute;
    opacity: 0.08;
    background: -o-linear-gradient(bottom,#44bd32,transparent);
    background: -webkit-gradient(linear,left bottom,left top,from(#44bd32),to(transparent));
    background: linear-gradient(to top,#44bd32,transparent)
}

.xferno-success .icon {
    color: #44bd32
}

.xferno-success .text .title {
    font-size: 14px;
    color: #44bd32
}

.xferno-success .success-text {
    padding: 0
}

.xferno-success .success-text li {
    list-style: none;
    color: rgba(255,255,255,0.60);
    font-size: 13px;
    padding-left: 15px;
    position: relative
}

.xferno-success .success-text li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    height: 3px;
    width: 3px;
    border: 2px solid #44bd32;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.xferno-error .icon,.xferno-success .icon {
    font-size: 40px
}

.xferno-error .text,.xferno-success .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px
}

.xferno-error .icon {
    color: #ee5253
}

.xferno-error .text .title {
    font-size: 14px;
    color: #ee5253
}

.xferno-error .error-list {
    padding: 0
}

.xferno-error .error-list li {
    list-style: none;
    color: rgba(255,255,255,0.60);
    font-size: 13px;
    padding-left: 15px;
    position: relative
}

.xferno-error .error-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    height: 3px;
    width: 3px;
    border: 2px solid #ee5253;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.partners {
    margin: 0 10px
}

.partners img {
    height: 85px;
    width: auto
}

.search-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (49%)[2];
    grid-template-columns: repeat(2,49%);
    grid-row-gap: 10px
}

.duo-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.duo-stats .stat {
    width: 49%
}

.rep-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.rep-head .user-data {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.rep-head .rep-table {
    width: 400px;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rep-head .rep-chart {
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 250px
}

.rep-head .rep-table .reputation_positive {
    color: #6ab04c!important
}

.rep-head .rep-table .reputation_negative {
    color: #eb4d4b!important
}

.rep-head > div:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,0.06)
}

.rep-vote {
    color: rgba(255,255,255,0.65);
    border: 1px solid rgba(255,255,255,0.06);
    padding: 12px;
    background: rgba(0,0,0,0.12);
    border-radius: 6px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 8px
}

.rep-vote .left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    word-break: break-all
}

.rep-vote.reputation_positive:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    bottom: 0;
    width: 150px;
    background: -webkit-gradient(linear,left top,right top,from(rgba(106,176,76,0.15)),to(transparent));
    background: -o-linear-gradient(left,rgba(106,176,76,0.15),transparent);
    background: linear-gradient(to right,rgba(106,176,76,0.15),transparent)
}

.rep-vote.reputation_negative:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    bottom: 0;
    width: 150px;
    background: -webkit-gradient(linear,left top,right top,from(rgba(235,77,75,0.15)),to(transparent));
    background: -o-linear-gradient(left,rgba(235,77,75,0.15),transparent);
    background: linear-gradient(to right,rgba(235,77,75,0.15),transparent)
}

.rep-vote img {
    width: 16px;
    height: auto
}

.foot-controls {
    margin-bottom: -12px;
    margin-left: -16px;
    padding: 12px 16px;
    margin-right: -16px;
    text-align: right;
    background: rgba(0,0,0,0.12);
    border-top: 1px solid rgba(255,255,255,0.06)
}

.ucp-classic-button {
    margin: 0 5px;
    color: rgba(255,255,255,0.5);
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 4px;
    background: #6674DE
}

.ucp-classic-button.negative {
    color: rgb(235,77,75);
    background: rgba(235,77,75,0.10)
}

.total-rep .text {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 4px 8px;
    display: inline-block;
    font-size: 13px;
    color: rgba(255,255,255,0.7);
    font-weight: 500;
    text-shadow: 1px 1px rgba(0,0,0,0.12)
}

.total-rep .value {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 4px 12px;
    font-size: 13px;
    display: inline-block;
    font-weight: 500;
    margin-left: -4px;
    color: rgba(255,255,255,0.7);
    text-shadow: 1px 1px rgba(0,0,0,0.12)
}

.total-rep.positive .text {
    background: #6ab04c
}

.total-rep.positive .value {
    background: #558c3d
}

.total-rep.negative .text {
    background: #d63031
}

.total-rep.negative .value {
    background: #b02324
}

.total-rep.neutral .text {
    background: #535c68
}

.total-rep.neutral .value {
    background: #3c434c
}

.post-banned {
    padding: 12px 24px;
    margin: 10px 0;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.03);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    background: rgba(255,255,255,0.06)
}

.post-banned a {
    background: #6674DE;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 10px
}

.modqueue_controls {
    background: rgba(0,0,0,0.12)!important;
    border-radius: 6px;
    border-color: rgba(0,0,0,0.24)!important
}

.forumfilter {
    margin: 20px 0;
    padding: 8px 16px;
    border-radius: 6px;
    background: #282828;
    border: 1px solid rgba(255,255,255,0.05);
    position: relative;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.forumfilter:before {
    content: "";
    position: absolute;
    left: -10px;
    height: 70%;
    top: 7px;
    width: 15px;
    border-radius: 8px;
    background: #6674DE
}

.forumfilter select {
    padding: 4px 8px!important;
    margin-right: 6px;
    background: rgba(0,0,0,0.24)!important
}

.forumfilter select option {
    background: rgba(0,0,0,0.80)!important
}

.prev-request {
    background: #333;
    border: 1px solid rgba(255,255,255,0.06);
    padding: 8px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 6px solid #6674DE;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

.prev-request .tool-name {
    color: #fff;
    font-weight: 500
}

.prev-request .tool-desc {
    font-size: 12px;
    color: rgba(255,255,255,0.7)
}

.prev-request .right {
    color: rgba(255,255,255,0.6);
    font-size: 12px
}

span.king {
    background-image: url(https://media2.giphy.com/media/xUPGcoeymFuvT4NnFu/giphy.gif);
    background-size: cover;
    color: transparent;
    -moz-background-clip: text;
    -webkit-background-clip: text
}

.modcp-head-title {
    text-align: center;
    color: rgba(0,0,0,0.65);
    font-weight: 500
}

.modqueue-block {
    color: rgba(255,255,255,0.65);
    margin-bottom: 15px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.09);
    box-shadow: 0 2px 4px rgba(0,0,0,0.09)
}

.modqueue-head {
    background: #1c1c1c;
    border: 1px solid rgba(255,255,255,0.06);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 8px 16px
}

.modqueue-head .thread-link {
    font-weight: bolder;
    color: #6674DE
}

.modqueue-controls {
    float: right
}

.modqueue-details {
    border-left: 1px solid rgba(255,255,255,0.06);
    border-right: 1px solid rgba(255,255,255,0.06);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 8px 16px;
    background: rgba(0,0,0,0.07)
}

.modqueue-thread-content {
    border-top: 1px solid rgba(255,255,255,0.06);
    padding: 8px 16px;
    margin: 10px -16px;
    position: relative;
    background: rgba(255,255,255,0.02);
    border-bottom: 1px solid rgba(255,255,255,0.06)
}

.modqueue-thread-content:before {
    content: "Message Content";
    position: absolute;
    top: -15px;
    right: 35px;
    border-radius: 30px;
    padding: 6px 12px;
    font-size: 12px;
    color: rgba(255,255,255,0.70);
    background: #1c1c1c;
    border: 1px solid rgba(255,255,255,0.09)
}

.ucp-widget .head-options .head_mass {
    margin-right: 10px
}

.modcp-head-title {
    color: rgba(255,255,255,0.7);
    font-weight: 600
}

.modqueue-head .date {
    display: inline-block;
    padding: 4px 8px;
    background: rgba(255,255,255,0.09);
    margin-left: 10px;
    position: relative;
    border-radius: 3px;
    font-size: 12px
}

.modqueue-head .date:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    bottom: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-right: 8px solid rgba(255,255,255,0.09);
    border-left: 8px solid transparent
}

.ucp-table .new_badge {
    font-size: 9px;
    color: #fff;
    background: #6674DE;
    border-radius: 3px;
    margin-right: 10px;
    padding: 3px 6px
}

.reputationBlock > span {
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.infolist {
    padding: 0
}

.infolist li {
    list-style: none;
    margin: 5px 0;
    color: rgba(255,255,255,0.5);
    font-weight: 500;
    position: relative;
    padding-left: 25px
}

.infolist li:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0
}

.dwctag {
    padding: 8px 12px;
    font-size: 13px;
    box-sizing: border-box;
    border-radius: 4px;
    color: #ee5253;
    margin: 15px 0;
    border: 1px solid #ee5253;
    background: rgba(238,82,83,0.10)
}

.dwctag.profile {
    position: absolute;
    bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
    margin: 0;
    display: flex;
    color: #fff;
    background: #ee5253;
    align-items: center;
    right: 25px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.12)
}

.dwctag.profile .icon {
    margin-right: 15px;
    font-size: 20px
}

#lookup .val.blurred {
    filter: blur(4px);
    -webkit-filter: blur(4px);
    transition: all 300ms ease-in
}

#lookup .val.blurred:hover {
    filter: blur(0);
    -webkit-filter: blur(0)
}

.fd_like {
    padding: 4px 8px;
    border-radius: 3px;
    min-width: 40px;
    display: inline-block;
    box-sizing: border-box
}

.fd_like.positive {
    background: rgba(106,176,76,0.12);
    border: 2px solid rgba(106,176,76,0.36);
    font-weight: bolder;
    color: #6ab04c
}

.fd_like.negative {
    background: rgba(235,77,75,0.12);
    border: 2px solid rgba(235,77,75,0.36);
    font-weight: bolder;
    color: #eb4d4b
}

.fd_like.neutral {
    background: rgba(83,92,104,0.24);
    border: 2px solid rgba(83,92,104,0.48);
    font-weight: bolder;
    color: #fff
}

.plan-price.disabled {
    color: rgba(255,255,255,0.25);
    text-decoration: line-through
}

.plan-discount {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    padding: 8px 12px;
    text-shadow: 1px 1px rgba(0,0,0,0.12);
    text-align: center;
    top: 0
}

.plan-discount.dia {
    background: rgba(0,206,201,0.06);
    color: rgb(0,206,201)
}

.plan-discount.nova {
    background: rgba(255,102,0,0.06);
    color: rgb(255,102,0)
}

.plan-discount.vip {
    background: rgba(232,67,147,0.06);
    color: rgb(232,67,147)
}

.activationWarn {
    background: #222;
    border-radius: 3px;
    z-index: 1;
    padding: 12px;
    overflow: hidden;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    position: relative;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12)
}

.activationWarn .text {
    flex: 1;
    text-align: center
}

.activationWarn .icon {
    font-size: 16px;
    color: rgb(230,126,34);
    margin: 0 10px
}

.activationWarn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: linear-gradient(to top,rgba(230,126,34,0.12),transparent)
}

.banned-user {
    background: #282828;
    border-radius: 6px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    padding: 12px 24px;
    color: red;
    overflow: hidden
}

.banned-user .fa-ban {
    position: absolute;
    bottom: -40px;
    font-size: 110px;
    color: rgba(255,255,255,0.03);
    right: 10px
}

.banned-user:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: -1;
    opacity: 0.08;
    background: -o-linear-gradient(bottom,#ee5253,transparent);
    background: -webkit-gradient(linear,left bottom,left top,from(#ee5253),to(transparent));
    background: linear-gradient(to top,#ee5253,transparent)
}

.changelog {
    border-radius: 6px;
    overflow: hidden;
    background: rgba(255,255,255,0.03);
    display: flex;
    color: rgba(255,255,255,0.8);
    align-items: center;
    position: relative;
    margin: 10px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12)
}

.changelog.bug:before {
    content: "\f188"
}

.changelog.add:before {
    content: "\f055"
}

.changelog.typo:before {
    content: "\f031"
}

.changelog.improvement:before {
    content: "\f0aa"
}

.changelog:before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    bottom: -20px;
    right: 20px;
    color: rgba(255,255,255,0.04);
    font-size: 53px;
    transform: rotate(-15deg)
}

.changelog .content {
    flex: 1;
    padding: 12px 16px
}

.changelog .content .reportedby {
    font-size: 12px;
    color: rgba(255,255,255,0.5)
}

.changelog .date {
    padding: 12px 16px;
    font-size: 12px;
    box-sizing: border-box;
    text-align: center;
    background: rgba(255,255,255,0.05)
}

.changelogs .type:not(:first-child) {
    margin-top: 30px
}

.changelogs .type .collapse {
    border-radius: 5px;
    padding: 4px 8px;
    cursor: pointer;
    transition: all 200ms ease-in-out
}

.changelogs .type .collapse:hover {
    background: rgba(255,255,255,0.06);
    box-shadow: 0 1px 2px rgba(0,0,0,0.03)
}

.changelogs .type .collapse-icon {
    float: right;
    margin-top: 3px;
    transition: transform 200ms ease-in-out;
    color: rgba(255,255,255,0.7);
    transform: rotate(360deg)
}

.changelogs .type .collapse-icon.active {
    transform: rotate(180deg)
}

.ucp-widget.pm {
    display: flex;
    justify-content: space-between
}

.ucp-widget.pm .left {
    width: 350px;
    box-sizing: border-box;
    margin: -12px -16px;
    padding: 12px 16px;
    padding-bottom: 0;
    background: rgba(0,0,0,0.05);
    border-right: 1px solid rgba(255,255,255,0.03)
}

.ucp-widget.pm .right {
    width: calc(100% - 350px)
}

.ucp-widget.pm .new-conversation {
    color: rgba(255,255,255,0.8);
    display: block;
    padding: 8px 12px;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(102,116,222,0.12)
}

.ucp-widget.pm .sect {
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: -10px;
    margin-bottom: 10px;
    display: inline-block;
    color: rgba(255,255,255,0.40)
}

.conversations {
    margin-top: 10px
}

.conversations .conver {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,0.03);
    border-top: 1px solid rgba(255,255,255,0.03);
    padding: 12px 16px;
    margin: 0 -16px;
    cursor: pointer;
    transition: all 300ms ease-in;
    box-sizing: border-box;
    background: transparent;
    align-items: center;
    position: relative;
    border-right: 4px solid transparent
}

.conversations .conver:not(.active):hover {
    background: rgba(102,116,222,0.05)
}

.conversations .conver.active {
    background: linear-gradient(to left,rgba(102,116,222,0.15),rgba(102,116,222,0.05));
    border-right-color: rgb(102,116,222)
}

.conversations .conver.active:before {
    content: "";
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid rgb(102,116,222);
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent
}

.conversations .conver .data {
    flex: 1;
    margin-left: 15px
}

.conversations .conver .data .pm-title {
    font-weight: bolder;
    color: #fff
}

.conversations .conver .data .meta {
    display: flex;
    justify-content: space-between;
    margin-top: 5px
}

.conversations .conver .data i {
    font-size: 10px;
    vertical-align: 1px
}

.conversations .conver .data .pm-user {
    color: rgba(255,255,255,0.7)
}

.conversations .conver .time {
    color: rgba(255,255,255,0.6);
    font-size: 12px
}

.conversations .conver .avatar img {
    width: 42px;
    height: 42px;
    border-radius: 6px
}

.conver-container {
    display: flex;
    justify-content: space-between
}

.conver-container .messages {
    flex: 1;
    padding: 12px 24px;
    margin: 0 24px;
    max-height: 400px;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden
}

.conver-container .pm-postbit {
    background: rgba(0,0,0,0.03);
    margin: -12px -16px;
    padding: 12px;
    min-height: 300px;
    box-sizing: border-box;
    width: 200px;
    color: rgba(255,255,255,0.80);
    text-align: center
}

.conver-container .pm-postbit .user {
    display: inline-block;
    margin-bottom: 10px
}

.pm-postbit .udata {
    padding: 3px 6px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.05);
    margin: 5px 0;
    text-align: left;
    border-radius: 6px
}

.pm-postbit .udata span {
    float: right
}

.pm-postbit .udata i {
    font-size: 12px;
    vertical-align: 1px
}

.pm-postbit .o-indicator {
    height: 7px;
    margin-left: 7px;
    display: inline-block;
    border-radius: 7px;
    width: 7px
}

.pm-postbit .o-indicator.online {
    background: #6ab04c;
    -webkit-box-shadow: 0px 0px 10px 1px rgb(106 176 76);
    -moz-box-shadow: 0px 0px 10px 1px rgba(106,176,76,1);
    box-shadow: 0px 0px 10px 1px rgb(106 176 76)
}

.pm-postbit .o-indicator.offline {
    background: #eb4d4b;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(235,77,75,0.47);
    -moz-box-shadow: 0px 0px 10px 1px rgba(235,77,75,0.47);
    box-shadow: 0px 0px 10px 1px rgba(235,77,75,0.47)
}

.conver-container .pm-postbit img {
    width: 64px;
    height: 64px;
    border-radius: 6px
}

.conver-container .pm-postbit.user {
    border-left: 1px solid rgba(255,255,255,0.03)
}

.conver-container .pm-postbit.sender {
    border-right: 1px solid rgba(255,255,255,0.03)
}

.messages .message.u {
    text-align: right
}

.messages .balloon {
    border-radius: 6px;
    min-width: 250px;
    padding: 12px 16px;
    display: inline-block;
    word-break: break-all;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 10px;
    max-width: 50%
}

.messages .message.u .balloon:before {
    content: "";
    position: absolute;
    right: -24px;
    border-left: 24px solid rgb(102,116,222);
    border-top: 0 solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 12px solid transparent;
    top: 0
}

.messages .message .balloon a {
    text-decoration: underline
}

.messages .message.u .balloon {
    background: rgb(102,116,222);
    color: #fff;
    text-align: left;
    text-shadow: 1px 1px rgba(0,0,0,0.12)
}

.messages .message.c .balloon {
    background: #333;
    color: #fff;
    text-align: left;
    text-shadow: 1px 1px rgba(0,0,0,0.12)
}

.messages .message.c .balloon:before {
    content: "";
    position: absolute;
    left: -24px;
    border-left: 12px solid transparent;
    border-top: 0 solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 24px solid #333;
    top: 0
}

.messages .metadata .fa-check-double {
    font-size: 14px
}

.messages .metadata .fa-check-double.read {
    color: rgb(102,116,222)
}

.messages .metadata {
    font-size: 12px;
    color: rgba(255,255,255,0.5)
}

.ucp-widget.pm ul.menu {
    margin: 0;
    padding: 0
}

.ucp-widget.pm ul.menu li {
    list-style: none
}

.ucp-widget.pm ul.menu li a {
    display: inline-block;
    font-size: 12px;
    color: rgba(255,255,255,0.65);
    font-weight: 500;
    padding: 8px 0;
    box-sizing: border-box;
    border-radius: 6px;
    transition: all 300ms ease-in
}

.ucp-widget.pm ul.menu li a:hover {
    color: #fff
}

.ucp-widget.pm ul.menu li a i,.ucp-widget.pm .stat i {
    font-size: 15px;
    margin-right: 7px;
    vertical-align: -1px
}

.ucp-widget.pm .stat {
    color: rgba(255,255,255,0.65);
    padding: 9px 0;
    font-weight: 500;
    border-bottom: 1px solid rgba(255,255,255,0.03);
    font-size: 12px
}

.ucp-widget.pm .stat span {
    float: right
}

.ucp-widget.pm .progressBar {
    height: 6px;
    border-radius: 18px;
    width: 100%;
    margin: 15px 0;
    background: rgba(255,255,255,0.12);
    position: relative
}

.ucp-widget.pm .progressBar .line {
    position: absolute;
    left: 0;
    border-radius: 6px;
    background: rgb(102,116,222);
    height: 6px;
    width: 83%;
    overflow: hidden
}

.ucp-widget.pm .progressBar .line.risk {
    background: #c0392b
}

.ucp-widget.pm .progressBar .line:before {
    content: "";
    position: absolute;
    right: 0;
    width: 30%;
    height: 6px;
    background: linear-gradient(to right,transparent,rgba(255,255,255,0.5))
}

.pm-searchbox {
    width: 100%;
    background: rgba(255,255,255,0.06);
    border-radius: 6px;
    padding: 6px 12px;
    display: flex;
    box-sizing: border-box;
    margin-bottom: 10px
}

.pm-searchbox button {
    border: 0;
    margin-right: -10px;
    background: transparent
}

.pm-searchbox input {
    background: transparent;
    flex: 1;
    line-height: 20px;
    color: rgba(255,255,255,0.7);
    font-size: 13px;
    border: 0;
    outline: none
}

.delete-checkbox {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden
}

.message.c .balloon:hover {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.message.u .balloon:hover {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.message .balloon:hover .delete-checkbox {
    opacity: 1;
    visibility: visible
}

.message.c .delete-checkbox {
    right: -30px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #303030
}

.message.u .delete-checkbox {
    left: -30px;
    border-top-left-radius: 6px;
    background: #5969db;
    border-bottom-left-radius: 6px
}

.limitExceeded {
    text-align: center;
    margin-bottom: 15px
}

.limitExceeded i {
    font-size: 50px;
    color: rgba(255,255,255,0.7);
    display: block
}

.limitExceeded .desc {
    font-size: 13px;
    color: rgba(255,255,255,0.5)
}

.marketplace.adslots tr:not(.head) td {
    border: 1px solid rgba(0,0,0,0.18)
}

.marketplace.adslots tr.head td:first-child {
    border-top-left-radius: 6px
}

.marketplace.adslots tr.head td:last-child {
    border-top-right-radius: 6px
}

.marketplace.adslots tr:last-child td:last-child {
    border-top-right-radius: 6px
}

.badge {
    position: absolute;
    right: -10px;
    top: 80px;
    padding: 6px 12px;
    padding-right: 16px;
    font-size: 13px;
    z-index: 999;
    font-weight: 500;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.badge:before {
    content: "";
    border-bottom: 12px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -12px;
    right: 0
}

.badge.designer {
    background: #97fefd
}

.badge.olympus {
    background: rgba(238,187,29,1)
}

.badge.olympus:before {
    border-left-color: rgba(238,187,29,1)
}

.badge.pharaoh {
    background: #f39c12
}

.badge.pharaoh:before {
    border-left-color: #c87f0a
}

.badge.designer:before {
    border-left-color: #74C4C3
}

.edit-overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.70);
    opacity: 0;
    visibility: hidden;
    z-index: 5;
    transition: all 300ms ease-in
}

.edit-overlay.active {
    opacity: 1;
    visibility: visible
}

.ucp-button {
    float: right;
    padding: 6px 12px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    background: rgba(102,116,222,1);
    border-radius: 6px;
    border: 0;
    transition: all 300ms ease-in
}

.ucp-button:hover {
    background: #4d5dd9
}

.ucp-button.disabled {
    cursor: default;
    background: rgba(255,255,255,0.06)
}

.customug {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 100%
}

.userlist .member {
    background: rgba(255,255,255,0.06);
    border-radius: 6px;
    color: rgba(255,255,255,0.7);
    width: 260px;
    box-sizing: border-box;
    margin: 12px 0;
    margin-right: 15px
}

.userlist .member .head {
    display: flex;
    padding: 8px 12px;
    border-radius: 6px;
    position: relative;
    background: linear-gradient(to bottom,rgba(102,116,222,0.24),rgba(102,116,222,0))
}

.userlist .member.invited {
    opacity: 0.8
}

.userlist .member.invited .head {
    background: linear-gradient(to bottom,rgba(255,165,2,0.16),rgba(102,116,222,0))
}

.userlist .member .content {
    padding: 8px 12px;
    font-size: 12px
}

.userlist .member .content .data {
    padding: 2px 0
}

.userlist .member .head .memberinfo {
    flex: 1
}

.userlist .member .head .optionsButton {
    border: 0;
    background: transparent;
    float: right;
    border-radius: 6px;
    margin-right: -10px;
    padding: 3px 5px;
    box-sizing: border-box;
    transition: all 200ms ease-in
}

.userlist .member .head .options {
    position: absolute;
    right: -150px;
    width: 150px;
    top: 8px;
    opacity: 0;
    visibility: hidden;
    border-radius: 6px;
    padding: 6px 0;
    background: #333;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    z-index: 99;
    transition: all 300ms ease-in
}

.userlist .member .head .options.active {
    opacity: 1;
    visibility: visible
}

.userlist .member .head .options li {
    list-style: none
}

.userlist .member .head .options li a,.userlist .member .head .options li button {
    display: block;
    padding: 5px 12px;
    background: transparent;
    font-size: 12px;
    border: 0;
    transition: all 300ms ease-in
}

.userlist .member .head .options li a:hover,.userlist .member .head .options li button:hover {
    background: rgba(255,255,255,0.06)
}

.userlist .member .head .optionsButton:hover {
    background: rgba(255,255,255,0.05)
}

.userlist .member .head img {
    border-radius: 6px;
    width: 48px;
    margin-right: 10px;
    margin-top: -24px;
    height: 48px
}

.w-h {
    display: grid;
    justify-content: space-between;
    grid-column-gap: 10px;
    align-items: flex-start;
    grid-template-columns: repeat(2,calc(50% - 10px))
}

.w-1-3 {
    display: grid;
    grid-template-columns: repeat(3,32%);
    justify-content: space-between;
    grid-column-gap: 10px
}

.w-1-2 {
    display: grid;
    grid-template-columns: repeat(2,49%);
    grid-column-gap: 10px;
    justify-content: space-between;
    grid-row-gap: 10px
}

.auth-err {
    border-radius: 6px;
    background: #282828;
    padding: 12px 16px;
    padding-left: 24px;
    display: flex;
    position: relative;
    z-index: 1;
    justify-content: space-between;
    color: #fff;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.06)
}

.auth-err.err-1:before {
    background: rgba(245,49,127,1)
}

.auth-err.err-1 .icon {
    background: rgba(245,49,127,0.12);
    color: rgb(245,49,127)
}

.auth-err.err-1:after {
    content: "\f057"
}

.auth-err.err-2:before {
    background: rgba(255,131,89,1)
}

.auth-err.err-2:after {
    content: "\f059"
}

.auth-err.err-2 .icon {
    background: rgba(255,131,89,0.12);
    color: rgb(255,131,89)
}

.auth-err.err-3:before {
    background: rgba(135,57,229,1)
}

.auth-err.err-3 .icon {
    background: rgba(135,57,229,0.12);
    color: rgb(135,57,229)
}

.auth-err.err-4:after {
    content: "\f05e"
}

.auth-err.err-4:before {
    background: #e74c3c
}

.auth-err.err-4 .icon {
    background: rgba(231,76,60,0.12);
    color: rgb(231,76,60)
}

.auth-err.err-3:after {
    content: "\f017"
}

.auth-err .texts {
    flex: 1;
    margin-left: 15px
}

.auth-err .texts .title {
    font-weight: 500;
    font-size: 16px;
    color: #fff
}

.auth-err .texts .desc {
    font-size: 13px;
    color: rgba(255,255,255,0.7)
}

.auth-err .icon {
    font-size: 20px;
    width: 40px;
    display: flex;
    font-weight: bolder;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 6px
}

.auth-err:before {
    content: "";
    position: absolute;
    left: 5px;
    border-radius: 6px;
    top: 3px;
    width: 6px;
    z-index: -1;
    bottom: 3px
}

.auth-err:after {
    position: absolute;
    right: -15px;
    bottom: -30px;
    font-size: 85px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: rotate(20deg);
    color: rgba(255,255,255,0.03)
}

.invite-box,.ban-box {
    position: fixed;
    display: flex;
    align-items: center;
    z-index: 9999;
    top: 50%;
    left: 50%;
    flex-direction: column;
    transform: translate(-50%,-50%);
    width: 600px;
    border-radius: 6px;
    background: #222;
    border: 1px solid rgba(255,255,255,0.03);
    padding: 8px 12px;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease-in
}

.invite-box.active,.ban-box.active {
    opacity: 1;
    visibility: visible
}

.invite-box .title,.ban-box .title {
    padding: 8px 12px;
    font-size: 15px;
    color: #fff
}

.overlay {
    background: rgba(0,0,0,0.7);
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease-in
}

.overlay.active {
    opacity: 1;
    visibility: visible
}

.ugp-invitedsep {
    color: rgba(255,255,255,0.40);
    margin-right: 10px;
    font-size: 12px;
    letter-spacing: 3px;
    padding: 0 3px;
    background: linear-gradient(to right,rgba(255,255,255,0.06),rgba(255,255,255,0));
    border-left: 1px solid rgba(255,255,255,0.12);
    writing-mode: tb-rl
}

.upgrade-info {
    border-radius: 6px;
    padding: 8px;
    font-size: 14px;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    background: #222;
    border: 1px solid rgba(255,255,255,0.06);
    box-shadow: 0 1px 2px rgba(0,0,0,0.12);
    color: rgba(255,255,255,0.6)
}

.upgrade-info .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    font-size: 18px;
    height: 35px;
    color: rgba(255,255,255,0.7);
    border-radius: 6px;
    margin: 0 5px;
    background: rgba(255,255,255,0.09)
}

.upgrade-info .text {
    flex: 1;
    text-align: center
}

.upgrade-info a {
    color: #fff
}

.ucp-change-section {
    font-size: 13px;
    color: rgba(255,255,255,0.5)!important;
    float: right;
    padding: 6px 12px;
    transition: all 300ms ease-in
}

.ucp-change-section i {
    font-size: 11px
}

.ucp-change-section:hover {
    color: #fff!important
}

.ucpw-option {
    display: none
}

.customrank-firavun {
    all: unset;
    position: relative;
    background: linear-gradient( 70deg,#cec18d,#c6b77b,#d6c685,#b7a457,#decb7d,#998842 );
    font-weight: 500!important;
    animation: rainbow-border 1.5s linear infinite;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 200% 200%
}


}

@keyframes rainbow-border {
    0% {
        background-position: 0% 50%
}

50% {
        background-position: 100% 50%
}

100% {
        background-position: 200% 50%
}


}

@-webkit-keyframes rainbow-border {
    0% {
        background-position: 0% 50%
}

50% {
        background-position: 100% 50%
}

100% {
        background-position: 200% 50%
}


}

.sparkles-bg {
    background: url(../../.././images/ranks/custom/firavun-background.gif);
    display: inline-block;
    line-height: 15px
}

.actual-container {
    width: 85%;
    margin: 0 auto;
    padding: 6px 9px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-sizing: border-box;
    background: #202020;
    border-left: 9px solid rgba(0,0,0,0.16);
    border-bottom: 9px solid rgba(0,0,0,0.16);
    border-right: 9px solid rgba(0,0,0,0.16)
}

.xferno tr.head td {
    padding: 10px;
    font-size: 12px;
    color: rgba(255,255,255,0.7);
    font-weight: 500
}

.xferno tr td.subforums {
    background: rgba(255,255,255,0.07);
    padding: 6px 12px
}

.xferno tr td.subforums .subforumicon {
    margin-right: 7px
}

.xferno tr td.subforums a:hover {
    color: #6674DE
}

.st_end {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}

.xferno tr td:first-child {
    border-left: 1px solid rgba(255,255,255,0.03);
    border-left-color: rgba(255,255,255,0.03)!important
}

.xferno tr td:last-child {
    border-right: 1px solid rgba(255,255,255,0.03);
    border-right-color: rgba(255,255,255,0.03)!important
}

.xferno tr:last-child td {
    border-bottom: 1px solid rgba(255,255,255,0.03);
    border-bottom-color: rgba(255,255,255,0.03)!important
}

.thread-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 16px;
    margin-bottom: 25px
}

.thread-head .right {
    text-align: right
}

#coinbase-imit {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease-in
}

#coinbase-imit.active {
    opacity: 1;
    visibility: visible
}

.coinbase {
    background: white;
    width: 592px;
    height: 100vh
}

.coinbase .brand {
    border-bottom: 1px solid rgba(0,0,0,0.12);
    height: 78px;
    display: flex;
    align-items: center;
    text-align: left;
    padding: 0 24px;
    box-sizing: border-box
}

.coinbase .brand svg {
    width: 128px;
    height: 28px
}

.coinbase .content {
    display: flex;
    flex-direction: column;
    padding: 24px;
    box-sizing: border-box;
    align-items: flex-start;
    height: calc(100% - 78px);
    justify-content: space-between
}

.coinbase .content .main {
    flex: 1;
    width: 100%
}

.coinbase .content .main .plan-details {
    padding: 24px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.12);
    min-height: 80px;
    width: 100%
}

.coinbase .content .main .plan-icon {
    height: 80px;
    width: 80px;
    display: flex;
    padding: 8px;
    background: rgb(250,250,250);
    align-items: center;
    justify-content: center;
    box-sizing: border-box
}

.coinbase .content .main .plan-name {
    color: #000;
    font-size: 16px;
    font-weight: 500
}

.coinbase .content .main .plan-info {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-left: 15px;
    align-items: flex-start
}

.coinbase .content .mail {
    margin-top: 15px;
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-direction: column
}

.coinbase .content .mail .head {
    border: 1px solid rgba(0,0,0,0.12);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 18px;
    font-weight: bolder;
    width: 100%;
    text-align: left;
    color: #000;
    padding: 24px;
    box-sizing: border-box
}

.coinbase .content .mail .cb-nextbtn {
    border-radius: 999px;
    background: rgb(22,82,240);
    float: right;
    margin-top: 10px;
    color: #fff;
    height: 40px;
    padding: 0 32px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    appearance: none
}

.coinbase .content .main .plan-period {
    color: rgba(91,97,110);
    font-size: 16px;
    display: block;
    margin-top: 5px
}

.coinbase .content .main .form {
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding: 24px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 1px solid rgba(0,0,0,0.12);
    border-right: 1px solid rgba(0,0,0,0.12);
    border-bottom: 1px solid rgba(0,0,0,0.12)
}

.coinbase .content .main .form label {
    font-weight: 500;
    color: #000;
    font-size: 14px
}

.coinbase .content .main .form input {
    height: 50px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 10px;
    transition: all 0.2s ease-in-out 0s;
    outline: none;
    margin-top: 5px;
    border: 1px solid rgb(241,243,245);
    width: 100%
}

.coinbase .content .main .form input:focus {
    border-color: rgb(22,82,240);
    box-shadow: rgb(22 82 240) 0px 0px 0px 1px inset
}

.coinbase .content .cb-text {
    color: rgba(91,97,110);
    padding: 0 24px;
    font-size: 14px;
    margin-bottom: 15px
}

.todayonline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px
}

.tcat-button {
    border: 0;
    padding: 5px 10px;
    border-radius: 3px;
    background: #292929;
    transition: all 300ms ease-in;
    font-size: 12px
}

.tcat-button:hover {
    background: #333
}

.post.trow_selected .post_content:before {
    background: linear-gradient(to bottom,rgba(102,116,222,0.36),transparent)
}

.thread-op {
    font-size: 11px;
    font-weight: 500;
    background: rgba(39,174,96,0.18);
    vertical-align: 1px;
    color: rgba(39,174,96,1);
    border-radius: 3px;
    padding: 4px
}

.likesys {
    display: flex;
    align-items: center;
    margin-top: 15px;
    margin-bottom: -30px;
    float: right
}

.likesys > div {
    height: 30px;
    line-height: 30px;
    border: 1px solid rgba(0,0,0,0.28);
    padding: 0 12px;
    font-weight: bolder;
    font-size: 12px;
    background: #292929;
    position: relative;
    cursor: pointer
}

.likesys .likeBtn {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-right: 0
}

.likesys .likeBtn:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: linear-gradient(to top,rgba(39,174,96,0.12),transparent)
}

.likesys .likeBtn:hover:before {
    background: linear-gradient(to top,rgba(39,174,96,0.24),transparent)
}

.likesys .dislikeBtn {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.likesys .dislikeBtn:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: linear-gradient(to top,rgba(231,76,60,0.12),transparent)
}

.likesys .dislikeBtn:hover:before {
    background: linear-gradient(to top,rgba(231,76,60,0.24),transparent)
}

.likesys .dislikeBtn i {
    margin-top: 10px
}

.user-color {
    border-radius: 3px;
    height: 12px;
    margin-left: 3px;
    vertical-align: -1px;
    width: 12px;
    display: inline-block
}

.g-recaptcha > div {
    margin: 0 auto;
    margin-top: 10px
}

.postbit-placeholder {
    background: rgba(0,0,0,0.06);
    border: 1px solid rgba(255,255,255,0.03);
    border-radius: 3px;
    width: 230px
}

.pph-head {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.pph-username {
    height: 16px;
    border-radius: 3px;
    background: rgba(255,255,255,0.03);
    width: 90px
}

.pph-avatar {
    background: rgba(255,255,255,0.03);
    width: 125px;
    margin-top: 20px;
    height: 125px;
    border-radius: 3px
}

.pph-ctitle {
    width: 100%;
    height: 25px;
    margin-top: 20px;
    background: rgba(255,255,255,0.03)
}

.pph-stat {
    height: 20px;
    width: 185px;
    background: rgba(255,255,255,0.03);
    border-radius: 3px;
    margin-top: 10px
}

.pph-right {
    position: absolute;
    left: 270px;
    top: 75px;
    display: flex;
    bottom: 0;
    flex-direction: column;
    justify-content: space-between;
    right: 16px
}

.olympus {
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
    --bg-pos: .2em -.07em;
    position: relative;
    letter-spacing: .02em;
    text-shadow: 0px 0px 5px #F9FF4A;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: border-box,border-box,text;
    background-image: url(/custom_group_olympus/bg1.webp),url(/custom_group_olympus/thunder.gif),linear-gradient(125deg,rgba(170,119,28,1) 0%,rgba(255,242,138,1) 26%,rgba(246,194,35,1) 37%,rgba(255,215,120,1) 49%,rgba(238,187,29,1) 61%,rgba(170,119,28,1) 100%);
    background-size: 3em,3em,15em
}

.olympus:before {
    -webkit-background-clip: border-box,text,border-box;
    background-image: url(/custom_group_olympus/premium_sparkle_CS.gif),linear-gradient(135deg,rgba(255,249,136,1) 0%,rgba(255,182,51,1) 53%,rgba(255,249,136,1) 100%),url(/custom_group_olympus/halo.gif);
    background-size: 100%,2em,100% 100%;
    display: inline-block;
    position: absolute;
    width: .85em;
    height: .8em;
    left: -.40em;
    top: -20%;
    transform: rotate(340deg);
    content: ''
}

.wolbtn {
    border: 0;
    font-size: 11px;
    background: rgba(255,255,255,0.12);
    border-radius: 3px;
    padding: 3px 6px;
    transition: all 300ms ease-in
}

.wolbtn:hover {
    background: rgba(255,255,255,0.24)
}

.highcharts-background {
    fill: transparent!important
}

.highcharts-axis-line {
    stroke: rgba(255,255,255,0.06)!important
}

.usergroups .group {
    padding: 8px 12px;
    background: rgba(255,255,255,0.03);
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.03);
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px
}

table.features {
    width: 100%;
    border-collapse: collapse
}

table.features thead td {
    background: rgba(0,0,0,0.24);
    padding: 12px 16px;
    text-align: center;
    font-weight: 500;
    border-bottom: 1px solid rgba(255,255,255,0.03);
    border-top: 1px solid rgba(255,255,255,0.03)
}

table.features thead tr td:first-child {
    border-top-left-radius: 6px;
    border-left: 1px solid rgba(255,255,255,0.06)
}

table.features thead tr td:last-child {
    border-top-right-radius: 6px;
    border-right: 1px solid rgba(255,255,255,0.06)
}

table.features .list td {
    padding: 0 16px;
    height: 55px;
    text-align: center;
    background: rgba(0,0,0,0.03);
    border-bottom: 1px solid rgba(255,255,255,0.03)
}

table.features .list td:first-child {
    border-left: 1px solid rgba(255,255,255,0.03)
}

table.features .list td:last-child {
    border-right: 1px solid rgba(255,255,255,0.03)
}

table.features .list td:first-child {
    text-align: left
}

.ok-icon {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    background: rgba(46,204,113,0.09);
    color: rgb(46,204,113);
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.danger-icon {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    background: rgba(243,156,18,0.09);
    color: rgb(243,156,18);
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.error-icon {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    background: rgba(231,76,60,0.09);
    color: rgb(231,76,60);
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.icon-f {
    width: 28px;
    height: 28px;
    border-radius: 28px;
    font-size: 11px;
    margin-right: 5px;
    background: rgba(255,255,255,0.09);
    color: rgba(255,255,255,0.8);
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.rankdemo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 15px
}

.rankdemo div {
    margin: 10px
}

.slider {
    width: 225px;
    margin-top: 10px
}

.hue-slider,.saturate-slider {
    margin: 10px
}

.slider,.slider::-webkit-slider-runnable-track,.slider::-webkit-slider-thumb {
    -webkit-appearance: none
}

.slider::-webkit-slider-runnable-track {
    height: 4px;
    border-radius: 3px;
    background: #d5d5d5
}

.slider::-webkit-slider-thumb {
    border: 0px solid #fff;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.25);
    height: 18px;
    width: 18px;
    cursor: pointer;
    margin-top: -8px;
    border-radius: 18px;
    background: rgba(255,255,255,1)
}

#profilemedia section {
    display: none
}

#profilemedia section.active {
    display: block
}

#profilemedia label i {
    font-size: 16px;
    vertical-align: -2px
}

.preview {
    font-size: 10px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: 6px;
    padding: 3px 12px;
    border-radius: 3px;
    background: rgba(255,255,255,0.03);
    color: rgba(255,255,255,0.60)!important;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 300ms ease-in
}

.preview:hover {
    background: rgba(255,255,255,0.06)
}

.preview.active {
    background: rgba(255,255,255,0.12)
}