@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,700&display=swap);

.header-bottom {
    position:relative;
    top:1px
}

#stats {
    max-width:1000px
}

#stats .stat {
    background-color:#1f2029;
    padding:20px;
    text-align:center
}

#stats h5 {
    color:#fff;
    font-weight:700;
    letter-spacing:2px
}

#stats p {
    color:hsla(0,0%,100%,.75);
    margin:0;
    padding:0;
    text-transform:uppercase
}

#stats .btn-steamgroup {
    background-color:#4caf5040;
    color:#3498db
}

#features .feature {
    background:#1f2029;
    text-align:center
}

#features .feature .icon-holder {
    align-items:center;
    border-radius:9999px;
    box-shadow:inset 0 0 32px -10px;
    display:inline-flex;
    height:4rem;
    justify-content:center;
    margin-bottom:1rem!important;
    width:4rem
}

#features .feature i {
    transition:all .2s ease
}

#features .feature h4 {
    color:#fff
}

#features .feature p {
    color:hsla(0,0%,100%,.65)
}

#servers .server {
    background:#1f2029!important;
    padding:2rem
}

#servers .server .title {
    background-color:#3498db;
    border-radius:6px;
    font-size:1.25rem!important;
    padding:.5rem 1rem;
    transition:all .25s ease;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}

#servers .server .title i {
    margin-right:.75rem
}

#servers .server .title h3 {
    font-weight:700;
    margin-bottom:0;
    text-transform:uppercase
}

#servers .server .progress {
    background-color:hsla(0,0%,100%,.05);
    border-radius:0;
    height:2.5rem
}

#servers .server .progress-bar {
    color:#fff;
    font-size:1rem;
    letter-spacing:.1em;
    padding:.5rem
}

#servers .server a {
    align-items:center;
    background-color:hsla(0,0%,100%,.1);
    color:#fff;
    display:flex;
    justify-content:center;
    margin-left:.5rem;
    padding:0 1rem;
    text-decoration:none!important;
    transition:.5s!important
}

#leaders .leader {
    background:#1f2029!important;
    text-decoration:none!important;
    -webkit-text-emphasis:none;
    text-emphasis:none
}

#leaders .leader h4 {
    color:#fff;
    font-size:1.5rem;
    text-transform:capitalize
}

#leaders .leader .leader-role {
    font-size:1.25rem;
    letter-spacing:1px;
    text-transform:uppercase
}

.page-footer {
    background:#1f2029;
    color:#fff;
    flex-shrink:0;
    margin-top:4rem
}

.page-footer hr {
    background-color:hsla(0,0%,100%,.6);
    color:hsla(0,0%,100%,.6);
    margin-bottom:2rem;
    margin-top:2rem;
    width:80%
}

.page-footer .footer-link {
    text-decoration:none!important
}

#forums .form-control {
    background-color:#14151d;
    border:1px solid #14151d!important;
    color:#fff!important
}

#forums #category {
    border:none
}

#forums #category,#forums #category .card-header {
    background-color:#1f2029
}

#forums #category .card-header .card-title {
    color:#fff;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase
}

#forums #category .card-header .card-desc {
    color:hsla(0,0%,100%,.75);
    font-weight:300
}

#forums #category .setWidth {
    width:35px
}

@media (max-width:830px) {
    #forums #category .setWidth {
    width:25px!important
}


}

#forums #category #board {
    background-color:transparent;
    border:none;
    transition:background-color .2s ease
}

#forums #category #board:hover {
    background-color:#14151d
}

#forums #category #board .info .title {
    color:#fff;
    font-weight:400;
    letter-spacing:1px;
    text-transform:uppercase
}

#forums #category #board .info .description {
    color:hsla(0,0%,100%,.75);
    font-weight:300;
    margin-bottom:0;
    padding-bottom:0
}

#forums #category #board .latest_info .thread_title {
    color:#fff;
    font-size:1.15rem;
    font-weight:400
}

#forums #category #board .latest_info .thread_author {
    color:hsla(0,0%,100%,.75);
    font-weight:300;
    margin-bottom:0;
    padding-bottom:0
}

#forums #search_threads.card {
    background-color:#1f2029
}

#forums #search_threads.card i {
    display:none
}

#forums #search_threads.card .card-title {
    color:#fff;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase
}

