:root{
    --bg:#1d2329;
    --bg2:#252c33;
    --panel:#2c343c;
    --panel2:#343d46;
    --line:#56616c;
    --line-soft:#414b55;
    --silver:#d7dde3;
    --silver2:#aeb8c2;
    --muted:#8f9aa5;
    --blue:#6fa9cf;
    --green:#6da87b;
    --red:#b87575;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{
    padding:18px;
    margin:0;
    font-family:Tahoma,Arial,Verdana,sans-serif;
    background:
      radial-gradient(circle at 50% 0,rgba(150,165,180,.10),transparent 36%),
      linear-gradient(180deg,#20262c 0%,#181e23 100%);
    color:var(--silver);
    font-size:15px;
    text-shadow:none;
}
body>div,body>table,body>.dataTables_wrapper,body>#user_profiles_wrapper,
body>.alert,body>footer,body>br+div{max-width:1380px;margin-left:auto;margin-right:auto}
a{color:#9dc4df;text-decoration:none}
a:hover{color:#d8e8f3;text-decoration:none}

img[alt="eStrike.eu STATS"],
img[alt="Server settings"]{
    width:443px;
    max-width:100%;
    height:auto;
    display:block;
    margin:4px auto 12px;
    border-radius:5px;
    box-shadow:0 8px 24px rgba(0,0,0,.24);
}
body>div[style*="text-align:center"]{
    max-width:1380px;
    padding:16px 12px 4px;
    background:linear-gradient(180deg,rgba(54,64,74,.55),rgba(38,46,54,.45));
    border:1px solid var(--line-soft);
    border-radius:8px;
    margin-bottom:14px;
}

.clearfix:before,.clearfix:after{content:"";display:table;clear:both}
.info-hidden,.tn{display:none}

.table{
    width:100%;
    color:var(--silver);
    background:linear-gradient(180deg,var(--panel),#272f36);
}
.table td,.table th{
    padding:9px;
    text-align:left;
    vertical-align:middle;
    border-top:1px solid var(--line-soft);
}
.table-condensed td,.table-condensed th{padding:6px 8px}
.table-bordered{
    border:1px solid var(--line);
    border-collapse:collapse;
    border-radius:6px;
    overflow:hidden;
}
.table-bordered td,.table-bordered th{border-left:1px solid var(--line-soft)}
.table-settings,.table-player{
    background:linear-gradient(180deg,#313a43,#293139);
    color:var(--silver);
}
.table-player{margin-bottom:0}
.table_tr{
    background:linear-gradient(180deg,#46515c,#3b4650)!important;
    border-color:#5c6874!important;
    color:#eef2f5!important;
    text-shadow:none!important;
}
.table_tr img{filter:grayscale(1) brightness(1.7);opacity:.95}

.label{
    display:inline-block;
    padding:3px 7px;
    font-size:12px;
    font-weight:700;
    line-height:16px;
    color:#eef2f5;
    text-shadow:none;
    white-space:nowrap;
    vertical-align:baseline;
    background:#56616b;
    border:1px solid rgba(255,255,255,.08);
    border-radius:4px;
}
.label-on{background:#55755e}
.label-off{background:#765858}
.label-place{background:#505a64}
.label-frags,.label-headshots,.label-defused,.label-explode{background:#586d5d}
.label-death,.label-wint{background:#705757}
.label-zvanie,.label-xp,.label-winct{background:#4f6676}
.label-teamkills,.label-shots,.label-hits,.label-damage,.label-suicide,
.label-defusing,.label-planted,.label-gametime,.label-connects,.label-rounds,
.label-pfrags,.label-pheads,.label-pteams,.label-pacc{background:#5c6670}

.top-nick{color:#d8dde2;font-weight:700;white-space:nowrap}
.top-nick:hover{color:white}

#tooltip{
    background:#303942;
    border:1px solid #71808c;
    color:#e1e6ea;
    font:11px Verdana;
    padding:5px 7px;
    position:absolute;
    visibility:hidden;
    border-radius:4px;
}
.spoiler_body{display:none;cursor:pointer;color:var(--silver)}

.alert{
    padding:10px 14px;
    margin:10px auto 20px;
    background:#343d45;
    border:1px solid #59646e;
    border-radius:5px;
    color:#d9dee3;
}
.alert-success{color:#d7e2da;background:#34443a;border-color:#536c59;font-size:14px}
.alert-danger{color:#ead8d8;background:#493737;border-color:#765555;font-size:14px}

.skill2{position:relative}
.skill2 span{position:absolute;color:#d7dde3;font-size:11px;left:16px;top:2px}

.servers{
    background:#69737c;
    display:block;
    border:1px solid #8c969f;
    border-radius:50%;
    width:9px;height:9px;
}
.servers.online{background:#6fa27a;margin:auto}
.servers.offline{background:#a36d6d;margin:auto}

.dataTables_wrapper{
    background:linear-gradient(180deg,#2c343c,#242b32);
    border:1px solid var(--line);
    border-radius:8px;
    padding:16px;
    box-shadow:0 12px 34px rgba(0,0,0,.22);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate{
    color:var(--silver2)!important;
}
.dataTables_wrapper input,
.dataTables_wrapper select{
    background:#39434c!important;
    border:1px solid #65717c!important;
    color:#edf1f4!important;
    border-radius:4px;
    padding:5px 8px;
}
table.dataTable{
    border-collapse:collapse!important;
    color:var(--silver)!important;
    background:#293139!important;
}
table.dataTable thead th{
    background:linear-gradient(180deg,#48535e,#3b4650)!important;
    color:#eef2f5!important;
    border-bottom:1px solid #6c7883!important;
}
table.dataTable tbody tr{background:#2c343c!important}
table.dataTable tbody tr:nth-child(even){background:#313a43!important}
table.dataTable tbody td{border-top:1px solid #414b55!important;color:#d4dbe1!important}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    color:#cbd3da!important;
    border:1px solid transparent!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background:#4b5660!important;
    border-color:#697580!important;
    color:white!important;
}

.footer.estrike-footer{
    max-width:1380px;
    margin:28px auto 0;
    padding:18px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    border-top:1px solid #56616b;
    background:linear-gradient(180deg,rgba(49,58,67,.7),rgba(34,41,47,.75));
    color:#aeb8c2;
    font-size:13px;
    border-radius:7px 7px 0 0;
}
.footer-brand{display:flex;flex-direction:column;gap:3px}
.footer-brand strong{color:#e0e4e8;font-size:15px;letter-spacing:.3px}
.footer-brand span{font-size:10px;letter-spacing:2px;color:#88939d}
.footer-credit{color:#9fa9b2}

@media(max-width:760px){
    body{padding:8px;font-size:13px}
    .dataTables_wrapper{padding:9px;overflow-x:auto}
    table.dataTable{min-width:880px}
    table[style*="width:100%"]>tbody>tr{
        display:flex;
        flex-direction:column;
    }
    table[style*="width:100%"]>tbody>tr>td{
        width:100%!important;
        display:block;
        padding:6px 0;
    }
    .footer.estrike-footer{
        flex-direction:column;
        text-align:center;
        padding:16px 12px;
    }
}