.u-custom-color-1,
    .u-body.u-custom-color-1,
    section.u-custom-color-1:before,
    .u-custom-color-1 > .u-audio-main-layout-wrapper:before,
    .u-custom-color-1 > .u-container-layout:before,
    .u-custom-color-1 > .u-inner-container-layout:before,
    .u-custom-color-1.u-sidenav:before,
    .u-container-layout.u-container-layout.u-custom-color-1:before,
    .u-table-alt-custom-color-1 tr:nth-child(even)
    {
        color: #ffffff;
        background-color: #17181f;
        border-bottom: 0 !important;
        border-bottom-style: none !important;
    }

    #show-tooltip {
        position: absolute;
        display: none;
        background-color: #121212;
        border: 1px solid #CDCDCD;
        color: white;
        padding: 10px;
        border-radius: 25px;
        z-index: 1000;
        font-size: 12px;
        max-width: 250px;
        word-wrap: break-word;
    }

    /* Additional styling */

    .fight-details, .death-details {
        background-color: #5e676d;
        border: 1px solid #3b3a39;
        border-radius: 35px;
        padding: 50px;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999999999999999999;
        display: none;
        opacity: 0;
    }

    .overfill  {
    max-height: 20rem;
        overflow: auto;
    }


    .kill {
        background-color:#050505;
        padding:5px;
    }

    .displaycontainer {
        background-color:#16182961;
    }

    .reset-link  {

        -webkit-text-fill-color: inherit !important;
        color: inherit !important;
        text-decoration: inherit !important;
        font-size: inherit !important;
        font-weight: inherit !important;
        font-style: inherit !important;
        background-color: inherit !important;
        border: inherit !important;
        outline: inherit !important;
        padding: inherit !important;
        margin: inherit !important;
        text-transform: inherit !important;
        letter-spacing: inherit !important;
        line-height: inherit !important;
        display: inherit !important;
        cursor: pointer !important;

    }

    .pad-top-priv {
        padding-top: 5rem;
    }
    
    .upload-priv {
        padding-top: 1rem;
        font-size: 28px;
        border-top: 1px solid #adcce9;
    }

    .contain_dk {
        max-height: 60rem;
        overflow-y: scroll;
        border: 1px solid #b9c1cc;
        padding: 5px;
        background-color: #4254651c;
    }

    .stat-title {
        font-weight:bold;font-size:16px;
    }

    .tbold {
        font-weight:bold;
    }

    .details-style {
        font-weight:bolder;
        cursor:zoom-out;
        color:#FFFFFF;
        width:100%;
        border-bottom:2px dotted #f3f3f3;
    }

    .details-style_2 {
        font-weight:bolder;
        cursor:zoom-in;
        color:#2c94cf;
    }

    .cdetails {
        font-weight:bold;
        font-size:17px;
    }
    
    .totalshots {
        border-bottom:1px #ABABAB;
    }

    .accuracy_s {
        padding:3px;
        border-radius:5px;
        background-color:#11111152;
    }

    .sn_th_width {
        width:40%;
    }

    .stat_details_4 {
        font-weight:bold;
        font-size:18px;
    }

    .stat_details_3 {
        color:#35b0ae;
        font-weight:bolder;
        font-size:25px;
        margin-left:5%;
    }

    .display_stats_3 {
        border-top:1px solid #555555;
        border-bottom:1px solid #555555;
        padding-left:150px; text-align:left;
    }

    .zoomin {
        cursor: zoom-in;
    }

    .stats_3 {
        font-weight:bolder;
        font-size:25px;
        margin-left:8%;
        color:rgba(228, 231, 249, 0.96);
    }

    .kdp {
        font-style: oblique;
        color:#989898;
    }

    .fd_2 {
        font-weight: bolder;
        cursor: zoom-out;
        color: rgb(20, 100, 146);
    }

    .fd_1 {
        font-weight: bolder; 
        cursor: zoom-in;
        color: rgb(20, 100, 146);
    }

    .points_tt_div {
        background-color: #26272e;
        border-radius: 35px;
        padding: .5em;
        border: 10px solid #b0b0b038;
        word-wrap: normal;
        white-space: normal;
    }

    .m_zero {
        font-weight:bolder;
        font-size:25px;margin-left:8%;
    }

    .activetime {
        margin-left:3.4rem;
    }

    .rem9 {
        width:9rem;
    }

    .ptooltip {
        color:#878787; 
        font-weight:bold;
        font-size:14px;
    }

    .mleft1 {
        margin-left:1px;
    }

    .sbuild {
        font-size: .7em;
        color:#777777;
    }

    .plus {
        padding-right: 3px;
        color: #58a85a;
    }

    .wrapup {
        display: block;
        white-space: normal;
        /* word-wrap: break-word; */
        word-break: normal;
        overflow: visible;
        font-size: 14px;
        line-height: 1.8;
        padding: 5px;
        box-sizing: border-box;
    }

    .custom-table:not(.view-table) {
        width: 100% !important;
    }

    /* Mobile Fix */
@media only screen and (max-width: 866px) 
{
    html {
        width: 24em;
        overflow-y: unset !important; 
        overflow-x: unset !important;
    }
    body {
        min-width: 100% !important;
        height: auto !important;
        min-height: 100% !important;
        display: block !important;
        margin: 0 !important;
        overflow-x: scroll !important;
        background-color: #17181f !important;
    }
    .u-body {
        --theme-sheet-width-xl: initial;
        --theme-sheet-width-lg: initial;
        --theme-sheet-width-md: initial;
        --theme-sheet-width-sm: initial;
        --theme-sheet-width-xs: initial;
    }

    .fight-details, .death-details {
        background-color: #5e676d;
        border: 1px solid #3b3a39;
        border-radius: 35px;
        padding: 50px;
        position: fixed;
        left: 50%;
        top: 50%;
        Width:90%;
        transform: translate(-50%, -50%);
        z-index: 9999999999999999999;
        display: none;
        opacity: 0;
        max-height: 20rem;
        overflow:auto;
    }

    .headerlinkscontainer {
        position: relative !important;
        bottom: 7em !important;
        z-index: 9999999999999999;
    }

    .headerlinks {
        width: auto;
    }

    th, td {
        padding: 0 !important;
    }

    .marquee2 {
        width: 8.3125em;
    }

    .displaycontainer2 {
        position: relative !important;
        bottom: 8em !important;
        margin: auto !important;
        max-width: 32em !important;
        display: inline-block !important;
        height: auto !important;
        min-width: 0 !important;
        outline: 0 !important;
        border-radius: 0 !important;
        border-bottom: 0 !important;
        border-top: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 5 !important;
    }

    .displaycontainer {
        all: revert !important;
    }

    .view-table {
        display: flex !important;
        align-content: center !important;
        align-items: flex-start !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        flex-direction: column !important;
    }

    .button {
        top: -0.3000em !important;
        padding: 26px 22px !important;
        font-size: 0.5em !important;
    }
}