#forums #search_threads.card .card-desc {
    color:hsla(0,0%,100%,.75);
    font-weight:400
}

#forums #search_threads.card .card-body .card {
    background-color:#1f2029;
    border:none;
    padding:8px;
    transition:background-color .2s ease
}

#forums #search_threads.card .card-body .card:hover {
    background-color:#14151d
}

#forums #search_threads.card .card-body .card h6 {
    color:#fff;
    font-weight:400
}

#forums #search_threads.card .card-body .card p {
    color:hsla(0,0%,100%,.75)!important;
    font-weight:400
}

#forums #recent_activity.card {
    background-color:#1f2029
}

#forums #recent_activity.card .card-title {
    color:#fff;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase
}

#forums #recent_activity.card .card-desc {
    color:hsla(0,0%,100%,.75);
    font-weight:400
}

#forums #recent_activity.card .card-body .card {
    background-color:#1f2029;
    border:none;
    padding:8px;
    transition:background-color .2s ease
}

#forums #recent_activity.card .card-body .card:hover {
    background-color:#14151d
}

#forums #recent_activity.card .card-body .card h6 {
    color:#fff;
    font-weight:400
}

#forums #recent_activity.card .card-body .card p {
    color:hsla(0,0%,100%,.75)!important;
    font-weight:400
}

#forums #latest_threads.card {
    background-color:#1f2029
}

#forums #latest_threads.card .card-title {
    color:#fff;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase
}

#forums #latest_threads.card .card-desc {
    color:hsla(0,0%,100%,.75);
    font-weight:400
}

#forums #latest_threads.card .card-body .card {
    background-color:#1f2029;
    border:none;
    padding:8px;
    transition:background-color .2s ease
}

#forums #latest_threads.card .card-body .card:hover {
    background-color:#14151d
}

#forums #latest_threads.card .card-body .card h6 {
    color:#fff;
    font-weight:400
}

#forums #latest_threads.card .card-body .card p {
    color:hsla(0,0%,100%,.75)!important;
    font-weight:400
}

#forums #latest_posts.card {
    background-color:#1f2029
}

#forums #latest_posts.card .card-title {
    color:#fff;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase
}

#forums #latest_posts.card .card-desc {
    color:hsla(0,0%,100%,.75);
    font-weight:400
}

#forums #latest_posts.card .card-body .card {
    background-color:#1f2029;
    border:none;
    padding:8px;
    transition:background-color .2s ease
}

#forums #latest_posts.card .card-body .card:hover {
    background-color:#14151d
}

#forums #latest_posts.card .card-body .card h6 {
    color:#fff;
    font-weight:400
}

#forums #latest_posts.card .card-body .card p {
    color:hsla(0,0%,100%,.75)!important;
    font-weight:400
}

#forums #forum_polls.card {
    background-color:#1f2029
}

#forums #forum_polls.card .card-title {
    color:#fff;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase
}

#forums #forum_polls.card .card-desc {
    color:hsla(0,0%,100%,.75);
    font-weight:400
}

#forums #forum_polls.card .card-body {
    background-color:#1f2029;
    border:none;
    padding:15px 15px 0!important;
    transition:background-color .2s ease
}

#forums #forum_polls.card .card-body h5 {
    color:#fff;
    font-size:1.25rem
}

#forums #forum_polls.card .card-body p {
    color:hsla(0,0%,100%,.75);
    font-size:1rem
}

#forums #forum_polls.card .card-body label {
    color:hsla(0,0%,100%,.75)
}

#threads .thread {
    background-color:#1f2029;
    transition:background-color .2s ease
}

#threads .thread:hover:not(.reps) {
    background-color:#14151d
}

#threads .thread:hover .reactions .reaction {
    opacity:1
}

#threads .thread .title {
    color:#fff;
    font-weight:400;
    letter-spacing:1px;
    text-transform:uppercase
}

#threads .thread .username_full {
    color:hsla(0,0%,100%,.75);
    font-weight:300;
    margin-bottom:0;
    padding-bottom:0
}

#threads .thread .reactions {
    bottom:0!important;
    color:#fff;
    display:inline-block;
    flex-flow:row wrap;
    font-size:.87rem;
    position:absolute;
    right:20px!important;
    width:100%
}

#threads .thread .reactions .reacted {
    left:40px!important;
    position:relative!important
}

