body {
    background-color: #000000 !important;
}

#footer {
    background-color: #17191d !important;
}

.border-black_transparent {
    border-color: rgba(0, 0, 0, .71) !important;
}

.bg-transparent_black, a.bg-transparent_black:focus, a.bg-transparent_black:hover, button.bg-transparent_black:focus, button.bg-transparent_black:hover {
    background-color: rgba(0, 0, 0, .5) !important;
}

.navbar-transparent .navbar-nav .nav-link {
    color: #fff;
}

.navbar-transparent .navbar-nav .nav-link:focus, .navbar-transparent .navbar-nav .nav-link:hover {
    color: hsla(0, 0%, 100%, .75);
}

.nav-item a p {
    margin-bottom: 0;
}

.nav-item a.active p {
    border-bottom: 1px solid #dae6ff;
    color: #a4a4a4;
}

.nav-item a:hover p {
    border-top: 1px solid #dae6ff;
    margin-top: -1px;
    color: #c1c1c1;
}

.bg-navy {
    background-color: #11151d !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    border: 0 !important;
    background-color: #373c47 !important;
}

.dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    border: 0 !important;
    background-color: #373c47 !important;
}

.dropdown-menu.dropdown-menu-right.bg-navy.show {
    border-color: #545964 !important;
}

.dropdown-item {
    color: #fff !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: hsla(0, 0%, 100%, .75) !important;
}

.navbar-transparent .navbar-toggler {
    color: hsla(0, 0%, 100%, .5);
    border-color: hsla(0, 0%, 100%, .1);
}

.navbar-transparent .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.bg-transparent_black, a.bg-transparent_black:focus, a.bg-transparent_black:hover, button.bg-transparent_black:focus, button.bg-transparent_black:hover {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

footer.bg-transparent_black h5 {
    color: white !important;
}

footer.bg-transparent_black ul li a {
    color: hsla(0, 0%, 100%, .5) !important;
}

footer.bg-transparent_black ul li a:hover, footer.bg-transparent_black ul li a:focus {
    color: hsla(0, 0%, 100%, 0.8) !important;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(206 203 203 / 10%) !important;
}

.nav-link {
    font-size: 0.9rem !important;
}

footer.bg-transparent_black h5 {
    font-size: 1.1rem !important;
}

footer.bg-transparent_black ul li a {
    font-size: 1rem !important;
}

.bg-pic {
    background: #222731 url("../images/bg-1.png") no-repeat fixed;
    background-size: cover;
    background-position-y: bottom;
}

.languages {
    min-width: 50px;
}

.bg-navy-darker {
    background-color: #17191d !important;
}

.bg-navy-darker .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.bg-navy-darker .card-header p {
    margin: 0;
}

.bg-grey-transparent {
    background-color: rgba(53, 53, 53, 0.35) !important;
}

.bg-grey-transparent .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #5252529c;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.bg-grey-transparent .card-footer {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #5252529c;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.bg-grey-transparent .card-header p {
    margin: 0;
}

.border-bottom-dark {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.progress {
    background-color: #222731;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #2a2e37 !important;
}

.news .card-body img, .guide .card-body img {
    max-width: 100% !important;
}

.news .card-body p, .guide .card-body p {
    margin-bottom: 0 !important;
}

.news .card-body iframe, .guide .card-body iframe {
    max-width: 100%;
}

.discord .card-body ul {
    max-height: 250px !important;
}

.fire {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}

.items-inventory .card-body {
    color: white;
}

/*
 *  Discord
 */

.discord ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0;
    background-color: #F5F5F5;
}

.discord ul::-webkit-scrollbar {
    width: 7px;
    background-color: #F5F5F5;
}

.discord ul::-webkit-scrollbar-thumb {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

.inventory-nav .nav-link.active, .inventory-nav .show > .nav-link {
    color: #fff;
    background-color: #5252529c;
    border: 1px solid rgba(0, 0, 0, .125);
}

.inventory-nav .nav-link, .inventory-nav > .nav-link {
    color: #fff;
    background-color: rgba(40, 39, 39, 0.61);
    border: 1px solid rgba(0, 0, 0, .125);
}

.bg-equipment, .bg-equipment-avatar {
    background: rgba(40, 39, 39, 0.61);
    padding: 10px;
}

.inventory-items td {
    margin: 0;
    padding: 0;
}

.container-fluid {
    padding-right: 10rem;
    padding-left: 10rem;
}

.btn-link, .dashboard-link, .bg-grey-transparent a {
    font-weight: 400;
    color: #858796;
    text-decoration: none;
}

.btn-link:hover, .dashboard-link:hover, .bg-grey-transparent a:hover {
    color: #5b5c67;
    text-decoration: none !important;
}

.box-icon-outline {
    -webkit-text-stroke: 1px #858796;
    -webkit-text-fill-color: transparent;
}

.custom-control-input:checked ~ .custom-control-label:before {
    border-color: #5b5c67;
    background-color: #5b5c67;
}

.custom-control-input:focus ~ .custom-control-label:before {
    box-shadow: 0 0 0 0.2rem rgb(127, 128, 136);
}

.custom-control-input:not(:disabled):active ~ .custom-control-label:before {
    color: #fff;
    background-color: #90909f;
    border-color: #90909f;
}

.form-control:focus {
    border-color: #90909f;
    box-shadow: 0 0 0 0.2rem rgb(127, 128, 136);
}

.result-area a, .table-responsive table a, table a {
    color: #d2d3e3;
    font-weight: bolder;
}

.result-area a:hover, .table-responsive table a:hover, table a:hover {
    color: #5b5c67;
}

.u-vmenu > ul > li > a {
    background-color: #3d3d3d !important;
}

.u-vmenu > ul > li > a:before {
    color: #858796 !important;
}

.list-group-item {
    border-radius: 0 !important;
    background-color: transparent !important;
    color: #d2d3e3;
}

.list-group-item:hover {
    background-color: #52525259 !important;
    font-weight: bolder;
    color: #9597ac;
    text-decoration: none;
}

.list-group-item:active, .list-group-item.active {
    background-color: rgba(121, 120, 120, 0.35) !important;
    border-color: transparent !important;
}

.table-dark-transparent {
    background-color: #5252529c !important;
    color: white;
}

.dataTables_wrapper {
    padding-top: 1rem !important;
}

.dataTables_filter {
    padding-right: 5px !important;
}

.download-card {
    background-color: #52525259 !important;
}

.latest-kills li {
    font-size: 0.9rem;
}

thead th, tbody td {
    max-width: 250px !important;
    width: auto;
    overflow-x: hidden;
}


.download-img {
    min-height: auto !important;
    max-height: 100% !important;
    width: auto !important;
}

#footer .footer-copyright {
    background-color: #000;
    padding: 6px 0;
    text-align: center;
}

