/* =========================================================================================
   StrikeGamehost panel theme.
   Part 1 — the ORIGINAL /themes/bootstrap/css/styles.css of the panel (verbatim, loaded after
   bootstrap.min.css 2.3.1 + yii.css). Do not edit this part: page-specific CSS lives inline in
   the views (as in the original) or in themes/bootstrap/css/mod-*.css.
   ========================================================================================= */
#page {
padding-top: 41px;
}

html,
body {
height: 100%;
background: url(/images/bg_panel5.jpg) top repeat;
background-size: 1920px 1080px;
/* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* Negative indent footer by it's height */
margin: 0 auto -100px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
height: 100px;
}

#footer {

}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
#footer {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
}

.container .credit {
margin: 20px 30px;
}

/* Анимация загрузки */
#loading{
display: none;
position: fixed;
top: 40%;
left: 50%;
z-index: 1150;
}

.circle {
background-color: rgba(0,0,0,0);
border:5px solid rgba(0,183,229,0.9);
opacity:.9;
border-right:5px solid rgba(0,0,0,0);
border-left:5px solid rgba(0,0,0,0);
border-radius:50px;
box-shadow: 0 0 35px #2187e7;
width:50px;
height:50px;
margin:0 auto;
-moz-animation:spinPulse 1s infinite ease-in-out;
-webkit-animation:spinPulse 1s infinite linear;
-o-animation:spinPulse 1s infinite linear;
}

.circle1 {
background-color: rgba(0,0,0,0);
border:5px solid rgba(0,183,229,0.9);
opacity:.9;
border-left:5px solid rgba(0,0,0,0);
border-right:5px solid rgba(0,0,0,0);
border-radius:50px;
box-shadow: 0 0 15px #2187e7;
width:30px;
height:30px;
margin:0 auto;
position:relative;
top:-50px;
-moz-animation:spinoffPulse 1s infinite linear;
-webkit-animation:spinoffPulse 1s infinite linear;
-o-animation:spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
50% { -moz-transform:rotate(145deg); opacity:1; }
100% { -moz-transform:rotate(-320deg); opacity:0; }
}

@-moz-keyframes spinoffPulse {
0% { -moz-transform:rotate(0deg); }
100% { -moz-transform:rotate(360deg); }
}

@-webkit-keyframes spinPulse {
0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
50% { -webkit-transform:rotate(145deg); opacity:1;}
100% { -webkit-transform:rotate(-320deg); opacity:0; }
}

@-webkit-keyframes spinoffPulse {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
}

@-o-keyframes spinPulse {
0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
50% { -webkit-transform:rotate(145deg); opacity:1;}
100% { -webkit-transform:rotate(-320deg); opacity:0; }
}

@-o-keyframes spinoffPulse {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
}
/* Анимация загрузки */

.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
color: #fff;
cursor: default;
background-color: #0088cc;
border: 1px solid #ddd;
border-bottom-color: transparent;
}

.vertical-middle {
vertical-align: middle !important;
}

.hero-unit h1 {
margin-bottom: 0;
font-size: 25px;
line-height: 1;
letter-spacing: -1px;
color: inherit;
}

h3 {
font-size: 20px;
}

h1 {
font-size: 24px;
}

.span2 {
width: 138px;
}