#threads .thread .reactions .reacted .reaction img {
    height:20px!important;
    width:20px!important
}

#threads .thread .reactions .reacted .reaction:not(:last-child) {
    margin-right:30px
}

#threads .thread .reactions .reaction {
    height:20px;
    opacity:.45;
    transition:opacity .2s ease;
    vertical-align:center;
    width:20px
}

#threads .thread .reactions .reaction:not(:last-child) {
    margin-right:10px
}

#threads .thread .col:not(p),#threads .thread h5 {
    color:#fff
}

#threads .thread-title {
    color:#fff;
    font-weight:400;
    letter-spacing:1px;
    text-transform:uppercase
}

#chatbox.card {
    background-color:#1f2029;
    border:2px solid transparent;
    width:100%
}

#chatbox .card-header {
    background-color:transparent;
    border:none;
    border-bottom:1px solid rgba(0,0,0,.125)
}

#chatbox .card-header h5 {
    color:#fff;
    letter-spacing:1.5px
}

#chatbox .card-body {
    width:100%
}

#chatbox .card-body .fixed-height {
    max-height:250px;
    overflow-x:hidden;
    overflow-y:scroll
}

#chatbox .card-body .timestamp p {
    color:hsla(0,0%,100%,.35);
    font-size:.65rem;
    margin:0;
    padding:0 10px 0 0
}

#chatbox .card-body div {
    border-bottom:1px solid rgba(0,0,0,.125);
    margin:0;
    padding:0
}

#chatbox .card-body div img.avatar {
    margin-right:5px;
    max-height:50px;
    width:auto
}

#chatbox .card-body div p.username {
    font-size:1rem;
    margin:0;
    padding:0
}

#chatbox .card-body div p.content {
    color:hsla(0,0%,100%,.65);
    font-size:.85rem
}

#chatbox .card-body form {
    width:100%
}

#chatbox .card-body form .btn {
    border-bottom-left-radius:0;
    border-top-left-radius:0
}

#chatbox .card-body form input {
    background-color:#14151d;
    border:none!important;
    border-bottom-right-radius:0;
    border-top-right-radius:0;
    color:#fff
}

#chatbox .card-body form input:focus {
    border:none;
    box-shadow:none!important;
    color:#fff
}

.alert {
    border:1px solid #14151d;
    margin-bottom:20px
}

.alert .container-fluid {
    margin-left:auto;
    margin-right:auto;
    padding-left:15px;
    padding-right:15px
}

.alert .row {
    margin-left:-15px;
    margin-right:-15px
}

.alert .content {
    align-items:center;
    display:inline-flex
}

.alert .content .body {
    margin-right:1.25rem
}

.alert .icon .fa-stack i {
    position:absolute;
    z-index:99
}

.alert .icon .fa-stack i:first-child {
    color:#3498db;
    opacity:.3;
    position:relative;
    z-index:9999
}

.alert .icon .fa-stack i:nth-child(2) {
    color:#3498db!important;
    opacity:1
}

.alert span {
    color:#3498db;
    font-weight:700
}

.alert .close-btn i {
    color:#fff;
    font-size:1.25rem;
    font-weight:700
}

.alert .btn-custom {
    background-color:#3498db;
    color:#fff!important
}

.alert #sale-prev {
    left:-40px
}

.alert #sale-next,.alert #sale-prev {
    color:#fff!important;
    position:absolute;
    top:25px
}

.alert #sale-next {
    right:-40px
}

.alert.fixedBar {
    background-color:#2a2b38;
    border-radius:5px;
    bottom:20px;
    box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
    color:#fff;
    font-size:16px;
    font-weight:400;
    left:320px;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
    position:fixed;
    right:100px;
    width:auto;
    min-width:400px;
    z-index:99999999
}

#store .nav-item {
    background:#1f2029;
    border:1px solid transparent;
    border-radius:.25rem;
    cursor:pointer;
    display:inline-flex;
    margin-right:15px;
    transition:all .2s ease
}

#store .nav-item a {
    border:none!important;
    color:#3498db
}

#store .nav-item:hover {
    background:#3498db;
    border-color:#fff
}

#store .nav-item:hover a {
    color:#fff
}

@media only screen and (max-width:451px) {
    #store .nav-item {
    display:inline-block;
    margin-right:5px!important
}


}