#footer a {
    color: #8b8c8e;
}

#footer a:hover {
    color: #b2b2b3;
}

.sidebar .table,
.main-container .table {
    margin: 0;
    color: #fff;
}

.sidebar .table th {
    border: none;
    padding: 0.35rem;
    font-size: 0.8em;
}

.sidebar .table td {
    border: none;
    padding: 0.35rem;
}

.sidebar .table thead tr {
    border-bottom: 1px solid #b7b7b7;
}

.sidebar .table tbody tr:not(:last-child) {
    border-bottom: 1px solid #b7b7b7;
}

.sidebar .card-body {
    padding: 0.2rem 0.5rem;
}

@media (max-width: 1350px) {
    .nav-link {
        font-size: 0.8rem !important;
    }

    footer.bg-transparent_black h5 {
        font-size: 1.1rem !important;
    }

    footer.bg-transparent_black ul li a {
        font-size: 1rem !important;
    }

    .navbar-brand {
        width: 130px !important;
    }

    .container-fluid {
        padding-right: 3rem;
        padding-left: 3rem;
    }

    .latest-kills li {
        font-size: 0.8rem;
    }
}

@media (max-width: 1250px) {
    .nav-link {
        font-size: 0.75rem !important;
    }

    footer.bg-transparent_black h5 {
        font-size: 1rem !important;
    }

    footer.bg-transparent_black ul li a {
        font-size: 0.9rem !important;
    }

    .navbar-brand {
        width: 130px !important;
    }

    .text-responsive {
        font-size: 1.3rem !important;
    }

    .news div.card-header-pills {
        font-size: 0.9rem !important;
    }

    .latest-kills li {
        font-size: 0.77rem;
    }
}

@media (max-width: 1160px) {
    .latest-kills li {
        font-size: 0.73rem;
    }
}

@media (max-width: 1050px) {
    .nav-link {
        font-size: 0.7rem !important;
    }

    footer.bg-transparent_black h5 {
        font-size: 0.9rem !important;
    }

    footer.bg-transparent_black ul li a {
        font-size: 0.8rem !important;
    }

    .navbar-brand {
        width: 100px !important;
    }

    .text-responsive {
        font-size: 1.2rem !important;
    }

    .news div.card-header-pills {
        font-size: 0.8rem !important;
    }

    .container-fluid {
        padding-right: 1.2rem;
        padding-left: 1.2rem;
    }

    .latest-kills li {
        font-size: 0.67rem;
    }
}

@media (max-width: 920px) {
    .nav-link {
        font-size: 0.65rem !important;
    }

    footer.bg-transparent_black h5 {
        font-size: 0.8rem !important;
    }

    footer.bg-transparent_black ul li a {
        font-size: 0.7rem !important;
    }

    .navbar-brand {
        width: 80px !important;
    }

}

@media (max-width: 840px) {
    .nav-link {
        font-size: 0.56rem !important;
    }

    footer.bg-transparent_black h5 {
        font-size: 0.8rem !important;
    }

    footer.bg-transparent_black ul li a {
        font-size: 0.7rem !important;
    }

    .navbar-brand {
        width: 70px !important;
    }
}

@media (max-width: 767px) {
    .nav-link {
        font-size: 0.9rem !important;
    }

    footer.bg-transparent_black h5 {
        font-size: 0.8rem !important;
    }

    footer.bg-transparent_black ul li a {
        font-size: 0.7rem !important;
    }

    .navbar-brand {
        width: 150px !important;
    }

    .no-gutters {
        display: none !important;
    }

    .bg-pic {
        background: none !important;
    }

    .text-responsive {
        font-size: 1.1rem !important;
    }

    .news div.card-header-pills {
        font-size: 0.7rem !important;
    }

    div.news-body p, .guide .card-body p {
        font-size: 0.9rem !important;
    }

    .news-body ul, .news-body ol, .guide .card-body ul, .guide .card-body ol {
        padding-left: 20px !important;
    }

    .news-body li, .guide .card-body li {
        font-size: 0.7rem;
    }
}

@media screen and (max-width: 600px) {
    .text-responsive {
        font-size: 1rem !important;
    }

    .news div.card-header-pills {
        font-size: 0.6rem !important;
    }

    div.news-body p, .guide .card-body p {
        font-size: 0.8rem !important;
    }
}

@media screen and (max-width: 428px) {
    .text-responsive {
        font-size: 0.9rem !important;
    }

    .news div.card-header-pills {
        font-size: 0.6rem !important;
    }

    .align-pics-middle img, .align-pics-middle #player-map {
        text-align: center !important;
        display: block !important;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px;
    }
}

@media (max-width: 991px) {
    .container-fluid {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    }
}