/* БАЗОВЫЙ HERO UNIT */
.hero-unit {
padding: 62px;
margin-bottom: 20px;
font-size: 18px;
font-weight: 200;
line-height: 30px;
color: inherit;
background-color: #eeeeee;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

select {
width: 240px;
background-color: #fff;
border: 1px solid #ccc;
}

/* =========================================================
FINAL
========================================================= */

/* Заголовки на главной */
.hero-unit + .row > .span6 > h4{
font-weight: 700;
margin: 0 0 10px;
color:#333;
}

.hero-unit + .row > .span6 > hr{
border:0;
height:1px;
background: rgba(0,0,0,0.10);
margin: 10px 0 12px;
}

/* Таблица сервера -> карточка */
.hero-unit + .row > .span6 > .list-view table.table.table-bordered.table-condensed{
width: 100%;
table-layout: fixed;
border-collapse: separate;
border-spacing: 0;

background: rgba(255,255,255,0.94);
border: none; /* меньше "рамок" => визуально шире */
border-radius: 8px;
overflow: hidden;

margin: 0 0 10px;
cursor: pointer;

box-shadow: 0 6px 14px rgba(0,0,0,0.08);
}

.hero-unit + .row > .span6 > .list-view table.table.table-bordered.table-condensed:hover{
transform: translateY(-1px);
box-shadow: 0 10px 22px rgba(0,0,0,0.10);
transition: box-shadow .12s ease, transform .12s ease;
}

/* убираем табличные линии + делаем нормальную плотность */
.hero-unit + .row > .span6 > .list-view table.table.table-bordered.table-condensed td{
border: none !important;
vertical-align: middle;
padding: 6px 8px;
}

/* картинка карты */
.hero-unit + .row > .span6 > .list-view table.table.table-bordered.table-condensed td:first-child{
width: 92px;
text-align: center;
}

.hero-unit + .row > .span6 > .list-view .img-polaroid{
width: 80px;
height: 55px;
object-fit: cover;
border-radius: 6px;
}

/* текст справа */
.hero-unit + .row > .span6 > .list-view table.table.table-bordered.table-condensed td:last-child{
font-size: 14px;
line-height: 1.45;
color:#333;
overflow: hidden;
text-overflow: ellipsis;
}

/* Статус -> бейдж */
.hero-unit + .row > .span6 > .list-view .text-success,
.hero-unit + .row > .span6 > .list-view .text-error{
display:inline-block;
padding: 3px 8px;
border-radius: 999px;
font-weight: 700;
font-size: 12px;
line-height: 1.2;
white-space: nowrap;
}

.hero-unit + .row > .span6 > .list-view .text-success{
color: #1f7a3a;
background: rgba(238,248,241,0.92);
border: 1px solid rgba(167,215,184,0.90);
}

.hero-unit + .row > .span6 > .list-view .text-error{
color: #b3261e;
background: rgba(253,238,238,0.92);
border: 1px solid rgba(229,163,160,0.90);
}

/* Сервера чуть важнее новостей */
.hero-unit + .row > .span6:first-child > .list-view table.table.table-bordered.table-condensed{
box-shadow: 0 8px 18px rgba(0,0,0,0.10);
}

/* Новости/FAQ: карточки */
.hero-unit + .row > .span6 > .list-view .items > div,
.hero-unit + .row > .span6 > .list-view .items > li{
background: rgba(255,255,255,0.92);
border: 1px solid rgba(0,0,0,0.07);
border-radius: 8px;
padding: 9px 10px;
margin: 0 0 10px;
box-shadow: 0 3px 8px rgba(0,0,0,0.05);
}

.hero-unit + .row > .span6 > .list-view .items h3,
.hero-unit + .row > .span6 > .list-view .items h4{
font-size: 14px;
font-weight: 700;
margin: 0 0 6px;
}

.hero-unit + .row > .span6 > .list-view .items .muted{
font-size: 12px;
color:#888;
margin-bottom: 6px;
}

.hero-unit + .row > .span6 > .list-view .items p{
font-size: 13px;
line-height: 1.4;
margin: 0;
}

/* Пейджер */
.hero-unit + .row > .span6 > .list-view .pager{
margin-top: 10px;
}

/* защита от раздувания картинок/таблиц */
.hero-unit + .row > .span6 > .list-view img,
.hero-unit + .row > .span6 > .list-view table{
max-width: 100%;
}

/* =========================================================
HOME TUNING
========================================================= */

/* НЕ рисуем рамку/паддинг на .items — иначе серверы кажутся меньше */
.hero-unit + .row > .span6 > .list-view > .items{
border: none;
background: transparent;
padding: 0;
}

/* Серверы: внутри карточки, но без потери ширины */
.hero-unit + .row > .span6 > .list-view table.table.table-bordered.table-condensed td{
padding: 8px 10px; /* было 6px 8px */
}

/* картинку чуть уже, чтобы тексту было больше места */
.hero-unit + .row > .span6 > .list-view table.table.table-bordered.table-condensed td:first-child{
width: 92px; /* было 92px */
}

/* Новости справа (без рамки, только лёгкая тень) */
.hero-unit + .row > .span6 > .list-view .items > div,
.hero-unit + .row > .span6 > .list-view .items > li{
border: none;
box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.hero-unit + .row .list-view table.table tr td + td{
position: relative;
padding-left: 14px !important;
}

.hero-unit + .row .list-view table.table tr td + td:before{
content: "";
position: absolute;
left: 0;
top: 6px;
bottom: 6px;
width: 4px;
background: #3CB879;
border-radius: 2px;
}

.hero-unit + .row .span6:first-child
.list-view table.table tr{
background: #f7f8f9 !important;
}

/* === NAVBAR (Bootstrap 2): hover + зелёная линия === */

.navbar-inner{
border-bottom: 1px solid rgba(0,0,0,0.18);
}

/* пункты меню */
.navbar-inner .nav > li > a{
position: relative;
transition: background-color 0.15s ease;
}

/* зелёная линия снизу */
.navbar-inner .nav > li > a:after{
content: "";
position: absolute;
left: 6px;
right: 6px;
top: 4px; /* линия теперь сверху */
height: 2px;
background: #3CB879;
opacity: 0;
}

/* hover */
.navbar-inner .nav > li > a:hover{
background-color: rgba(0,0,0,0.06);
}

.navbar-inner .nav > li > a:hover:after,
.navbar-inner .nav > .active > a:after{
opacity: 1;
}

/* === Navbar: разделители между пунктами === */
.navbar-inner .nav > li{
position: relative;
}

.navbar-inner .nav > li + li:before{
content: "";
position: absolute;
left: 0;
top: 8px;
bottom: 8px;
width: 1px;
background: rgba(0,0,0,0.15);
}

.navbar-inner:hover{
border-bottom-color: rgba(60,184,121,0.6);
}

/* Navbar: ссылки страниц */
.navbar .nav > li > a {
color: #333;
}

.navbar .brand {
color: #333;
text-shadow:
0 1px 0 #fff,
0 2px 3px rgba(0,0,0,0.15);
}

/* === Заголовки блоков на главной (серверы / популярные) === */
.hero-unit + .row > .span6 > h5{
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 700;
color: #2b2b2b;

background:
repeating-radial-gradient(
circle,
rgba(0,0,0,0.03) 0 1px, /* было 0.06 */
transparent 1px 4px
),
repeating-linear-gradient(
90deg,
rgba(0,0,0,0.02) 0 1px, /* было 0.04 */
transparent 1px 7px
),
linear-gradient(
180deg,
#fbfcfd 0%, /* было #f6f7f9 */
#eef2f6 100% /* было #e1e6eb */
);

border-left: 4px solid #3CB879; /* зелёный акцент как у серверов */
border-radius: 4px;

box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

/* === NAVBAR BACKGROUND: Layered industrial noise === */
.navbar-inner{
/* важно: перебиваем bootstrap-фон */
background-image: none !important;

background:
/* мелкое индустриальное зерно */
repeating-radial-gradient(
circle,
rgba(0,0,0,0.06) 0 1px,
transparent 1px 4px
),
/* слабые тех-линии */
repeating-linear-gradient(
90deg,
rgba(0,0,0,0.04) 0 1px,
transparent 1px 7px
),
/* базовая панель */
linear-gradient(
180deg,
#f6f7f9 0%,
#e1e6eb 100%
) !important;

border-bottom: 1px solid rgba(0,0,0,0.28) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.85),
0 6px 20px rgba(0,0,0,0.22) !important;

position: relative;
z-index: 1000;
}

*:focus, *:active {
outline: none !important;
}

/* =========================================================================================
   Part 2 — blocks that the original repeated inline on many pages (kept once here).
   ========================================================================================= */

/* ==== Боковое меню (общее для всех страниц аккаунта / сервера) — #sidebar .portlet ==== */
#sidebar .portlet{background:#fff;border:1px solid #dde3ea;border-radius:7px;box-shadow:0 3px 10px rgba(0,0,0,0.08),0 1px 4px rgba(0,0,0,0.06);padding:0;overflow:hidden;margin-bottom:20px;}
#sidebar .portlet-content{padding:0;}
#sidebar .operations{margin:0;padding:8px 0;border:none;background:none;}
#sidebar .operations > li > a{padding:8px 18px !important;font-size:13.5px;font-weight:500;color:#3a4252;border:none !important;border-left:3px solid transparent !important;border-radius:0 !important;margin:0;background:none;transition:none;}
#sidebar .operations > li > a > i{width:16px;text-align:center;margin-right:4px;color:#8b95a5;}
#sidebar .operations > li > a:hover > i, #sidebar .operations > li.active > a > i{color:#3e79b4;}
#sidebar .operations > li > a:hover{background:#f0f4fa !important;color:#1a66aa;border-left-color:#3e79b4 !important;}
#sidebar .operations > li.active > a, #sidebar .operations > li.active > a:hover{background:#e8f0fa !important;color:#1a66aa !important;border-left-color:#3e79b4 !important;font-weight:600;}
#sidebar .operations > li.nav-header{padding:9px 14px;margin:0;background:#f5f6f8;border-top:1px solid #dde3ea;border-bottom:1px solid #dde3ea;font-size:11px;font-weight:700;color:#5a6473;text-transform:uppercase;letter-spacing:0.08em;cursor:default;line-height:1.4;}
#sidebar .operations > li.nav-header:first-child{border-top:none;}
#sidebar .operations > li.nav-header a{padding:0 !important;font-size:inherit !important;font-weight:inherit !important;color:inherit !important;background:none !important;border:none !important;cursor:default;}
#sidebar .operations > li.disabled > a{pointer-events:none;cursor:default;}

/* ── Верхнее меню разделов сервера (.srvnav, style 1cf58hm of the original) ── */
.srvnav{ margin-bottom:2px; }
.srvnav .nav-tabs{ border-bottom:1px solid #dde3ea; margin-bottom:0; }
.srvnav .nav-tabs > li{ margin-bottom:-1px; }
.srvnav .nav-tabs > li > a{ padding:10px 11px; margin-right:5px; line-height:16px; font-size:13px; color:#5f6b78; border:1px solid #e6e9ee; border-bottom:none; border-radius:7px 7px 0 0; background:linear-gradient(#fbfcfd,#eef1f5); }
.srvnav .nav-tabs > li > a:hover{ background:#f5f8fc; color:#1f88d6; border-color:#cfe0f2; border-bottom:none; }
.srvnav .nav-tabs > li.active > a, .srvnav .nav-tabs > li.active > a:hover, .srvnav .nav-tabs > li.active > a:focus{ background:#1f88d6; color:#fff; font-weight:600; border:1px solid #1a76bd; border-bottom-color:#1a76bd; cursor:default; box-shadow:0 2px 6px rgba(31,136,214,.30); }
.srvnav .nav-tabs > li > a > [class^="icon-"], .srvnav .nav-tabs > li > a > [class*=" icon-"]{ margin-right:5px; }
.srvnav .nav-tabs > li.active > a > [class^="icon-"]{ filter:brightness(0) invert(1); }

/* =========================================================================================
   Part 3 — engine-only additions (features that the original panel did not have). Page CSS of the original
   lives inline in the views / mod-*.css; nothing of the old (pre-rewrite) panel theme is left here.
   ========================================================================================= */

/* admin working as a client: orange bar above the fixed navbar */
.impersonation-bar{position:fixed;top:0;left:0;right:0;z-index:1100;background:#f89406;color:#fff;text-align:center;padding:4px 10px;font-size:12px;line-height:16px;}
.impersonation-bar a{color:#fff;text-decoration:underline;margin-left:8px;}
.impersonation-bar form{display:inline;margin:0 0 0 8px;}
.impersonation-bar .btn{padding:0 6px;font-size:11px;line-height:16px;vertical-align:baseline;}
.impersonation-bar ~ .navbar-fixed-top{top:24px;}
.impersonation-bar ~ #wrap #page{padding-top:65px;}
/* «Админ-панель» item in the user dropdown (staff only) */
.dropdown-menu > li > a.admin-link{color:#b94a48;}
/* Yii flashes are rendered at the top of #content as Bootstrap alerts */
#content > .alert.flash{margin-bottom:18px;}
/* small shared helpers used by panel.js (status poll, hidden FTP password) and the admin views */
.nowrap{white-space:nowrap}
.mono{font-family:Monaco,Consolas,"Courier New",monospace}
.blur{filter:blur(5px);cursor:pointer}
.status-label{display:inline-block;padding:2px 9px;border-radius:3px;font-size:13px;border:1px solid transparent}
.status-label.on{color:#2f8f4e;background:#e9f7ee;border-color:#c9e8d3}
.status-label.off{color:#b94a48;background:#fbeaea;border-color:#efc9c9}
.status-label.wait{color:#3a87ad;background:#e6f3fa;border-color:#bfe0ee}
.rank-badge{display:inline-block;background:#fff;color:#444;border:1px solid #d9dde1;border-radius:3px;padding:2px 8px;font-size:12px;font-weight:normal;text-shadow:none;margin-left:6px;line-height:16px}
.label-lite{background:#fff;color:#444;border:1px solid #d9dde1;text-shadow:none;font-weight:normal}