@media only screen and (max-width:435px) {
    #store .nav-item {
    display:flex;
    flex-basis:100%;
    margin-bottom:.25rem;
    width:100%
}


}

#store .nav-item .nav-link.active,#store .nav-item .nav-link:active,#store .nav-item .nav-link:focus {
    background:#3498db!important;
    border-bottom:1px solid #fff!important;
    color:#fff!important
}

#store .nav-item .nav-link.active a,#store .nav-item .nav-link:active a,#store .nav-item .nav-link:focus a {
    color:#fff!important
}

#store .store_section-title {
    color:#fff;
    font-size:1.85rem;
    font-weight:400
}

#store .progress {
    background:#1f2029;
    color:#fff;
    height:40px
}

#store .progress .progress-bar {
    background-color:#3498db;
    font-size:1.15rem
}

#store table tbody,#store table td,#store table th,#store table thead,#store table tr {
    border:none!important
}

#store .table thead {
    background-color:#1f2029;
    color:#fff
}
#store .table tbody tr:nth-child(odd) {
    background-color:#141a14;
    color:#fff;
    opacity:1
}

#store .table tbody tr:nth-child(2n) {
    background-color:#0a0f0a;
    color:#fff;
    opacity:1
}

#store .card,#store .server {
    position:relative
}

#store .card {
    background-color:#1f2029
}

#store .package:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(76,175,80,0.4) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#store .package {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#store .package .name {
    background:#1f2029;
    color:#fff;
    font-size:1rem;
    margin-left:auto;
    margin-right:auto;
    margin-top:-2rem;
    padding:20px;
    white-space:normal!important;
    width:75%;
    z-index:99
}

#store .package .card-header {
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    border-radius:5px 5px 0 0;
    height:150px;
    margin-top:-1.95rem;
    position:relative
}

#store .package .perma {
    background:#202820;
    border:none;
    border-radius:0;
    bottom:-10px;
    left:0;
    margin:0 auto;
    padding-bottom:10px;
    padding-top:10px;
    position:absolute;
    width:100%
}

#store .package .form-control {
    background-color:#181e18;
    border:none;
    border-radius:0!important;
    color:#fff;
    width:100%
}

#store .package .input:focus {
    border-color:transparent!important;
    box-shadow:none!important;
    outline:0
}

#store .package .row .col-md-6 {
    padding:0
}

#store .package .btn {
    background-color:#3498db;
    border-radius:0!important;
    font-size:1rem!important;
    height:100%;
    line-height:.7!important;
    opacity:.7;
    padding:1rem;
    text-align:center;
    width:100%
}

#store .package .btn span.fix {
    color:#fff;
    margin-bottom:0;
    margin-top:0;
    opacity:1;
    padding:0
}

#checkout .card {
    background-color:#1f2029;
    position:relative
}

#checkout .card-footer {
    margin:0;
    overflow:hidden;
    padding:0
}

#checkout .card-footer .col-md-6 {
    padding-left:0;
    padding-right:0
}

#checkout span.badge {
    border:none;
    border-radius:0;
    font-size:1rem;
    height:100%;
    padding:10px;
    width:100%
}

#checkout span.price {
    background-color:rgba(70,81,185,.2);
    color:#4651b9
}

#checkout span.perma {
    background-color:rgba(232,67,147,.2);
    color:#e84393
}

#checkout .package .card-header .card-title {
    color:#fff;
    margin-bottom:0;
    padding-bottom:0
}

#checkout .action h5 {
    color:#fff;
    font-weight:300;
    letter-spacing:2px;
    opacity:.8;
    padding-bottom:8px;
    padding-left:10px
}

#checkout .action input {
    background-color:#1e261e;
    border:none;
    color:#fff;
    padding-bottom:5px;
    padding-left:10px;
    padding-top:5px;
    width:100%
}

#checkout .action .upper-title_small {
    align-items:baseline;
    align-self:baseline;
    display:flex;
    margin-bottom:0;
    margin-top:auto;
    padding-bottom:0
}

#tos {
    margin-top:2rem
}

#tos .card {
    background-color:#1f2029
}

#tos .card .card-body {
    color:#fff
}

#storeStats .pagination {
    padding-left:1rem
}

#storeStats .card {
    background-color:#14151d;
    border:0;
    height:100%;
    overflow:hidden;
    padding-bottom:0;
    position:relative
}

