@font-face {
    font-family: 'Khalos';
    src: url('/plugins/uoserverlist/css/khalos.woff2') format('woff2'),
        url('/plugins/uoserverlist/css/khalos.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.suggestion { height:70px; }
.suggestion th { background-image: linear-gradient(180deg, rgb(27 27 33 / 71%) 0%, rgb(32 28 16 / 81%) 65%, rgb(27 27 33 / 91%) 100%), url(/plugins/uoserverlist/img/suggestion_bg2.jpg); }
.nephilim { background-image: linear-gradient(180deg, rgb(0 0 0 / 58%) 0%, rgb(16 32 21 / 68%) 65%, rgb(16 16 20 / 53%) 100%), url(/plugins/uoserverlist/img/nephilim_bg2.jpg) !important; }
.col-md-1 { width: 6.33333333%; }

.stats-title { color:rgba(255, 255, 255, 0.6); font-size:16px; }
.stats-detail { display:flex; flex-direction:row-reverse; align-content:center; justify-content:flex-start; align-items:center; }
.stats-value { color:#fff; font-size:36px; padding-right:1rem; }
.uoserverlistdropdown { float:left; font-size:14px; margin-left:10px; margin-top:1px; }
.serverara { width:80%; float:right; background:#0D0E0E; }
.filters, .results { margin-top:25px; }

.results tr[visible='false'], .no-result { display:none; }
.results tr[visible='true']{ display:table-row; background:#1B1B21 !important; border:1px solid rgba(255,255,255,0.11); height:60px; font-size:11px; }
.d-none { display:none !important; }
.no-result td{ background:#1B1B21 !important; border:1px solid rgba(255,255,255,0.11) !important; height:60px; padding-left:25px !important; font-size:14px; }
.counter{ padding:8px; color:#ccc; }
.serverth { background:#1F242C; border:1px solid rgba(255,255,255,0.11); height:60px; font-size:11px; }
.servertr th { font-size:11px !important; border:1px solid rgba(255,255,255,0.11) !important; padding-bottom:5px !important; }
.servertr th:nth-child(1) { padding-left:15px; }

.serveritem:nth-child(odd):hover { background:#1b1b21c5 !important; }
.serveritem:nth-child(even):hover { background:#2222298e !important; }
.serveritem:nth-child(odd) { background:#1B1B21; border:1px solid #333335 !important; }
.serveritem:nth-child(even) { background:#222229; border:1px solid #333335 !important; }
.serveritem:nth-child(odd) th { border:1px solid #333335 !important; height:60px; padding-left:15px !important; font-size:14px; font-family:'Roboto SemiBold'; }
.serveritem:nth-child(odd) td { border:1px solid #333335 !important; font-size:15px; text-align:center; }
.serveritem:nth-child(even) th { border:1px solid #333335 !important; height:60px; padding-left:15px !important; font-size:14px; font-family:'Roboto SemiBold'; }
.serveritem:nth-child(even) td { border:1px solid #333335 !important; font-size:15px; text-align:center; }
.serveritem td:nth-child(7n) { border:1px solid #333335 !important; font-size:15px !important; font-weight:bold; text-align:center; }
.servertitle { display:inline-block; min-width:140px; font-family:Khalos; letter-spacing:1.5px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-size:15px; font-weight:800; }
.servertag { padding:8px 10px; background:#272727; font-size:11px; color:#fff; border-radius:4px; -webkit-border-radius:4px; display:inline-block; margin-left:5px; font-family:Roboto; font-weight:lighter; text-transform:uppercase; }
.servertag:nth-child(1) a { margin-left:15px; }
.servertag:hover { background:#272727a1; }
.serveronerilen { background:#145D0E; }
.serveronerilen:hover { background:#155d0ec0; }
.serveronerilen i { margin-right:3px; font-size:14px; }
.servervideo { background:#7E0404; }
.servervideo:hover { background:#7e0404c9; }
.servervideo i { margin-right:3px; font-size:14px; }
.onlineplayer { padding:5px 10px; background:#145E0E; color:#fff; border-radius:4px; -webkit-border-radius:4px; display:inline-block; padding-top:7px; }
.onlinediscord { padding:5px 10px; background:#7289DA; color:#fff; border-radius:4px; -webkit-border-radius:4px; display:inline-block; padding-top:7px; }
.offlineplayer { padding:5px 15px; background:#5E0E0E; color:#fff; border-radius:4px; -webkit-border-radius:4px; display:inline-block; }

.btn-default.active, .btn-default:active, .btn-default:hover, .open>.dropdown-toggle.btn-default { color:#fff; background-color:#e6e6e636; }
.btn-default.focus, .btn-default:focus { color:#fff; background-color:#e6e6e636; }
.open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover, .dropdown-menu { color:#fff; background-color:#e6e6e636; }
.dropdown-menu, .dropdown-menu a { color:#fff !important; background-color:#3b3c3c; }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color:#fff !important; background-color:#181a1b; }

.like-cell { position:relative; }
.like-icon { display:none !important; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); cursor:pointer; transition:transform .5s ease-in-out, opacity .5s ease-in-out; color:#F44336; font-size:20px; }
.like-icon:hover { transform:translate(-50%, -50%) scale(1.3); }
.uo-lang img { cursor:pointer; transition:transform .5s ease-in-out, opacity .5s ease-in-out; color:#F44336; font-size:20px; }
.uo-lang img:hover { transform:scale(1.2); }
.like-cell:hover .like-icon { display:block !important; }
.like-text { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); visibility:visible; opacity:1; transition:visibility 0s, opacity .5s linear; }
.like-cell:hover .like-text { visibility:hidden; opacity:0; }

@media only screen and (max-width: 600px) {
  .headline { text-align:center; }
  .headline h1 { text-align:center; float:none; }
  .stats-title { text-align:center; }
  .stats-detail { justify-content:center; }
  .servertag { display:none; }
}

/* Add sayfasındaki üst sağ buton hizalaması */
.uoserverlistdropdown.add-top { float:none; display:inline-block; font-size:14px; margin-left:0; margin-top:6px; }

/* Server Panel (manage) */
.uo-manage .headline { margin-bottom: 10px; }
.uo-manage .row .text-right .btn { margin-left: 10px; }
.uo-manage table.table { margin-bottom: 15px; }
.uo-manage .panel { margin-top: 15px; }
.uo-manage .panel .panel-body { padding: 20px; }
.uo-manage .form .form-group { margin-bottom: 15px; }
.uo-manage .form .btn { margin-left: 10px; }
.uo-manage .panel-title { font-weight: 600; }
.uo-manage .servertitle { padding-top: 8px; }
.uo-manage .servertag { margin-top: 6px; }