#storeStats .card .card-title {
    color:#fff;
    font-size:1.55rem;
    font-weight:400
}

#storeStats .card .card-body {
    display:flex
}

#storeStats .card .card-body h4 {
    color:#fff;
    display:inline-flex;
    flex-grow:1;
    font-size:1.75rem;
    font-weight:300;
    margin-bottom:auto;
    margin-top:auto
}

#storeStats .card .card-body .fa-stack {
    display:inline-block;
    flex-shrink:0;
    margin-bottom:auto;
    margin-top:auto
}

#storeStats .card .card-body .fa-stack .square {
    color:#1f2029!important
}

@media (min-width:1400px) {
    .container {
    max-width:1340px
}


}

@media (min-width:1500px) {
    .container {
    max-width:1440px
}


}

@media only screen and (min-device-width:320px) and (max-device-width:830px) {
    .navbar .dropdown-menu {
    position:relative;
    z-index:99999
}

.latest_info {
    display:none
}

#board .content {
    margin-left:-1rem
}

#forums iframe {
    width:383px!important
}


}

@media only screen and (min-device-width:830px) {
    #board .content {
    margin-left:-2rem
}


}

body,html {
    background-color:#14151d!important;
    font-family:Poppins,sans-serif!important;
    scroll-behavior:smooth
}

body {
    display:flex;
    flex-direction:column;
    min-height:100vh;
    overflow-x:hidden
}

a {
    text-decoration:none!important;
    -webkit-text-emphasis:none!important;
    text-emphasis:none!important
}

.app {
    flex-grow:1
}

.theme-col {
    color:#3498db!important
}

.fill {
    fill:#14151d!important
}

.section,.section-2 {
    padding-top:2rem
}

.section-title .subtitle {
    color:#3498db;
    font-size:1.25rem;
    font-weight:400;
    letter-spacing:.75px;
    text-transform:uppercase
}

.section-title .title {
    color:#fff;
    font-size:2.5rem;
    font-weight:500
}

.navbar {
    background:transparent!important
}

.navbar a {
    color:#fff
}

.navbar .nav-link {
    color:#fff!important;
    font-size:.95rem;
    font-weight:500;
    text-transform:uppercase
}

.navbar .dropdown .dropdown-menu .dropdown-item {
    color:hsla(0,0%,100%,.75);
    padding:10px
}

.navbar .dropdown .dropdown-menu .dropdown-item:hover {
    background-color:#1f2029;
    color:#fff
}

.dropdown-menu {
    background-color:#14151d;
    border-color:transparent;
    border-radius:12px;
    box-shadow:0 10px 20px 0 rgba(0,0,0,.29);
    padding:0
}

.dropdown-menu .dropdown-item {
    border-radius:6px;
    color:hsla(0,0%,100%,.75);
    margin-bottom:.75rem!important;
    transition:color .2s ease,background-color .2s ease
}

.dropdown-menu .dropdown-item:focus,.dropdown-menu .dropdown-item:hover {
    background-color:#1f2029;
    color:#fff;
    transition:color .2s ease,background-color .2s ease
}

.dropdown-menu-left {
    left:-60px!important;
    right:auto
}

.dropdown .dropdown-toggle span {
    color:hsla(0,0%,100%,.65)
}

.user-auth:before {
    display:none
}

.user-auth .dropdown_content {
    padding:.8rem
}

.user-auth i:before {
    color:hsla(0,0%,100%,.65)
}

.user-auth i:after {
    color:hsla(0,0%,100%,.75)
}

.dropdown-menu.drops {
    padding:.8rem
}

.dropdown-menu.fade {
    display:block;
    opacity:0;
    pointer-events:none
}

.show>.dropdown-menu.fade {
    opacity:1;
    pointer-events:auto
}

.dropdown-menu_footer {
    background-color:#1a221a;
    border-radius:0 0 12px 12px;
    padding:.2rem .8rem
}

.dropdown-menu_footer .logout {
    background-color:transparent!important;
    color:hsla(0,0%,100%,.65);
    text-transform:uppercase
}

.dropdown-menu_footer .logout i:before {
    color:rgba(181,33,33,.85)
}

.dropdown-menu_footer .logout i:after {
    color:rgba(181,33,33,.75)
}

.dropdown-menu_footer .bell_color .fa-bell:after {
    color:#f3b500
}

.header-mid .card {
    background:hsla(0,0%,100%,.15);
    border-radius:1rem!important;
    margin-bottom:2rem;
    margin-top:5rem!important
}

.hero-title p {
    color:hsla(0,0%,100%,.75);
    font-size:1.25rem;
    font-weight:400
}

.hero-title h3 {
    color:#fff;
    font-size:3rem;
    font-weight:600
}

#notifications .card {
    background-color:#1f2029;
    border-radius:8px
}

#notifications .notification_list {
    border-radius:.25rem;
    display:flex;
    flex-direction:column;
    margin:0;
    padding:0
}

#notifications .notification_list_item {
    background-color:#14151d;
    border-bottom:2px solid #1f2029;
    display:block;
    padding:1rem;
    position:relative;
    text-decoration:none;
    -webkit-text-emphasis:none;
    text-emphasis:none
}

#notifications .notification_list_item:after {
    fill:#fff;
    color:#fff;
    content:"054";
    font-family:Font Awesome\ 6 Pro,serif;
    font-size:1rem;
    position:absolute;
    right:30px;
    top:calc(50% - 10px)
}

#notifications .notification_list_item .notification_title {
    color:#fff;
    font-size:1.25rem;
    margin-bottom:0;
    padding-bottom:0
}

#notifications .notification_list_item .notification_time {
    color:hsla(0,0%,100%,.65);
    font-size:1rem;
    margin-bottom:0;
    padding-bottom:0;
    padding-top:.25rem
}

#notifications .forms {
    display:flex;
    flex-flow:row wrap
}

#notifications .read {
    margin-right:10px
}

#notifications .card-title {
    color:#fff;
    font-weight:800
}

.pagination .page-item.active .page-link {
    background-color:#3498db;
    border-radius:.125rem;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    color:#fff;
    transition:all .2s linear
}

.pagination .page-item.active .page-link:hover {
    background-color:#3498db
}

.pagination .page-item.disabled .page-link {
    color:#868e96
}

.pagination .page-item .page-link {
    background-color:#1f2029;
    border:0;
    color:#fff;
    font-size:.9rem;
    outline:0;
    transition:all .2s ease
}

.pagination .page-item .page-link:hover {
    background-color:#eee;
    border-radius:.125rem;
    color:#1f2029;
    transition:all .2s ease
}

.pagination .page-item .page-link:focus {
    background-color:transparent;
    box-shadow:none
}

.pagination.pagination-lg .page-item .page-link {
    font-size:1rem
}

.pagination.pagination-sm .page-item .page-link {
    font-size:.8rem
}

.pagination.pagination-circle .page-item .page-link {
    border-radius:50%;
    margin-left:2px;
    margin-right:2px
}

.pagination.pagination-circle .page-item.active .page-link,.pagination.pagination-circle .page-item .page-link:hover {
    border-radius:50%
}

.pagination.pg-custom .page-item.active .page-link,.pagination.pg-custom .page-item.active .page-link:hover {
    background-color:#3498db
}

.breadcrumb {
    background-color:#1f2029;
    border:none;
    border-radius:.25rem;
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    margin-bottom:1rem;
    padding:.75rem 1rem
}

.breadcrumb-item {
    color:hsla(0,0%,100%,.75);
    display:flex
}

.breadcrumb-item a {
    color:hsla(0,0%,100%,.75);
    text-decoration:none;
    -webkit-text-emphasis:none;
    text-emphasis:none
}

.breadcrumb-item+.breadcrumb-item {
    color:hsla(0,0%,100%,.75);
    padding-left:.5rem
}

.breadcrumb-item+.breadcrumb-item:before {
    color:hsla(0,0%,100%,.75);
    content:"/";
    display:inline-block;
    padding-right:.5rem
}

.breadcrumb-item.active a {
    color:#fff
}

#users_show .profile-name {
    color:#fff;
    font-weight:500;
    letter-spacing:1px;
    text-transform:uppercase
}

#users_show .profile-bio,#users_show .profile-signature {
    color:#fff
}

#users_show .profile_edit-text {
    color:#fff;
    font-weight:500;
    letter-spacing:1px;
    text-transform:uppercase
}

#users_show .row.cards {
    margin-top:2rem
}

#users_show .card.lefty,#users_show .card.righty {
    background-color:#1f2029
}

#users_show .card .pill-bottom {
    bottom:0;
    position:absolute;
    width:100%
}

#users_show .nav-pills>.nav-link.active {
    background:linear-gradient(90deg,#4caf50 0,#1f2029);
    border-radius:.25rem;
    color:#fff
}

#users_show .nav-pills>.nav-link {
    background-color:transparent;
    border-radius:30px;
    color:#fff;
    line-height:1.5;
    margin-right:5px;
    padding:11px 23px
}

#users_show .nav-pills>.nav-link i {
    font-size:14px;
    margin-right:3px;
    position:relative;
    top:-1px
}

#users_show button.fixr {
    border-radius:.1rem!important;
    height:100%!important
}

#users_show .comment {
    background-color:#1f2029;
    color:#fff
}

#users_show .comment .border-right,#users_show .comment hr {
    border-color:rgba(70,70,70,.75)!important;
    color:#ccc!important
}

#users_show .comment .gradient {
    background:linear-gradient(90deg,#3498db 0,#1f2029);
    height:3px;
    width:100%
}

#users_show .threads {
    background-color:#1f2029;
    color:#fff
}

#users_show .threads .gradient {
    background:linear-gradient(90deg,#3498db 0,#1f2029);
    height:3px;
    width:100%
}

#users_show .achievement {
    background-color:#1f2029;
    color:#fff
}

#users_show .achievement img {
    margin-right:1rem
}

#users_show .achievement .gradient {
    background:linear-gradient(90deg,#3498db 0,#1f2029);
    height:3px;
    width:100%
}

@media (min-width:1400px) {
    #changelog {
    max-width:1390px!important
}


}

@media (min-width:1500px) {
    #changelog {
    max-width:1540px!important
}


}

#changelog .day:not(:last-child) {
    margin-bottom:4rem
}

#changelog .day h3 {
    color:#fff;
    font-size:2.25rem;
    font-weight:700;
    letter-spacing:1.25px;
    text-transform:uppercase
}

#changelog .day .card {
    background-color:#1f2029;
    color:hsla(0,0%,100%,.75);
    overflow:hidden;
    position:relative
}

#changelog .day .card .card-header {
    border:none
}

#changelog .day .card .card-header h4,#changelog .day .card .card-header small {
    margin:0;
    padding:0
}

#changelog .day .card .card-header h4 {
    color:#fff;
    font-weight:600
}

#changelog .day .card .card-header small {
    color:hsla(0,0%,100%,.75);
    font-weight:300
}

#changelog .day .card .card-labels {
    background-color:hsla(0,0%,100%,.02);
    padding:5px
}

#changelog .day .card .card-labels span {
    border-radius:5px;
    margin:auto;
    padding:10px
}

#changelog .day .card .card-labels span:not(:last-child) {
    margin-right:5px
}

#changelog .day .card .card-body {
    padding-bottom:0
}

.tox :not(svg):not(rect) {
    color:#000!important
}

.tox {
    color:#fff;
    position:relative!important
}

.tox .tox-toolbar {
    background:none!important
}

.tox .tox-toolbar-overlord {
    background-color:transparent!important
}

.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary {
    background:none!important
}

.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
    border-right:1px solid transparent!important
}

.tox * {
    border:none!important
}

.tox button,.tox span {
    color:#fff!important
}

.tox svg {
    fill:#fff!important
}

.tox .tox-tbtn:hover {
    background:#14151d!important;
    border:none!important
}

.tox .tox-edit-area__iframe,.tox .tox-statusbar {
    background-color:transparent!important;
    border-radius:0 0 .6rem .6rem
}

.tox-tinymce,.tox-tinymce .tox-toolbar {
    background-color:#1f2029!important;
    border:none!important
}

.polls .form-control {
    background-color:#1f2029!important
}

.polls #category .card-body p {
    color:hsla(0,0%,100%,.75)
}

.polls .progress {
    background-color:#14151d;
    border-radius:.25rem;
    height:30px
}

.polls .progress .progress-bar {
    background-color:#3498db;
    color:#fff!important;
    font-size:.85rem;
    text-transform:uppercase
}

.polls .progressSort:not(:last-child) {
    margin-bottom:1.25rem
}